:root{
  --ink:#06111d;
  --ink2:#0b1d31;
  --paper:#f4f7fb;
  --white:#fff;
  --text:#0d1825;
  --muted:#64748b;
  --line:#d9e2ec;
  --blue:#1683ff;
  --cyan:#5fd6ff;
  --green:#25bd79;
  --amber:#f3a62b;
  --purple:#7667ff;
  --radius:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--text);background:var(--paper);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.section-dark{color:#fff;background:
  radial-gradient(circle at 72% 22%,rgba(22,131,255,.22),transparent 24%),
  radial-gradient(circle at 12% 70%,rgba(95,214,255,.08),transparent 30%),
  linear-gradient(160deg,#06111d 0%,#08192b 54%,#06111d 100%)}
.nav-shell{position:fixed;z-index:50;top:16px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 34px));height:58px;padding:0 10px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.16);background:rgba(7,18,31,.75);backdrop-filter:blur(18px);border-radius:18px;color:#eaf2fb;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:.02em}.brand b{color:#8ca2ba;font-weight:600}.brand-mark{width:28px;height:28px;display:grid;align-content:center;gap:3px;padding:6px;border-radius:8px;background:#0b2846;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.brand-mark i{display:block;height:2px;border-radius:4px;background:#fff}.brand-mark i:nth-child(2){width:75%;background:var(--cyan)}.brand-mark i:nth-child(3){width:48%;background:var(--blue)}
.nav-shell nav{display:flex;gap:26px;font-size:13px;color:#aebdd0}.nav-shell nav a:hover{color:#fff}.nav-cta{font-size:12px;font-weight:800;padding:11px 14px;border-radius:11px;background:#fff;color:#081421}
.hero{min-height:1180px;padding:148px max(28px,calc((100vw - 1180px)/2)) 68px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 83%);pointer-events:none}.hero-copy{width:min(1040px,100%);position:relative;z-index:3}.eyebrow{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:.18em;color:#86dfff;margin:0 0 22px}.eyebrow.dark{color:#2f6a9f}.hero h1,.section-intro h2,.collapse-copy h2,.case-head h2,.method-head h2,.contact-inner h2,.savings-copy h2{margin:0;letter-spacing:-.055em;line-height:.96;font-size:clamp(54px,6vw,92px);font-weight:700}.hero h1 span{color:#74d9ff}.hero-lede{font-size:clamp(18px,2vw,23px);line-height:1.55;color:#afc0d3;width:min(760px,100%);margin:30px 0 0}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{border:0;cursor:pointer;border-radius:14px;padding:15px 18px;display:inline-flex;gap:30px;align-items:center;justify-content:space-between;font-weight:800;font-size:14px;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:#fff;color:#071421}.button-ghost{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.12)}.button.large{padding:18px 21px;font-size:15px}
.hero-stage{height:620px;position:relative;margin-top:80px;z-index:2;display:grid;place-items:center}.product-window{position:relative;width:min(920px,75vw);height:520px;left:auto;top:auto;transform:none;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:#fff;color:#0d1825;overflow:hidden;box-shadow:0 70px 150px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.1);z-index:3}.window-top{height:42px;background:#eef3f8;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid #dbe3ec}.window-top>span{width:8px;height:8px;border-radius:50%;background:#c9d3de}.window-top p{font-size:10px;font-weight:700;margin:auto;color:#64748b}.window-top small{font:600 9px "DM Mono";color:#159a62}.product-grid{display:grid;grid-template-columns:170px 1fr;height:calc(100% - 42px)}.product-grid aside{background:#071b2f;color:#94a8bf;padding:24px 18px;display:flex;flex-direction:column;gap:12px;font-size:10px}.mini-logo{width:22px;display:grid;gap:3px;margin-bottom:10px}.mini-logo i{height:2px;background:#fff}.mini-logo i:nth-child(2){width:75%;background:var(--cyan)}.mini-logo i:nth-child(3){width:50%;background:var(--blue)}.product-grid aside p{font:500 8px "DM Mono";letter-spacing:.14em;color:#5f7894}.product-grid aside b{color:#fff;background:#123a61;border-left:2px solid var(--blue);padding:9px 10px;border-radius:7px}.product-grid aside span{padding:5px 10px}.product-main{padding:30px;background:#f7f9fc}.product-title{display:flex;justify-content:space-between;align-items:end}.product-title small,.browser-content small{font:500 8px "DM Mono";letter-spacing:.12em;color:#8090a3}.product-title h3{font-size:23px;margin:4px 0 0;letter-spacing:-.04em}.product-title strong{font-size:10px;color:#11945c;background:#e9faf2;padding:7px 10px;border-radius:999px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:23px}.metric-row article{background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:14px}.metric-row span{display:block;font-size:9px;color:#7c8a9c}.metric-row b{font-size:25px;display:block;margin-top:3px}.metric-row em{font-size:8px;font-style:normal;color:#9aa7b5}.work-area{display:grid;grid-template-columns:1.4fr .75fr;gap:12px;margin-top:12px}.queue-card,.activity-card{background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:14px}.queue-card header,.activity-card header{display:flex;justify-content:space-between;font-size:9px;margin-bottom:8px}.queue-card header span,.activity-card header span{color:#8c9aac}.queue-card>div{display:grid;grid-template-columns:1fr .7fr .6fr;align-items:center;padding:11px 0;border-top:1px solid #edf1f5;font-size:9px}.queue-card>div span{color:#758397}.state{display:inline-block;font-style:normal;font-size:8px;font-weight:700;padding:5px 7px;border-radius:999px;text-align:center}.state.blue{background:#e9f3ff;color:#1476d8}.state.amber{background:#fff4df;color:#b6760b}.state.green{background:#e8f8f1;color:#16925e}.activity-card p{font-size:9px;margin:13px 0;color:#45566b;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot.blue{background:var(--blue)}.dot.purple{background:var(--purple)}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}
.signal{position:absolute;width:150px;padding:12px 13px;border:1px solid rgba(255,255,255,.18);background:rgba(9,30,51,.82);backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.26);z-index:5;animation:float 5s ease-in-out infinite}.signal span{font:500 8px "DM Mono";letter-spacing:.13em;color:#6dcfff}.signal b{display:block;font-size:12px;margin:5px 0 2px}.signal em{font-style:normal;color:#8297ac;font-size:9px}.signal-a{left:2%;top:12%}.signal-b{left:4%;bottom:12%;animation-delay:-2s}.signal-c{right:3%;top:9%;animation-delay:-1s}.signal-d{right:1%;bottom:13%;animation-delay:-3s}.signal-e{left:17%;top:0;animation-delay:-4s}.connection-lines i{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#2899ff,#65d8ff,transparent);opacity:.55;transform-origin:left center;z-index:1}.connection-lines i:nth-child(1){left:13%;top:25%;width:36%;transform:rotate(13deg)}.connection-lines i:nth-child(2){left:14%;bottom:24%;width:36%;transform:rotate(-11deg)}.connection-lines i:nth-child(3){right:13%;top:23%;width:36%;transform:rotate(168deg)}.connection-lines i:nth-child(4){right:13%;bottom:24%;width:36%;transform:rotate(190deg)}.connection-lines i:nth-child(5){left:24%;top:14%;width:29%;transform:rotate(20deg)}@keyframes float{50%{transform:translateY(-9px)}}
.hero-proof{border-top:1px solid rgba(255,255,255,.13);padding-top:25px;display:flex;justify-content:space-between;gap:30px;color:#8ea3b9;font-size:12px;position:relative;z-index:3}.hero-proof>div{display:flex;gap:26px;flex-wrap:wrap}.hero-proof b{font-weight:600;color:#c4d0de}
.problem-section{padding:150px max(28px,calc((100vw - 1180px)/2));background:#f4f7fb}.section-intro h2,.case-head h2,.method-head h2,.savings-copy h2{font-size:clamp(48px,5.2vw,78px);color:#0a1623}.section-intro h2 span{color:#8493a5}.fragment-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:75px}.fragment{min-height:130px;background:#fff;border:1px solid #dce4ec;border-radius:22px;padding:20px;box-shadow:0 14px 40px rgba(31,52,77,.05)}.fragment small{font:500 10px "DM Mono";color:#97a6b5}.fragment b{font-size:18px;display:block;margin-top:28px}.fragment span{font-size:11px;color:#8391a2}.fragment-flow>i{font-style:normal;color:#97a8ba}.problem-copy{font-size:22px;line-height:1.6;max-width:850px;margin:74px auto 0;color:#405268;text-align:center}
.collapse-section{background:#071421;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;padding:150px max(28px,calc((100vw - 1180px)/2))}.collapse-copy h2{font-size:clamp(52px,5vw,78px)}.collapse-copy>p:last-child{font-size:18px;line-height:1.7;color:#9db0c5;max-width:480px}.collapse-visual{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px}.mess-stack{position:relative;height:310px}.mess-stack div{position:absolute;top:95px;left:50%;transform:translateX(calc(-50% + var(--x))) rotate(var(--r));width:220px;height:80px;padding:25px;border-radius:16px;border:1px solid #d5dfe8;background:#fff;color:#263649;font-size:12px;font-weight:700;box-shadow:0 20px 50px rgba(0,0,0,.3)}.collapse-arrow{color:#5fd6ff;font-size:34px}.control-tile{height:290px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(145deg,#0c2847,#081929);padding:34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-shadow:0 35px 90px rgba(0,0,0,.35)}.control-tile .brand-mark{margin-bottom:auto}.control-tile small{font:500 9px "DM Mono";letter-spacing:.15em;color:#6dcfff}.control-tile b{font-size:42px;letter-spacing:-.05em;margin-top:5px}.control-tile em{font-style:normal;color:#89a0b8;font-size:13px;margin-top:3px}
.case-section{padding:150px max(28px,calc((100vw - 1180px)/2));background:#eef3f8}.case-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px}.case-head>p{font-size:17px;line-height:1.65;color:#5a6d82;margin:0 0 4px}.case-browser{margin-top:70px;border-radius:28px;overflow:hidden;background:#fff;border:1px solid #d8e0e9;box-shadow:0 45px 110px rgba(24,44,70,.18)}.browser-bar{height:47px;background:#e7edf3;display:flex;align-items:center;gap:7px;padding:0 15px}.browser-bar>span{width:9px;height:9px;border-radius:50%;background:#bbc7d3}.browser-bar p{margin:auto;font-size:10px;color:#6f7e8e}.browser-body{height:590px;display:grid;grid-template-columns:190px 1fr}.browser-body aside{background:#071b2f;color:#9cb0c5;padding:28px 20px;display:flex;flex-direction:column;gap:16px;font-size:10px}.browser-body aside b{font-size:14px;color:#fff}.browser-body aside small{font:500 8px "DM Mono";letter-spacing:.15em;color:#54708e;margin-bottom:12px}.browser-body aside strong{color:#fff;background:#123a61;border-left:3px solid #1683ff;padding:10px;border-radius:8px}.browser-body aside span{padding-left:10px}.browser-content{padding:34px;background:#f8fafc}.browser-content header{display:flex;align-items:end;justify-content:space-between}.browser-content h3{margin:4px 0 0;font-size:30px;letter-spacing:-.05em}.browser-content header em{font-style:normal;color:#1476d8;background:#e9f3ff;border-radius:999px;padding:7px 10px;font-size:10px}.browser-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.browser-metrics article{background:#fff;border:1px solid #e1e7ee;border-radius:15px;padding:17px}.browser-metrics b{font-size:27px;display:block;margin-top:4px}.orders-table{margin-top:15px;background:#fff;border:1px solid #e1e7ee;border-radius:16px;padding:0 18px}.orders-table>div{display:grid;grid-template-columns:.8fr 1.2fr .8fr .7fr;align-items:center;min-height:66px;border-top:1px solid #edf1f5;font-size:11px}.orders-table .th{border:0;min-height:45px;color:#8a98a8;font:500 8px "DM Mono";letter-spacing:.1em}.orders-table>div>span{color:#657589}.outcome-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-top:1px solid #ced8e2;border-bottom:1px solid #ced8e2}.outcome-row article{padding:30px 24px;border-right:1px solid #ced8e2}.outcome-row article:last-child{border-right:0}.outcome-row small,.chapter small{font:500 10px "DM Mono";letter-spacing:.12em;color:#2d76b4}.outcome-row b{display:block;font-size:16px;line-height:1.45;margin-top:16px}
.build-section{padding:150px max(28px,calc((100vw - 1180px)/2));background:#071421;color:#fff}.section-intro.light h2{color:#fff}.chapter-track{margin-top:80px}.chapter{display:grid;grid-template-columns:.22fr .65fr .85fr 1.1fr;gap:34px;align-items:center;border-top:1px solid rgba(255,255,255,.13);padding:42px 0}.chapter:last-child{border-bottom:1px solid rgba(255,255,255,.13)}.chapter h3{font-size:28px;line-height:1.13;letter-spacing:-.035em;margin:0}.chapter p{font-size:14px;color:#92a6bb;line-height:1.65;margin:0}.chapter-visual{min-height:130px;border-radius:20px;background:#0c2239;border:1px solid rgba(255,255,255,.1);padding:20px;position:relative;overflow:hidden}.capture{display:flex;align-items:center;gap:7px}.capture span{font:500 8px "DM Mono";border:1px solid #39516b;padding:10px 8px;border-radius:8px;color:#9cb5cf}.capture i{flex:1;height:1px;background:linear-gradient(90deg,#39516b,#4bd4ff);position:relative}.capture i:after{content:"→";position:absolute;right:-3px;top:-11px;color:#4bd4ff}.capture b{font-size:10px;background:#113d66;color:#fff;padding:15px 12px;border-radius:10px}.decide{display:flex;flex-direction:column;justify-content:center;gap:17px}.decide b{font-size:10px;font-family:"DM Mono"}.decide i{height:1px;background:linear-gradient(90deg,#6c64ff,#4bd4ff)}.decide b:last-child{color:#77deff}.execute{display:flex;align-items:center;gap:10px}.execute span{font:500 8px "DM Mono";color:#b7c7d7}.execute i{flex:1;height:1px;background:#3c6f98}.control small{color:#ffbd55}.control b{display:block;font-size:62px;line-height:1;margin-top:8px}.control em{font-style:normal;color:#91a8bf;font-size:10px}
.savings-section{padding:150px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:#f5f8fb}.savings-copy>p:last-child{font-size:16px;color:#66788c;line-height:1.7}.calculator{background:#fff;border:1px solid #dae3eb;border-radius:28px;padding:32px;box-shadow:0 28px 80px rgba(26,48,74,.09)}.calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.calc-inputs label{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.calc-inputs span{font-size:12px;color:#54677b}.calc-inputs output{font:600 12px "DM Mono"}.calc-inputs input{grid-column:1/-1;width:100%;accent-color:#1683ff}.calc-result{margin-top:30px;padding:28px;border-radius:22px;background:#071a2f;color:#fff}.calc-result small{font:500 9px "DM Mono";letter-spacing:.14em;color:#68ceff}.calc-result>b{display:block;font-size:56px;letter-spacing:-.055em;margin-top:7px}.calc-result p{color:#adbed0;font-size:14px}.calc-result p strong{color:#fff}.calc-result em{font-style:normal;font-size:10px;line-height:1.5;color:#6f87a1}
.method-section{padding:150px max(28px,calc((100vw - 1180px)/2));background:#fff}.method-line{display:grid;grid-template-columns:repeat(5,1fr);margin-top:75px;border-top:1px solid #dce3ea;border-bottom:1px solid #dce3ea}.method-line article{padding:30px 22px 36px;border-right:1px solid #dce3ea}.method-line article:last-child{border-right:0}.method-line small{font:500 10px "DM Mono";color:#2d76b4}.method-line b{display:block;font-size:23px;margin-top:30px}.method-line p{font-size:12px;line-height:1.6;color:#6a7c8e}
.contact-section{padding:80px 28px;background:#eef3f8}.contact-inner{width:min(1180px,100%);margin:auto;min-height:620px;border-radius:34px;padding:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;background:radial-gradient(circle at 78% 30%,rgba(41,151,255,.35),transparent 26%),linear-gradient(145deg,#071421,#09243f);position:relative;overflow:hidden}.contact-inner:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(95,214,255,.18);border-radius:50%;right:-130px;bottom:-220px;box-shadow:0 0 0 90px rgba(95,214,255,.035),0 0 0 180px rgba(95,214,255,.02)}.contact-inner h2{font-size:clamp(48px,5vw,76px);position:relative;z-index:2}.contact-inner>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#9eb3c8;max-width:650px;position:relative;z-index:2}.contact-inner .button{margin-top:20px;position:relative;z-index:2}.contact-inner>small{margin-top:18px;color:#687f97;position:relative;z-index:2}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.demo-modal{position:fixed;z-index:100;inset:0;background:rgba(2,8,14,.86);backdrop-filter:blur(16px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.demo-modal.open{opacity:1;pointer-events:auto}.modal-close{position:absolute;top:26px;right:30px;border:0;background:none;color:#fff;font-size:38px;cursor:pointer}.modal-frame{width:min(1080px,calc(100vw - 40px));aspect-ratio:16/9;background:#071421;border-radius:26px;border:1px solid rgba(255,255,255,.13);box-shadow:0 40px 120px #000;display:grid;place-items:center}.demo-placeholder{color:#fff;text-align:center;max-width:560px;padding:30px}.demo-placeholder .brand-mark{margin:0 auto 24px}.demo-placeholder b{display:block;font-size:28px}.demo-placeholder p{color:#8fa5bb;line-height:1.6}
@media(max-width:900px){.nav-shell nav{display:none}.hero{padding-top:120px;min-height:auto}.hero h1{font-size:58px}.hero-stage{height:520px;margin-top:55px}.product-window{width:92vw;height:430px}.product-grid{grid-template-columns:120px 1fr}.signal{display:none}.hero-proof{margin-top:10px;display:block}.hero-proof>div{margin-top:15px}.fragment-flow{grid-template-columns:1fr 1fr}.fragment-flow>i{display:none}.collapse-section,.savings-section,.case-head{grid-template-columns:1fr}.collapse-section{gap:55px}.chapter{grid-template-columns:1fr 1.4fr}.chapter p,.chapter-visual{grid-column:2}.method-line{grid-template-columns:1fr 1fr}.method-line article{border-bottom:1px solid #dce3ea}.browser-body{grid-template-columns:130px 1fr}.browser-body{height:500px}.case-browser{overflow:auto}.outcome-row{grid-template-columns:1fr 1fr}.contact-inner{padding:50px 28px}.calc-inputs{grid-template-columns:1fr}}
@media(max-width:620px){.nav-shell{height:54px}.nav-cta{font-size:10px}.hero h1{font-size:44px}.hero-lede{font-size:17px}.hero-stage{height:390px}.product-window{height:330px}.product-grid{grid-template-columns:85px 1fr}.product-grid aside{padding:14px 9px;gap:6px}.product-grid aside span{display:none}.product-main{padding:15px}.metric-row{grid-template-columns:1fr 1fr}.metric-row article{padding:8px}.metric-row b{font-size:18px}.work-area{display:none}.fragment-flow{grid-template-columns:1fr}.collapse-visual{grid-template-columns:1fr}.collapse-arrow{transform:rotate(90deg);text-align:center}.case-head{gap:30px}.browser-body aside{display:none}.browser-body{grid-template-columns:1fr}.browser-metrics{grid-template-columns:1fr 1fr}.orders-table>div{grid-template-columns:1fr 1fr}.orders-table>div>*:nth-child(3){display:none}.orders-table>div>*:nth-child(4){justify-self:end}.outcome-row{grid-template-columns:1fr}.outcome-row article{border-right:0;border-bottom:1px solid #ced8e2}.chapter{grid-template-columns:1fr}.chapter p,.chapter-visual{grid-column:1}.method-line{grid-template-columns:1fr}.contact-inner{min-height:540px}.calc-result>b{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal{animation:none}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* Showcase v2 */
.hero-v2{min-height:auto;padding-bottom:80px}.hero-impact{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;position:relative;z-index:4}.hero-v2 .hero-copy{width:100%}.hero-v2 h1{font-size:clamp(54px,5.6vw,88px);max-width:1050px}.hero-v2 .hero-lede{max-width:720px}.hero-calculator{background:rgba(255,255,255,.96);color:#0b1724;border-radius:26px;padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.5)}.calc-kicker{font:600 9px "DM Mono";letter-spacing:.15em;color:#2a6da8;margin:0 0 22px}.hero-calculator label{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:16px 0;border-top:1px solid #e3eaf1}.hero-calculator label span{font-size:12px;color:#526578}.hero-calculator output{font:700 12px "DM Mono"}.hero-calculator input{grid-column:1/-1;width:100%;accent-color:#1683ff}.hero-result{margin-top:17px;background:#071a2f;color:#fff;border-radius:18px;padding:22px}.hero-result small{font:500 8px "DM Mono";letter-spacing:.12em;color:#6ed2ff}.hero-result>b{font-size:42px;display:block;letter-spacing:-.05em;margin:7px 0}.hero-result p{font-size:12px;line-height:1.55;color:#a9bbcd;margin:0}.hero-result strong{color:#fff}.hero-calculator details{font-size:10px;color:#718295;margin-top:14px}.hero-calculator summary{cursor:pointer;font-weight:700;color:#4e6278}.hero-calculator details p{line-height:1.55}.hero-v2 .hero-stage{margin-top:72px}
.flow-section{background:#f4f7fb;padding:150px max(28px,calc((100vw - 1180px)/2));position:relative}.flow-intro{max-width:820px}.flow-intro h2,.capability-copy h2,.library-head h1{font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.055em;margin:0;color:#0a1623}.flow-intro>p:last-child,.capability-copy>p:last-child,.library-head>p:last-child{font-size:17px;line-height:1.7;color:#617487;max-width:700px}.flow-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-top:90px;align-items:start}.flow-steps{padding-bottom:10vh}.flow-step{min-height:44vh;padding:22px 10px 22px 0;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .4s ease,transform .4s ease;transform:translateX(-8px);border-top:1px solid #d8e1e9}.flow-step.active{opacity:1;transform:none}.flow-step small{font:600 10px "DM Mono";color:#2e79b7}.flow-step h3{font-size:34px;letter-spacing:-.04em;margin:13px 0 10px}.flow-step p{font-size:14px;line-height:1.65;color:#687a8d;max-width:430px;margin:0}.flow-screen{position:sticky;top:130px;height:600px;background:#071a2f;border-radius:30px;overflow:hidden;box-shadow:0 45px 110px rgba(21,44,69,.18);border:1px solid #d2dce6}.flow-screen:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(94,209,255,.12);border-radius:50%;right:-140px;bottom:-180px;box-shadow:0 0 0 80px rgba(94,209,255,.025)}.flow-screen-top{height:48px;background:#0c2744;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.09)}.flow-screen-top span{width:8px;height:8px;border-radius:50%;background:#49627d}.flow-screen-top b{font:600 9px "DM Mono";letter-spacing:.12em;color:#7391ad;margin-left:auto}.flow-panel{position:absolute;inset:48px 0 0;padding:70px;display:flex;flex-direction:column;justify-content:center;color:#fff;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}.flow-panel.active{opacity:1;transform:none}.flow-panel small{font:600 10px "DM Mono";letter-spacing:.17em;color:#62d2ff}.flow-panel h3{font-size:54px;line-height:1;letter-spacing:-.05em;margin:12px 0}.flow-panel p{font-size:16px;color:#91a8bf;max-width:520px;line-height:1.6}.flow-panel strong{margin-top:35px;font-size:13px;color:#fff;background:#123b63;width:max-content;padding:12px 15px;border-radius:10px}.flow-panel.alert small{color:#ffbd55}.flow-panel.alert strong{background:#5b3b10}.flow-panel.success small{color:#45dc94}.flow-panel.success strong{background:#0b5438}
.capability-section{background:#071421;color:#fff;padding:150px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.capability-copy h2{color:#fff}.capability-copy>p:last-child{color:#98acc1}.capability-map{min-height:680px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center}.capability-map>span{min-height:96px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0a2138;padding:17px 18px;display:flex;flex-direction:column;justify-content:center;font-size:13px;font-weight:800;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.capability-map>span:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#48c9ff,transparent);opacity:.2}.capability-map>span:hover{transform:translateY(-4px);border-color:rgba(94,214,255,.42)}.capability-map em{font-style:normal;font-size:9px;font-weight:500;color:#7992aa;margin-top:5px}.cap-hub{grid-column:2;grid-row:3 / span 2;min-height:205px;border-radius:26px;background:linear-gradient(145deg,#133b63,#0a2036);border:1px solid rgba(95,214,255,.28);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.32);order:0}.cap-hub .brand-mark{margin-bottom:auto}.cap-hub b{font-size:29px;letter-spacing:-.04em}.cap-hub small{color:#7e9ab6;margin-top:4px}.case-actions{display:flex;align-items:center;gap:22px;margin-top:34px}.button-dark{background:#071a2f;color:#fff}.button-line{background:#fff;color:#102236;border:1px solid #cfd9e4}.text-link{font-size:13px;font-weight:800;color:#246da9}.method-line.compact{grid-template-columns:repeat(4,1fr)}
.modal-frame video{width:100%;height:100%;object-fit:contain;border-radius:24px;background:#000}.library-body{background:#eef3f8;min-height:100vh}.library-shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:70px 0 110px}.library-back{font-size:13px;font-weight:800;color:#2a6fa7}.library-head{margin-top:70px;max-width:760px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px}.video-card{background:#fff;border:1px solid #d9e3ed;border-radius:28px;padding:22px;box-shadow:0 24px 70px rgba(29,54,82,.07)}.video-preview{height:300px;border-radius:20px;padding:25px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.video-preview:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-120px;top:-110px;box-shadow:0 0 0 70px rgba(255,255,255,.035)}.video-preview.internal{background:linear-gradient(145deg,#1d2430,#071421)}.video-preview.public{background:linear-gradient(145deg,#0d3d68,#071421)}.video-preview span{font:600 9px "DM Mono";letter-spacing:.15em;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.1)}.video-preview b{font-size:90px;line-height:.8;letter-spacing:-.08em;opacity:.95}.video-card>small{display:block;margin-top:24px;font:600 9px "DM Mono";letter-spacing:.16em;color:#3678ac}.video-card h2{font-size:25px;letter-spacing:-.035em;margin:8px 0}.video-card p{font-size:13px;color:#65778a;line-height:1.65}.video-actions{display:flex;gap:10px;margin-top:25px}.video-actions .button{padding:12px 15px;min-width:100px;justify-content:center}
@media(max-width:900px){.hero-impact,.flow-layout,.capability-section{grid-template-columns:1fr}.hero-impact{gap:40px}.hero-calculator{max-width:620px}.flow-screen{position:relative;top:auto}.flow-step{min-height:auto;padding:45px 0}.capability-map{min-height:0}.video-grid{grid-template-columns:1fr}.method-line.compact{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-v2 h1{font-size:43px}.hero-calculator{padding:20px}.hero-result>b{font-size:34px}.flow-section,.capability-section{padding-top:100px;padding-bottom:100px}.flow-screen{height:450px}.flow-panel{padding:38px 25px}.flow-panel h3{font-size:40px}.capability-map{grid-template-columns:1fr 1fr}.cap-hub{grid-column:1/-1;grid-row:auto;min-height:170px}.method-line.compact{grid-template-columns:1fr}.case-actions{align-items:flex-start;flex-direction:column}.video-preview{height:220px}.video-preview b{font-size:66px}}