:root{
--ink:#0A0E1A; --ink-2:#0D1220; --ink-3:#080B14;
--panel:#121A2E; --panel-2:#162039; --panel-hi:#191633;
--border:#26314D; --border-hi:#6E56E8;
--white:#FFFFFF; --text:#EAEEF6; --muted:#9AA3B8; --faint:#6B7692;
--blue:#3B82F6; --blue-light:#A9C3FF;
--violet:#8B5CF6; --violet-light:#C3A8FF;
--teal:#0FB6A0; --teal-bright:#2DD4BF;
--s1:#5D8EFB;
--s2:#0AAB95;
--s3:#AD6DF6;
--o1:#9FC9FF; --o2:#87AFFF; --o3:#6F96E8; --o4:#587DCE; --o5:#4265B3;
--grid-line:#1E2942;
--axis-text:var(--faint);
--font-display:'Schibsted Grotesk', sans-serif;
--font-body:'Hanken Grotesk', sans-serif;
--font-mono:'JetBrains Mono', ui-monospace, monospace;
--margin-x:112px; --margin-top:88px;
--safe-w:1696px;
--ease:cubic-bezier(0.16, 1, 0.3, 1);
--dur:0.62s;
--stage-bg:#050710;
--slide-bg:var(--ink);
}
*{margin:0; padding:0; box-sizing:border-box;}
html, body{
width:100%; height:100%; margin:0; overflow:hidden;
background:var(--stage-bg, #000);
}
.deck-viewport{
position:fixed; inset:0; overflow:hidden;
background:var(--stage-bg, #000);
}
.deck-stage{
position:absolute; left:0; top:0;
width:1920px; height:1080px; overflow:hidden;
transform-origin:0 0;
background:var(--slide-bg, #fff);
}
.slide{
position:absolute; inset:0;
width:1920px; height:1080px; overflow:hidden;
display:block; visibility:hidden; opacity:0; pointer-events:none;
background:var(--slide-bg, #fff);
}
.slide.active, .slide.visible{
visibility:visible; opacity:1; pointer-events:auto; z-index:1;
}
img, video, canvas, svg{ max-width:100%; max-height:100%; }
.deck-controls{
position:fixed; left:50%; bottom:22px; transform:translateX(-50%); z-index:1000;
}
@media print{
html, body{ width:1920px; height:auto; overflow:visible; background:#fff; }
.deck-viewport{ position:static; overflow:visible; background:#fff; }
.deck-stage{ position:static; width:auto; height:auto; transform:none !important; background:none; }
.slide{
position:relative; display:block !important; visibility:visible !important;
opacity:1 !important; pointer-events:auto !important;
width:1920px; height:1080px; break-after:page; page-break-after:always;
}
.slide:last-child{ break-after:auto; page-break-after:auto; }
.deck-controls{ display:none !important; }
}
@media (prefers-reduced-motion: reduce){
*, *::before, *::after{
animation-duration:0.01ms !important; transition-duration:0.2s !important;
}
}
.slide{
font-family:var(--font-body);
color:var(--text);
background:
radial-gradient(120% 80% at 82% 8%, rgba(139,92,246,.18), transparent 55%),
radial-gradient(120% 90% at 10% 96%, rgba(59,130,246,.15), transparent 52%),
linear-gradient(160deg, #0B1020 0%, #0A0E1A 60%, #080B14 100%);
}
.slide.is-feature{
background:
radial-gradient(120% 80% at 82% 8%, rgba(139,92,246,.34), transparent 55%),
radial-gradient(120% 90% at 10% 96%, rgba(59,130,246,.28), transparent 52%),
linear-gradient(160deg, #0B1020 0%, #0A0E1A 60%, #080B14 100%);
}
.slide::before{
content:""; position:absolute; inset:0; pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
background-size:96px 96px;
opacity:.6;
}
.edge-bar{
position:absolute; left:0; top:0; bottom:0; width:10px;
background:linear-gradient(180deg, var(--blue), var(--violet));
}
.safe{
position:absolute; left:var(--margin-x); top:var(--margin-top);
width:var(--safe-w); height:852px;
display:flex; flex-direction:column;
}
.fill{ flex:1; display:flex; flex-direction:column; justify-content:center; }
.kicker{
font-family:var(--font-mono); font-size:17px; font-weight:500;
letter-spacing:.26em; text-transform:uppercase; color:var(--violet);
line-height:1;
}
.kicker .dot{ color:var(--blue); margin:0 10px; }
.rule{
width:128px; height:6px; border-radius:3px; margin-top:20px;
background:linear-gradient(90deg, var(--blue), var(--violet));
}
.slide.visible .rule{ animation:draw-rule .5s var(--ease) .18s both; }
@keyframes draw-rule{ from{ width:0; } to{ width:128px; } }
.t-cover{ font-family:var(--font-display); font-weight:800; font-size:104px;
line-height:.94; letter-spacing:-.03em; color:var(--white); }
.t-hero{ font-family:var(--font-display); font-weight:800; font-size:88px;
line-height:.98; letter-spacing:-.028em; color:var(--white); }
.t-statement{ font-family:var(--font-display); font-weight:700; font-size:72px;
line-height:1.08; letter-spacing:-.022em; color:var(--white); }
.t-title{ font-family:var(--font-display); font-weight:700; font-size:64px;
line-height:1.04; letter-spacing:-.024em; color:var(--white); }
.t-card{ font-family:var(--font-display); font-weight:700; font-size:30px;
line-height:1.16; letter-spacing:-.012em; color:var(--white); }
.t-stat{ font-family:var(--font-display); font-weight:800; font-size:96px;
line-height:.92; letter-spacing:-.03em; color:var(--white);
font-variant-numeric:proportional-nums; }
.p-lead{ font-size:33px; line-height:1.42; color:#C5CCDD; }
.p-body{ font-size:26px; line-height:1.52; color:var(--muted); }
.p-sm{ font-size:22px; line-height:1.5; color:var(--muted); }
.label{ font-family:var(--font-mono); font-size:15px; font-weight:500;
letter-spacing:.16em; text-transform:uppercase; color:var(--faint); line-height:1; }
.data{ font-family:var(--font-mono); font-size:24px; font-weight:500; color:var(--text); }
.hl{ color:var(--blue-light); }
.chrome-line{
position:absolute; left:var(--margin-x); top:966px; width:var(--safe-w);
height:1px; background:var(--border); opacity:.6;
}
.footer{
position:absolute; left:var(--margin-x); top:992px; width:var(--safe-w);
display:flex; justify-content:space-between; align-items:center;
font-family:var(--font-mono); font-size:14px; font-weight:400;
letter-spacing:.12em; text-transform:uppercase; color:var(--faint);
}
.card{
background:var(--panel); border:1px solid var(--border);
border-radius:14px; padding:36px;
display:flex; flex-direction:column;
}
.card.is-hi{
background:var(--panel-hi); border-color:var(--border-hi);
box-shadow:0 0 0 1px rgba(110,86,232,.18), 0 24px 60px rgba(110,86,232,.10);
}
.card-num{
font-family:var(--font-mono); font-size:15px; font-weight:700;
letter-spacing:.16em; color:var(--blue); margin-bottom:22px;
}
.card.is-hi .card-num{ color:var(--violet-light); }
.grid-3{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.stat-row{ display:grid; grid-template-columns:repeat(3, 1fr); }
.stat{ padding:0 48px; border-left:1px solid var(--border); }
.stat:first-child{ padding-left:0; border-left:none; }
.stat .label{ margin-bottom:24px; }
.stat .t-stat{ margin-bottom:20px; }
.stat.is-positive .t-stat{ color:var(--teal-bright); }
.tiers{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; align-items:center; }
.tier{ background:var(--panel); border:1px solid var(--border);
border-radius:14px; padding:36px; }
.tier.is-hi{
background:var(--panel-hi); border-color:var(--border-hi); padding:48px 36px;
box-shadow:0 0 0 1px rgba(110,86,232,.18), 0 24px 60px rgba(110,86,232,.10);
}
.chip{
display:inline-block; font-family:var(--font-mono); font-size:14px; font-weight:700;
letter-spacing:.16em; text-transform:uppercase; color:var(--violet-light);
background:var(--panel-2); border-radius:999px; padding:8px 18px; margin-bottom:20px;
}
.price{ font-family:var(--font-display); font-weight:800; font-size:56px;
line-height:1; letter-spacing:-.03em; color:var(--white); margin:18px 0 8px;
font-variant-numeric:proportional-nums; }
.tier ul{ list-style:none; margin-top:24px; }
.tier li{ font-size:22px; line-height:1.5; color:var(--muted);
padding-left:26px; position:relative; margin-bottom:12px; }
.tier li::before{ content:""; position:absolute; left:0; top:13px;
width:8px; height:8px; border-radius:2px; background:var(--blue); }
.tier.is-hi li::before{ background:var(--violet); }
.divider-num{
position:absolute; right:-60px; top:50%; transform:translateY(-50%);
font-family:var(--font-display); font-weight:800; font-size:220px;
line-height:.86; letter-spacing:-.04em; color:var(--blue); opacity:.14;
}
.chart-head{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:32px; }
.chart-title{ font-family:var(--font-display); font-weight:700; font-size:30px;
color:var(--white); letter-spacing:-.012em; }
.chart-sub{ font-size:20px; color:var(--faint); margin-top:8px; }
.chart-toggle{
font-family:var(--font-mono); font-size:14px; font-weight:500; letter-spacing:.14em;
text-transform:uppercase; color:var(--muted); cursor:pointer;
background:var(--panel-2); border:1px solid var(--border); border-radius:999px;
padding:10px 20px; transition:border-color .25s var(--ease), color .25s var(--ease);
}
.chart-toggle:hover{ border-color:var(--border-hi); color:var(--text); }
.bar-row{ display:grid; grid-template-columns:300px 1fr; align-items:center;
height:72px; cursor:default; }
.bar-row .bar-label{ font-size:22px; color:var(--muted); padding-right:24px; }
.bar-track{ position:relative; height:36px; }
.bar-fill{
position:absolute; left:0; top:0; height:36px;
background:var(--s1);
border-radius:0 6px 6px 0;
transition:width .8s var(--ease);
}
.bar-row .bar-value{
position:absolute; top:0; height:36px; display:flex; align-items:center;
font-family:var(--font-mono); font-size:22px; font-weight:500;
color:var(--text); font-variant-numeric:tabular-nums;
transition:left .8s var(--ease);
}
.bar-row:hover .bar-fill{ filter:brightness(1.15); }
.bar-baseline{ position:absolute; left:300px; top:0; bottom:0; width:1.5px;
background:var(--grid-line); }
.funnel{ display:flex; flex-direction:column; gap:14px; }
.funnel-stage{ display:grid; grid-template-columns:340px 1fr 200px; align-items:center;
cursor:default; }
.funnel-stage .fn-label{ font-size:22px; color:var(--muted); padding-right:24px; }
.funnel-bar{ height:52px; border-radius:6px; transition:transform .3s var(--ease), filter .3s var(--ease);
transform-origin:left center; }
.funnel-stage:hover .funnel-bar{ filter:brightness(1.18); }
.funnel-stage .fn-value{ font-family:var(--font-mono); font-size:24px; font-weight:500;
color:var(--text); text-align:right; font-variant-numeric:tabular-nums; }
.funnel-leak{ font-size:18px; color:var(--faint); padding:6px 0 2px; }
.plot-wrap{ position:relative; }
.plot-crosshair{ position:absolute; top:0; width:1.5px; background:var(--border-hi);
opacity:0; pointer-events:none; transition:opacity .18s ease; }
.plot-wrap.is-hover .plot-crosshair{ opacity:.7; }
.tip{
position:fixed; z-index:60; pointer-events:none; opacity:0;
background:var(--panel-2); border:1px solid var(--border-hi); border-radius:10px;
padding:14px 18px; min-width:180px;
box-shadow:0 18px 40px rgba(0,0,0,.45);
transition:opacity .18s ease;
}
.tip.show{ opacity:1; }
.tip .tip-k{ font-family:var(--font-mono); font-size:13px; letter-spacing:.14em;
text-transform:uppercase; color:var(--faint); display:block; margin-bottom:8px; }
.tip .tip-v{ font-family:var(--font-mono); font-size:24px; font-weight:500; color:var(--text);
font-variant-numeric:tabular-nums; }
.tip .tip-n{ font-size:18px; color:var(--muted); margin-top:8px; display:block; max-width:280px; }
.data-table{ width:100%; border-collapse:collapse; }
.data-table th{
font-family:var(--font-mono); font-size:14px; font-weight:500; letter-spacing:.14em;
text-transform:uppercase; color:var(--faint); text-align:left;
padding:16px 20px; border-bottom:1px solid var(--border); background:var(--panel-2);
}
.data-table td{
font-size:22px; color:var(--text); padding:16px 20px;
border-bottom:1px solid var(--grid-line);
}
.data-table td.num{ font-family:var(--font-mono); font-weight:500; text-align:right;
font-variant-numeric:tabular-nums; }
.data-table tr:last-child td{ border-bottom:none; }
[hidden]{ display:none !important; }
.legend{ display:flex; gap:32px; align-items:center; }
.legend-item{ display:flex; gap:12px; align-items:center;
font-size:20px; color:var(--muted); }
.legend-swatch{ width:20px; height:20px; border-radius:5px; flex:none; }
.slider-wrap{ margin-top:36px; }
.slider-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:22px; }
.slider-val{ font-family:var(--font-display); font-weight:800; font-size:52px;
color:var(--blue-light); letter-spacing:-.02em; font-variant-numeric:proportional-nums; }
input[type=range]{
-webkit-appearance:none; appearance:none; width:100%; height:8px; border-radius:4px;
background:linear-gradient(90deg, var(--blue) 0%, var(--violet) var(--pct, 40%), var(--border) var(--pct, 40%));
outline:none; cursor:pointer;
}
input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none; appearance:none;
width:34px; height:34px; border-radius:50%;
background:var(--white); border:4px solid var(--violet);
box-shadow:0 6px 18px rgba(110,86,232,.45); cursor:grab;
}
input[type=range]:active::-webkit-slider-thumb{ cursor:grabbing; transform:scale(1.06); }
input[type=range]::-moz-range-thumb{
width:26px; height:26px; border-radius:50%;
background:var(--white); border:4px solid var(--violet); cursor:grab;
}
input[type=range]:focus-visible{ outline:2px solid var(--border-hi); outline-offset:6px; }
.seg{ display:inline-flex; background:var(--panel-2); border:1px solid var(--border);
border-radius:999px; padding:5px; gap:4px; }
.seg button{
font-family:var(--font-mono); font-size:15px; font-weight:500; letter-spacing:.14em;
text-transform:uppercase; color:var(--muted); cursor:pointer;
background:transparent; border:none; border-radius:999px; padding:12px 26px;
transition:background .28s var(--ease), color .28s var(--ease);
}
.seg button[aria-pressed="true"]{
background:linear-gradient(90deg, var(--blue), var(--violet)); color:var(--white);
}
.seg button:focus-visible{ outline:2px solid var(--border-hi); outline-offset:3px; }
.deck-chrome{
position:fixed; inset:0; z-index:1000; pointer-events:none;
opacity:1; transition:opacity .45s var(--ease);
}
.deck-chrome.is-idle{ opacity:0; }
.deck-chrome > *{ pointer-events:auto; }
.deck-chrome::before{
content:""; position:fixed; left:0; right:0; bottom:0; height:140px;
background:linear-gradient(to top, rgba(5,7,16,.94) 0%, rgba(5,7,16,.72) 45%, rgba(5,7,16,0) 100%);
pointer-events:none;
}
@media print{ .deck-chrome{ display:none !important; } }
.progress-track{
position:fixed; left:0; top:0; right:0; height:3px;
background:rgba(38,49,77,.55);
}
.progress-fill{
height:100%; width:0;
background:linear-gradient(90deg, var(--blue), var(--violet));
transition:width .55s var(--ease);
}
.rail{
position:fixed; left:50%; bottom:30px; transform:translateX(-50%);
display:flex; align-items:center; gap:7px;
}
.rail button{
width:30px; height:4px; border-radius:2px; border:none; padding:0;
background:var(--border); cursor:pointer;
transition:width .4s var(--ease), background .4s var(--ease);
}
.rail button:hover{ background:var(--faint); }
.rail button[aria-current="true"]{
width:60px; background:linear-gradient(90deg, var(--blue), var(--violet));
}
.rail button:focus-visible{ outline:2px solid var(--border-hi); outline-offset:4px; }
.rail-tip{
position:fixed; bottom:52px; z-index:1002;
transform:translateX(-50%); opacity:0; pointer-events:none;
background:var(--panel-2); border:1px solid var(--border); border-radius:8px;
padding:9px 14px; white-space:nowrap;
font-family:var(--font-mono); font-size:12px; letter-spacing:.1em;
text-transform:uppercase; color:var(--text);
transition:opacity .2s ease;
}
.rail-tip.show{ opacity:1; }
.nav-btn{
width:46px; height:46px; border-radius:50%;
background:rgba(18,26,46,.72); border:1px solid var(--border);
display:grid; place-items:center; cursor:pointer;
transition:border-color .25s var(--ease), background .25s var(--ease), opacity .25s var(--ease);
backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.nav-btn:hover{ border-color:var(--border-hi); background:rgba(25,22,51,.85); }
.nav-btn:focus-visible{ outline:2px solid var(--border-hi); outline-offset:3px; }
.nav-btn svg{ width:18px; height:18px; stroke:var(--text); stroke-width:1.5;
fill:none; stroke-linecap:round; stroke-linejoin:round; }
.nav-btn[disabled]{ opacity:.3; pointer-events:none; }
.nav-cluster{
position:fixed; right:34px; bottom:28px; display:flex; align-items:center; gap:14px;
}
.nav-count{
font-family:var(--font-mono); font-size:14px; letter-spacing:.14em;
color:var(--faint); font-variant-numeric:tabular-nums; margin-right:4px;
}
.index-cluster{
position:fixed; left:34px; bottom:28px; display:flex; align-items:center; gap:14px;
}
.hint{
font-family:var(--font-mono); font-size:12px; letter-spacing:.14em;
text-transform:uppercase; color:#4A5470;
}
.overlay{
position:fixed; inset:0; z-index:1100;
background:rgba(8,11,20,.94);
backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
padding:70px 80px; overflow-y:auto;
opacity:0; visibility:hidden; pointer-events:none;
transition:opacity .3s var(--ease), visibility .3s;
}
.overlay.open{ opacity:1; visibility:visible; pointer-events:auto; }
.overlay-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:44px; }
.overlay-title{ font-family:var(--font-display); font-weight:700; font-size:32px; color:var(--white); }
.index-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; }
.index-card{
text-align:left; background:var(--panel); border:1px solid var(--border);
border-radius:12px; padding:24px; cursor:pointer;
transition:border-color .25s var(--ease), transform .25s var(--ease), background .25s var(--ease);
}
.index-card:hover{ border-color:var(--border-hi); transform:translateY(-3px); background:var(--panel-2); }
.index-card:focus-visible{ outline:2px solid var(--border-hi); outline-offset:3px; }
.index-card[aria-current="true"]{ border-color:var(--border-hi); background:var(--panel-hi); }
.index-num{ font-family:var(--font-mono); font-size:13px; letter-spacing:.16em; color:var(--blue); }
.index-kicker{ font-family:var(--font-mono); font-size:11px; letter-spacing:.18em;
text-transform:uppercase; color:var(--violet); margin-top:14px; }
.index-name{ font-family:var(--font-display); font-weight:700; font-size:20px;
color:var(--white); margin-top:8px; line-height:1.2; }
.keys{ display:grid; grid-template-columns:repeat(2, 1fr); gap:14px 44px; max-width:760px; }
.key-row{ display:flex; justify-content:space-between; align-items:center;
border-bottom:1px solid var(--grid-line); padding-bottom:12px; }
.key-row span{ font-size:18px; color:var(--muted); }
.key-row kbd{
font-family:var(--font-mono); font-size:13px; color:var(--text);
background:var(--panel-2); border:1px solid var(--border); border-radius:6px;
padding:6px 12px;
}
.reveal{
opacity:0; transform:translateY(28px);
transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.slide.visible .reveal{ opacity:1; transform:translateY(0); }
.slide.visible .reveal:nth-child(1){ transition-delay:.06s; }
.slide.visible .reveal:nth-child(2){ transition-delay:.15s; }
.slide.visible .reveal:nth-child(3){ transition-delay:.24s; }
.slide.visible .reveal:nth-child(4){ transition-delay:.33s; }
.slide.visible .reveal:nth-child(5){ transition-delay:.42s; }
.slide.visible .reveal:nth-child(6){ transition-delay:.51s; }
@media print{
.reveal{ opacity:1 !important; transform:none !important; }
.rule{ width:128px !important; animation:none !important; }
.overlay, .tip, .rail-tip{ display:none !important; }
.slide:last-child{ break-after:avoid !important; page-break-after:avoid !important; }
}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.09);border-radius:28px}
.glass.hi{background:linear-gradient(160deg,rgba(139,92,246,.20),rgba(59,130,246,.07));border-color:rgba(139,92,246,.5);box-shadow:0 30px 80px rgba(110,86,232,.20)}
.glass.teal{background:linear-gradient(160deg,rgba(45,212,191,.12),rgba(59,130,246,.05));border-color:rgba(45,212,191,.40)}
.pad{padding:44px 48px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split.w60{grid-template-columns:1.3fr 1fr}
.split.w40{grid-template-columns:1fr 1.3fr}
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ico{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,rgba(59,130,246,.24),rgba(139,92,246,.24));border:1px solid rgba(139,92,246,.40)}
.ico svg{width:32px;height:32px;stroke:#EAEEF6;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ico.teal{background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.42)}
.ico.teal svg{stroke:var(--teal-bright)}
.ico.lg{width:92px;height:92px;border-radius:26px}
.ico.lg svg{width:44px;height:44px}
.feat{display:flex;gap:28px;align-items:flex-start}
.feat + .feat{margin-top:40px}
.feat h4{font-family:var(--font-display);font-weight:700;font-size:31px;color:#fff;letter-spacing:-.012em;line-height:1.15}
.feat p{font-size:22px;color:var(--muted);margin-top:8px;line-height:1.45}
.bignum{font-family:var(--font-display);font-weight:800;font-size:120px;line-height:.9;letter-spacing:-.04em;color:#fff;font-variant-numeric:proportional-nums}
.bignum.teal{color:var(--teal-bright)} .bignum.blue{color:var(--blue-light)} .bignum.violet{color:var(--violet-light)}
.bignum.md{font-size:88px}
.cap{font-size:22px;color:var(--muted);line-height:1.45}
.tile{padding:40px 38px;display:flex;flex-direction:column;gap:16px}
.tag{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-light);background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.38);border-radius:999px;padding:9px 18px;width:max-content}
.tag.teal{color:var(--teal-bright);background:rgba(45,212,191,.10);border-color:rgba(45,212,191,.38)}
.tag.blue{color:var(--blue-light);background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.40)}
.note{font-size:20px;color:var(--faint);line-height:1.5}
.lead-line{font-size:30px;line-height:1.4;color:#C5CCDD}
.diagram{width:100%;height:auto;display:block;overflow:visible}
.diagram text{font-family:'Hanken Grotesk',sans-serif}
.diagram .t-h{font-family:'Schibsted Grotesk',sans-serif;font-weight:700;fill:#fff}
.diagram .t-m{font-family:'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.check{display:flex;gap:18px;align-items:flex-start;font-size:23px;color:var(--text);line-height:1.42}
.check::before{content:"";flex:none;width:32px;height:32px;border-radius:50%;margin-top:1px;background:rgba(45,212,191,.14) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232DD4BF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 12 10 17 19 7'/></svg>") center/18px no-repeat;border:1px solid rgba(45,212,191,.42)}
.check + .check{margin-top:20px}
.check b{color:#fff;font-weight:600}
.foot-icon{display:inline-block;width:22px;height:22px;background:url('assets/icon.png') center/contain no-repeat;vertical-align:-6px;margin-right:12px}
.footer span:first-child{display:inline-flex;align-items:center}
.phone{width:440px;background:#05070d;border-radius:56px;padding:14px;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px rgba(139,92,246,.22),0 0 120px rgba(59,130,246,.12)}
.phone .scr{border-radius:44px;overflow:hidden;background:#0b141a}
.wa-h{background:#1f2c34;display:flex;align-items:center;gap:14px;padding:26px 22px 18px}
.wa-av{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#EB7F44,#E4671F);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:#fff;font-size:22px;flex:none}
.wa-n{font-family:var(--font-display);font-weight:700;color:#e9edef;font-size:20px;display:flex;align-items:center;gap:8px;line-height:1.2}
.wa-n i{display:inline-block;width:18px;height:18px;border-radius:50%;background:#25D366 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 12 10 16 18 8'/></svg>") center/12px no-repeat}
.wa-s{font-size:14px;color:#8696a0;margin-top:2px}
.wa-c{padding:20px 16px 26px;display:flex;flex-direction:column;gap:11px;background:#0b141a}
.bub{max-width:84%;padding:12px 15px;border-radius:15px;font-size:17px;line-height:1.38;color:#e9edef}
.bub.in{background:#202c33;align-self:flex-start;border-top-left-radius:4px}
.bub.out{background:#005c4b;align-self:flex-end;border-top-right-radius:4px}
.bub .ai{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:#F29B63;margin-bottom:4px;text-transform:uppercase}
.qr{display:flex;gap:8px;flex-wrap:wrap}
.qr span{font-size:14px;color:#53bdeb;border:1px solid #2a3942;border-radius:999px;padding:7px 13px}
.hand{align-self:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-bright);background:rgba(45,212,191,.10);border:1px solid rgba(45,212,191,.38);border-radius:999px;padding:9px 16px;margin-top:6px}
.leadcard{width:620px;padding:36px 40px}
.lc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.lc-name{font-family:var(--font-display);font-weight:700;font-size:32px;color:#fff}
.lc-sub{font-size:19px;color:var(--muted);margin-top:4px}
.hot{font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:.16em;color:#0A0E1A;background:var(--teal-bright);border-radius:999px;padding:9px 18px}
.lc-row{display:grid;grid-template-columns:230px 1fr;padding:15px 0;border-top:1px solid rgba(255,255,255,.08);font-size:20px}
.lc-row span:first-child{font-family:var(--font-mono);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding-top:4px}
.lc-row span:last-child{color:var(--text)}
.meter{height:10px;border-radius:5px;background:rgba(255,255,255,.08);margin-top:24px;overflow:hidden}
.meter i{display:block;height:100%;width:86%;background:linear-gradient(90deg,var(--blue),var(--teal-bright))}
.tl-bar{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--blue),var(--violet));margin:8px 0 74px;position:relative}
.tl-cp{position:absolute;top:-11px;width:30px;height:30px;border-radius:50%;background:#0A0E1A;border:4px solid var(--teal-bright);transform:translateX(-50%)}
.tl-cpl{position:absolute;top:32px;transform:translateX(-50%);font-family:var(--font-mono);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);white-space:nowrap}
.tl-phase{padding:34px 34px}
.tl-days{font-family:var(--font-mono);font-size:15px;letter-spacing:.18em;color:var(--blue-light);text-transform:uppercase}
.tl-phase h4{font-family:var(--font-display);font-weight:700;font-size:34px;color:#fff;margin:10px 0 18px}
.tl-phase ul{list-style:none}
.tl-phase li{font-size:20px;color:var(--muted);line-height:1.42;margin-bottom:12px;padding-left:22px;position:relative}
.tl-phase li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:2px;background:var(--blue)}
.pilot{padding:52px 56px}
.pilot .price-big{font-family:var(--font-display);font-weight:800;font-size:132px;line-height:.9;letter-spacing:-.04em;color:#fff}
.pilot .tzs{font-family:var(--font-mono);font-size:20px;letter-spacing:.1em;color:var(--blue-light);margin-top:14px}
.inc{display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;margin-top:34px}
.tco{display:flex;align-items:center;gap:22px;margin-top:30px;padding:22px 30px;font-size:20px;color:var(--muted);flex-wrap:wrap}
.tco b{color:#fff;font-weight:600}
.tco .plus{color:var(--violet-light);font-family:var(--font-mono)}
.funnel-stage{grid-template-columns:230px 1fr 110px !important}
.cover-grid{display:grid;grid-template-columns:1fr 700px;gap:40px;align-items:center;height:100%}
.tiers .tier{ padding:34px 36px !important; }
.tiers .tier ul{ margin-top:16px; }
.tiers .tier li{ font-size:19px; line-height:1.42; margin-bottom:6px; }
.tiers .price{ font-size:52px; }
.phone .wa-h{ padding:20px 20px 14px; }
.phone .wa-c{ padding:16px 14px 18px; gap:9px; }
.phone .bub{ font-size:16px; padding:10px 14px; }
.step-n{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1;background:none;color:var(--blue-light)}
@media (max-width:1024px){
html,body{ overflow:auto !important; height:auto !important; background:var(--ink) !important; }
.deck-viewport{ position:static !important; overflow:visible !important; }
.deck-stage{ position:static !important; width:100% !important; height:auto !important; transform:none !important; }
.slide{ position:relative !important; inset:auto !important; width:100% !important; height:auto !important;
visibility:visible !important; opacity:1 !important; pointer-events:auto !important; display:block !important;
overflow:visible !important; padding:52px 20px 36px; border-bottom:1px solid var(--border); }
.slide::before{ background-size:48px 48px; }
.safe{ position:static !important; width:100% !important; height:auto !important; }
.fill{ display:block !important; margin-top:26px; }
.reveal{ opacity:1 !important; transform:none !important; }
.rule{ width:120px !important; animation:none !important; }
.edge-bar,.deck-chrome{ display:none !important; }
.chrome-line{ position:static !important; width:100% !important; margin-top:26px; }
.footer{ position:static !important; width:100% !important; margin-top:16px; flex-wrap:wrap; gap:6px; }
.grid-3,.stat-row,.tiers,.split,.split.w60,.split.w40,.row3,.row4,.cover-grid,.inc{ grid-template-columns:1fr !important; gap:18px !important; }
.safe [style*="grid-template-columns"]{ grid-template-columns:1fr !important; gap:18px !important; }
.safe [style*="width:1400px"]{ width:100% !important; }
.t-cover{ font-size:40px !important; } .t-hero{ font-size:36px !important; }
.t-statement{ font-size:30px !important; } .t-title{ font-size:30px !important; }
.t-stat{ font-size:48px !important; } .t-card{ font-size:22px !important; }
.p-lead{ font-size:18px !important; } .p-body{ font-size:17px !important; } .p-sm{ font-size:16px !important; }
.price{ font-size:42px !important; } .tier.is-hi{ padding:28px !important; }
.divider-num{ font-size:110px !important; right:-14px !important; }
.chart-sub{ font-size:14px !important; }
img[alt="Nubia Digital Agency"]{ height:54px !important; }
#funnelChart,#barChart{ overflow-x:auto; }
.funnel-stage{ grid-template-columns:110px 1fr 48px !important; }
.bar-row{ grid-template-columns:110px 1fr !important; }
.pad,.pilot{ padding:24px 20px !important; } .tile{ padding:24px 20px !important; }
.bignum{ font-size:60px !important; } .bignum.md{ font-size:48px !important; }
.pilot .price-big{ font-size:64px !important; }
.lead-line{ font-size:19px !important; } .cap,.feat p{ font-size:16px !important; }
.feat h4{ font-size:21px !important; } .feat{ gap:16px; } .feat + .feat{ margin-top:22px; }
.ico{ width:48px; height:48px; border-radius:14px; } .ico svg{ width:24px; height:24px; }
.ico.lg{ width:56px; height:56px; } .ico.lg svg{ width:28px; height:28px; }
.check{ font-size:16px !important; gap:12px; } .check::before{ width:24px; height:24px; background-size:14px; }
.note{ font-size:15px !important; } .tag{ font-size:11px; padding:7px 12px; }
.phone{ width:100% !important; max-width:360px; margin:0 auto; border-radius:40px; }
.phone .scr{ border-radius:30px; }
.leadcard{ width:100% !important; padding:22px 20px !important; }
.lc-row{ grid-template-columns:110px 1fr; font-size:15px; } .lc-name{ font-size:22px; }
.tl-bar{ display:none; } .tl-phase h4{ font-size:24px; } .tl-phase li{ font-size:16px; }
.tco{ font-size:15px; gap:10px; }
.diagram{ margin:10px 0; }
.divider-num{ display:none; }
}