@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-black:#101010;--card-black:#171717;--border-dark:#262626;--text-white:#fff;--text-muted:#a3a3a3;--accent-yellow:#ffc82c;--accent-yellow-hover:#ffd966;--font-inter:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-white);font-family:var(--font-inter);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(41.07% 8.33% at 50% 0,#ffffff1a 0%,#fff0 100%),linear-gradient(#101010 0%,#000 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 16px}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-dark);background:#000;padding:12px 0;position:sticky;top:0}.nav-wrapper{justify-content:space-between;align-items:center;display:flex}.brand-logo{align-items:center;gap:12px;font-size:1.15rem;font-weight:700;display:flex}.brand-logo svg{color:var(--accent-yellow);width:24px;height:24px;margin-left:8px}.app-logo-suffix{width:20px;height:20px;color:var(--accent-yellow)}.logo-placeholder{aspect-ratio:1;background-color:var(--card-black);border:1px dashed var(--border-dark);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.logo-placeholder img{object-fit:cover;filter:invert()brightness(2)contrast(1.2);width:100%;height:100%}.nav-right{align-items:center;gap:12px;display:flex}.nav-links{gap:20px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent-yellow)}.btn-yellow{background-color:var(--accent-yellow);color:#000;text-align:center;border-radius:25px;padding:10px 22px;font-weight:700;transition:background-color .2s,transform .1s;display:inline-block}.btn-yellow:hover{background-color:var(--accent-yellow-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-dark);color:var(--text-white);background:#ffffff0a;border-radius:25px;padding:10px 22px;font-weight:700;display:inline-block}.hero{text-align:center;padding:80px 0 64px}.hero-title{margin-bottom:16px;font-size:clamp(2.3rem,5.5vw,4.2rem);font-weight:800;line-height:1.25}.hero-title span{color:var(--accent-yellow)}.hero-subtitle{color:var(--text-muted);max-width:640px;margin:0 auto 28px;font-size:1.08rem}.eyebrow{color:var(--accent-yellow);letter-spacing:.06em;text-transform:uppercase;background:#ffe60014;border:1px solid #ffe60042;border-radius:99px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-uses-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;max-width:950px;margin:28px auto 0;display:grid}.use-card{border:1px solid var(--border-dark);background:#ffffff0a;border-radius:16px;padding:20px;position:relative}.use-card.highlight{border-color:var(--accent-yellow);background:#ffe6000d}.use-card .use-number{background:var(--accent-yellow);color:#000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:12px;font-size:.85rem;font-weight:800;display:flex}.use-card h3{margin-bottom:6px;font-size:1.1rem}.use-card p{color:var(--text-muted);font-size:.88rem;line-height:1.4}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-actions a{min-width:220px}.product-preview{text-align:left;background:linear-gradient(135deg,#ffffff21,#ffffff05);border:1px solid #ffffff29;border-radius:24px;max-width:950px;margin:46px auto 0;padding:16px;box-shadow:0 24px 80px #00000061}.preview-bar{gap:6px;padding:2px 0 15px;display:flex}.preview-bar i{background:#555;border-radius:50%;width:8px;height:8px}.preview-bar i:first-child{background:#ffe600}.preview-body{grid-template-columns:1.35fr .8fr;gap:14px;display:grid}.preview-panel{border:1px solid var(--border-dark);background:#00000061;border-radius:16px;padding:20px}.preview-panel small,.preview-panel .metric-label{color:var(--text-muted)}.preview-panel h3{margin:4px 0 18px;font-size:1.25rem}.preview-metrics{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric{background:#1b1b1b;border-radius:12px;padding:15px}.metric strong{margin-top:4px;font-size:1.25rem;display:block}.metric strong.yellow{color:var(--accent-yellow)}.bars{align-items:end;gap:11px;height:106px;padding-top:16px;display:flex}.bars i{background:linear-gradient(#ffe600,#b39c00);border-radius:5px 5px 1px 1px;flex:1;display:block}.ledger-row{border-bottom:1px solid var(--border-dark);justify-content:space-between;padding:12px 0;font-size:.86rem;display:flex}.ledger-row b{color:#9ee6b3}.ledger-row b.debit{color:#ffca7a}.section-padding{padding:40px 0}.section-title{text-align:center;margin-bottom:8px;font-size:1.75rem;font-weight:700}.section-sub{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:.95rem}.steps-list{flex-direction:column;gap:16px;max-width:640px;margin:0 auto;display:flex}.step-item{background:var(--card-black);border:1px solid var(--border-dark);border-radius:14px;align-items:center;gap:16px;padding:18px 20px;display:flex}.step-item .step-num{border:1.5px solid var(--accent-yellow);width:34px;height:34px;color:var(--accent-yellow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.step-item p{margin:0;font-size:.95rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{border:1px solid var(--border-dark);background:linear-gradient(145deg,#ffffff12,#ffffff05);border-radius:18px;padding:24px;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:#ffe6008c;transform:translateY(-4px)}.feature-card h3{margin-bottom:8px;font-size:1.05rem}.feature-card p{color:var(--text-muted);font-size:.9rem}.feature-icon{width:42px;height:42px;color:var(--accent-yellow);background:#ffe6001f;border-radius:12px;place-items:center;margin-bottom:18px;font-size:1.25rem;display:grid}.screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.app-card{border:1px solid var(--border-dark);background:linear-gradient(145deg,#202020,#121212);border-radius:16px;padding:16px}.screenshot-placeholder{border:1px dashed var(--border-dark);width:100%;height:340px;color:var(--text-muted);background:radial-gradient(circle at 50% 0,#ffe60026,#0000 40%),#000;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.screenshot-placeholder img{object-fit:contain;width:100%;height:100%}.video-card{background-color:var(--card-black);border:1px solid var(--border-dark);cursor:pointer;border-radius:16px;transition:transform .2s,border-color .2s;overflow:hidden}.video-card:hover{border-color:var(--accent-yellow);transform:translateY(-4px)}.video-card:hover .play-btn{background-color:var(--accent-yellow-hover);transform:translate(-50%,-50%)scale(1.1)}.video-placeholder.square-thumb{aspect-ratio:1;background-color:#000;width:100%;position:relative;overflow:hidden}.video-placeholder.square-thumb img{object-fit:cover;width:100%;height:100%}.video-placeholder.square-thumb .play-btn{background-color:var(--accent-yellow);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000080}.video-info{text-align:center;padding:14px;display:none}.video-info h4{font-size:.95rem;font-weight:600}.video-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;opacity:0;visibility:hidden;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.video-modal-overlay.active{opacity:1;visibility:visible}.video-modal-container{background:var(--card-black);border:1px solid var(--border-dark);border-radius:20px;flex-direction:column;width:100%;max-width:640px;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c}.video-modal-header{border-bottom:1px solid var(--border-dark);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.video-modal-header h3{color:var(--text-white);font-size:1.05rem}.video-modal-header .video-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.video-modal-header .video-modal-close:hover{color:var(--accent-yellow)}.video-wrapper{aspect-ratio:1;background-color:#000;width:100%;position:relative}.video-wrapper video{object-fit:contain;width:100%;height:100%}.video-controls-bar{border-top:1px solid var(--border-dark);background:#0006;align-items:center;gap:12px;padding:14px 20px;display:flex}.video-controls-bar .video-control-btn{background:var(--accent-yellow);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.video-controls-bar .video-progress-wrapper{flex:1}.video-controls-bar .video-progress-wrapper input[type=range]{width:100%;accent-color:var(--accent-yellow);cursor:pointer}.video-controls-bar .video-time-display{color:var(--text-muted);white-space:nowrap;font-family:monospace;font-size:.8rem}@media (width<=600px){.videos-grid{grid-template-columns:repeat(2,1fr);gap:12px}.video-modal-container{border-radius:14px}.video-controls-bar{gap:8px;padding:10px 12px}}.video-info{padding:14px}.youtube-banner{text-align:center;border:1px solid var(--border-dark);background:linear-gradient(145deg,#1f1f1f,#141414);border-radius:16px;max-width:640px;margin:0 auto;padding:28px 20px}.youtube-banner p{color:var(--text-muted);margin-top:6px;font-size:.9rem}.pricing-single-card{background:var(--card-black);border:2px solid var(--accent-yellow);text-align:center;border-radius:20px;max-width:540px;margin:0 auto;padding:36px 24px}.pricing-single-card .price-badge{background:var(--accent-yellow);color:#000;text-transform:uppercase;border-radius:20px;margin-bottom:14px;padding:4px 14px;font-size:.8rem;font-weight:800;display:inline-block}.pricing-single-card .price-amount{color:var(--accent-yellow);margin:12px 0;font-size:2.2rem;font-weight:800}.pricing-single-card .price-amount span{color:var(--text-white);margin-top:4px;font-size:.95rem;font-weight:400;display:block}.pricing-single-card .price-note{color:var(--text-muted);font-size:.95rem}.faq-list{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.faq-item{background-color:var(--card-black);border:1px solid var(--border-dark);border-radius:12px;overflow:hidden}.faq-question{width:100%;color:var(--text-white);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px;font-size:.95rem;font-weight:600;display:flex}.faq-answer{color:var(--text-muted);padding:0 18px 18px;font-size:.9rem;display:none}.faq-item.active .faq-answer{display:block}.footer{border-top:1px solid var(--border-dark);background:#000;padding:40px 0 20px;font-size:.9rem}.footer .seo-tag{color:var(--text-muted);background:#ffe60014;border:1px solid #ffe60042;border-radius:12px;flex-wrap:wrap;margin:6px 0;padding:4px 10px;font-size:.8rem;line-height:1;display:inline-flex}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;margin-bottom:30px;display:grid}.footer-col h4{color:var(--text-white);margin-bottom:14px;font-size:.95rem}.footer-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-col a{color:var(--text-muted);transition:color .2s}.footer-col a:hover{color:var(--accent-yellow)}.copyright{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-dark);padding-top:20px;font-size:.85rem}.lang-btn{background-color:var(--card-black);color:var(--text-white);justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:.9rem;font-weight:700;transition:border-color .2s,color .2s;display:inline-flex}.lang-btn:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:4px;display:none}.menu-toggle span{background-color:var(--text-white);border-radius:2px;width:100%;height:2px;transition:all .3s ease-in-out;display:block}.menu-toggle.active span:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}@media (width<=1024px){.menu-toggle{display:flex}.nav-right{gap:8px}.nav-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dark);background:#101010fa;flex-direction:column;gap:16px;padding:16px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.active{display:flex}.nav-links li a{padding:6px 0;font-size:1rem;display:block}}@media (width<=768px){.nav-links{display:none}.hero{padding-top:50px}.hero-uses-grid,.preview-body,.feature-grid{grid-template-columns:1fr}.full-mobile{text-align:center;width:100%;display:block}.preview-panel{padding:16px}.section-padding{padding:50px 0}.brand-logo{font-size:1rem}.logo-placeholder{width:34px;height:34px}}@media (width<=1080px){.hero,.section-padding{padding-left:20px;padding-right:20px}}.motive-card{background:linear-gradient(145deg,#ffe6000d,#ffffff05);border:1px solid #ffe60040;border-radius:20px;max-width:950px;margin:0 auto;padding:32px 28px}@media (width<=768px){.motive-card{padding:22px 18px}}.legal-main{max-width:900px;padding-top:40px;padding-bottom:60px}.legal-hero{text-align:center;margin-bottom:32px}.legal-hero h1{color:var(--text-white);margin-top:12px;margin-bottom:8px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.legal-hero .legal-updated{color:var(--text-muted);font-size:.9rem}.legal-card{background:var(--card-black);border:1px solid var(--border-dark);border-radius:20px;padding:36px 32px;box-shadow:0 16px 40px #00000059}.legal-card p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.7}.legal-card p strong{color:var(--text-white)}.legal-card h3{color:var(--text-white);border-bottom:1px solid var(--border-dark);margin-top:28px;margin-bottom:12px;padding-bottom:8px;font-size:1.25rem;font-weight:700}.legal-card ul{flex-direction:column;gap:10px;margin-bottom:24px;padding-left:20px;list-style-type:disc;display:flex}.legal-card ul li{color:var(--text-muted);font-size:.95rem;line-height:1.6}.legal-card ul li strong{color:var(--text-white)}.floating-help-btn{z-index:99;background-color:var(--card-black);color:var(--text-white);border:1px solid var(--border-dark);border-radius:30px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:600;transition:border-color .2s,color .2s,transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0006}.floating-help-btn:hover{border-color:var(--accent-yellow);color:var(--accent-yellow);transform:translateY(-2px)}@media (width<=600px){.legal-main{padding-top:24px}.legal-card{border-radius:16px;padding:24px 18px}}
