.landing{z-index:1;position:relative;overflow-x:hidden}#hero,#features,#how,#pricing{scroll-margin-top:80px}.grain{z-index:9999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.landing-nav{z-index:100;padding:18px 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.landing-nav.solid{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);background:#080b12e0;padding:10px 0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.nav-logo{color:var(--text);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.nav-logo em{color:var(--accent);font-style:italic}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-login{border:1px solid var(--border2);background:0 0;border-radius:10px;padding:9px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;color:var(--text)!important}.nav-login:hover{border-color:var(--accent);color:var(--accent)!important}.nav-cta{background:var(--accent);border-radius:10px;padding:10px 22px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;color:#fff!important}.nav-cta:hover{background:var(--accent2);transform:translateY(-1px)}.nav-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.nav-burger span{background:var(--text);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.mobile-menu{flex-direction:column;gap:12px;padding:20px 32px;animation:.3s menuSlide;display:none}.mobile-menu a{color:var(--muted);border-bottom:1px solid var(--border);padding:10px 0;font-size:.95rem;font-weight:500;text-decoration:none}@media (max-width:768px){.nav-links{display:none}.nav-burger,.mobile-menu{display:flex}}@keyframes menuSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.hero{max-width:1200px;margin:0 auto;padding:160px 32px 0;position:relative;overflow:hidden}.orb{filter:blur(120px);pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:#b8664921;width:500px;height:500px;top:-80px;left:-180px}.orb-2{background:#4f8eff12;width:400px;height:400px;animation-delay:-5s;top:100px;right:-120px}.orb-3{background:#1ee3a40f;width:280px;height:280px;animation-delay:-9s;bottom:100px;left:40%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(18px,-28px)scale(1.04)}66%{transform:translate(-14px,18px)scale(.96)}}.hero-inner{z-index:2;position:relative}.hero-badge{background:var(--accent-dim);color:var(--accent);letter-spacing:.04em;border:1px solid #b8664940;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:7px 16px;font-size:.75rem;font-weight:600;animation:.8s both fadeSlideUp;display:inline-flex}.hero-title{letter-spacing:-.04em;color:var(--text);flex-direction:column;margin-bottom:40px;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:1.04;display:flex}.hero-line{animation:.9s cubic-bezier(.16,1,.3,1) both lineReveal;display:block;overflow:hidden}.hero-line:nth-child(2){animation-delay:.12s}.hero-accent{background:linear-gradient(135deg, var(--accent) 0%, #e8a090 55%, var(--amber) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes lineReveal{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.hero-row{align-items:flex-start;gap:48px;margin-bottom:48px;animation:.8s .3s both fadeSlideUp;display:flex}.hero-sub{color:var(--muted);flex:1;max-width:440px;font-size:1.1rem;line-height:1.72}.hero-actions{flex-shrink:0;align-items:center;gap:12px;padding-top:4px;display:flex}.hero-stats{border-top:1px solid var(--border);align-items:center;gap:40px;padding:28px 0;animation:.8s .5s both fadeSlideUp;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-num{color:var(--text);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.stat-label{color:var(--muted2);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.stat-divider{background:var(--border2);width:1px;height:44px}.hero-screenshot{border:1px solid var(--border);border-bottom:none;border-radius:20px 20px 0 0;margin-top:64px;animation:1s cubic-bezier(.16,1,.3,1) .6s both screenshotReveal;position:relative;overflow:hidden;box-shadow:0 -4px 60px #00000080,0 40px 100px #0009}.hero-img{width:100%;height:auto;display:block}.hero-screenshot-fade{background:linear-gradient(to top, var(--bg) 0%, transparent 100%);pointer-events:none;height:180px;position:absolute;bottom:0;left:0;right:0}@keyframes screenshotReveal{0%{opacity:0;transform:translateY(60px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.hero{padding-top:120px}.hero-title{font-size:clamp(2.4rem,8vw,4rem)}.hero-row{flex-direction:column;gap:24px}.hero-sub{max-width:100%}.hero-actions{flex-wrap:wrap}.hero-stats{gap:24px}.hero-screenshot{border-radius:14px 14px 0 0;margin-top:48px}.hero-screenshot-fade{height:100px}}@media (max-width:600px){.hero{padding-left:20px;padding-right:20px}.hero-stats{flex-wrap:wrap;gap:20px}.stat-divider{display:none}.hero-screenshot{border-radius:10px 10px 0 0;margin-top:36px}}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 24px #b8664959}.btn-primary:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 10px 36px #b8664980}.btn-primary.full{justify-content:center;width:100%}.btn-primary.large{border-radius:14px;padding:18px 40px;font-size:1.05rem}.btn-ghost{color:var(--text);border:1px solid var(--border2);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-outline{width:100%;color:var(--text);border:1px solid var(--border2);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--s1);-webkit-user-select:none;user-select:none;padding:16px 0;overflow:hidden}.marquee-track{width:max-content;animation:28s linear infinite marqueeScroll;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{letter-spacing:.18em;color:var(--muted2);text-transform:uppercase;white-space:nowrap;align-items:center;gap:0;padding:0 4px;font-size:.7rem;font-weight:700;display:inline-flex}.marquee-sep{color:var(--accent);margin:0 20px;font-size:.6rem}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-header{text-align:center;max-width:620px;margin:0 auto 60px}.section-tag{letter-spacing:.18em;color:var(--accent);margin-bottom:18px;font-size:.65rem;font-weight:700;display:inline-block}.section-header h2{letter-spacing:-.025em;color:var(--text);margin-bottom:16px;font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;line-height:1.12}.section-header p{color:var(--muted);font-size:1rem;line-height:1.68}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, #e8a090 50%, var(--amber) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.features-section{max-width:1200px;margin:0 auto;padding:110px 32px}.features-bento{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{background:var(--s1);border:1px solid var(--border);border-radius:20px;padding:32px 28px;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .25s}.feature-card:hover{border-color:var(--border3);transition:border-color .25s,box-shadow .25s;box-shadow:0 20px 56px #00000059}.feature-card.featured{background:linear-gradient(135deg, var(--s1) 0%, #b866490f 100%);border-color:#b8664933;grid-column:span 2}.feature-card.featured:hover{border-color:#b8664973}.feature-icon{background:var(--s2);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:22px;display:flex}.feature-card.featured .feature-icon{background:#b866491f;border-color:#b8664940;border-radius:16px;width:56px;height:56px}.feature-card h3{color:var(--text);margin-bottom:10px;font-size:1.05rem;font-weight:700}.feature-card.featured h3{font-size:1.2rem}.feature-card p{color:var(--muted);font-size:.88rem;line-height:1.65}.features-bento .feature-card:last-child{grid-column:span 3}@media (max-width:900px){.features-section,.gallery-section,.how-section,.showcase-section,.pricing-section{padding-left:20px;padding-right:20px}.features-bento{grid-template-columns:repeat(2,1fr)}.feature-card.featured,.features-bento .feature-card:last-child{grid-column:span 2}}@media (max-width:600px){.features-bento{grid-template-columns:1fr}.feature-card.featured,.features-bento .feature-card:last-child{grid-column:span 1}}.gallery-section{max-width:1200px;margin:0 auto;padding:110px 32px}.gallery-frame{border:1px solid var(--border);border-radius:20px;transition:box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 8px 60px #0006,inset 0 0 0 1px #b8664914}.gallery-frame:hover{box-shadow:0 20px 80px #0000008c,inset 0 0 0 1px #b8664926}.gallery-badge{z-index:10;background:var(--accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.65rem;font-weight:700;position:absolute;top:14px;right:14px;box-shadow:0 2px 12px #b8664966}.gallery-highlights{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.highlight-card{background:var(--s1);border:1px solid var(--border);border-radius:16px;align-items:flex-start;gap:14px;padding:22px 24px;transition:all .3s;display:flex}.highlight-card:hover{border-color:var(--border3);transform:translateY(-2px)}.highlight-card svg{flex-shrink:0;margin-top:3px}.highlight-card strong{color:var(--text);margin-bottom:4px;font-size:.92rem;font-weight:700;display:block}.highlight-card p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}@media (max-width:768px){.gallery-highlights{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.gallery-highlights{grid-template-columns:1fr}}.how-section{max-width:900px;margin:0 auto;padding:110px 32px}.steps-list{flex-direction:column;gap:0;display:flex}.step-row{border-bottom:1px solid var(--border);cursor:default;align-items:center;gap:32px;padding:36px 0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);display:flex}.step-row:first-child{border-top:1px solid var(--border)}.step-row:hover .step-body h3{color:var(--accent);transition:color .2s}.step-row:hover .step-rule{background:var(--accent);transition:background .2s}.step-num{letter-spacing:-.05em;text-align:right;opacity:.9;font-variant-numeric:tabular-nums;flex-shrink:0;width:100px;font-size:3.5rem;font-weight:900;line-height:1}.step-rule{background:var(--border2);flex-shrink:0;width:1px;height:60px}.step-body{flex:1}.step-body h3{color:var(--text);margin-bottom:8px;font-size:1.2rem;font-weight:700}.step-body p{color:var(--muted);max-width:480px;font-size:.92rem;line-height:1.65}@media (max-width:600px){.step-row{gap:20px}.step-num{width:64px;font-size:2.4rem}.step-rule{height:40px}}.showcase-section{align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding:110px 32px;display:flex}.showcase-content{flex:1}.showcase-content h2{letter-spacing:-.025em;color:var(--text);margin:16px 0 20px;font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;line-height:1.12}.showcase-content p{color:var(--muted);margin-bottom:28px;font-size:1rem;line-height:1.72}.showcase-list{flex-direction:column;gap:14px;margin-bottom:36px;padding:0;list-style:none;display:flex}.showcase-list li{color:var(--text);align-items:center;gap:12px;font-size:.92rem;font-weight:500;display:flex}.showcase-visual{flex:0 0 380px;justify-content:center;display:flex}.phone-frame{box-shadow:0 40px 100px #0000008c, 0 0 0 1px var(--border);border-radius:36px;max-width:300px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.phone-frame:hover{transform:scale(1.02)rotate(-1.5deg)}.phone-img{width:100%;height:auto;display:block}@media (max-width:900px){.showcase-section{text-align:center;flex-direction:column-reverse;gap:48px}.showcase-visual{flex:none;width:260px}.showcase-list{align-items:center}}.pricing-section{max-width:920px;margin:0 auto;padding:110px 32px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.price-card{background:var(--s1);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;flex-direction:column;padding:40px 36px;transition:all .35s;display:flex}.price-card:hover{border-color:var(--border3);transform:translateY(-4px);box-shadow:0 24px 64px #00000059}.price-card.popular{background:linear-gradient(160deg, var(--s1) 0%, #b866490d 100%);border-color:#b8664966;position:relative;box-shadow:inset 0 0 0 1px #b866491f,0 8px 40px #b866491a}.price-card.popular:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.price-card.popular:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px #b866494d,0 28px 80px #b866492e}.popular-badge{background:var(--accent);color:#fff;letter-spacing:.12em;white-space:nowrap;border-radius:100px;padding:5px 20px;font-size:.62rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #b8664966}.price-tag{color:var(--muted2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.78rem;font-weight:700}.price-amount{color:var(--text);letter-spacing:-.04em;margin-bottom:6px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900}.price-amount span{color:var(--muted);font-size:1rem;font-weight:500}.price-desc{color:var(--muted);margin-bottom:28px;font-size:.88rem}.price-card ul{flex-direction:column;flex:1;gap:12px;margin-bottom:32px;padding:0;list-style:none;display:flex}.price-card li{color:var(--text2);font-size:.88rem}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}}.final-cta{text-align:center;padding:140px 32px 120px;position:relative;overflow:hidden}.cta-inner{z-index:2;max-width:660px;margin:0 auto;position:relative}.cta-orb{filter:blur(80px);pointer-events:none;background:radial-gradient(#b866491f 0%,#0000 70%);border-radius:50%;width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-orb-2{background:radial-gradient(#1ee3a40d 0%,#0000 70%);width:350px;height:350px;animation:16s ease-in-out infinite orbFloat;top:20%;left:30%;transform:none}.final-cta .section-tag{margin-bottom:20px}.final-cta h2{letter-spacing:-.03em;color:var(--text);margin-bottom:18px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.12}.final-cta p{color:var(--muted);margin-bottom:40px;font-size:1.05rem}.cta-note{color:var(--muted2);margin-top:20px;font-size:.75rem;display:block}.landing-footer{border-top:1px solid var(--border);padding:52px 32px 24px}.footer-inner{justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto 44px;display:flex}.footer-brand p{color:var(--muted);margin-top:12px;font-size:.82rem}.footer-links{gap:28px;padding-top:4px;display:flex}.footer-links a{color:var(--muted);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding-top:20px}.footer-bottom p{color:var(--muted2);font-size:.75rem}@media (max-width:640px){.footer-inner{flex-direction:column;gap:28px}.footer-links{flex-direction:column;gap:14px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}