:root{
  --ink:#0b1324;
  --muted:#5d6878;
  --line:#dce3ee;
  --soft:#f5f8fc;
  --soft2:#eef4fb;
  --white:#fff;
  --navy:#06111f;
  --navy2:#0a1728;
  --navy3:#0e2035;
  --purple:#7458ff;
  --purple2:#8b72ff;
  --cyan:#32d7d0;
  --green:#36d690;
  --shadow:0 24px 70px rgba(21,36,60,.12);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.section{padding:112px 0}
.section-pad{padding:84px 0 74px}
.section-soft{background:linear-gradient(180deg,#f8faff 0%,#f2f6fb 100%)}
.section-dark{background:radial-gradient(circle at 10% 0%,rgba(116,88,255,.17),transparent 36%),linear-gradient(180deg,#071321,#081727 100%);color:#fff}
.announcement{background:#0a1423;color:#dfe8f4;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}
.announcement-inner{min-height:40px;display:flex;align-items:center;justify-content:center;gap:9px}
.announcement-dot{width:7px;height:7px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px rgba(54,214,144,.09)}
.announcement a{margin-left:8px;color:#b9abff;font-weight:700}
.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,227,238,.8)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:780;letter-spacing:-.03em}
.brand b{color:var(--purple)}
.brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#6b54ff,#8c69ff);border-radius:10px;box-shadow:0 8px 24px rgba(111,81,255,.25)}
.brand-mark svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2}
.brand-mark .brand-play{fill:#fff;stroke:none}
.brand-mark.small{width:42px;height:42px}
.desktop-nav{display:flex;align-items:center;gap:29px;color:#4d5869;font-size:14px;font-weight:650}
.desktop-nav a:hover,.text-link:hover{color:var(--purple)}
.nav-actions{display:flex;align-items:center;gap:16px}
.text-link{font-size:14px;font-weight:700;color:#3c4758}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:760;transition:.2s ease;border:1px solid transparent;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-small{padding:10px 17px}
.btn-large{padding:15px 21px;font-size:15px;border-radius:13px}
.btn-block{width:100%}
.btn-primary{background:linear-gradient(135deg,#6f58ff,#7b60ff);color:#fff;box-shadow:0 12px 28px rgba(110,84,255,.25)}
.btn-primary:hover{box-shadow:0 16px 34px rgba(110,84,255,.32)}
.btn-secondary{background:#fff;border-color:#d9e0ea;color:#1f2939;box-shadow:0 6px 18px rgba(16,27,44,.04)}
.btn-secondary:hover{border-color:#bfc9d8}
.btn-white{background:#fff;color:#182039;box-shadow:0 15px 32px rgba(0,0,0,.22)}
.btn-ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}
.play-mini{font-size:11px;color:var(--purple)}
.menu-button{display:none;background:none;border:0;width:36px;height:36px;padding:8px;cursor:pointer}
.menu-button span{display:block;height:2px;background:#253042;margin:4px 0;border-radius:10px}
.mobile-menu{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)}
.hero-glow{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}
.hero-glow-one{width:540px;height:540px;background:radial-gradient(circle,rgba(116,88,255,.12),rgba(116,88,255,0) 68%);right:-120px;top:0}
.hero-glow-two{width:420px;height:420px;background:radial-gradient(circle,rgba(50,215,208,.08),rgba(50,215,208,0) 68%);left:-190px;top:260px}
.hero-grid{display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:60px;position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#6653e6;background:#f2efff;border:1px solid #e2dcff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.eyebrow-light{background:#edf1f8;border-color:#e0e6ef;color:#566276}
.eyebrow-dark{background:rgba(130,104,255,.13);border-color:rgba(151,130,255,.25);color:#c7baff}
.eyebrow-icon{font-size:12px}
.hero h1{font-size:clamp(48px,5.5vw,73px);line-height:1.02;letter-spacing:-.055em;margin:0 0 23px;max-width:690px}
.gradient-text{background:linear-gradient(105deg,#7058ff 8%,#7358f5 43%,#2ecac3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:18px;line-height:1.7;color:#586477;max-width:630px;margin:0 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-trust{display:flex;gap:19px;flex-wrap:wrap;margin-top:23px;color:#697587;font-size:12px;font-weight:650}
.check{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e7f9f1;color:#1fa86c;margin-right:5px;font-weight:900}
.hero-visual{position:relative;padding:30px 0 25px}
.editor-frame{background:#fff;border:1px solid #dfe6f0;border-radius:20px;overflow:hidden;box-shadow:0 32px 85px rgba(35,48,79,.18),0 2px 4px rgba(35,48,79,.06);transform:perspective(1500px) rotateY(-2deg) rotateX(1deg)}
.window-bar{height:48px;border-bottom:1px solid #e8edf4;display:flex;align-items:center;padding:0 15px;gap:15px;font-size:11px;color:#667187;font-weight:700;background:#fbfcfe}
.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#d4dae4}.window-dots i:nth-child(1){background:#ff867c}.window-dots i:nth-child(2){background:#f7cd69}.window-dots i:nth-child(3){background:#65d7a2}
.window-bar>span{flex:1}
.status-pill{display:flex;align-items:center;gap:6px;border:1px solid #dfe6ef;padding:5px 8px;border-radius:999px;background:#fff;color:#566276;font-size:9px}.status-pill i{width:5px;height:5px;background:var(--green);border-radius:50%}
.visual-badge{position:absolute;z-index:4;background:rgba(255,255,255,.96);border:1px solid #e4e9f1;border-radius:14px;padding:11px 14px;box-shadow:0 15px 35px rgba(24,36,58,.12);display:flex;flex-direction:column;min-width:166px}
.visual-badge span{font-size:9px;text-transform:uppercase;font-weight:850;color:#7c67ea;letter-spacing:.09em}.visual-badge b{font-size:10px;margin-top:3px;color:#313d4e}.badge-top{right:-22px;top:5px}.badge-bottom{left:-31px;bottom:3px}.mockup-note{text-align:right;color:#93a0b2;font-size:10px;margin:8px 2px 0}
.audience-strip{margin-top:70px;border-top:1px solid #e7ebf2;padding-top:28px;display:flex;align-items:center;gap:22px;color:#6b7687;font-size:12px}.audience-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#97a2b2;white-space:nowrap}.audience-items{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-weight:680}.audience-items i{width:3px;height:3px;background:#bac3cf;border-radius:50%}
.section-heading{max-width:620px}.section-heading.centered{max-width:760px;text-align:center;margin:0 auto 60px}.section-heading h2{font-size:clamp(38px,4.2vw,54px);letter-spacing:-.045em;line-height:1.08;margin:0 0 18px}.section-heading h2 span{color:#6d5ce2}.section-heading p{font-size:17px;color:#667285;line-height:1.7;margin:0}.section-heading.light h2{color:#fff}.section-heading.light p{color:#9cabbe}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pain-card{background:#fff;border:1px solid #e1e7ef;border-radius:20px;padding:28px;box-shadow:0 10px 35px rgba(37,51,75,.045)}.pain-icon{width:38px;height:38px;border-radius:10px;background:#f0edff;color:#6c57e7;display:grid;place-items:center;font-size:11px;font-weight:900;margin-bottom:20px}.pain-card h3{font-size:19px;letter-spacing:-.02em;margin:0 0 10px}.pain-card p{color:#6c7788;font-size:14px;margin:0 0 18px}.solution-line{border-top:1px solid #e8ecf2;padding-top:15px;color:#485466;font-size:12px;font-weight:650}.solution-line span{display:block;color:#22a96e;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;margin-bottom:4px}
.why-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.why-visual{background:linear-gradient(145deg,#f3f1ff,#f8fbff);border:1px solid #e3e4f0;border-radius:28px;padding:24px;box-shadow:var(--shadow)}.question-stack{display:grid;gap:11px;margin-top:30px}.question-stack div{display:flex;align-items:flex-start;gap:10px;background:#f8f9fc;border:1px solid #e6eaf1;border-radius:12px;padding:13px 15px;color:#4a5668;font-size:13px;font-weight:650}.question-stack span{color:#7760eb;font-size:22px;line-height:1}
.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px;min-height:265px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.step-top>span{font-size:10px;color:#7e8da0;font-weight:900;letter-spacing:.12em}.step-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(124,97,255,.15);color:#a793ff}.step-card h3{font-size:18px;margin:0 0 10px}.step-card p{font-size:13px;color:#96a4b6;margin:0}.step-detail{margin-top:20px;color:#c0caD7;font-size:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;font-weight:700}
.workflow-compare{margin-top:56px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:28px;display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center}.compare-column{border-radius:17px;padding:22px}.old-way{background:#0c1b2d;border:1px solid rgba(255,255,255,.06)}.new-way{background:linear-gradient(145deg,rgba(110,85,255,.16),rgba(48,207,197,.08));border:1px solid rgba(140,118,255,.25)}.compare-label{text-transform:uppercase;font-size:9px;letter-spacing:.14em;font-weight:900;color:#75859a;display:block;margin-bottom:14px}.tool-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.055);font-size:11px}.tool-row i{width:22px;height:22px;border-radius:6px;background:#13253b;color:#8292a7;display:grid;place-items:center;font-style:normal;font-size:9px}.tool-row span{color:#718198}.compare-arrow{text-align:center;font-size:28px;color:#705dce}.unified-card{text-align:center;padding:8px 15px 4px}.unified-card .brand-mark{margin:0 auto 13px}.unified-card h3{font-size:24px;margin:0 0 7px}.unified-card p{color:#a6b3c4;font-size:13px;margin:0 0 16px}.unified-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.unified-tags span{font-size:9px;padding:6px 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#c8d1dc;font-weight:700}
.feature-row{display:grid;grid-template-columns:.84fr 1.16fr;gap:65px;align-items:center;margin:90px 0}.feature-row.reverse{grid-template-columns:1.16fr .84fr}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .feature-image{order:1}.feature-number{font-size:10px;letter-spacing:.13em;color:#745be9;font-weight:900;margin-bottom:14px}.feature-copy h3{font-size:34px;line-height:1.18;letter-spacing:-.035em;margin:0 0 17px}.feature-copy>p{color:#657184;font-size:15px;line-height:1.75;margin:0}.feature-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}.feature-list li{color:#495567;font-size:13px;font-weight:650;display:flex;align-items:flex-start;gap:9px}.feature-list li span{color:#25ae71}.image-surface{background:linear-gradient(145deg,#f5f4ff,#f7fbff);border:1px solid #e1e5ed;border-radius:26px;padding:20px;box-shadow:var(--shadow)}
.mini-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:70px}.mini-feature{border:1px solid #e2e7ef;border-radius:18px;padding:25px;background:#fff}.mini-icon{width:36px;height:36px;display:grid;place-items:center;background:#f1efff;color:#6d58e5;border-radius:10px;margin-bottom:18px;font-weight:900}.mini-feature h3{font-size:17px;margin:0 0 8px}.mini-feature p{font-size:13px;color:#6c7788;margin:0}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.case-card{background:#fff;border:1px solid #e0e6ef;border-radius:20px;padding:25px;min-height:228px;overflow:hidden;position:relative}.featured-case{grid-row:span 2;min-height:474px;background:linear-gradient(160deg,#101d31,#091522);color:#fff;border-color:#1a2b42}.case-kicker{font-size:9px;letter-spacing:.13em;font-weight:900;color:#7c68e8;margin-bottom:14px}.featured-case .case-kicker{color:#9e8bff}.case-card h3{font-size:21px;margin:0 0 8px;letter-spacing:-.02em}.case-card p{font-size:13px;color:#687486;margin:0}.featured-case p{color:#9aabba}.case-card ul{list-style:none;padding:0;margin:22px 0;display:flex;gap:7px;flex-wrap:wrap}.case-card li{font-size:9px;color:#bac6d3;padding:6px 8px;background:rgba(255,255,255,.07);border-radius:999px}.case-icon{width:34px;height:34px;display:grid;place-items:center;background:#f0edff;color:#6f57e8;border-radius:9px;margin-bottom:25px;font-weight:900}.case-screen{margin-top:24px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.byok-section{background:#fff}.byok-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:75px;align-items:center}.byok-visual{background:radial-gradient(circle at 20% 10%,rgba(117,89,255,.14),transparent 45%),#f5f8fc;border:1px solid #e0e6ee;border-radius:28px;padding:45px}.key-card{background:#fff;border:1px solid #dfe5ee;box-shadow:0 25px 60px rgba(33,49,76,.11);border-radius:18px;overflow:hidden}.key-top{padding:15px 17px;border-bottom:1px solid #e8ecf2;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800}.key-top i{margin-left:auto;font-style:normal;font-size:8px;text-transform:uppercase;color:#1ba26a;background:#eaf9f2;padding:5px 7px;border-radius:999px}.key-icon{width:25px;height:25px;border-radius:7px;background:#f0edff;display:grid;place-items:center;color:#6c55e8}.provider{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:15px 17px;border-bottom:1px solid #eef1f5}.provider-logo{width:35px;height:35px;border-radius:10px;background:#0c1727;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:850}.provider b{font-size:12px;display:block}.provider span{font-size:9px;color:#8994a4}.provider em{font-style:normal;font-size:8px;color:#20a96e;background:#effaf5;padding:5px 7px;border-radius:999px}.provider:nth-child(4) em{color:#6e7786;background:#f2f4f7}.key-foot{display:flex;gap:9px;padding:14px 17px;background:#f9fafc;align-items:flex-start}.key-foot p{font-size:9px;color:#7a8595;margin:0}.byok-points{display:grid;gap:20px;margin-top:28px}.byok-points>div{display:grid;grid-template-columns:34px 1fr;gap:12px}.byok-points span{width:32px;height:32px;border-radius:9px;background:#f0edff;color:#6c56e4;display:grid;place-items:center;font-size:9px;font-weight:900}.byok-points p{font-size:13px;color:#6a7686;margin:0}.byok-points b{color:#2d394a;font-size:14px}
.value-grid{display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr;gap:10px;align-items:stretch}.value-card{padding:27px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04)}.value-card.active{background:linear-gradient(145deg,rgba(115,88,255,.18),rgba(42,210,199,.07));border-color:rgba(139,117,255,.3)}.value-card span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#748498;font-weight:900}.value-card.active span{color:#ae9eff}.value-card h3{font-size:20px;margin:10px 0 8px}.value-card p{font-size:12px;color:#91a0b2;margin:0}.value-arrow{display:grid;place-items:center;color:#6653bb;font-size:21px}
.pricing-section{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{border:1px solid #dfe5ed;border-radius:22px;padding:29px;background:#fff;position:relative;box-shadow:0 12px 40px rgba(33,46,68,.045)}.price-card.popular{border:2px solid #765dff;box-shadow:0 24px 65px rgba(93,70,219,.14);transform:translateY(-8px)}.popular-label{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#7259f3;color:#fff;border-radius:999px;padding:6px 11px;font-size:8px;font-weight:900;letter-spacing:.12em;white-space:nowrap}.price-head h3{font-size:21px;margin:0 0 5px}.price-head p{font-size:12px;color:#758193;margin:0 0 20px}.price{font-size:50px;letter-spacing:-.04em;font-weight:800;line-height:1;margin:15px 0 24px}.price>span{font-size:19px;vertical-align:top;line-height:1.7}.price small{font-size:12px;color:#7a8595;font-weight:650;letter-spacing:0}.price-divider{height:1px;background:#e8ecf2;margin:24px 0}.price-card ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.price-card li{font-size:12px;color:#5f6a7a;display:flex;gap:9px}.price-card li span{color:#25ad72}.price-card li b{color:#303b4c}.guarantee-card{margin-top:42px;border:1px solid #dfe6ef;border-radius:20px;padding:24px 27px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:23px;background:linear-gradient(90deg,#fafbff,#f5f3ff)}.guarantee-seal{width:64px;height:64px;border:2px solid #725bee;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c56e5;font-size:22px;font-weight:900;line-height:.9}.guarantee-seal span{font-size:7px;letter-spacing:.13em;margin-top:5px}.guarantee-card h3{font-size:17px;margin:0 0 4px}.guarantee-card p{font-size:12px;color:#707c8c;margin:0;max-width:700px}
.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.faq-grid .section-heading{position:sticky;top:115px}.faq-grid .section-heading .btn{margin-top:25px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid #dfe5ed;border-radius:14px;overflow:hidden}.faq-question{width:100%;border:0;background:none;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:740;color:#283446;cursor:pointer}.faq-question i{font-style:normal;font-size:22px;color:#7d8898;font-weight:400;transition:.2s}.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-answer p{font-size:13px;color:#697587;margin:0;padding:0 20px 19px;line-height:1.7}.faq-item.open .faq-answer{max-height:220px}.faq-item.open .faq-question i{transform:rotate(45deg);color:#6f58e6}
.final-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 50% -20%,rgba(119,91,255,.72),transparent 36%),linear-gradient(150deg,#38279d 0%,#6347e0 45%,#2a98a3 120%);color:#fff;padding:100px 0}.cta-glow{position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,255,255,.08);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012)}.final-inner{position:relative;text-align:center;max-width:850px}.final-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);margin:0 auto 20px}.final-inner h2{font-size:clamp(40px,5vw,59px);line-height:1.06;letter-spacing:-.045em;margin:0 0 17px}.final-inner p{max-width:690px;margin:0 auto 26px;color:#ddd7ff;font-size:16px}.centered-actions{justify-content:center}.final-note{display:block;margin-top:18px;color:#d6d0f7;font-size:10px;font-weight:650}
footer{background:#07111f;color:#9ba9ba;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px}.footer-brand .brand{color:#fff}.footer-brand p{font-size:12px;max-width:330px;line-height:1.7}.footer-links{display:grid;gap:8px;align-content:start}.footer-links b{color:#e4eaf2;font-size:11px;margin-bottom:8px}.footer-links a{font-size:11px}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:#66778b}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}
@media (max-width:1050px){.desktop-nav{display:none}.menu-button{display:block}.hide-mobile{display:none}.mobile-menu{position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid #e1e7ef;padding:18px 20px 23px;box-shadow:0 20px 35px rgba(23,35,56,.12)}.mobile-menu.open{display:grid;gap:13px}.mobile-menu>a{font-size:14px;font-weight:700}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px}.hero-grid,.why-grid,.byok-grid{grid-template-columns:1fr;gap:46px}.hero-copy{max-width:780px}.hero h1{max-width:800px}.hero-sub{max-width:720px}.hero-visual{max-width:760px;margin:0 auto;width:100%}.pain-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr)}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:35px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-image{order:initial}.feature-copy{max-width:760px}.mini-features{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.featured-case{grid-row:span 2}.faq-grid{grid-template-columns:1fr;gap:45px}.faq-grid .section-heading{position:static}.footer-grid{grid-template-columns:1.7fr 1fr 1fr}.footer-grid .footer-links:last-child{grid-column:2}}
@media (max-width:760px){.container{width:min(100% - 28px,1160px)}.announcement-inner{justify-content:flex-start;overflow:hidden;white-space:nowrap}.announcement a{display:none}.section{padding:82px 0}.section-pad{padding:65px 0 55px}.nav{height:66px}.mobile-menu{top:66px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.hero-grid{gap:32px}.hero h1{font-size:48px}.hero-sub{font-size:16px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-trust{display:grid;gap:8px}.visual-badge{display:none}.editor-frame{transform:none}.audience-strip{margin-top:45px;display:block}.audience-items{margin-top:12px;gap:10px}.audience-items i{display:none}.section-heading.centered{margin-bottom:42px}.section-heading h2{font-size:38px}.section-heading p{font-size:15px}.pain-grid,.steps-grid,.case-grid,.pricing-grid{grid-template-columns:1fr}.step-card{min-height:220px}.workflow-compare{grid-template-columns:1fr;padding:18px}.compare-arrow{transform:rotate(90deg)}.feature-row{margin:65px 0}.feature-copy h3{font-size:29px}.image-surface{padding:10px;border-radius:20px}.mini-features{grid-template-columns:1fr}.featured-case{grid-row:auto;min-height:430px}.byok-visual{padding:20px}.value-grid{grid-template-columns:1fr}.value-arrow{transform:rotate(90deg);height:34px}.price-card.popular{transform:none;margin-top:14px}.guarantee-card{grid-template-columns:auto 1fr}.guarantee-card .btn{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-grid .footer-links:last-child{grid-column:auto}.footer-bottom{display:grid;gap:7px}.final-cta{padding:80px 0}.final-inner h2{font-size:40px}}
@media (max-width:470px){.hero h1{font-size:41px}.section-heading h2{font-size:34px}.audience-items{display:grid;grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-grid .footer-links:last-child{grid-column:auto}.mobile-actions{grid-template-columns:1fr}.guarantee-card{grid-template-columns:1fr;text-align:center}.guarantee-seal{margin:auto}}


/* === visual refresh v2 === */
body{background:linear-gradient(180deg,#fbfcff 0%,#f6f8fc 100%)}
.nav-wrap{background:rgba(251,252,255,.84);backdrop-filter:blur(20px);border-bottom:1px solid rgba(218,226,239,.8)}
.hero{background:
  radial-gradient(circle at 78% 8%,rgba(114,89,244,.18),transparent 28%),
  radial-gradient(circle at 12% 35%,rgba(47,201,191,.12),transparent 28%),
  linear-gradient(180deg,#fdfdff 0%,#f7f9fe 100%)}
.hero-copy{position:relative;z-index:2}
.hero-sub{max-width:640px}
.hero-visual{padding:12px 0 8px}
.editor-frame{border-radius:26px;border:1px solid #dde5f2;box-shadow:0 42px 100px rgba(28,42,70,.18),0 10px 18px rgba(28,42,70,.05)}
.window-bar{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.visual-badge{background:rgba(10,19,34,.92);border-color:rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(8,17,31,.24)}
.visual-badge span{color:#b8abff}
.visual-badge b{color:#edf2fa}
.mockup-note{font-size:11px;color:#7d899c}
.audience-strip{margin-top:58px;padding:16px 18px;border:1px solid #e5eaf3;border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px)}
.section-soft{background:linear-gradient(180deg,#f7f9fd 0%,#f2f6fb 100%)}
.section-heading.centered{max-width:840px}
.pain-card,.mini-feature,.price-card,.faq-item,.case-card,.why-visual,.key-card{box-shadow:0 18px 50px rgba(26,40,67,.07)}
.pain-card{background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);border-color:#e3e9f2}
.pain-icon{background:linear-gradient(145deg,#f2efff,#e9f7ff);box-shadow:inset 0 0 0 1px rgba(116,88,255,.08)}
.why-grid{gap:54px}
.why-visual{padding:16px;border-radius:30px;background:linear-gradient(135deg,#101c31 0%,#0b1324 50%,#13243b 100%);border:1px solid rgba(255,255,255,.06)}
.question-stack div{background:#fff}
.steps-grid{gap:14px}
.step-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.step-icon{background:linear-gradient(135deg,rgba(118,92,250,.18),rgba(41,206,196,.15));color:#d6ccff;border:1px solid rgba(255,255,255,.06)}
.workflow-compare{margin-top:62px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.features{background:linear-gradient(180deg,#fcfdff 0%,#f5f8fd 100%)}
.feature-row{margin:34px 0;padding:22px;border-radius:32px;border:1px solid #e2e8f3;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,250,254,.98) 100%);box-shadow:0 24px 70px rgba(28,41,68,.07)}
.feature-row.reverse{background:linear-gradient(180deg,#0d1728 0%,#101f34 100%);border-color:#1d2c44;box-shadow:0 30px 80px rgba(8,15,28,.22)}
.feature-row.reverse .feature-copy h3,.feature-row.reverse .feature-copy>p,.feature-row.reverse .feature-list li{color:#edf3fc}
.feature-row.reverse .feature-list li{opacity:.92}
.feature-row.reverse .feature-number{color:#a99aff}
.feature-row.reverse .feature-list li span{color:#58d3aa}
.feature-copy{padding:12px 6px 12px 10px}
.feature-copy h3{font-size:36px;margin-bottom:16px}
.feature-copy>p{font-size:15px;color:#627084}
.feature-list{gap:12px}
.feature-list li{font-size:14px}
.feature-image{display:flex;align-items:stretch}
.image-surface{width:100%;padding:12px;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(117,91,247,.28),transparent 28%),linear-gradient(145deg,#0c1525 0%,#14233b 65%,#111a2c 100%);border:1px solid rgba(12,26,43,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 60px rgba(11,21,37,.15)}
.feature-row.reverse .image-surface{background:radial-gradient(circle at 75% 22%,rgba(50,214,206,.2),transparent 24%),linear-gradient(145deg,#101b2f 0%,#162943 65%,#132138 100%);border-color:rgba(255,255,255,.08)}
.image-surface img{width:100%;height:auto;border-radius:18px}
.mini-features{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mini-feature{padding:24px;border:1px solid #e2e8f1;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff)}
.mini-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#f0edff,#e8f7ff);color:#7259ef;font-weight:900;margin-bottom:16px}
.case-grid{gap:18px}
.case-card{border-radius:24px;padding:26px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);border-color:#e2e8f1}
.featured-case{background:radial-gradient(circle at 82% 8%,rgba(116,92,245,.22),transparent 24%),linear-gradient(160deg,#0d182a,#091320 70%);border-color:#1a2940;box-shadow:0 24px 70px rgba(8,15,28,.18)}
.case-screen{margin-top:28px;border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:#101b2f;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.case-screen img{width:100%;display:block}
.byok-visual{padding:10px;border-radius:30px;background:linear-gradient(135deg,#0f1b31 0%,#112338 55%,#1a3250 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 74px rgba(8,15,28,.18)}
.key-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,250,255,.97));border-radius:22px;overflow:hidden}
.value-grid{gap:14px}
.value-card{border-radius:22px}
.price-card{border-radius:24px;background:linear-gradient(180deg,#fff,#fbfcff)}
.price-card.popular{background:linear-gradient(180deg,#fff,#faf7ff)}
.guarantee-card{box-shadow:0 18px 50px rgba(29,42,68,.06)}
.faq-item{border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff)}
.final-cta{background:radial-gradient(circle at 50% -20%,rgba(119,91,255,.68),transparent 36%),linear-gradient(160deg,#25166d 0%,#5c3cd6 43%,#1f909e 110%)}
.footer-bottom{font-size:10px}

@media (max-width:1050px){
  .feature-row,.feature-row.reverse{padding:18px 18px 22px}
}
@media (max-width:760px){
  .feature-row,.feature-row.reverse{padding:14px;border-radius:24px;margin:22px 0}
  .feature-copy{padding:8px 4px 2px}
  .feature-copy h3{font-size:31px}
  .mini-features{grid-template-columns:1fr}
  .image-surface{padding:8px;border-radius:18px}
  .audience-strip{padding:14px}
}


/* === typography + image scale fixes v3 === */
html{font-size:18px}
body{font-size:18px;line-height:1.65}
.nav{height:82px}.desktop-nav{font-size:16px;gap:32px}.text-link{font-size:16px}.btn{font-size:16px;padding:14px 20px}.btn-small{padding:12px 18px}.btn-large{padding:17px 24px;font-size:17px}
.announcement{font-size:14px}.announcement-inner{min-height:42px}
.brand{font-size:20px}
.hero h1{font-size:clamp(60px,6vw,86px);max-width:720px}.hero-sub{font-size:21px;max-width:680px}.hero-trust{font-size:15px;gap:22px}.audience-strip{font-size:15px}.audience-label{font-size:11px}
.section-heading.centered{margin-bottom:70px}.section-heading h2{font-size:clamp(44px,4.6vw,64px)}.section-heading p{font-size:20px;max-width:760px}.section-heading{max-width:760px}
.pain-card{padding:32px}.pain-card h3{font-size:24px}.pain-card p{font-size:17px;line-height:1.7}.solution-line{font-size:15px}.solution-line span{font-size:10px}
.question-stack div{font-size:16px;padding:15px 18px}.question-stack span{font-size:26px}
.step-card{padding:24px 24px 26px}.step-card h3{font-size:22px}.step-card p{font-size:16px;line-height:1.65}.step-detail{font-size:12px}
.compare-label{font-size:12px}.tool-row b,.unified-card h3{font-size:20px}.tool-row span,.unified-card p{font-size:15px}
.feature-row{margin:38px 0;padding:24px 24px 28px;gap:46px}.feature-copy h3{font-size:44px;line-height:1.14}.feature-copy>p{font-size:18px;line-height:1.8}.feature-number{font-size:12px}.feature-list li{font-size:16px;line-height:1.6}.image-surface{padding:10px;border-radius:26px}.image-surface img{width:100%;height:auto}
.mini-feature{padding:28px}.mini-feature h3{font-size:22px}.mini-feature p{font-size:16px;line-height:1.7}.mini-icon{width:46px;height:46px;font-size:18px}
.case-card{padding:30px}.case-card h3{font-size:24px}.case-card p{font-size:16px;line-height:1.7}.case-kicker{font-size:10px}.case-card li{font-size:11px;padding:7px 10px}.case-icon{width:40px;height:40px;font-size:18px}
.byok-points b{font-size:18px}.byok-points p{font-size:16px;line-height:1.7}.provider b{font-size:15px}.provider span{font-size:11px}.key-foot p{font-size:11px}
.value-card h3{font-size:24px}.value-card p{font-size:15px}
.price-head h3{font-size:26px}.price-head p{font-size:15px;line-height:1.65}.price{font-size:58px}.price small{font-size:15px}.price-card li{font-size:15px;line-height:1.6}.popular-label{font-size:9px}.guarantee-card h3{font-size:22px}.guarantee-card p{font-size:15px;line-height:1.7}
.faq-question{padding:22px 24px;font-size:18px}.faq-answer p{font-size:16px;padding:0 24px 22px;line-height:1.8}
.final-inner h2{font-size:clamp(44px,5vw,66px)}.final-inner p{font-size:20px;line-height:1.75}.final-note{font-size:12px}
.footer-brand p,.footer-links a{font-size:13px}.footer-links b{font-size:12px}.footer-bottom{font-size:11px}
@media (max-width:1050px){html{font-size:17px}.hero h1{font-size:clamp(54px,7vw,76px)}.section-heading p{font-size:18px}.feature-copy h3{font-size:38px}}
@media (max-width:760px){html{font-size:16px}.nav{height:72px}.desktop-nav{font-size:15px}.hero h1{font-size:52px}.hero-sub{font-size:18px}.section-heading h2{font-size:40px}.section-heading p{font-size:17px}.pain-card h3,.case-card h3,.mini-feature h3{font-size:21px}.pain-card p,.case-card p,.mini-feature p,.feature-copy>p,.faq-answer p,.price-card li{font-size:15px}.feature-copy h3{font-size:34px}.faq-question{font-size:17px}.btn,.btn-large{font-size:15px}.image-surface{padding:8px}}


/* === premium refinement v4 === */
html{font-size:19px}
body{font-size:19px;background:linear-gradient(180deg,#fbfcff 0%,#f4f7fb 100%)}
.container{width:min(1200px,calc(100% - 40px))}
.nav-wrap{box-shadow:0 6px 30px rgba(17,29,48,.04)}
.hero{padding-top:16px;background:
 radial-gradient(circle at 78% 8%,rgba(114,89,244,.14),transparent 26%),
 radial-gradient(circle at 16% 28%,rgba(47,201,191,.1),transparent 24%),
 linear-gradient(180deg,#fbfcff 0%,#f5f8fd 100%)}
.hero-grid{gap:74px;align-items:center}
.hero h1{font-size:clamp(62px,6.3vw,92px);line-height:.98;max-width:760px;letter-spacing:-.06em}
.hero-sub{font-size:22px;line-height:1.72;max-width:710px;margin-bottom:32px}.hero-actions{gap:14px}.hero-trust{font-size:16px}.hero-visual{padding:0}
.editor-frame{border-radius:28px;overflow:hidden;border:1px solid #dde6f2;box-shadow:0 40px 100px rgba(31,47,78,.18),0 10px 30px rgba(31,47,78,.08)}
.section{padding:120px 0}.section-heading h2{font-size:clamp(48px,4.8vw,70px)}.section-heading p{font-size:21px;line-height:1.78}
.feature-row{gap:58px;padding:30px 30px 34px;border-radius:34px}.feature-copy h3{font-size:48px}.feature-copy>p{font-size:19px}.feature-list li{font-size:17px}
.image-surface{padding:0;border-radius:28px;overflow:hidden;background:#0d1728;border:1px solid rgba(16,26,42,.08);box-shadow:0 26px 80px rgba(13,23,40,.18)}
.feature-row.reverse .image-surface{background:#0d1728}
.image-surface img{width:100%;height:auto;display:block}
.visual-badge{padding:13px 16px;border-radius:16px}
.pain-card,.mini-feature,.case-card,.price-card,.faq-item,.why-visual,.key-card,.guarantee-card{box-shadow:0 20px 56px rgba(23,38,64,.08)}
.price-card.popular{box-shadow:0 28px 72px rgba(93,70,219,.18)}
.case-screen{border-radius:18px}
.final-cta{padding:110px 0}
.footer-grid{gap:60px}
@media (max-width:1050px){html{font-size:18px}.hero h1{font-size:clamp(56px,7vw,82px)}.feature-copy h3{font-size:42px}}
@media (max-width:760px){html{font-size:16px}.hero h1{font-size:52px}.hero-sub{font-size:18px}.feature-row{padding:18px}.feature-copy h3{font-size:36px}.section-heading h2{font-size:42px}.section-heading p{font-size:18px}.image-surface{border-radius:22px}}

/* === V5 premium product UI mockups === */
:root{--v5-purple:#7459f6;--v5-teal:#2fcfc6}
.hero h1{font-size:clamp(52px,4.8vw,68px)!important;line-height:1.02!important;max-width:690px!important;letter-spacing:-.05em!important}.hero-sub{font-size:19px!important;line-height:1.68!important;max-width:650px!important}.section-heading h2{font-size:clamp(42px,4vw,58px)!important}.section-heading p{font-size:18px!important}.feature-copy h3{font-size:36px!important;line-height:1.17!important}.feature-copy>p{font-size:16px!important;line-height:1.75!important}.feature-list li{font-size:15px!important}.pain-card p,.case-card p,.mini-feature p,.byok-points p,.price-card li,.faq-answer p{font-size:15px!important}.desktop-nav,.text-link{font-size:14px!important}.btn{font-size:14px!important}.brand{font-size:18px!important}.hero-grid{grid-template-columns:.92fr 1.08fr!important;gap:48px!important}.hero-visual{padding:0!important;position:relative!important}.mockup-note,.editor-frame,.visual-badge{display:none!important}
.product-stage{position:relative;background:linear-gradient(145deg,#0a1424,#14243d 72%,#102238);border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;box-shadow:0 34px 90px rgba(18,32,54,.24);min-height:555px}.product-stage:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(116,89,246,.18);right:-90px;top:-90px}.product-topbar{height:52px;padding:0 18px;display:flex;align-items:center;gap:14px;background:#fdfefe;border-bottom:1px solid #e9edf4;color:#253247;font-size:13px;position:relative;z-index:2}.topbar-dots{display:flex;gap:5px}.topbar-dots i{width:8px;height:8px;border-radius:50%;background:#d7dde6}.topbar-dots i:nth-child(1){background:#ff8378}.topbar-dots i:nth-child(2){background:#f5c967}.topbar-dots i:nth-child(3){background:#64d39b}.product-topbar strong{flex:1}.export-status{font-size:11px;padding:6px 9px;border-radius:999px;background:#ecfaf5;color:#25825b;font-weight:800}.product-layout{display:grid;grid-template-columns:64px minmax(0,1fr) 220px;height:503px;position:relative;z-index:1}.product-sidebar{background:#0b1526;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:14px}.side-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--v5-purple),#8e72ff);display:grid;place-items:center;color:#fff;font-size:13px;margin-bottom:14px}.side-item{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#16253a;color:#8190a6;font-size:10px;font-weight:800}.side-item.active{background:#2a2259;color:#b8aaff;border:1px solid rgba(147,124,255,.28)}.product-workspace{padding:22px;background:linear-gradient(180deg,#f7f9fd,#f0f4f9);overflow:hidden}.workspace-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.workspace-head small{display:block;color:#7b65e8;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.workspace-head h4{font-size:19px;margin:0;color:#213147}.workspace-head button{border:1px solid #d9e0eb;background:#fff;border-radius:9px;padding:8px 12px;font-weight:750;color:#415066;font-size:11px}.workspace-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ui-action-card{min-width:0;background:#fff;border:1px solid #e1e7ef;border-radius:13px;padding:12px;display:flex;gap:10px;align-items:center}.ui-action-card b{display:block;font-size:12px;color:#253449}.ui-action-card small{display:block;font-size:10px;color:#8490a1;margin-top:3px}.ui-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:900;flex:none}.ui-icon.purple{background:var(--v5-purple)}.ui-icon.teal{background:var(--v5-teal)}.voice-strip{margin-top:12px;border-radius:13px;background:#0e1b2e;color:#fff;padding:13px 14px;display:flex;align-items:center;justify-content:space-between}.voice-strip small{font-size:9px;color:#a998ff;font-weight:900;display:block}.voice-strip b{font-size:11px}.waveform{width:45%;height:30px;display:flex;align-items:center;gap:5px}.waveform i{display:block;width:4px;border-radius:4px;background:linear-gradient(180deg,#2fd0c7,#6b72f7)}.waveform i:nth-child(1){height:12px}.waveform i:nth-child(2){height:24px}.waveform i:nth-child(3){height:17px}.waveform i:nth-child(4){height:28px}.waveform i:nth-child(5){height:14px}.waveform i:nth-child(6){height:25px}.waveform i:nth-child(7){height:18px}.waveform i:nth-child(8){height:29px}.waveform i:nth-child(9){height:16px}.timeline-box{margin-top:12px;background:#fff;border:1px solid #e0e6ef;border-radius:13px;padding:12px}.timeline-label{font-size:9px;font-weight:900;color:#7a8798;letter-spacing:.08em;display:flex;justify-content:space-between}.timeline-label span{letter-spacing:0;font-weight:700}.clip-row{height:44px;margin-top:9px;background:#f3f6fa;border-radius:9px;padding:6px;display:grid;grid-template-columns:1.1fr 1.5fr 1.1fr 1.4fr 1.3fr;gap:5px;position:relative}.clip-row i{border-radius:6px;background:#d9d1ff}.clip-row i:nth-child(2){background:#d4e4fb}.clip-row i:nth-child(3){background:#d7efe9}.clip-row i:nth-child(4){background:#eadffa}.clip-row i:nth-child(5){background:#dce6f7}.clip-row b{position:absolute;left:58%;top:-5px;width:2px;height:54px;background:var(--v5-purple)}.audio-row{margin:11px 4px 0;height:18px;background:repeating-linear-gradient(90deg,transparent 0 7px,#586bd0 7px 10px,transparent 10px 15px);opacity:.6;border-radius:10px}.product-script-panel{background:#fff;border-left:1px solid #e2e7ef;padding:20px 16px;overflow:hidden}.panel-pill{display:inline-block;background:#f0edff;color:#6d57e3;font-size:9px;font-weight:900;letter-spacing:.08em;padding:6px 8px;border-radius:999px}.product-script-panel h4{font-size:16px;line-height:1.25;margin:14px 0 16px;color:#223144}.script-step{display:grid;grid-template-columns:28px 1fr;gap:9px;margin:13px 0}.script-step em{width:26px;height:26px;border-radius:8px;background:#735af2;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}.script-step b{font-size:11px;color:#273549;display:block}.script-step small{font-size:9px;color:#8792a2;display:block;margin-top:3px;line-height:1.35}.generate-button{margin-top:12px;width:100%;border:0;border-radius:10px;padding:10px;background:linear-gradient(135deg,#6f58ff,#32cfc5);color:#fff;font-size:10px;font-weight:800}.floating-ui-note{position:absolute;z-index:4;background:#101b2f;color:#fff;padding:11px 13px;border-radius:13px;box-shadow:0 16px 34px rgba(12,21,37,.25);border:1px solid rgba(255,255,255,.08);min-width:164px}.floating-ui-note small{display:block;color:#ab9cff;font-size:8px;font-weight:900;letter-spacing:.08em}.floating-ui-note b{font-size:10px}.note-one{right:-15px;top:78px}.note-two{left:-18px;bottom:20px}
.why-visual{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.usecase-stage{height:520px;position:relative;border-radius:28px;overflow:hidden;background:radial-gradient(circle at center,rgba(116,89,246,.22),transparent 32%),linear-gradient(145deg,#0a1424,#142641);box-shadow:0 28px 80px rgba(14,27,46,.2);border:1px solid rgba(255,255,255,.07)}.usecase-center{position:absolute;width:310px;height:230px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:22px;padding:18px;box-shadow:0 20px 50px rgba(3,8,18,.25)}.record-badge{font-size:9px;font-weight:900;color:#6d57e4;background:#efecff;border-radius:999px;padding:5px 7px}.usecase-screen-ui{height:130px;margin-top:12px;border-radius:14px;background:#eef4fa;display:grid;grid-template-columns:58px 1fr;overflow:hidden}.uc-sidebar{background:#e5ebf3}.uc-content{padding:16px}.uc-content b{display:block;font-size:14px;color:#243447}.uc-content span{display:block;height:8px;background:#d8dfe8;border-radius:8px;margin-top:9px;width:80%}.uc-content span:nth-of-type(2){width:58%}.uc-content button{border:0;background:#7459f6;color:#fff;border-radius:8px;padding:7px 12px;font-size:9px;font-weight:800;margin-top:14px}.uc-play{position:absolute;right:18px;bottom:16px;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#7459f6,#2fcfc6);display:grid;place-items:center;color:#fff;font-size:12px}.usecase-card{position:absolute;background:#fff;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;width:225px;box-shadow:0 15px 40px rgba(5,12,23,.2)}.usecase-card>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f0edff;color:#7158ed;font-weight:900}.usecase-card b{font-size:13px;display:block;color:#223144}.usecase-card small{font-size:10px;color:#7a8798;display:block;margin-top:2px}.uc-one{left:24px;top:52px}.uc-two{right:24px;top:52px}.uc-three{left:24px;bottom:52px}.uc-four{right:24px;bottom:52px}.uc-two>span,.uc-three>span{background:#eafaf7;color:#27b888}.uc-four>span{background:#fff2e7;color:#df8b39}
.feature-row{padding:24px!important;gap:46px!important;border-radius:30px!important}.feature-row.reverse{background:linear-gradient(145deg,#0a1424,#111f35)!important}.image-surface{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.mockup-ui{height:500px;border-radius:24px;overflow:hidden;background:#f7f9fd;border:1px solid #dce4ef;box-shadow:0 24px 70px rgba(20,33,55,.16)}.mockup-bar{height:50px;padding:0 16px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #e6ebf2}.mockup-bar>span{display:flex;gap:5px}.mockup-bar>span i{width:7px;height:7px;border-radius:50%;background:#d7dde6}.mockup-bar>span i:nth-child(1){background:#ff8478}.mockup-bar>span i:nth-child(2){background:#f4ca69}.mockup-bar>span i:nth-child(3){background:#67d39f}.mockup-bar b{font-size:13px;color:#29374b;flex:1}.mockup-bar em{font-size:10px;font-style:normal;padding:5px 8px;border-radius:999px;background:#ecfaf5;color:#29835d;font-weight:800}.mockup-grid.two-col{display:grid;grid-template-columns:.86fr 1.14fr;height:450px}.recording-panel{padding:22px;background:#0e1a2d}.panel-title{font-size:12px;font-weight:850;color:#28374a;margin-bottom:14px}.recording-panel .panel-title{color:#e2e9f3}.frame-card{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.07);background:#14243a;border-radius:14px;margin-bottom:12px}.frame-card.active{background:#211d49;border-color:rgba(143,120,255,.25)}.frame-card>span{width:32px;height:32px;border-radius:9px;background:#273a55;color:#9cacbe;display:grid;place-items:center;font-size:10px;font-weight:900}.frame-card.active>span{background:#7459f6;color:#fff}.frame-card b{display:block;color:#f2f5fa;font-size:13px}.frame-card small{display:block;color:#8f9caf;font-size:10px;margin-top:3px}.generated-panel{padding:22px;background:#fff}.panel-tag{display:inline-block;padding:5px 8px;border-radius:999px;background:#efecff;color:#6f58e5;font-size:9px;font-weight:900;letter-spacing:.08em}.generated-panel h4{font-size:22px;margin:12px 0 4px;color:#213144}.generated-panel>p{font-size:12px;color:#7b8798;margin:0 0 14px}.generated-step{display:grid;grid-template-columns:32px 1fr;gap:11px;padding:12px;border:1px solid #e4e9f1;border-radius:13px;margin-top:10px;background:#fafbfd}.generated-step em{width:30px;height:30px;border-radius:9px;background:#7459f6;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}.generated-step b{font-size:13px;color:#263447}.generated-step small{font-size:10px;color:#7a8798;display:block;margin-top:3px;line-height:1.35}
.voice-grid{display:grid;grid-template-columns:.9fr 1.1fr;height:450px}.voice-options{padding:22px;background:#fff}.voice-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:14px;border:1px solid #e4e9f1;border-radius:14px;margin-bottom:12px;background:#fafbfd}.voice-card.selected{background:#f3f1ff;border-color:#ded8ff}.voice-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#16253a;color:#fff;font-weight:900}.voice-avatar.purple{background:#7459f6}.voice-card b{font-size:13px;color:#263447}.voice-card small{font-size:10px;color:#7c899a;display:block;margin-top:3px}.voice-card button{border:0;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;background:#efecff;color:#6d58e4}.voice-card.selected button{background:linear-gradient(135deg,#7459f6,#2fcfc6);color:#fff}.regen-card{margin-top:14px;background:#eafaf6;border:1px solid #d5eee7;border-radius:14px;padding:14px}.regen-card b{font-size:13px;color:#27684e}.regen-card small{display:block;font-size:10px;color:#6d8c7e;margin:5px 0 10px}.mini-wave{height:20px;background:repeating-linear-gradient(90deg,transparent 0 7px,#32b889 7px 10px,transparent 10px 15px);opacity:.55}.voice-track{padding:22px;background:#0e1a2d;color:#fff}.panel-title.light{color:#d8e1ed}.big-wave{height:105px;display:flex;align-items:center;gap:8px;margin:18px 0 24px}.big-wave i{width:7px;border-radius:6px;background:linear-gradient(180deg,#2fcfc6,#7765ff)}.big-wave i:nth-child(1){height:24px}.big-wave i:nth-child(2){height:56px}.big-wave i:nth-child(3){height:36px}.big-wave i:nth-child(4){height:78px}.big-wave i:nth-child(5){height:44px}.big-wave i:nth-child(6){height:88px}.big-wave i:nth-child(7){height:52px}.big-wave i:nth-child(8){height:76px}.big-wave i:nth-child(9){height:40px}.big-wave i:nth-child(10){height:82px}.big-wave i:nth-child(11){height:50px}.big-wave i:nth-child(12){height:66px}.line-editor{position:relative;background:#16263e;border:1px solid #263b58;border-radius:15px;padding:16px}.line-editor small{font-size:9px;color:#af9fff;font-weight:900}.line-editor p{font-size:13px;line-height:1.45;color:#eef3f9;padding-right:120px}.line-editor button{position:absolute;right:14px;bottom:14px;border:0;border-radius:999px;padding:8px 11px;background:linear-gradient(135deg,#7459f6,#2fcfc6);color:#fff;font-size:9px;font-weight:800}.sync-pill{margin-top:16px;display:inline-block;background:#203852;border-radius:999px;padding:7px 10px;font-size:9px;color:#d7e4f3}
.timeline-preview{padding:18px 20px 12px;background:#fff;display:grid;grid-template-columns:1fr .8fr;gap:16px;height:230px}.preview-screen{border-radius:14px;background:#eef4fa;display:grid;grid-template-columns:54px 1fr;overflow:hidden}.mini-app-sidebar{background:#e1e8f0}.mini-app-content{padding:18px}.mini-app-content h5{font-size:16px;margin:0 0 13px;color:#243447}.fake-input{height:34px;border:1px solid #dce4ee;border-radius:9px;background:#fff;padding:8px 10px;font-size:10px;color:#8a95a5}.mini-app-content button,.invite-row button{border:0;border-radius:9px;background:#7459f6;color:#fff;font-weight:800;font-size:10px;padding:9px 14px;margin-top:10px}.edit-actions{display:grid;gap:8px}.edit-actions>div{border:1px solid #e3e8ef;background:#fafbfd;border-radius:12px;padding:11px}.edit-actions b{display:block;font-size:11px;color:#253448}.edit-actions small{font-size:9px;color:#7f8b9c}.timeline-editor{height:220px;background:#f8fafc;border-top:1px solid #e4e9f1;padding:16px 20px;position:relative}.track-name{width:54px;font-size:9px;font-weight:900;color:#7e8a9b;margin:10px 0}.video-clips{position:absolute;left:82px;right:20px;top:20px;height:46px;display:grid;grid-template-columns:1.1fr 1.5fr 1.2fr 1.4fr 1.3fr;gap:6px;background:#f0f3f8;padding:6px;border-radius:10px}.video-clips i{border-radius:6px;background:#d9d1ff}.video-clips i:nth-child(2){background:#d4e4fb}.video-clips i:nth-child(3){background:#d8f1eb}.video-clips i:nth-child(4){background:#eadffa}.video-clips i:nth-child(5){background:#dce6f7}.video-clips b{position:absolute;left:58%;top:-8px;width:2px;height:60px;background:#7459f6}.voice-wave-line{position:absolute;left:82px;right:90px;top:91px;height:22px;background:repeating-linear-gradient(90deg,transparent 0 7px,#596bd0 7px 10px,transparent 10px 15px);opacity:.6}.script-strip{position:absolute;left:82px;top:136px;border:1px solid #e1e7ef;background:#fff;border-radius:9px;padding:8px 11px;font-size:10px;color:#58687c}.zoom-chip{position:absolute;right:28px;top:86px;background:#efecff;color:#6f58e5;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.zoom-screen{height:450px;background:#eef4fa;display:grid;grid-template-columns:110px 1fr}.zoom-sidebar{background:#fff;padding:24px 16px;border-right:1px solid #e2e7ef}.zoom-sidebar b{font-size:12px;color:#27364a}.zoom-sidebar span{display:block;height:9px;background:#e5eaf0;border-radius:5px;margin-top:18px}.zoom-sidebar span.active{height:34px;background:#efecff}.zoom-content{position:relative;padding:32px 38px;background:#fff}.zoom-content h4{font-size:28px;margin:0;color:#223144}.zoom-content>p{font-size:13px;color:#7a8798}.invite-row{display:grid;grid-template-columns:1fr 98px;gap:10px;margin-top:28px}.invite-row button{margin:0;font-size:12px}.member-row{margin-top:28px;background:#f8fafc;border:1px solid #e4e9ef;border-radius:13px;padding:14px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px}.member-row i{width:34px;height:34px;border-radius:50%;background:#d8e0ef}.member-row span{height:10px;border-radius:5px;background:#dce3eb;width:120px}.member-row em{font-style:normal;font-size:10px;background:#edf1f5;padding:6px 8px;border-radius:8px;color:#687588}.zoom-ring{position:absolute;right:30px;top:95px;width:150px;height:150px;border:5px solid #7459f6;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 22px rgba(116,89,246,.08)}.zoom-ring-inner{background:#7459f6;color:#fff;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:900}.callout-box{position:absolute;right:36px;bottom:28px;background:#0f1b2f;color:#fff;border-radius:14px;padding:14px 16px;width:240px;box-shadow:0 18px 36px rgba(10,18,32,.22)}.callout-box small{font-size:9px;color:#aa9cff;font-weight:900;display:block}.callout-box b{font-size:12px;display:block;margin-top:4px}.case-screen{background:#0d1728!important;border:0!important;padding:0!important;box-shadow:0 18px 44px rgba(0,0,0,.24)!important}.case-demo-ui{height:215px;background:#f5f8fc}.case-demo-top{height:38px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #e7ebf2}.case-demo-top span{display:flex;gap:4px}.case-demo-top i{width:6px;height:6px;border-radius:50%;background:#d6dde6}.case-demo-top b{font-size:10px;color:#28364a}.case-demo-body{height:177px;display:grid;grid-template-columns:54px 1fr}.case-demo-body aside{background:#0f1b2f}.case-demo-body main{padding:16px}.case-demo-body h5{font-size:15px;margin:0;color:#233245}.case-demo-body p{font-size:10px!important;color:#7b8798;margin:5px 0 10px!important}.case-demo-row{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.case-demo-row span{height:28px;border-radius:8px;background:#fff;border:1px solid #e1e7ef}.case-demo-row button{border:0;border-radius:8px;background:#7459f6;color:#fff;font-size:9px;font-weight:800;padding:0 10px}.case-demo-timeline{margin-top:12px;height:30px;background:#eef2f7;border-radius:8px;padding:4px;display:grid;grid-template-columns:1.1fr 1.4fr 1.1fr 1.3fr;gap:4px}.case-demo-timeline i{border-radius:5px;background:#d9d1ff}.case-demo-timeline i:nth-child(2){background:#d4e4fb}.case-demo-timeline i:nth-child(3){background:#d8f1eb}.case-demo-timeline i:nth-child(4){background:#eadffa}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr!important}.hero-copy{max-width:780px}.product-stage{max-width:860px;margin:0 auto}.feature-row,.feature-row.reverse{grid-template-columns:1fr!important}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-image{order:initial!important}.mockup-ui{height:auto;min-height:480px}.usecase-stage{max-width:760px;margin:0 auto}.feature-copy h3{font-size:34px!important}}@media(max-width:760px){.hero h1{font-size:46px!important}.hero-sub{font-size:17px!important}.product-layout{grid-template-columns:48px 1fr}.product-script-panel{display:none}.product-stage{min-height:500px}.product-layout{height:448px}.product-workspace{padding:16px}.workspace-card-row{grid-template-columns:1fr}.ui-action-card:nth-child(2){display:none}.floating-ui-note{display:none}.usecase-stage{height:580px}.usecase-center{width:270px}.usecase-card{width:200px}.uc-one{left:12px;top:25px}.uc-two{right:12px;top:122px}.uc-three{left:12px;bottom:122px}.uc-four{right:12px;bottom:25px}.mockup-grid.two-col,.voice-grid{grid-template-columns:1fr}.recording-panel,.voice-options{display:none}.mockup-ui{min-height:430px}.generated-panel,.voice-track{height:430px}.timeline-preview{grid-template-columns:1fr}.edit-actions{display:none}.zoom-screen{grid-template-columns:70px 1fr}.zoom-ring{width:110px;height:110px;right:18px}.callout-box{width:200px}.feature-row{padding:16px!important}.feature-copy h3{font-size:31px!important}.section-heading h2{font-size:38px!important}}

/* Mobile overflow safety net - prevents any element from forcing horizontal scroll/cutoff on small screens */
html,body{max-width:100%;overflow-x:hidden}
.site-shell{overflow-x:hidden;max-width:100vw}
img,svg{max-width:100%;height:auto}
*{box-sizing:border-box}
@media (max-width:600px){
  .usecase-stage{transform:scale(.82);transform-origin:top center}
  .product-stage,.mockup-ui{max-width:100%}
}

/* Targeted mobile fix - feature rows (incl. Zoom & Callouts) were overflowing viewport width */
@media (max-width:760px){
  .feature-row,.feature-row.reverse{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:20px!important;
    margin:24px 0!important;
  }
  .feature-copy{max-width:100%!important;padding:0!important}
  .feature-copy h3{font-size:26px!important;line-height:1.3!important}
  .feature-copy>p{font-size:14px!important;line-height:1.6!important}
  .feature-image{margin-top:18px!important;width:100%!important}
  .image-surface{overflow:hidden!important;width:100%!important;box-sizing:border-box!important;padding:8px!important}
  .mockup-ui{height:auto!important;min-height:0!important;width:100%!important}
  .zoom-screen{grid-template-columns:1fr!important;height:auto!important}
  .zoom-sidebar{display:none!important}
  .zoom-content{padding:18px!important}
  .zoom-content h4{font-size:20px!important}
  .zoom-ring,.callout-box{display:none!important}
  .voice-grid,.mockup-grid.two-col{grid-template-columns:1fr!important;height:auto!important}
  .recording-panel,.voice-options,.generated-panel,.voice-track{height:auto!important;padding:16px!important}
  .timeline-preview{height:auto!important}
  .invite-row{grid-template-columns:1fr!important}
  .invite-row button{width:100%!important}
}