@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--ink:#111126;--muted:#696981;--purple:#7057f5;--purple2:#9b67ff;--blue:#49b6ff;--mint:#38d6a5;--surface:#fff;--line:rgba(24,20,70,.10);--shadow:0 28px 80px rgba(45,32,112,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fbfaff;overflow-x:hidden}button,a{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav{position:fixed;z-index:50;top:14px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 26px));height:68px;padding:0 16px 0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.86);box-shadow:0 14px 42px rgba(35,26,94,.10);backdrop-filter:blur(18px);border-radius:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:Manrope;font-weight:800;font-size:20px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;color:white;background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 10px 25px rgba(112,87,245,.3)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:#4d4c62;text-decoration:none;font-size:14px;font-weight:600}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:14px;border:0;text-decoration:none;font-weight:700;cursor:pointer;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(135deg,var(--purple),#8b5df8);box-shadow:0 12px 30px rgba(112,87,245,.30)}.btn-ghost{color:var(--ink);background:white;border:1px solid var(--line)}
.hero{position:relative;min-height:850px;padding:155px 0 100px;background:radial-gradient(circle at 50% 4%,#eee8ff 0,transparent 34%),linear-gradient(180deg,#faf8ff 0,#fff 75%)}.hero:before,.hero:after{content:'';position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero:before{width:360px;height:360px;left:-180px;top:280px;background:rgba(73,182,255,.10)}.hero:after{width:420px;height:420px;right:-210px;top:90px;background:rgba(155,103,255,.10)}.hero-copy{text-align:center;position:relative;z-index:2;max-width:900px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(112,87,245,.16);background:rgba(255,255,255,.78);color:#6650df;font-size:13px;font-weight:700;box-shadow:0 9px 26px rgba(67,45,145,.08)}.pulse{width:7px;height:7px;background:#39cf9d;border-radius:50%;box-shadow:0 0 0 5px rgba(57,207,157,.13)}h1,h2,h3{font-family:Manrope;margin:0}.hero h1{font-size:clamp(48px,7vw,82px);line-height:1.03;letter-spacing:-4px;margin:26px 0 22px}.gradient-text{background:linear-gradient(100deg,#5d45e8,#a34ef1 50%,#329ee9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:690px;margin:0 auto;color:var(--muted);font-size:19px;line-height:1.7}.hero-cta{display:flex;justify-content:center;gap:12px;margin-top:30px}.microcopy{margin-top:14px!important;font-size:13px!important;color:#858398!important}.product-stage{position:relative;width:min(1040px,96%);margin:70px auto 0;perspective:1200px}.glow{position:absolute;width:70%;height:60%;left:15%;bottom:0;background:linear-gradient(90deg,rgba(112,87,245,.28),rgba(73,182,255,.2));filter:blur(65px);border-radius:50%}.browser{position:relative;z-index:2;background:#fff;border:1px solid rgba(50,35,105,.14);border-radius:24px;box-shadow:0 45px 110px rgba(38,27,91,.22);overflow:hidden;transform:rotateX(2deg)}.browser-top{height:45px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #eeeaf8;background:#fff}.dot{width:9px;height:9px;border-radius:50%;background:#e1deea}.url-pill{height:25px;width:42%;margin:auto;border-radius:8px;background:#f4f2f9;color:#aaa4b6;font-size:10px;display:grid;place-items:center}.dash{display:grid;grid-template-columns:170px 1fr;min-height:460px;background:#f7f6fb}.dash-side{padding:22px 14px;background:linear-gradient(180deg,#19172e,#292443);color:white}.mini-brand{font-weight:800;margin-bottom:24px}.mini-nav{padding:10px;border-radius:9px;font-size:10px;margin:5px 0;color:#aaa6bd}.mini-nav.active{background:linear-gradient(90deg,#6c54e8,#765def);color:#fff}.dash-main{padding:24px}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dash-head h4{font:800 18px Manrope;margin:0}.sync{font-size:9px;color:#32a982;background:#e9fbf4;padding:6px 8px;border-radius:8px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-card{background:#fff;border:1px solid #ebe8f3;border-radius:13px;padding:14px;box-shadow:0 8px 20px rgba(35,29,75,.04)}.mini-card span{font-size:8px;color:#77748a}.mini-card strong{display:block;font:800 17px Manrope;margin-top:7px}.mini-card.safe{background:linear-gradient(145deg,#f0fff9,#fff)}.mini-card.safe strong{color:#16a978}.dash-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:12px;margin-top:12px}.bill-panel,.breakdown{background:#fff;border:1px solid #ebe8f3;border-radius:14px;padding:14px}.panel-title{font:700 11px Manrope;margin-bottom:10px}.bill-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #f0edf5;font-size:9px}.bill-icon{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#f0edff;margin-right:6px}.bill-status{color:#745be9;background:#efecff;padding:4px 7px;border-radius:7px}.chart{display:flex;align-items:flex-end;gap:8px;height:105px;padding-top:15px}.bar{flex:1;background:linear-gradient(180deg,#9a72f4,#6b55e4);border-radius:6px 6px 2px 2px;min-height:20px}.bar:nth-child(2){height:82%}.bar:nth-child(3){height:50%}.bar:nth-child(4){height:95%}.phone{position:absolute;z-index:4;right:-26px;bottom:-42px;width:190px;padding:7px;background:#171522;border:1px solid rgba(255,255,255,.6);border-radius:31px;box-shadow:0 30px 70px rgba(20,16,48,.36);transform:rotate(4deg)}.phone-screen{background:#f8f7fc;border-radius:25px;min-height:360px;padding:18px 12px;overflow:hidden}.notch{width:72px;height:17px;border-radius:20px;background:#171522;margin:-14px auto 15px}.phone-title{font:800 14px Manrope}.phone-sub{font-size:8px;color:#888;margin:4px 0 12px}.phone-safe{padding:15px;border-radius:14px;color:white;background:linear-gradient(135deg,#7057f5,#9968f4)}.phone-safe span{font-size:8px;opacity:.8}.phone-safe strong{display:block;font:800 24px Manrope;margin-top:4px}.phone-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #ece9f3;padding:10px;margin-top:8px;border-radius:11px;font-size:8px}.floating-chip{position:absolute;z-index:5;padding:12px 15px;border-radius:14px;background:rgba(255,255,255,.94);border:1px solid white;box-shadow:0 18px 40px rgba(39,27,98,.15);font-size:11px;font-weight:700;animation:float 4s ease-in-out infinite}.chip-one{left:-34px;top:100px}.chip-two{right:85px;top:-22px;animation-delay:-1.8s}.chip-icon{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#ede9ff;margin-right:7px}@keyframes float{50%{transform:translateY(-10px)}}
.logo-strip{padding:28px 0;border-top:1px solid #f0edf6;border-bottom:1px solid #f0edf6;background:#fff}.logo-strip-inner{display:flex;justify-content:center;flex-wrap:wrap;gap:26px 55px;color:#77748a;font-size:14px;font-weight:700}.section{padding:110px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 55px}.section-kicker{color:#745be8;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section h2{font-size:clamp(36px,5vw,56px);letter-spacing:-2.5px;line-height:1.08;margin:12px 0 16px}.section-head p{color:var(--muted);line-height:1.7;font-size:17px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{position:relative;min-height:250px;padding:25px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px rgba(44,34,94,.055);overflow:hidden;transition:.3s ease}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#eeeaff,#faf8ff);font-size:22px}.feature h3{font-size:20px;margin:38px 0 10px}.feature p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}.feature-wide{grid-column:span 2;background:linear-gradient(135deg,#1b1731,#2d2553);color:#fff}.feature-wide p{color:#c9c4dd}.feature-wide:after{content:'$684';position:absolute;right:25px;top:36px;font:800 65px Manrope;color:rgba(255,255,255,.08)}
.showcase{background:#171429;color:#fff;position:relative;overflow:hidden}.showcase:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(122,88,245,.32),transparent 32%),radial-gradient(circle at 10% 80%,rgba(61,176,255,.16),transparent 30%)}.showcase-inner{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.showcase-copy h2{font-size:clamp(38px,5vw,60px);letter-spacing:-2.5px}.showcase-copy p{color:#bcb7d0;line-height:1.75;font-size:17px}.check-list{display:grid;gap:14px;margin-top:28px}.check-item{display:flex;gap:11px;align-items:center;color:#eeeafa}.checkmark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(63,215,167,.16);color:#52e0b5;font-size:12px}.ai-window{padding:17px;border-radius:25px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 80px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.ai-head{display:flex;align-items:center;gap:10px;padding:5px 4px 17px;border-bottom:1px solid rgba(255,255,255,.1)}.ai-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7659f6,#a769ef)}.chat{padding:22px 8px 5px;display:grid;gap:14px}.bubble{max-width:82%;padding:14px 16px;border-radius:16px;line-height:1.55;font-size:14px}.bubble.user{justify-self:end;background:#7257ed}.bubble.ai{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08)}.ai-result{margin-top:7px;padding:12px;border-radius:12px;background:rgba(52,208,162,.12);color:#82eccb;font-weight:700;font-size:12px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{padding:30px;border-left:1px solid #dfd9f1}.step-num{font:800 13px Manrope;color:#755be8}.step h3{margin:18px 0 10px;font-size:21px}.step p{color:var(--muted);line-height:1.65;margin:0}.pricing-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,390px));justify-content:center;gap:18px}.price-card{padding:30px;border:1px solid var(--line);border-radius:25px;background:#fff}.price-card.featured{color:#fff;background:linear-gradient(145deg,#211b3b,#34285d);box-shadow:0 30px 70px rgba(44,31,98,.22);position:relative}.popular{position:absolute;right:22px;top:22px;padding:7px 10px;background:#755aea;border-radius:999px;font-size:10px;font-weight:800}.price-name{font:800 18px Manrope}.price{font:800 46px Manrope;margin:20px 0 4px}.price small{font:500 13px DM Sans}.price-note{color:#858197;font-size:13px}.featured .price-note{color:#bdb7d2}.price-list{display:grid;gap:13px;padding:22px 0;margin:22px 0;border-top:1px solid rgba(128,116,164,.18);border-bottom:1px solid rgba(128,116,164,.18);font-size:14px}.price-card .btn{width:100%}.faq{max-width:850px;margin:auto;display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;text-align:left;padding:20px 22px;border:0;background:transparent;font-weight:700;color:var(--ink);cursor:pointer}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-a p{padding:0 22px 20px;margin:0;color:var(--muted);line-height:1.65}.faq-item.open .faq-a{max-height:160px}.faq-item.open .faq-q span{transform:rotate(45deg)}.faq-q span{transition:.25s}.final-cta{padding:0 0 90px}.cta-box{text-align:center;padding:70px 30px;border-radius:32px;color:#fff;background:radial-gradient(circle at 20% 0,rgba(83,184,255,.35),transparent 32%),linear-gradient(135deg,#5b43dc,#8b55ed);box-shadow:0 35px 85px rgba(94,65,209,.27)}.cta-box h2{font-size:clamp(36px,5vw,58px);letter-spacing:-2px}.cta-box p{color:#e7e1ff;font-size:17px}.cta-box .btn{background:#fff;color:#5d43dd;margin-top:16px}.footer{padding:28px 0 40px}.footer-inner{display:flex;align-items:center;justify-content:space-between;color:#77738a;font-size:13px}.footer-links{display:flex;gap:22px}.footer-links a{color:inherit;text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none}.features{grid-template-columns:1fr 1fr}.feature-wide{grid-column:span 2}.showcase-inner{grid-template-columns:1fr}.phone{right:-8px;width:160px}.dash{grid-template-columns:130px 1fr}.metric-row{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.breakdown{display:none}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.nav{height:60px}.nav .brand{font-size:17px}.nav-actions .btn-ghost{display:none}.nav-actions .btn{min-height:40px;padding:0 14px}.hero{min-height:auto;padding-top:125px}.hero h1{font-size:48px;letter-spacing:-2.6px}.hero-copy>p{font-size:16px}.hero-cta{flex-direction:column;align-items:stretch}.product-stage{margin-top:48px;width:100%}.browser{border-radius:17px}.browser-top{height:34px}.dash{grid-template-columns:1fr;min-height:360px}.dash-side{display:none}.dash-main{padding:13px}.dash-head h4{font-size:13px}.metric-row{gap:6px}.mini-card{padding:9px}.mini-card strong{font-size:12px}.dash-grid{gap:7px}.bill-row{padding:7px}.phone{display:none}.chip-one{left:-7px;top:auto;bottom:-22px}.chip-two{right:-5px;top:-25px}.section{padding:80px 0}.features,.steps,.pricing-wrap{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature{min-height:220px}.showcase-inner{gap:40px}.section h2{letter-spacing:-1.7px}.footer-inner{flex-direction:column;gap:16px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.logo-strip-inner{gap:15px 26px;font-size:12px}}

/* Landing page enhancement pass */
.brand-copy{display:grid;line-height:1}.brand-copy strong{font:800 19px Manrope}.brand-copy small{margin-top:4px;color:#8a8699;font:600 9px DM Sans;letter-spacing:.01em}.proof-section{background:linear-gradient(180deg,#fff 0%,#faf8ff 100%)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.proof-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 16px 42px rgba(44,34,94,.06);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.proof-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.proof-card:after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-55px;background:radial-gradient(circle,rgba(118,87,245,.13),transparent 68%)}.proof-number{color:#755be8;font:800 12px Manrope;letter-spacing:.08em}.proof-card h3{margin:32px 0 10px;font-size:21px}.proof-card p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.founder-note{display:flex;align-items:center;gap:18px;margin-top:18px;padding:22px 25px;border:1px solid #ded8f2;border-radius:20px;background:linear-gradient(135deg,#f7f4ff,#fff)}.founder-icon{flex:0 0 45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#6b50e8,#945af2);box-shadow:0 12px 24px rgba(105,76,224,.22)}.founder-note strong{font:800 16px Manrope}.founder-note p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.product-stage.motion-ready .browser{will-change:transform}.product-stage.motion-ready .phone{will-change:transform}.nav.scrolled{box-shadow:0 18px 50px rgba(42,31,90,.16);border-color:rgba(120,94,225,.16)}
@media(max-width:900px){.brand-copy small{display:none}.proof-grid{grid-template-columns:1fr 1fr}.proof-card:last-child{grid-column:span 2}}
@media(max-width:640px){.brand-copy strong{font-size:17px}.proof-grid{grid-template-columns:1fr}.proof-card:last-child{grid-column:auto}.founder-note{align-items:flex-start}.founder-icon{flex-basis:40px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-chip{animation:none}.reveal{transition:none}.proof-card,.feature{transition:none}}

/* 16.0 — AI-first landing hero */
.hero{min-height:900px;padding-top:150px;background:
  radial-gradient(circle at 50% 0%,rgba(131,91,255,.20),transparent 32%),
  radial-gradient(circle at 8% 38%,rgba(73,182,255,.13),transparent 25%),
  linear-gradient(180deg,#f8f5ff 0%,#ffffff 78%)}
.hero-copy{max-width:980px}
.hero h1{max-width:960px;margin-left:auto;margin-right:auto}
.hero-lead{max-width:760px!important;font-size:20px!important}
.hero-primary{padding-inline:24px;box-shadow:0 18px 38px rgba(112,87,245,.34)}
.hero-primary span{font-size:18px;transition:transform .2s ease}
.hero-primary:hover span{transform:translateX(3px)}
.hero-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin:24px auto 0;color:#4f4d64;font-size:13px;font-weight:700}
.hero-proof span{display:inline-flex;align-items:center;gap:7px}
.hero-proof b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e9fbf4;color:#18a878;font-size:11px}
.product-stage{margin-top:58px}
.browser{border-color:rgba(89,62,190,.18);box-shadow:0 52px 125px rgba(42,28,102,.25)}
.floating-chip{border-color:rgba(112,87,245,.12);box-shadow:0 20px 48px rgba(39,27,98,.18)}
.logo-strip{background:linear-gradient(90deg,#ffffff,#faf8ff,#ffffff)}
.logo-strip-inner span{display:inline-flex;align-items:center;gap:6px}
@media(max-width:640px){
  .hero{padding-top:118px;min-height:auto}
  .hero h1{font-size:46px;line-height:1.01}
  .hero-lead{font-size:16px!important;line-height:1.65!important}
  .hero-proof{justify-content:flex-start;text-align:left;gap:9px 14px;margin-top:20px}
  .hero-proof span{width:100%}
  .microcopy{text-align:left}
}


/* 16.1 feature polish */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.feature{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;transition:.25s transform,.25s box-shadow}
.feature:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(124,58,237,.25)}
.feature-icon{font-size:2rem;margin-bottom:12px}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.stat-box{padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(124,58,237,.18),rgba(255,255,255,.04));text-align:center}
.stat-box strong{display:block;font-size:1.4rem}
@media(max-width:800px){.stats-strip{grid-template-columns:repeat(2,1fr)}}


.showcase{padding:90px 20px;background:linear-gradient(180deg,#0f1220,#151933)}
.showcase h2{text-align:center;font-size:2.3rem}
.section-lead{text-align:center;max-width:760px;margin:0 auto 40px;opacity:.8}
.show-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}
.show-large,.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:24px;backdrop-filter:blur(10px)}
.fake-window{margin-top:20px;border-radius:16px;padding:25px;background:#1b2145}
.stat{font-size:2rem;font-weight:700;color:#9d7dff}
.bars{display:flex;gap:12px;margin-top:20px}
.bars div{flex:1;height:120px;background:linear-gradient(180deg,#8d63ff,#5f8cff);border-radius:12px}
.side-stack{display:flex;flex-direction:column;gap:18px}
.card:hover,.show-large:hover{transform:translateY(-4px);transition:.25s}
@media(max-width:900px){.show-grid{grid-template-columns:1fr}}

.testimonials{padding:90px 20px;background:linear-gradient(180deg,#121228,#0d1020)}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}
.review{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:20px}
.stars{color:#ffd54a;font-size:1.2rem;margin-bottom:10px}
.final-cta{text-align:center;margin-top:60px;padding:40px;border-radius:24px;background:linear-gradient(135deg,#6d4aff,#8d5cff)}
.final-cta p{opacity:.9;margin:12px auto 24px;max-width:600px}


.faq-section{padding:80px 20px;background:linear-gradient(180deg,#111,#171329)}
.faq-section h2{text-align:center;margin-bottom:40px}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1100px;margin:auto}
.faq-card{background:rgba(255,255,255,.05);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:18px;transition:.25s}
.faq-card:hover{transform:translateY(-6px);border-color:#8b5cf6}
.faq-card h3{margin-bottom:10px}


.comparison-section{padding:90px 20px;background:linear-gradient(180deg,#0f1022,#151735)}
.comparison-section .container{max-width:1100px;margin:auto}
.comparison-section h2{text-align:center;font-size:2.2rem;margin-bottom:.5rem}
.comparison-sub{text-align:center;opacity:.8;margin-bottom:2rem}
.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.compare-card{padding:28px;border-radius:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}
.compare-card.new{border-color:#8b5cf6;box-shadow:0 0 30px rgba(139,92,246,.25)}
.compare-card ul{list-style:none;padding:0;margin:20px 0}
.compare-card li{padding:8px 0}
.compare-btn{display:inline-block;margin-top:12px;padding:12px 20px;background:#8b5cf6;color:#fff;text-decoration:none;border-radius:10px}


.roadmap{padding:90px 20px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:32px}
.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px;transition:.25s}
.step:hover{transform:translateY(-6px);border-color:#8b5cf6}
.num{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7c3aed;color:#fff;font-weight:700;margin-bottom:16px}

.audience .features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}

.launch-trust{padding:80px 20px;background:linear-gradient(180deg,#111,#18122b)}.trust-wrap{max-width:1100px;margin:auto;text-align:center}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:35px 0}.trust-grid>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:18px}.footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:25px}.footer-links a{text-decoration:none;color:#cfc8ff}.footer-links a:hover{color:#fff}
/* 17.0 — FAQ, trust, and footer repair */
.faq-section,
.launch-trust{
  color:#fff;
  position:relative;
  isolation:isolate;
}
.faq-section{
  padding:100px 20px;
  background:
    radial-gradient(circle at 15% 0%,rgba(124,92,246,.16),transparent 34%),
    linear-gradient(180deg,#11111d 0%,#151326 100%);
}
.launch-trust{
  padding:100px 20px;
  background:
    radial-gradient(circle at 85% 15%,rgba(73,182,255,.10),transparent 30%),
    linear-gradient(180deg,#151326 0%,#100f1a 100%);
}
.section-heading{max-width:760px;margin:0 auto 44px;text-align:center}
.section-heading-light h2{color:#fff;font-size:clamp(34px,4vw,52px);letter-spacing:-2px;line-height:1.08}
.section-heading-light p{margin:16px auto 0;color:#b9b5cb;font-size:16px;line-height:1.7}
.section-kicker{display:inline-block;margin-bottom:14px;color:#a995ff;font:800 12px Manrope;letter-spacing:.12em;text-transform:uppercase}
.faq-shell{max-width:1160px}
.faq-grid{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.faq-card{min-height:245px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 55px rgba(0,0,0,.16)}
.faq-card:hover{transform:translateY(-5px);border-color:rgba(167,139,250,.65);box-shadow:0 25px 60px rgba(69,43,152,.22)}
.faq-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:24px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#7357ef,#9d68ff);font:800 18px Manrope;box-shadow:0 12px 28px rgba(112,87,245,.28)}
.faq-card h3{color:#fff;margin:0 0 12px;font-size:19px;line-height:1.35}
.faq-card p{color:#b9b5cb;margin:0;font-size:14px;line-height:1.7}
.trust-wrap{max-width:1160px}
.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.trust-grid>div,
.trust-card{padding:30px;text-align:left;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.11);border-radius:22px;box-shadow:0 22px 55px rgba(0,0,0,.14)}
.trust-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:22px;border-radius:15px;background:rgba(139,92,246,.16);font-size:22px}
.trust-card h3{color:#fff;margin:0 0 10px;font-size:20px}
.trust-card p{color:#b9b5cb;margin:0;font-size:14px;line-height:1.7}
.trust-card a{display:inline-flex;margin-top:18px;color:#cfc5ff;text-decoration:none;font-weight:700}
.trust-card a:hover{color:#fff}
.footer-premium{padding:70px 0 24px;color:#c1bdcf;background:#0b0a12;border-top:1px solid rgba(255,255,255,.08)}
.footer-main{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(150px,.55fr));gap:60px;align-items:start}
.footer-brand{color:#fff;width:max-content}
.footer-brand-block p{max-width:360px;margin:18px 0 0;color:#898597;line-height:1.7}
.footer-nav-group{display:grid;gap:12px}
.footer-nav-group strong{margin-bottom:4px;color:#fff;font:800 13px Manrope;letter-spacing:.04em;text-transform:uppercase}
.footer-nav-group a{color:#9e9aaa;text-decoration:none;font-size:14px;transition:color .2s ease,transform .2s ease}
.footer-nav-group a:hover{color:#fff;transform:translateX(2px)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:54px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#777382;font-size:12px}
@media(max-width:900px){
  .faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-grid{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:30px}
}
@media(max-width:640px){
  .faq-section,.launch-trust{padding:78px 14px}
  .section-heading{margin-bottom:32px}
  .section-heading-light h2{font-size:36px;letter-spacing:-1.5px}
  .faq-grid{grid-template-columns:1fr}
  .faq-card{min-height:auto}
  .footer-premium{padding-top:54px}
  .footer-main{grid-template-columns:1fr;gap:34px;text-align:left}
  .footer-bottom{flex-direction:column;margin-top:38px;text-align:left}
}


.feature-card:first-child h3{color:#1b1730!important;}
.feature-card:first-child p{color:#6f6b85!important;}
.testimonial-card p,.testimonial-card blockquote{color:#fff!important;}
.testimonial-card .author{color:#8b5cf6!important;}
.compare-card h3,.compare-card li{color:#fff!important;}


/* 18.2 — Real product mockups */
.real-product-stage{margin-top:64px}
.real-browser-frame{position:relative;z-index:2;background:#fff;border:1px solid rgba(50,35,105,.14);border-radius:24px;box-shadow:0 45px 110px rgba(38,27,91,.22);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.hero-shot-wrap{background:#10152a;overflow:hidden;aspect-ratio:1.945/1}
.hero-product-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.real-product-stage:hover .real-browser-frame{transform:translateY(-4px);box-shadow:0 52px 120px rgba(38,27,91,.26)}
.product-tour{padding:105px 20px;background:radial-gradient(circle at 50% 0%,rgba(126,91,255,.18),transparent 36%),linear-gradient(180deg,#0f1220,#151933);color:#fff;overflow:hidden}
.product-tour-head{max-width:820px;margin:0 auto 34px;text-align:center}
.product-tour-head h2{font-size:clamp(38px,5vw,58px);letter-spacing:-2.3px;line-height:1.08;color:#fff}
.product-tour-head p{max-width:720px;margin:16px auto 0;color:#bbb8cf;font-size:17px;line-height:1.7}
.product-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 30px}
.product-tab{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#c9c5d8;border-radius:999px;padding:11px 17px;font:700 13px Manrope;cursor:pointer;transition:.2s ease}
.product-tab:hover{color:#fff;border-color:rgba(169,149,255,.55);transform:translateY(-1px)}
.product-tab.active{color:#fff;background:linear-gradient(135deg,#6f55ee,#9367f5);border-color:transparent;box-shadow:0 10px 28px rgba(112,87,245,.28)}
.product-viewer{max-width:1120px;margin:0 auto;padding:22px;border-radius:28px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);box-shadow:0 35px 90px rgba(0,0,0,.26)}
.product-viewer-copy{display:flex;align-items:center;gap:18px;padding:5px 5px 22px}
.viewer-label{flex:0 0 auto;padding:7px 10px;border-radius:8px;background:rgba(147,103,245,.14);color:#b6a3ff;font:800 10px Manrope;letter-spacing:.12em}
.product-viewer-copy h3{font-size:20px;color:#fff;white-space:nowrap}
.product-viewer-copy p{margin:0;color:#aaa6bd;line-height:1.55;font-size:14px}
.product-screen-frame{overflow:hidden;border-radius:19px;background:#0c1020;border:1px solid rgba(255,255,255,.13);box-shadow:0 25px 65px rgba(0,0,0,.3)}
.product-screen-frame .browser-top{background:#f8f7fb;border-bottom-color:#e8e5ef}
#product-view-image{display:block;width:100%;height:auto;aspect-ratio:2.03/1;object-fit:cover;object-position:center top;transition:opacity .16s ease,transform .25s ease}
.product-screen-frame:hover #product-view-image{transform:scale(1.006)}
#product-view-image.switching{opacity:.18}
@media(max-width:800px){
 .real-product-stage{margin-top:45px}
 .real-browser-frame{border-radius:17px}
 .hero-shot-wrap{aspect-ratio:1.55/1}
 .hero-product-shot{object-fit:cover;object-position:18% top}
 .product-tour{padding:78px 14px}
 .product-tour-head p{font-size:15px}
 .product-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 2px 8px;scrollbar-width:none}
 .product-tabs::-webkit-scrollbar{display:none}
 .product-tab{white-space:nowrap}
 .product-viewer{padding:12px;border-radius:20px}
 .product-viewer-copy{display:block;padding:6px 6px 16px}
 .product-viewer-copy h3{white-space:normal;margin-top:12px;font-size:18px}
 .product-viewer-copy p{margin-top:8px}
 .product-screen-frame{border-radius:13px;overflow-x:auto}
 #product-view-image{width:900px;max-width:none;aspect-ratio:auto}
}


/* 18.2.1 — Mockup readability + full-size viewer */
.product-viewer{max-width:1320px}
.product-screen-frame{position:relative}
.product-image-button{position:relative;display:block;width:100%;padding:0;border:0;background:#0c1020;cursor:zoom-in;text-align:left;overflow:hidden}
#product-view-image{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center top}
.image-expand-hint{position:absolute;right:16px;bottom:16px;padding:9px 12px;border-radius:10px;background:rgba(12,16,32,.88);border:1px solid rgba(255,255,255,.18);color:#fff;font:800 11px Manrope;letter-spacing:.01em;box-shadow:0 8px 24px rgba(0,0,0,.28);opacity:.92;transition:.2s ease}
.product-image-button:hover .image-expand-hint{transform:translateY(-2px);background:rgba(112,87,245,.96)}
.mockup-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.mockup-lightbox.open{display:flex}
.mockup-lightbox-backdrop{position:absolute;inset:0;background:rgba(5,6,14,.88);backdrop-filter:blur(10px)}
.mockup-lightbox-panel{position:relative;width:min(96vw,1600px);max-height:94vh;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#0d1020;border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 120px rgba(0,0,0,.55)}
.mockup-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.mockup-lightbox-head strong{font:800 14px Manrope}
.mockup-lightbox-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.mockup-lightbox-scroll{overflow:auto;background:#101424}
.mockup-lightbox-scroll img{display:block;width:max(1400px,100%);height:auto;max-width:none}
.mockup-lightbox-note{padding:10px 18px;color:#aaa6bd;font:600 11px Manrope;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
body.mockup-open{overflow:hidden}
@media(min-width:1100px){
 .product-tour .container{width:min(94%,1400px)}
 .product-viewer-copy{padding-left:10px;padding-right:10px}
}
@media(max-width:800px){
 .product-screen-frame{overflow:hidden}
 .product-image-button{overflow-x:auto}
 #product-view-image{width:1050px;max-width:none}
 .image-expand-hint{position:sticky;left:calc(100% - 132px);right:auto;display:inline-block;bottom:12px;margin-top:-50px;margin-bottom:12px}
 .mockup-lightbox{padding:8px}
 .mockup-lightbox-panel{width:100%;max-height:96vh;border-radius:14px}
 .mockup-lightbox-scroll img{width:1200px}
 .mockup-lightbox-note{font-size:10px}
}