:root{
 --orange:oklch(56% 0.19 42);
 --orange-deep:oklch(47% 0.16 40);
 --orange-soft:oklch(93% 0.055 55);
 --orange-tint:oklch(96.5% 0.03 55);
 --ink:oklch(8% 0.008 50);
 --ink-soft:oklch(14% 0.008 50);
 --paper:oklch(99% 0.006 60);
 --paper-warm:oklch(95.5% 0.025 55);
 --line:oklch(91% 0.012 55);
 --line-soft:oklch(94% 0.01 55);
 --mute:oklch(50% 0.01 50);
 --warn:oklch(55% 0.13 28);
 --dark:oklch(8% 0.015 45);
 --dark-raised:oklch(12% 0.01 45);
 --dark-surface:oklch(14% 0.01 45);
 --dark-border:oklch(16% 0.01 45);
 --dark-border-soft:oklch(20% 0.008 45);
 --dark-text:oklch(96% 0.005 60);
 --dark-text-mid:oklch(86% 0.005 55);
 --dark-text-soft:oklch(76% 0.005 55);
 --dark-mute:oklch(55% 0.008 50);
 --dark-dim:oklch(48% 0.008 50);
 --dark-faint:oklch(60% 0.008 50);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
 font-family:'IBM Plex Sans',ui-sans-serif,system-ui,sans-serif;
 background:oklch(99% 0.006 60);color:var(--ink);
 font-size:17px;line-height:1.55;
 font-feature-settings:"ss01","cv11";
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font-family:inherit}

/* type */
.display{font-family:'Sora',sans-serif;font-weight:800;letter-spacing:-0.035em;line-height:1.0}
.eyebrow{font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--orange);line-height:1.3}
@media(max-width:720px){.eyebrow{font-size:14px}}
em.serif{font-style:normal;font-weight:inherit;color:var(--orange)}
code{font-family:ui-monospace,'SF Mono','Cascadia Mono',Menlo,Consolas,monospace;font-size:0.88em;letter-spacing:0}
h1,h2,h3{text-wrap:balance}
h1 em,h2 em,h3 em,.copy em,.bline em,.mline em,.quote em,.desc em{font-style:normal}

/* logo */
.wordmark{
 font-family:'Sora',sans-serif;font-weight:800;font-variation-settings:"wdth" 95;
 letter-spacing:-0.01em;color:var(--orange);font-size:24px;line-height:1;
}

/* layout */
.shell{max-width:1240px;margin:0 auto;padding:0 28px}
section{padding:clamp(72px,10vw,120px) 0;position:relative}
section.s-tight{padding:clamp(56px,7vw,88px) 0}
section.s-spacious{padding:clamp(88px,13vw,160px) 0}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:oklch(99% 0.006 60 / 0.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;max-width:1240px;margin:0 auto}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:14px;color:var(--ink-soft);font-weight:500}
.nav-links a:hover{color:var(--orange)}
.nav-links a.nav-active{color:var(--orange);font-weight:600}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
/* ICP page hero */
.icp-hero{position:relative;overflow:hidden;background:var(--paper);padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,80px)}
.icp-hero::before{content:"";position:absolute;top:-30%;right:-10%;width:55%;height:110%;background:radial-gradient(circle,oklch(56% 0.19 42 / 0.08),transparent 62%);pointer-events:none}
.icp-hero .shell{position:relative;z-index:1}
.icp-hero .crumb{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:22px}
.icp-hero .crumb a{color:var(--orange)}
.icp-hero .crumb a:hover{text-decoration:underline}
.icp-hero h1{font-family:'Sora',sans-serif;font-weight:800;letter-spacing:-0.04em;line-height:0.98;font-size:clamp(40px,6vw,82px);max-width:14ch}
.icp-hero h1 em{font-style:normal;color:var(--orange)}
.icp-hero .lead{margin-top:24px;font-size:clamp(17px,1.5vw,21px);color:var(--ink-soft);max-width:640px;line-height:1.5;font-weight:300}
.icp-hero .lead strong{font-weight:600;color:var(--ink)}
.icp-hero .cta-row{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}
.icp-cross{background:var(--paper-warm)}
.icp-cross h2{font-size:clamp(32px,4vw,52px);max-width:720px}
.icp-cross h2 em{color:var(--orange)}
.icp-cross-sub{margin-top:16px;font-size:18px;color:var(--ink-soft);max-width:620px;line-height:1.5}
.cross-cards{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.cross-cards{grid-template-columns:1fr}}
.cross-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:32px 30px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}
.cross-card:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 16px 40px rgba(232,89,12,.06)}
.cross-card .cc-tag{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.cross-card h3{font-family:'Sora',sans-serif;font-size:24px;font-weight:700;letter-spacing:-0.02em;line-height:1.15;margin-bottom:10px}
.cross-card p{font-size:15px;color:var(--ink-soft);line-height:1.5;flex:1}
.cross-card .cc-link{margin-top:18px;font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--orange);display:inline-flex;align-items:center;gap:6px}
.cross-card .cc-link svg{width:14px;height:14px;transition:transform .2s ease}
.cross-card:hover .cc-link svg{transform:translateX(3px)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:oklch(100% 0 0);padding:11px 18px;border-radius:6px;font-size:14px;font-weight:600;letter-spacing:-0.005em;border:none;cursor:pointer;transition:background .15s ease, transform .15s ease}
.nav-links a.btn:not(.btn-ghost){color:oklch(100% 0 0)}
.btn:hover{background:var(--orange-deep);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink);background:transparent;color:var(--ink)}
.btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.btn-ghost:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.btn-lg{padding:18px 28px;font-size:16px;border-radius:8px}

/* Platform dropdown */
.nav-dropdown{position:relative}
.nav-dd-trigger{display:inline-flex;align-items:center;gap:5px;font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:500;color:var(--ink-soft);background:none;border:none;cursor:pointer;padding:0;letter-spacing:-0.005em}
.nav-dd-trigger:hover{color:var(--orange)}
.nav-dd-trigger svg{width:14px;height:14px;transition:transform .2s ease}
.nav-dropdown.open .nav-dd-trigger svg{transform:rotate(180deg)}
.nav-dd-menu{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px;min-width:210px;box-shadow:0 18px 44px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;z-index:60}
.nav-dropdown.open .nav-dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dd-menu a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--ink);font-weight:600;letter-spacing:-0.005em}
.nav-dd-menu a:hover{background:var(--orange-tint);color:var(--orange)}
.nav-dd-menu a .dd-sub{display:block;font-size:12px;color:var(--mute);font-weight:400;margin-top:2px}
.nav-dd-menu a:hover .dd-sub{color:var(--orange-deep)}
@media(max-width:760px){
 .nav-dropdown{width:100%}
 .nav-dd-trigger{padding:12px 24px;width:100%;justify-content:space-between;font-size:15px}
 .nav-dd-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;border-radius:0;padding:0;min-width:0;display:none;background:transparent}
 .nav-dropdown.open .nav-dd-menu{display:block;transform:none}
 .nav-dd-menu a{padding:10px 36px;border-radius:0}
}

/* Hamburger */
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:760px){
 .nav-inner{padding:14px 16px}
 .nav-hamburger{display:flex}
 .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:oklch(99% 0.006 60 / 0.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:8px 0 16px;box-shadow:0 12px 32px rgba(0,0,0,.08)}
 .nav-links.open{display:flex}
 .nav-links a{padding:12px 24px;font-size:15px;width:100%}
 .nav-links a:hover{background:var(--orange-tint)}
 .nav-links a.btn{margin:8px 24px 0;width:auto;justify-content:center;border-radius:8px}
 .nav-links a.btn-ghost{margin:8px 24px 0;width:auto;justify-content:center}
 .icp-toggle{justify-content:center;padding:12px 24px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
}

/* ICP TOGGLE */
.icp-toggle{display:flex;align-items:center;gap:2px;background:var(--paper-warm);border:1px solid var(--line);border-radius:999px;padding:3px}
.icp-btn{font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:600;padding:6px 16px;border-radius:999px;border:none;cursor:pointer;background:transparent;color:var(--mute);transition:background .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}
.icp-btn.active{background:var(--orange);color:var(--paper);box-shadow:0 2px 8px rgba(232,89,12,.25)}
.icp-btn:not(.active):hover{color:var(--ink)}

/* ICP SHOW / HIDE */
[data-icp]{transition:opacity .2s ease}
body.icp-agency [data-icp="inhouse"]:not(.icp-btn){display:none}
body.icp-inhouse [data-icp="agency"]:not(.icp-btn){display:none}

/* HERO, live multi-agent intelligence */
.hero{position:relative;overflow:hidden;background:var(--paper);padding:clamp(40px,6vw,80px) 0 clamp(52px,7vw,96px)}
.hero::before{content:"";position:absolute;top:-25%;right:-12%;width:60%;height:95%;background:radial-gradient(circle,oklch(56% 0.19 42 / 0.08),transparent 62%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(oklch(56% 0.19 42 / 0.05) 1px,transparent 1px);background-size:26px 26px;opacity:.5;pointer-events:none;mask-image:radial-gradient(circle at 70% 40%,#000,transparent 70%);-webkit-mask-image:radial-gradient(circle at 70% 40%,#000,transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(32px,5vw,68px);align-items:center;position:relative;z-index:1}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px}}

.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--orange);background:var(--orange-tint);border:1px solid oklch(56% 0.19 42 / 0.18);padding:7px 14px 7px 12px;border-radius:999px}
.hero-eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--orange);position:relative;flex-shrink:0}
.hero-eyebrow .pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--orange);animation:pulseRing 2.2s ease-out infinite}
@keyframes pulseRing{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.2);opacity:0}}
.hero-h1{font-family:'Sora',sans-serif;font-weight:800;letter-spacing:-0.04em;line-height:0.98;font-size:clamp(33px,4.9vw,66px);margin-top:24px;text-wrap:balance}
.hero-h1 .accent{color:var(--orange)}
.hero-lead{margin-top:24px;font-size:clamp(16.5px,1.35vw,20px);color:var(--ink-soft);max-width:570px;line-height:1.5;font-weight:300}
.hero-lead strong{font-weight:600;color:var(--ink)}
.hero-cta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
.hero-meta{margin-top:34px;display:flex;gap:clamp(20px,3vw,38px);flex-wrap:wrap;padding-top:26px;border-top:1px solid var(--line)}
.hero-meta .m{display:flex;flex-direction:column;gap:5px}
.hero-meta .mv{font-family:'Sora',sans-serif;font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-0.025em;color:var(--ink);line-height:1}
.hero-meta .mv .unit{color:var(--orange)}
.hero-meta .ml{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);font-weight:600}

/* Live console, the machine room */
.console{background:linear-gradient(180deg,oklch(12% 0.016 45),oklch(8% 0.015 45));border:1px solid var(--dark-border);border-radius:18px;overflow:hidden;box-shadow:0 40px 90px -28px rgba(0,0,0,.5),0 2px 0 0 rgba(255,255,255,.02) inset;position:relative}
.console-head{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--dark-border);background:oklch(9.5% 0.013 45);position:relative}
.console-head .live{display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);font-weight:600}
.console-head .live .ldot{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:livePulse 1.8s ease-in-out infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(232,89,12,.55)}50%{box-shadow:0 0 0 6px rgba(232,89,12,0)}}
.console-head .title{font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:600;color:var(--dark-text);letter-spacing:-0.01em}
.console-head .sub{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;color:var(--dark-mute);margin-left:auto;letter-spacing:.01em;text-align:right;line-height:1.4}
.console-head .sub b{color:var(--dark-text-soft);font-weight:600}
.console-scan{position:absolute;left:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);width:38%;animation:scan 3.4s linear infinite}
@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(360%)}}
.console-feed{position:relative;height:clamp(404px,44vw,468px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 93%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 93%,transparent 100%)}
.console-stack{display:flex;flex-direction:column;gap:11px;position:absolute;left:14px;right:14px;bottom:14px}

.agent-card{background:oklch(13.5% 0.013 45);border:1px solid var(--dark-border-soft);border-radius:12px;padding:15px 15px 13px;opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.agent-card.in{opacity:1;transform:translateY(0)}
.agent-card .ac-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.agent-card .ac-avatar{width:29px;height:29px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:800;font-size:13px;flex-shrink:0;background:rgba(232,89,12,.14);color:var(--orange);border:1px solid rgba(232,89,12,.3)}
.agent-card .ac-avatar svg{width:15px;height:15px}
.agent-card .ac-name{font-family:'IBM Plex Sans',sans-serif;font-size:12.5px;font-weight:700;color:var(--dark-text);letter-spacing:-0.01em;line-height:1.2}
.agent-card .ac-role{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9px;color:var(--dark-mute);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}
.agent-card .ac-time{margin-left:auto;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.5px;color:var(--dark-dim);align-self:flex-start}
.agent-card .ac-body{font-size:13.5px;color:var(--dark-text-mid);line-height:1.5}
.agent-card .ac-body strong{color:var(--dark-text);font-weight:600}
.agent-card .ac-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.agent-card .chip{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;font-weight:500;padding:4px 8px;border-radius:5px;letter-spacing:.01em;white-space:nowrap}
.agent-card .chip.up{color:#34D399;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.22)}
.agent-card .chip.data{color:var(--orange);background:rgba(232,89,12,.1);border:1px solid rgba(232,89,12,.2)}
.agent-card .chip.conf{color:var(--dark-text-soft);background:oklch(18% 0.01 45);border:1px solid var(--dark-border)}
.agent-card .ac-actions{display:flex;gap:7px;margin-top:12px}
.agent-card .ac-btn{font-family:'IBM Plex Sans',sans-serif;font-size:11.5px;font-weight:600;padding:6px 13px;border-radius:6px;border:1px solid var(--dark-border);background:transparent;color:var(--dark-text-soft);letter-spacing:.01em}
.agent-card .ac-btn.primary{background:var(--orange);color:#fff;border-color:var(--orange);transition:transform .2s ease}
.agent-card.acting .ac-btn.primary{transform:scale(.95);background:var(--orange-deep)}
.agent-card .ac-status{display:none;align-items:center;gap:7px;margin-top:12px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10.5px;color:#34D399}
.agent-card .ac-status svg{width:13px;height:13px}
.agent-card.acted .ac-actions{display:none}
.agent-card.acted .ac-status{display:flex}
@media(prefers-reduced-motion:reduce){
 .agent-card{opacity:1;transform:none;transition:none}
 .console-scan,.hero-eyebrow .pulse::after,.console-head .live .ldot{animation:none}
}

/* platforms strip */
.platforms{margin-top:60px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:42px;flex-wrap:wrap;justify-content:space-between}
.platforms .label{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);flex-shrink:0}
.platforms .logos{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.platforms .logos span{font-family:'Sora',sans-serif;font-weight:600;color:var(--mute);font-size:15px;letter-spacing:-0.01em}
.platforms .logos .badge{font-family:'IBM Plex Sans',sans-serif;font-size:10px;letter-spacing:.06em;color:var(--orange);background:var(--orange-tint);padding:3px 8px;border-radius:4px;margin-left:6px;font-weight:500}

/* TWO BOX PROBLEM */
.twobox{background:var(--paper-warm)}
.twobox h2{font-size:clamp(42px,6vw,80px);max-width:920px}
.twobox h2 em{color:var(--orange)}
.twobox-sub{margin-top:22px;font-size:19px;color:var(--ink-soft);max-width:660px;line-height:1.5;font-weight:300}

.boxes{margin-top:72px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}
@media(max-width:980px){.boxes{grid-template-columns:1fr 1fr;gap:14px}.boxes .plus-mid.boxes .equals-mid{grid-column:1 / -1;justify-self:center;font-size:24px}}
@media(max-width:560px){.boxes{grid-template-columns:1fr}}
.box{
 background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px 26px;
 display:flex;flex-direction:column;
}
.box .num{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.box .num.spend{color:var(--mute)}
.box h3{font-family:'Sora',sans-serif;font-size:22px;font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin-bottom:14px}
.box ul{list-style:none;margin-top:8px;flex:1}
.box li{padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:14px;color:var(--ink-soft);display:flex;justify-content:space-between;gap:10px}
.box li:last-child{border-bottom:none}
.box li .cost{font-family:'IBM Plex Sans',sans-serif;font-size:12px;color:var(--mute)}
.box .footline{margin-top:18px;padding-top:14px;border-top:2px solid var(--line);font-family:'Sora',sans-serif;font-size:18px;font-weight:700;letter-spacing:-0.015em;display:flex;justify-content:space-between;gap:10px}
.box .footline .pricetag{color:var(--orange)}
.box-maaten{
 background:linear-gradient(180deg,oklch(8% 0.015 45),oklch(10% 0.025 40));color:oklch(96% 0.005 60);border:none;position:relative;overflow:hidden;
}
.box-maaten::before{content:"";position:absolute;top:-30%;right:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(232,89,12,.3),transparent 60%);pointer-events:none}
.box-maaten .num{color:var(--orange);position:relative}
.box-maaten h3{color:var(--dark-text);position:relative}
.box-maaten li{color:var(--dark-text-mid);border-color:rgba(255,255,255,.06);position:relative}
.box-maaten li .cost{color:var(--dark-faint)}
.box-maaten .footline{border-color:rgba(255,255,255,.12);position:relative;color:var(--dark-text)}
.box-maaten .footline .pricetag{color:var(--orange)}
.plus-mid{font-family:'Sora',sans-serif;font-size:32px;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0 8px;letter-spacing:-0.04em}
.equals-mid{font-family:'Sora',sans-serif;font-size:36px;font-weight:700;color:var(--orange);display:flex;align-items:center;justify-content:center;padding:0 12px;letter-spacing:-0.04em}

.twobox-foot{margin-top:48px;padding:24px 28px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.twobox-foot .copy{font-size:16px;color:var(--ink-soft);max-width:680px;line-height:1.5}
.twobox-foot .copy strong{color:var(--ink);font-weight:600}
.twobox-foot a{font-family:'IBM Plex Sans',sans-serif;font-size:12px;letter-spacing:.03em;color:var(--orange);text-transform:uppercase;font-weight:600}

/* SIX JOBS */
.powers h2{font-size:clamp(42px,6vw,80px);max-width:880px}
.powers h2 em{color:var(--orange)}
.powers-sub{margin-top:22px;font-size:19px;color:var(--ink-soft);max-width:640px;line-height:1.5;font-weight:300}

/* SIX JOBS as a process flow */
.power-grid{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 40px;position:relative}
@media(max-width:880px){.power-grid{grid-template-columns:1fr 1fr;gap:16px 32px}}
@media(max-width:560px){.power-grid{grid-template-columns:1fr;gap:14px}}
.power-grid .power::after{content:"";position:absolute;top:46px;right:-32px;width:24px;height:2px;background:var(--line)}
.power-grid .power::before{content:"";position:absolute;top:41px;right:-34px;width:0;height:0;border-left:7px solid var(--line);border-top:5px solid transparent;border-bottom:5px solid transparent;z-index:2}
.power-grid .power:nth-child(3)::after,.power-grid .power:nth-child(3)::before,.power-grid .power:nth-child(6)::after,.power-grid .power:nth-child(6)::before{display:none}
@media(max-width:880px){.power-grid .power::after,.power-grid .power::before{display:none}}
.pstep{position:absolute;top:24px;right:24px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;font-weight:600;color:var(--mute);letter-spacing:.04em}
.power-loop{margin-top:24px;display:flex;align-items:center;gap:16px;background:oklch(8% 0.015 45);color:oklch(96% 0.005 60);border-radius:14px;padding:20px 28px;position:relative;overflow:hidden}
.power-loop::before{content:"";position:absolute;top:-40%;right:-8%;width:40%;height:180%;background:radial-gradient(circle,oklch(64% 0.20 45 / 0.18),transparent 62%);pointer-events:none}
.power-loop svg{width:30px;height:30px;color:var(--orange);flex-shrink:0;position:relative}
.power-loop .pl-copy{font-family:'Sora',sans-serif;font-size:18px;font-weight:500;letter-spacing:-0.015em;line-height:1.35;position:relative}
.power-loop .pl-copy em{font-style:normal;color:var(--orange)}
.power{
 background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:32px 28px;
 display:flex;flex-direction:column;min-height:300px;position:relative;
 transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.power:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 16px 40px rgba(232,89,12,.06)}
.power .pnum{font-family:'IBM Plex Sans',sans-serif;font-size:10px;letter-spacing:.05em;color:var(--orange);text-transform:uppercase;margin-bottom:18px;font-weight:600}
.power .picon{width:40px;height:40px;color:var(--orange);margin-bottom:18px}
.power .picon svg{width:100%;height:100%}
.stake .sicon{width:32px;height:32px;color:var(--orange);margin-bottom:16px}
.stake .sicon svg{width:100%;height:100%}
.power .pname{font-family:'Sora',sans-serif;font-size:clamp(32px,3.5vw,42px);font-weight:800;letter-spacing:-0.03em;line-height:0.95;color:var(--orange);margin-bottom:8px}
.power h3{font-family:'Sora',sans-serif;font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.15;margin-bottom:12px}
.power p{font-size:15px;color:var(--ink-soft);line-height:1.5;flex:1}
.power .replaces{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft);font-family:'IBM Plex Sans',sans-serif;font-size:13px;letter-spacing:.02em;color:var(--mute);line-height:1.5}
.power .replaces strong{color:var(--ink);font-weight:600;display:block;margin-bottom:4px;letter-spacing:.04em;text-transform:uppercase;font-size:11px}

/* THE BOX / interactive seven layers */
.thebox{background:oklch(8% 0.015 45);color:oklch(96% 0.005 60);position:relative;overflow:hidden}
.thebox::before{content:"";position:absolute;bottom:-30%;left:-10%;width:60%;height:80%;background:radial-gradient(circle,rgba(232,89,12,.22),transparent 65%);pointer-events:none}
.thebox .eyebrow{color:var(--orange)}
.thebox h2{font-size:clamp(40px,5.5vw,72px);max-width:920px;color:var(--dark-text);margin-top:18px}
.thebox h2 em{font-style:normal;color:var(--orange);font-weight:inherit}
.thebox-sub{margin-top:22px;font-size:19px;color:var(--dark-text-soft);max-width:680px;line-height:1.5;font-weight:300}

.box-container{margin-top:64px;display:grid;grid-template-columns:1fr 1.6fr;gap:0;background:oklch(10% 0.01 45);border:1px solid var(--dark-border);border-radius:16px;overflow:hidden;min-height:560px}
@media(max-width:880px){.box-container{grid-template-columns:1fr;min-height:auto}}

.layers-list{background:oklch(6% 0.008 45);border-right:1px solid var(--dark-surface);padding:16px}
@media(max-width:880px){.layers-list{border-right:none;border-bottom:1px solid var(--dark-surface);display:grid;grid-template-columns:1fr 1fr;gap:6px}}
.layer-btn{
 width:100%;text-align:left;background:none;border:1px solid transparent;
 padding:18px 18px;border-radius:10px;cursor:pointer;color:var(--dark-text-mid);
 display:flex;gap:14px;align-items:flex-start;
 transition:background .15s ease, border-color .15s ease;
 margin-bottom:2px;
}
.layer-btn:hover{background:var(--dark-raised)}
.layer-btn:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.layer-btn.on{background:var(--dark-surface);border-color:var(--dark-border-soft)}
.layer-btn .lidx{
 width:32px;height:32px;border-radius:8px;background:rgba(232,89,12,.12);border:1px solid rgba(232,89,12,.25);
 display:flex;align-items:center;justify-content:center;flex-shrink:0;
 font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:700;color:var(--orange);letter-spacing:0;
}
.layer-btn.on .lidx{background:var(--orange);color:var(--paper);border-color:var(--orange)}
.layer-btn .ltitle{font-family:'Sora',sans-serif;font-weight:600;font-size:15px;color:oklch(97% 0.004 55);letter-spacing:-0.01em;line-height:1.2}
.layer-btn .lcat{font-family:'IBM Plex Sans',sans-serif;font-size:10px;color:var(--dark-mute);letter-spacing:.03em;text-transform:uppercase;margin-top:4px}

.layer-detail{padding:48px 44px;display:flex;flex-direction:column;justify-content:center;position:relative}
@media(max-width:560px){.layer-detail{padding:36px 28px}}
.layer-detail .ldeyebrow{font-family:'IBM Plex Sans',sans-serif;font-size:11px;color:var(--orange);letter-spacing:.05em;text-transform:uppercase;font-weight:600}
.layer-detail h3{font-family:'Sora',sans-serif;font-size:36px;font-weight:700;letter-spacing:-0.025em;line-height:1;color:var(--dark-text);margin-top:12px}
.layer-detail .ldbody{margin-top:18px;font-size:17px;color:var(--dark-text-mid);line-height:1.5;max-width:520px}
.layer-detail .ldreplaces{margin-top:32px;padding-top:24px;border-top:1px solid var(--dark-border)}
.layer-detail .ldreplaces .rlabel{font-family:'IBM Plex Sans',sans-serif;font-size:10px;color:var(--dark-mute);letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px}
.layer-detail .ldreplaces .rlist{display:flex;gap:8px;flex-wrap:wrap}
.layer-detail .ldreplaces .rchip{font-family:'IBM Plex Sans',sans-serif;font-size:12px;color:var(--dark-faint);background:oklch(13% 0.01 45);border:1px solid var(--dark-border-soft);padding:6px 12px;border-radius:6px;letter-spacing:.02em}
.layer-visual{margin-top:28px;display:none;background:oklch(6% 0.008 45);border:1px solid var(--dark-surface);border-radius:12px;padding:16px;align-self:center;width:100%;max-width:520px}
.layer-visual svg{width:100%;height:auto;display:block}
.layer-visual.show{display:block}

.thebox-foot{margin-top:48px;padding:28px 32px;background:oklch(6% 0.015 45);border:1px solid oklch(14% 0.01 45);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.thebox-foot .copy{font-family:'Sora',sans-serif;font-size:19px;font-weight:500;color:var(--dark-text);letter-spacing:-0.015em;line-height:1.3}
.thebox-foot .copy em{font-style:normal;color:var(--orange);font-weight:inherit}

/* CHAT DEMO · teleprompter */
.demo{background:var(--paper-warm)}
.demo .eyebrow{color:var(--orange)}
.demo h2{font-size:clamp(40px,5.5vw,72px);max-width:920px;margin-top:18px}
.demo h2 em{font-style:normal;color:var(--orange);font-weight:inherit}
 /* morning side-by-side panels */
 .morning{max-width:1080px;margin:52px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
 @media(max-width:880px){.morning{grid-template-columns:1fr;gap:18px;max-width:440px}}
 .mpanel{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 20px;position:relative;box-shadow:0 24px 50px -30px rgba(40,20,8,.28)}
 .mstep-no{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
 .mpanel h3{font-family:'Sora',sans-serif;font-size:18px;font-weight:600;letter-spacing:-0.015em;margin:6px 0 16px;line-height:1.3}
 .mpanel .channels{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
 .chan{display:inline-flex;align-items:center;gap:6px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;font-weight:500;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft)}
 .chan .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
 .chan.wa .dot{background:#25D366}
 .chan.sl .dot{background:#611f69}
 .mchat{margin-top:auto;display:flex;flex-direction:column;gap:10px}
 .mbub{font-size:14px;line-height:1.5;padding:11px 14px;border-radius:14px;max-width:92%}
 .mbub.them{align-self:flex-start;background:var(--paper-warm);border:1px solid var(--line);border-radius:4px 14px 14px 14px}
 .mbub.me{align-self:flex-end;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.32);border-radius:14px 14px 4px 14px}
 .mbub strong{font-weight:700}
 .mbub .stat{color:var(--orange);font-weight:700}
 .mbub .uplift{color:#16A34A;font-weight:700}
 .mbub-time{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;color:var(--mute);margin-top:4px}
 .mnote{margin-top:14px;text-align:left;font-size:13px;color:var(--ink-soft);line-height:1.5}
 .mreport{margin-top:auto;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--paper-warm)}
 .mreport .rrow{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;padding:7px 0;border-bottom:1px solid var(--line)}
 .mreport .rrow:last-child{border-bottom:none}
 .mreport .rlabel{color:var(--ink-soft)}
 .mreport .rval{font-family:'IBM Plex Mono',ui-monospace,monospace;font-weight:600}
 .mreport .rval.up{color:#16A34A}
 .mbars{display:flex;align-items:flex-end;gap:7px;height:54px;margin:2px 2px 12px}
 .mbars span{flex:1;background:rgba(232,89,12,.16);border-radius:4px 4px 0 0;border-top:2px solid var(--orange)}
 .mask{margin-top:14px;font-size:13px;color:var(--ink-soft);line-height:1.5;font-style:italic}
.demo-sub{margin-top:22px;font-size:19px;color:var(--ink-soft);max-width:680px;line-height:1.5}

.viewport{
 max-width:680px;margin:48px auto 0;
 height:340px;position:relative;overflow:hidden;cursor:pointer;
 -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
 mask-image:linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}
.track{
 position:absolute;left:0;right:0;top:50%;
 display:flex;flex-direction:column;gap:24px;
 transition:transform .9s cubic-bezier(.65,0,.35,1);
 padding:0 16px;
}
.zmsg{
 display:flex;gap:14px;max-width:88%;
 opacity:0;transform:translateY(8px);
 transition:opacity .5s ease, transform .5s ease;
}
.zmsg.in{opacity:1;transform:translateY(0)}
.zmsg.agent{align-self:flex-start}
.zmsg.you{align-self:flex-end;flex-direction:row-reverse}
.zmsg .avatar{
 width:38px;height:38px;border-radius:9px;flex-shrink:0;
 display:flex;align-items:center;justify-content:center;
 font-family:'Sora',sans-serif;font-weight:800;font-size:14px;
}
.zmsg.agent .avatar{background:rgba(232,89,12,.12);color:var(--orange);border:1.5px solid rgba(232,89,12,.28)}
.zmsg.you .avatar{background:var(--dark);color:var(--dark-text);border:1.5px solid var(--dark)}
.zmsg .body{display:flex;flex-direction:column;gap:6px;flex:1}
.zmsg .who{font-family:'IBM Plex Sans',sans-serif;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);font-weight:600}
.zmsg.you .who{text-align:right}
.zmsg .bubble{padding:14px 18px;border-radius:14px;font-size:15px;line-height:1.5}
.zmsg.agent .bubble{background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.zmsg.you .bubble{background:var(--orange);color:var(--paper);border:1px solid var(--orange-deep)}
.zmsg .bubble p{margin-bottom:8px}
.zmsg .bubble p:last-child{margin-bottom:0}
.zmsg .bubble strong{font-weight:700}
.zmsg .stat{
 font-family:'IBM Plex Sans',sans-serif;background:rgba(232,89,12,.08);padding:1px 6px;border-radius:4px;
 color:var(--orange);font-size:13px;border:1px solid rgba(232,89,12,.18);font-weight:600;white-space:nowrap;
}
.zmsg .bubble .uplift{
 display:inline-block;font-family:'Sora',sans-serif;font-size:17px;font-weight:800;
 letter-spacing:-0.02em;color:#16A34A;
}
.zmsg .actions{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap}
.zmsg .pill{
 font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.04em;
 padding:6px 12px;border-radius:6px;border:1.5px solid var(--line);
 color:var(--mute);background:transparent;font-weight:600;transition:all .25s ease;
}
.zmsg .pill.approve{color:#16A34A;border-color:rgba(22,163,74,.32);background:rgba(22,163,74,.06)}
.zmsg .pill.brief{color:var(--orange);border-color:rgba(232,89,12,.35);background:rgba(232,89,12,.08)}
.zmsg .pill.approve.pulsing{animation:pillPulse 1.4s ease-in-out 2}
.zmsg .pill.brief.pulsing{animation:pillPulseOrange 1.4s ease-in-out 2}
@keyframes pillPulse{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}50%{box-shadow:0 0 0 8px rgba(22,163,74,0)}}
@keyframes pillPulseOrange{0%,100%{box-shadow:0 0 0 0 rgba(232,89,12,.5)}50%{box-shadow:0 0 0 8px rgba(232,89,12,0)}}
.zmsg .pill.approve.pressed{background:rgba(22,163,74,.25);border-color:rgba(22,163,74,.7);transform:scale(.96)}
.zmsg .pill.brief.pressed{background:rgba(232,89,12,.25);border-color:rgba(232,89,12,.7);transform:scale(.96)}
@media (prefers-reduced-motion: reduce){
 .sp-line,.sp-glow,.sp-label,.sp-stat{animation:none;opacity:1;transform:none}
 .zmsg{opacity:1;transform:none;transition:none}
 .track{transition:none}
}


/* OUTCOMES TABS */
.outcomes{background:var(--paper-warm)}
.outcomes h2{font-size:clamp(36px,5vw,64px);max-width:880px}
.outcomes h2 em{color:var(--orange)}
.outcomes-sub{margin-top:18px;font-size:18px;color:var(--ink-soft);max-width:620px}
.outcomes [data-icp]{margin-top:40px}

/* Week before/after */
.week-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
@media(max-width:760px){.week-row{grid-template-columns:1fr}}
.week-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:30px 30px}
.week-card.before{}
.week-card.after{background:linear-gradient(180deg,var(--paper),oklch(98% 0.02 55));border-color:oklch(88% 0.08 50)}
.week-card .wlabel{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);font-weight:500;margin-bottom:8px}
.week-card.after .wlabel{color:var(--orange)}
.week-card .whead{font-family:'Sora',sans-serif;font-size:22px;font-weight:700;letter-spacing:-0.02em;line-height:1.2;margin-bottom:18px}
.week-card ul{list-style:none}
.week-card li{padding:11px 0;border-bottom:1px solid var(--line-soft);display:flex;gap:12px;font-size:14.5px;line-height:1.45;color:var(--ink-soft)}
.week-card li:last-child{border-bottom:none}
.week-card li .day{font-family:'IBM Plex Sans',sans-serif;font-size:10px;color:var(--orange);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;width:46px;padding-top:3px;font-weight:600}
.week-card li .what{flex:1}

/* outcome row */
.outcome-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px}
@media(max-width:960px){.outcome-row{grid-template-columns:1fr}}
.outcome-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:30px 28px}
.outcome-card .v{font-family:'Sora',sans-serif;font-size:clamp(48px,5vw,64px);font-weight:800;letter-spacing:-0.04em;line-height:0.9;color:var(--orange)}
.outcome-card .l{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-top:14px}
.outcome-card h4{font-family:'Sora',sans-serif;font-size:18px;font-weight:600;letter-spacing:-0.015em;margin-top:10px;line-height:1.2}
.outcome-card p{margin-top:8px;font-size:14.5px;color:var(--ink-soft);line-height:1.5}

/* line-to-the-boss */
.boss-line{margin-top:18px;background:oklch(8% 0.015 45);color:oklch(96% 0.005 60);border-radius:14px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.boss-line::before{content:"";position:absolute;top:-30%;right:-15%;width:50%;height:160%;background:radial-gradient(circle,rgba(232,89,12,.22),transparent 65%);pointer-events:none}
.boss-line .left{position:relative}
.boss-line .blabel{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-weight:600}
.boss-line .bline{font-family:'Sora',sans-serif;font-size:24px;font-weight:600;letter-spacing:-0.02em;line-height:1.25;color:var(--dark-text);margin-top:8px;max-width:780px}
.boss-line .bline em{font-style:normal;color:var(--orange);font-weight:inherit}

/* PRICING */
.pricing h2{font-size:clamp(42px,6vw,80px);max-width:880px}
.pricing h2 em{color:var(--orange)}
.pricing-sub{margin-top:22px;font-size:19px;color:var(--ink-soft);max-width:680px;line-height:1.5;font-weight:300}
.tier-grid{margin-top:56px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:stretch}
@media(max-width:960px){.tier-grid{grid-template-columns:1fr;max-width:480px}}
.tier{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;padding:36px 30px 32px;display:flex;flex-direction:column;position:relative;transition:border-color 0.2s ease, box-shadow 0.2s ease}
.tier:hover{border-color:oklch(75% 0.06 50)}
.tier.popular{border-color:var(--orange);border-width:2px;box-shadow:0 24px 60px rgba(232,89,12,.08)}
.tier.popular:hover{border-color:var(--orange);box-shadow:0 24px 60px rgba(232,89,12,.14)}
.popular-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--orange);color:var(--paper);font-family:'IBM Plex Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:5px 16px;border-radius:999px;white-space:nowrap}
.tier-name{font-family:'Sora',sans-serif;font-size:22px;font-weight:700;letter-spacing:-0.02em;line-height:1.15;color:var(--ink)}
.tier-desc{margin-top:8px;font-size:14px;color:var(--mute);line-height:1.45;min-height:42px}
.tier-price{margin-top:20px;padding-top:20px;border-top:1px solid var(--line-soft)}
.tier-amount{font-family:'Sora',sans-serif;font-weight:800;letter-spacing:-0.035em;line-height:0.95;display:flex;align-items:baseline;gap:4px}
.tier-currency{font-size:28px;color:var(--ink)}
.tier-num{font-size:clamp(48px,5vw,64px);color:var(--ink)}
.popular .tier-num{color:var(--orange)}
.tier-per{font-family:'IBM Plex Sans',sans-serif;font-size:15px;font-weight:400;color:var(--mute);letter-spacing:0}
.tier-annual{margin-top:6px;font-size:13px;color:var(--mute)}
.tier-specs{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-soft);list-style:none;display:flex;flex-direction:column;gap:0}
.tier-spec{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:14px}
.tier-spec:last-child{border-bottom:none}
.spec-label{color:var(--ink-soft)}
.spec-value{font-weight:700;color:var(--ink);text-align:right}
.popular .spec-value{color:var(--orange)}
.spec-value .sub{font-weight:400;font-size:12px;color:var(--mute);display:block}
.tier-features{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-soft);list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}
.tier-feature{display:flex;gap:10px;font-size:14px;color:var(--ink-soft);line-height:1.45}
.tier-feature svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--orange)}
.tier-feature strong{color:var(--ink);font-weight:600}
.tier-roi{margin-top:20px;padding:16px 18px;background:oklch(56% 0.19 42 / 0.04);border:1px solid oklch(56% 0.19 42 / 0.12);border-radius:10px}
.roi-label{font-family:'IBM Plex Sans',sans-serif;font-size:10px;letter-spacing:0.07em;text-transform:uppercase;color:var(--orange);font-weight:700}
.roi-line{margin-top:6px;font-size:14px;color:var(--ink-soft);line-height:1.45}
.roi-line strong{color:var(--ink);font-weight:700}
.roi-line em{font-style:normal;color:var(--orange);font-weight:700}
.tier-cta{margin-top:24px}
.tier-cta .btn{width:100%;justify-content:center}
.token-note{margin-top:40px;padding:24px 28px;background:var(--paper-warm);border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.token-note .copy{font-size:16px;color:var(--ink-soft);max-width:680px;line-height:1.5}
.token-note .copy strong{color:var(--ink);font-weight:600}
.token-note .aside{font-family:'IBM Plex Sans',sans-serif;font-size:12px;letter-spacing:.03em;color:var(--orange);text-transform:uppercase;font-weight:600;flex-shrink:0}
.pricing-foot{margin-top:24px;text-align:center;font-size:14px;color:var(--mute);line-height:1.55}

/* PROOF */
.proof{background:oklch(8% 0.015 45);color:oklch(96% 0.005 60)}
.proof h2{font-size:clamp(36px,5vw,60px);max-width:880px;color:var(--dark-text)}
.proof h2 em{font-style:normal;color:var(--orange);font-weight:inherit}
.proof-grid{margin-top:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:stretch}
@media(max-width:880px){.proof-grid{grid-template-columns:1fr}}
.showmax-card{background:linear-gradient(135deg,oklch(12% 0.025 40),oklch(8% 0.01 45));border:1px solid oklch(15% 0.02 40);border-radius:14px;padding:40px 36px;position:relative;overflow:hidden}
.showmax-card .tag{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);background:rgba(232,89,12,.12);padding:5px 11px;border-radius:5px;display:inline-block}
.showmax-card .quote{margin-top:24px;font-family:'Sora',sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.2;font-weight:700;letter-spacing:-0.025em;color:var(--dark-text)}
.showmax-card .quote em{font-style:normal;color:var(--orange);font-weight:inherit}
.showmax-card .nums{margin-top:28px;display:flex;gap:36px;flex-wrap:wrap}
.showmax-card .nums div{font-size:13px;color:var(--dark-faint)}
.showmax-card .nums strong{display:block;font-family:'Sora',sans-serif;font-size:clamp(36px,4vw,44px);font-weight:800;letter-spacing:-0.035em;color:var(--dark-text);line-height:0.95;margin-bottom:6px}
.showmax-card .meta{margin-top:30px;padding-top:18px;border-top:1px solid var(--dark-border);font-family:'IBM Plex Sans',sans-serif;font-size:11px;color:var(--dark-faint);letter-spacing:.05em}
.platforms-card{background:oklch(8% 0.01 45);border:1px solid var(--dark-surface);border-radius:14px;padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between}
.platforms-card .tag{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--orange)}
.platforms-card h4{font-family:'Sora',sans-serif;font-size:22px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--dark-text);margin-top:14px}
.platforms-card .approved-list{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.platforms-card .approved-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--dark-surface);color:var(--dark-text-mid);font-size:14px;font-family:'Sora',sans-serif;font-weight:600;letter-spacing:-0.01em}
.platforms-card .approved-list li:last-child{border-bottom:none}
.platforms-card .approved-list .check{font-family:'IBM Plex Sans',sans-serif;font-size:10px;color:var(--orange);letter-spacing:.04em;text-transform:uppercase}

/* ABOUT */
.about h2{font-size:clamp(36px,5vw,60px);max-width:820px}
.about h2 em{color:var(--orange)}
.about-grid{margin-top:48px;display:block;max-width:820px}
.about-copy p{font-size:17px;color:var(--ink-soft);line-height:1.6;margin-bottom:18px;max-width:620px}
.about-copy p strong{color:var(--ink);font-weight:600}
.about-card{background:var(--paper-warm);border:1px solid var(--line);border-radius:14px;padding:32px 30px}
.about-card h5{font-family:'IBM Plex Sans',sans-serif;font-size:11px;color:var(--orange);letter-spacing:.05em;text-transform:uppercase;font-weight:600;margin-bottom:18px}
.about-card dl{display:grid;gap:14px}
.about-card dt{font-family:'IBM Plex Sans',sans-serif;font-size:11px;color:var(--mute);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.about-card dd{font-size:15px;color:var(--ink);font-weight:500}

/* FAQ */
.faq{background:var(--paper-warm)}
.faq h2{font-size:clamp(36px,5vw,60px)}
.faq-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
@media(max-width:720px){.faq-grid{grid-template-columns:1fr}}
.faq-item{background:var(--paper);padding:30px 28px}
.faq-item h4{font-family:'Sora',sans-serif;font-size:18px;font-weight:600;letter-spacing:-0.015em;margin-bottom:10px}
.faq-item p{font-size:15px;color:var(--ink-soft);line-height:1.55}

/* CTA */
.final-cta{background:var(--orange);color:var(--paper);text-align:center;position:relative;overflow:hidden}
.final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.15),transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,0,0,.15),transparent 50%)}
.final-cta .inner{position:relative;z-index:1;max-width:820px;margin:0 auto}
.final-cta h2{font-family:'Sora',sans-serif;font-size:clamp(44px,7vw,96px);font-weight:800;letter-spacing:-0.04em;line-height:0.95}
.final-cta h2 em{font-style:normal;font-weight:inherit}
.final-cta p{margin-top:22px;font-size:19px;opacity:.92;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}
.final-cta .cta-row{margin-top:38px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.final-cta .btn{background:var(--paper);color:var(--orange)}
.final-cta .btn:hover{background:var(--dark);color:var(--dark-text)}
.final-cta .btn-ghost{background:transparent;color:var(--paper);border-color:rgba(255,255,255,.4)}
.final-cta .btn-ghost:hover{border-color:var(--paper);background:rgba(255,255,255,.08);color:var(--paper)}

/* footer */
footer{background:oklch(8% 0.015 45);color:oklch(58% 0.01 50);padding:56px 0 36px;font-size:14px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
.footer-grid h5{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:oklch(96% 0.005 60);font-weight:500;margin-bottom:16px}
.footer-grid a{display:block;padding:5px 0;color:var(--dark-faint);font-size:14px}
.footer-grid a:hover{color:var(--dark-text)}
.footer-bottom{margin-top:48px;padding-top:22px;border-top:1px solid var(--dark-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:'IBM Plex Sans',sans-serif;font-size:11px;color:var(--dark-dim);letter-spacing:.04em}

/* EMPATHY LINE */
.empathy{padding:72px 0;background:var(--orange);color:var(--paper)}
.platforms-empathy{margin-top:42px}
.empathy .inner{
 display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;
 max-width:1040px;
}
@media(max-width:720px){.empathy .inner{grid-template-columns:1fr;gap:14px}}
.empathy .badge{
 font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;
 color:var(--orange);background:rgba(255,255,255,.92);padding:8px 14px;border-radius:6px;font-weight:600;
 flex-shrink:0;align-self:flex-start;
}
.empathy .copy{
 font-family:'Sora',sans-serif;font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-0.015em;
 color:rgba(255,255,255,.95);max-width:880px;
}
.empathy .copy em{font-style:normal;color:rgba(255,255,255,1);font-weight:700}
.empathy .copy strong{font-weight:700;color:rgba(255,255,255,1)}
.empathy .platforms{border-color:rgba(255,255,255,.2)}
.empathy .platforms .label{color:rgba(255,255,255,.7)}
.empathy .platforms .logos span{color:rgba(255,255,255,.85)}
.empathy .platforms .logos .badge{color:rgba(255,255,255,.95);background:rgba(255,255,255,.18)}

/* PLAN SECTION */
.plan{background:var(--paper)}
.plan h2{font-size:clamp(42px,6vw,80px);max-width:880px}
.plan h2 em{color:var(--orange)}
.plan-sub{margin-top:22px;font-size:19px;color:var(--ink-soft);max-width:680px;line-height:1.5;font-weight:300}
.plan-steps{margin-top:64px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;position:relative}
@media(max-width:880px){.plan-steps{grid-template-columns:1fr;gap:0}}
.plan-step{
 padding:34px 30px;position:relative;
 border-right:1px solid var(--line);
}
.plan-step:last-child{border-right:none}
@media(max-width:880px){.plan-step{border-right:none;border-bottom:1px solid var(--line);padding:28px 0}.plan-step:last-child{border-bottom:none}}
.plan-step .num-badge{
 width:48px;height:48px;border-radius:12px;background:var(--orange);
 display:flex;align-items:center;justify-content:center;
 font-family:'Sora',sans-serif;font-weight:700;font-size:20px;color:var(--paper);
 letter-spacing:-0.01em;margin-bottom:22px;
}
.plan-step h3{font-family:'Sora',sans-serif;font-size:22px;font-weight:700;letter-spacing:-0.02em;line-height:1.15;margin-bottom:12px}
.plan-step p{font-size:15px;color:var(--ink-soft);line-height:1.55}
.plan-step .time{
 margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft);
 font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);
}
.plan-step .time strong{color:var(--orange);font-weight:600}
.plan-foot{
 margin-top:36px;background:oklch(8% 0.015 45);color:oklch(96% 0.005 60);border-radius:14px;padding:28px 32px;
 display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden;
}
.plan-foot::before{content:"";position:absolute;top:-50%;right:-15%;width:50%;height:200%;background:radial-gradient(circle,rgba(232,89,12,.2),transparent 65%);pointer-events:none}
.plan-foot .copy{font-family:'Sora',sans-serif;font-size:19px;font-weight:500;color:var(--dark-text);letter-spacing:-0.015em;line-height:1.3;position:relative;max-width:680px}
.plan-foot .copy em{font-style:normal;color:var(--orange);font-weight:inherit}
.plan-foot .btn{position:relative;background:var(--orange);color:var(--paper)}
.plan-foot .btn:hover{background:var(--paper);color:var(--orange)}

/* STAKES BLOCK */
.stakes{background:oklch(8% 0.015 45);color:oklch(96% 0.005 60);padding:96px 0;position:relative;overflow:hidden}
.stakes::before{content:"";position:absolute;top:-30%;left:-15%;width:50%;height:120%;background:radial-gradient(circle,rgba(232,89,12,.2),transparent 60%);pointer-events:none}
.stakes .stake-eyebrow{font-family:'IBM Plex Sans',sans-serif;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--orange);font-weight:500}
.stakes h2{font-family:'Sora',sans-serif;font-size:clamp(42px,6.2vw,84px);font-weight:800;letter-spacing:-0.04em;line-height:0.95;color:var(--dark-text);margin-top:18px;max-width:880px}
.stakes h2 em{font-style:normal;color:var(--orange);font-weight:inherit}
.stakes-list{margin-top:48px;display:flex;flex-direction:column;gap:0;max-width:820px}
.stake{
 display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;
 padding:32px 0;border-bottom:1px solid rgba(255,255,255,.08);
}
.stake:first-child{padding-top:0}
.stake:last-child{border-bottom:none}
.stake .sicon{width:44px;height:44px;color:var(--orange);flex-shrink:0;background:rgba(232,89,12,.1);border-radius:10px;padding:6px;margin-top:2px}
.stake .sicon svg{width:100%;height:100%}
.stake .stakelabel{font-family:'IBM Plex Sans',sans-serif;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);font-weight:600;margin-bottom:6px}
.stake h4{font-family:'Sora',sans-serif;font-size:22px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--dark-text);margin-bottom:8px}
.stake p{font-size:15px;color:oklch(72% 0.005 50);line-height:1.5}
@media(max-width:560px){.stake{grid-template-columns:1fr;gap:14px}}

/* RISK REVERSAL */
.reversal{background:var(--paper-warm)}
.reversal h2{font-size:clamp(40px,5.5vw,72px);max-width:880px}
.reversal h2 em{color:var(--orange)}
.reversal-sub{margin-top:18px;font-size:18px;color:var(--ink-soft);max-width:620px}
.reversal-grid{margin-top:48px;display:flex;flex-direction:column;gap:0;max-width:880px}
.reversal-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}
.reversal-card:last-child{border-bottom:none}
.reversal-card .ic{
 width:44px;height:44px;color:var(--orange);flex-shrink:0;background:var(--orange-tint);border-radius:10px;padding:6px;margin-top:2px;
}
.reversal-card .ic svg{width:100%;height:100%}
.reversal-card .rc-content{flex:1}
.reversal-card h4{font-family:'Sora',sans-serif;font-size:20px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;margin-bottom:6px}
.reversal-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.55}
.reversal-card .term{
 font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.05em;color:var(--mute);
 align-self:center;text-align:right;white-space:nowrap;
}
.reversal-card .term strong{color:var(--ink);font-weight:600;display:block}
@media(max-width:720px){.reversal-card{grid-template-columns:auto 1fr;gap:16px}.reversal-card .term{grid-column:2;text-align:left}}

/* PROBLEM (replaces two-box) */
.problem-section{background:var(--paper-warm)}
.problem-section h2{font-size:clamp(42px,6.2vw,88px);max-width:960px}
.problem-section h2 em{color:var(--orange)}
.problem-section .lead{margin-top:22px;font-size:19px;color:var(--ink-soft);max-width:720px;line-height:1.5;font-weight:300}

.buyer-block{margin-top:64px;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.buyer-block + .buyer-block{margin-top:24px}
.buyer-head{padding:32px 36px 28px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
@media(max-width:720px){.buyer-head{grid-template-columns:1fr;gap:14px;padding:28px 26px 24px}}
.buyer-tag{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--orange);background:var(--orange-tint);padding:8px 14px;border-radius:6px;font-weight:600;align-self:flex-start;white-space:nowrap}
.buyer-head h3{font-family:'Sora',sans-serif;font-size:28px;font-weight:700;letter-spacing:-0.025em;line-height:1.15;color:var(--ink)}
.buyer-head h3 em{font-style:normal;color:var(--orange);font-weight:inherit}
.buyer-head .sub{margin-top:8px;font-size:15.5px;color:var(--ink-soft);line-height:1.5;max-width:660px}

.buyer-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:820px){.buyer-body{grid-template-columns:1fr}}
.buyer-col{padding:32px 36px}
@media(max-width:720px){.buyer-col{padding:26px}}
.buyer-col.today{background:oklch(98% 0.008 55);border-right:1px solid var(--line-soft)}
@media(max-width:820px){.buyer-col.today{border-right:none;border-bottom:1px solid var(--line-soft)}}
.buyer-col.maaten{background:linear-gradient(135deg,var(--paper),oklch(97.5% 0.025 55))}
.buyer-col .ltitle{font-family:'IBM Plex Sans',sans-serif;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);font-weight:600;margin-bottom:14px}
.buyer-col.maaten .ltitle{color:var(--orange)}
.buyer-col h4{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;letter-spacing:-0.015em;line-height:1.2;margin-bottom:14px;color:var(--ink)}
.buyer-col ul{list-style:none}
.buyer-col li{padding:10px 0;font-size:14.5px;color:var(--ink-soft);line-height:1.5;display:flex;gap:12px;border-bottom:1px solid var(--line-soft)}
.buyer-col li:last-child{border-bottom:none}
.buyer-col li .ic{flex-shrink:0;width:16px;height:16px;margin-top:3px;color:var(--warn)}
.buyer-col.maaten li .ic{color:var(--orange)}
/* Icon stroke standardisation: list glyphs 1.75, feature icons 1.5 */
.buyer-col li .ic,.mode-card li svg,.os-layer li svg,.tier-feature svg,.modes-foot svg{stroke-width:1.75}
.power .picon svg,.stake .sicon svg,.reversal-card .ic svg,.screenshot-placeholder .ph-icon svg{stroke-width:1.5}
.buyer-col li .what strong{color:var(--ink);font-weight:600}
.buyer-col li .what code{font-family:'IBM Plex Sans',sans-serif;font-size:12px;color:var(--mute);background:oklch(94.5% 0.008 55);padding:1px 5px;border-radius:3px;letter-spacing:0}
.buyer-col.maaten li .what code{color:var(--orange-deep);background:var(--orange-tint)}

.buyer-result{padding:24px 36px;background:oklch(8% 0.015 45);color:oklch(96% 0.005 60);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.buyer-result::before{content:"";position:absolute;top:-50%;right:-10%;width:40%;height:200%;background:radial-gradient(circle,rgba(232,89,12,.2),transparent 60%);pointer-events:none}
.buyer-result .stat{font-family:'Sora',sans-serif;font-size:clamp(38px,4.5vw,48px);font-weight:800;letter-spacing:-0.04em;color:var(--orange);line-height:0.95;position:relative;flex-shrink:0}
.buyer-result .stat .unit{font-size:18px;color:var(--dark-text);font-weight:500;margin-left:4px}
.buyer-result .desc{font-family:'Sora',sans-serif;font-size:17px;color:var(--dark-text);line-height:1.4;font-weight:500;letter-spacing:-0.01em;position:relative;max-width:680px}
.buyer-result .desc em{font-style:normal;color:var(--orange);font-weight:inherit}

.requirements{margin-top:72px}
.requirements-head{margin-bottom:36px}
.requirements-head .rlabel{font-family:'IBM Plex Sans',sans-serif;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--orange);font-weight:600}
.requirements-head h3{font-family:'Sora',sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;color:var(--ink);margin-top:14px;max-width:880px}
.requirements-head h3 em{font-style:normal;color:var(--orange);font-weight:inherit}
.requirements-head .rsub{margin-top:14px;font-size:17px;color:var(--ink-soft);line-height:1.55;max-width:680px}

.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.req-grid{grid-template-columns:1fr}}
.req{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px 30px}
.req .rnum{font-family:'IBM Plex Sans',sans-serif;font-size:11px;color:var(--orange);letter-spacing:.05em;text-transform:uppercase;font-weight:600;margin-bottom:10px}
.req h4{font-family:'Sora',sans-serif;font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.2;margin-bottom:10px}
.req p{font-size:14.5px;color:var(--ink-soft);line-height:1.55}
.req .miss{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:13px;color:var(--mute);line-height:1.5}
.req .miss strong{color:var(--ink);font-weight:600}

.moat{margin-top:40px;background:oklch(8% 0.015 45);color:oklch(96% 0.005 60);border-radius:14px;padding:32px 36px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;position:relative;overflow:hidden}
@media(max-width:720px){.moat{grid-template-columns:1fr;gap:20px;padding:28px}}
.moat::before{content:"";position:absolute;top:-30%;right:-10%;width:50%;height:160%;background:radial-gradient(circle,rgba(232,89,12,.22),transparent 60%);pointer-events:none}
.moat .mlabel{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--orange);font-weight:600;position:relative;flex-shrink:0;align-self:flex-start;background:rgba(232,89,12,.15);padding:8px 14px;border-radius:6px;white-space:nowrap}
.moat .mline{font-family:'Sora',sans-serif;font-size:20px;font-weight:500;color:var(--dark-text);letter-spacing:-0.015em;line-height:1.35;position:relative}
.moat .mline em{font-style:normal;color:var(--orange);font-weight:inherit}
.moat .mline strong{font-weight:700;color:var(--dark-text)}

/* MODES SECTION */
.modes{background:var(--dark);color:var(--dark-text);position:relative;overflow:hidden}
.modes::before{content:"";position:absolute;top:-20%;right:-10%;width:50%;height:80%;background:radial-gradient(circle,rgba(232,89,12,.18),transparent 60%);pointer-events:none}
.modes h2{font-size:clamp(40px,5.5vw,72px);max-width:920px;color:var(--dark-text);margin-top:18px}
.modes h2 em{font-style:normal;color:var(--orange);font-weight:inherit}
.modes-sub{margin-top:22px;font-size:19px;color:var(--dark-text-soft);max-width:680px;line-height:1.5;font-weight:300}
.modes [data-icp]{margin-top:40px}

.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
@media(max-width:820px){.mode-cards{grid-template-columns:1fr}}
.mode-card{background:var(--dark-raised);border:1px solid var(--dark-border);border-radius:16px;padding:36px 32px;position:relative;overflow:hidden}
.mode-card::before{content:"";position:absolute;inset:0;border-radius:16px;opacity:0;transition:opacity .2s ease}
.mode-card.monitor::before{background:radial-gradient(circle at 30% 20%,rgba(232,89,12,.08),transparent 60%)}
.mode-card.act::before{background:radial-gradient(circle at 70% 80%,rgba(232,89,12,.12),transparent 60%)}
.mode-card:hover::before{opacity:1}
.mode-card .mode-badge{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:20px;position:relative}
.mode-card.monitor .mode-badge{color:var(--dark-text-mid)}
.mode-card.act .mode-badge{color:var(--orange)}
.mode-card .mode-badge .dot{width:8px;height:8px;border-radius:50%}
.mode-card.monitor .dot{background:var(--dark-text-mid);box-shadow:0 0 8px rgba(255,255,255,.15)}
.mode-card.act .dot{background:var(--orange);box-shadow:0 0 8px rgba(232,89,12,.4)}
.mode-card h3{font-family:'Sora',sans-serif;font-size:26px;font-weight:700;letter-spacing:-0.025em;line-height:1.1;color:var(--dark-text);margin-bottom:14px;position:relative}
.mode-card p.mode-desc{font-size:16px;color:var(--dark-text-mid);line-height:1.55;position:relative;margin-bottom:20px}
.mode-card ul{list-style:none;position:relative}
.mode-card li{padding:10px 0;border-bottom:1px solid var(--dark-border);font-size:14.5px;color:var(--dark-text-mid);line-height:1.5;display:flex;gap:12px}
.mode-card li:last-child{border-bottom:none}
.mode-card li svg{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--orange)}
.mode-card li strong{color:var(--dark-text);font-weight:600}

.modes-foot{margin-top:36px;padding:24px 32px;background:var(--dark-raised);border:1px solid var(--dark-border);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.modes-foot::before{content:"";position:absolute;top:-50%;right:-10%;width:40%;height:200%;background:radial-gradient(circle,rgba(232,89,12,.15),transparent 60%);pointer-events:none}
.modes-foot .copy{font-family:'Sora',sans-serif;font-size:19px;font-weight:500;color:var(--dark-text);letter-spacing:-0.015em;line-height:1.3;position:relative;max-width:680px}
.modes-foot .copy em{font-style:normal;color:var(--orange);font-weight:inherit}

/* DATA ADVANTAGE */
.data-advantage{background:var(--paper)}
.data-advantage h2{font-size:clamp(40px,5.5vw,72px);max-width:920px}
.data-advantage h2 em{color:var(--orange)}
.data-advantage-sub{margin-top:22px;font-size:19px;color:var(--ink-soft);max-width:720px;line-height:1.5;font-weight:300}

.os-grid{margin-top:64px;display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}
@media(max-width:880px){.os-grid{grid-template-columns:1fr;gap:24px}}
.os-layer{padding:36px 32px;position:relative}
.os-layer.agent{border:1px solid var(--line);border-radius:16px 16px 0 0;background:linear-gradient(180deg,var(--paper),var(--paper-warm))}
.os-layer.data{background:var(--dark);color:var(--dark-text);border-radius:0 0 16px 16px;position:relative;overflow:hidden}
.os-layer.data::before{content:"";position:absolute;bottom:-20%;left:20%;width:60%;height:60%;background:radial-gradient(circle,rgba(232,89,12,.15),transparent 60%);pointer-events:none}
.os-stack{display:flex;flex-direction:column;gap:0}
.os-connector{display:flex;align-items:center;justify-content:center;padding:0 24px}
@media(max-width:880px){.os-connector{padding:0;justify-content:flex-start}.os-connector svg{transform:rotate(90deg)}}
.os-layer .os-tag{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;margin-bottom:16px}
.os-layer.agent .os-tag{color:var(--orange)}
.os-layer.data .os-tag{color:var(--orange);position:relative}
.os-layer h3{font-family:'Sora',sans-serif;font-size:24px;font-weight:700;letter-spacing:-0.025em;line-height:1.15;margin-bottom:14px}
.os-layer.data h3{color:var(--dark-text);position:relative}
.os-layer p.os-desc{font-size:15px;line-height:1.55;margin-bottom:18px}
.os-layer.agent p.os-desc{color:var(--ink-soft)}
.os-layer.data p.os-desc{color:var(--dark-text-mid);position:relative}
.os-layer ul{list-style:none}
.os-layer li{padding:8px 0;font-size:14px;display:flex;gap:10px;line-height:1.45}
.os-layer.agent li{color:var(--ink-soft);border-bottom:1px solid var(--line-soft)}
.os-layer.data li{color:var(--dark-text-mid);border-bottom:1px solid var(--dark-border);position:relative}
.os-layer li:last-child{border-bottom:none}
.os-layer li svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--orange)}
.os-layer li strong{font-weight:600}
.os-layer.agent li strong{color:var(--ink)}
.os-layer.data li strong{color:var(--dark-text)}

.data-moat{margin-top:48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:820px){.data-moat{grid-template-columns:1fr}}
.moat-card{background:var(--paper-warm);border:1px solid var(--line);border-radius:14px;padding:28px 26px}
.moat-card .moat-year{font-family:'Sora',sans-serif;font-size:clamp(36px,4vw,48px);font-weight:800;letter-spacing:-0.035em;color:var(--orange);line-height:0.95}
.moat-card .moat-label{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-top:10px}
.moat-card h4{font-family:'Sora',sans-serif;font-size:18px;font-weight:600;letter-spacing:-0.015em;line-height:1.2;margin-top:8px}
.moat-card p{margin-top:8px;font-size:14px;color:var(--ink-soft);line-height:1.5}

/* SCREENSHOT PLACEHOLDERS */
.screenshot-placeholder{
 background:var(--paper-warm);border:2px dashed var(--line);border-radius:14px;
 padding:48px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;
 min-height:280px;text-align:center;margin-top:24px;
}
.screenshot-placeholder .ph-icon{width:48px;height:48px;color:var(--mute);margin-bottom:16px;opacity:.5}
.screenshot-placeholder .ph-label{font-family:'IBM Plex Sans',sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600}
.screenshot-placeholder .ph-desc{font-size:14px;color:var(--mute);margin-top:6px;max-width:320px;line-height:1.45}
.screenshot-placeholder.dark{background:var(--dark-raised);border-color:var(--dark-border)}
.screenshot-placeholder.dark .ph-label{color:var(--dark-mute)}
.screenshot-placeholder.dark .ph-desc{color:var(--dark-dim)}
.screenshot-placeholder.dark .ph-icon{color:var(--dark-mute)}

/* WAITLIST */
.waitlist{background:var(--paper-warm);border:1px solid var(--line);border-radius:16px;padding:40px 36px;margin-top:48px;text-align:center;position:relative;overflow:hidden}
.waitlist::before{content:"";position:absolute;top:-30%;left:30%;width:40%;height:100%;background:radial-gradient(circle,rgba(232,89,12,.06),transparent 60%);pointer-events:none}
.waitlist .wl-tag{font-family:'IBM Plex Sans',sans-serif;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--orange);font-weight:700;position:relative}
.waitlist h3{font-family:'Sora',sans-serif;font-size:clamp(28px,3.5vw,40px);font-weight:700;letter-spacing:-0.025em;line-height:1.1;margin-top:14px;position:relative;max-width:680px;margin-left:auto;margin-right:auto;color:var(--ink)}
.waitlist p{margin-top:14px;font-size:16px;color:var(--ink-soft);line-height:1.55;max-width:560px;margin-left:auto;margin-right:auto;position:relative}
.waitlist .wl-tag{color:var(--orange)}
.waitlist .cta-row{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}


/* ===================== DARK HERO COMMIT ===================== */
.nav{background:oklch(13% 0.016 45 / 0.82);border-bottom:1px solid oklch(27% 0.012 45)}
.nav .wordmark{color:oklch(64% 0.20 45)}
.brand-lockup{display:inline-flex;align-items:center;gap:12px}
.brand-mascot{width:52px;height:40px;image-rendering:pixelated;flex-shrink:0;display:block}
@media(max-width:560px){.brand-mascot{width:42px;height:33px}}
.nav-links a{color:oklch(82% 0.008 55)}
.nav-links a:hover,.nav-links a.nav-active{color:oklch(64% 0.20 45)}
.nav-dd-trigger{color:oklch(82% 0.008 55)}
.nav-dd-trigger:hover{color:oklch(64% 0.20 45)}
.nav-dd-menu{background:oklch(17% 0.013 45);border-color:oklch(27% 0.012 45);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.nav-dd-menu a{color:oklch(96% 0.005 60)}
.nav-dd-menu a .dd-sub{color:oklch(56% 0.01 50)}
.nav-dd-menu a:hover{background:oklch(64% 0.20 45 / 0.12);color:oklch(64% 0.20 45)}
.nav-dd-menu a:hover .dd-sub{color:oklch(64% 0.20 45)}
.nav .btn{background:oklch(64% 0.20 45);color:oklch(15% 0.018 45)}
.nav .btn:hover{background:oklch(70% 0.20 48)}
/* ============ SHARED COMPONENTS (footer, dropdowns, hover fix) ============ */
/* waitlist ghost button hover fix: stop .nav-links a:hover orange bleed */
.nav-links a.nav-cta{transition:color .15s ease,border-color .15s ease,background .15s ease}
.nav-links a.nav-cta:hover{color:var(--ink);border-color:var(--ink);background:transparent}
/* second dropdown (Features / Resources) reuse nav-dd styles */
.nav-dd-menu.wide{min-width:280px}
.nav-dd-menu .dd-group-label{display:block;padding:6px 16px 4px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.nav-dd-menu .dd-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 4px}
@media(max-width:860px){.nav-dd-menu .dd-cols{grid-template-columns:1fr}}

/* ============ SITE FOOTER ============ */
.site-footer{background:var(--dark,oklch(15% 0.018 45));color:oklch(92% 0.008 60);padding:72px 0 36px;position:relative}
.site-footer a{color:oklch(80% 0.01 60);transition:color .15s ease}
.site-footer a:hover{color:var(--orange)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px}
@media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:36px 24px}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr 1fr}}
.footer-brand .wordmark{color:var(--orange);font-size:26px}
.footer-tag{margin-top:14px;font-size:14px;line-height:1.55;color:oklch(72% 0.01 60);max-width:30ch}
.footer-cta{margin-top:20px;display:inline-flex}
.footer-col h4{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:oklch(64% 0.01 60);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col a{font-size:14px}
.footer-bottom{margin-top:56px;padding-top:24px;border-top:1px solid oklch(28% 0.02 45);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.footer-bottom p{font-size:13px;color:oklch(60% 0.01 60)}
.footer-social{display:flex;gap:14px}
.footer-social a{display:inline-flex;width:34px;height:34px;border:1px solid oklch(30% 0.02 45);border-radius:8px;align-items:center;justify-content:center}
.footer-social a:hover{border-color:var(--orange)}
.footer-social svg{width:16px;height:16px}

/* features mega-menu (2 columns) + view-all link */
.nav-dd-menu.nav-dd-features{min-width:380px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.nav-dd-menu.nav-dd-features .dd-all{grid-column:1 / -1;color:var(--orange);font-weight:700}
@media(max-width:760px){.nav-dd-menu.nav-dd-features{grid-template-columns:1fr;min-width:0}}
/* readable ghost-button hover on the dark nav */
.nav .btn-ghost:hover{border-color:oklch(64% 0.20 45);background:oklch(64% 0.20 45 / 0.14);color:oklch(96% 0.005 60)}

/* ===== UNIFIED BUTTON HOVER (consistent + readable everywhere) ===== */
.btn:hover,.nav .btn:hover,.hero .btn:hover,.final-cta .btn:hover,.plan-foot .btn:hover,.tier-cta .btn:hover{background:oklch(70% 0.20 48);color:oklch(15% 0.018 45);transform:translateY(-1px)}
.btn-ghost:hover,.nav .btn-ghost:hover,.hero .btn-ghost:hover,.final-cta .btn-ghost:hover,.nav-links a.nav-cta:hover{background:oklch(64% 0.20 45);color:oklch(15% 0.018 45);border-color:oklch(64% 0.20 45);transform:translateY(-1px)}

/* ================= IMPECCABLE POLISH (final craft pass) ================= */
::selection{background:oklch(64% 0.20 45 / 0.22);color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,.btn:focus-visible,.faq-q:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
.value-card,.trust-card,.cs-card,.blog-card,.int-card{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .4s cubic-bezier(.16,1,.3,1)}
.value-card:hover,.trust-card:hover,.cs-card:hover,.int-card:hover{transform:translateY(-3px);border-color:oklch(64% 0.20 45 / 0.4);box-shadow:0 18px 44px -24px oklch(20% 0.03 45 / .4)}
.prose h2,.legal h2,.feat-h,.page-hero h1{text-wrap:balance}
.prose a:not(.btn),.legal a:not(.btn){color:var(--orange);text-underline-offset:3px;text-decoration-thickness:1px}
svg{shape-rendering:geometricPrecision}
@media(prefers-reduced-motion:reduce){
 .value-card,.trust-card,.cs-card,.blog-card,.int-card{transition:none}
 .value-card:hover,.trust-card:hover,.cs-card:hover,.int-card:hover{transform:none}
}

/* ================= PAGE-HERO DARK SYSTEM (varied per page) ================= */
/* Opt-in: <header class="page-hero ph-dark ph-VARIANT"> */
.ph-dark{background:oklch(15% 0.018 45) !important;color:oklch(96% 0.005 60);border-bottom:1px solid oklch(27% 0.012 45);position:relative;overflow:hidden}
.ph-dark .shell{position:relative;z-index:2}
.ph-dark .crumb{color:oklch(60% 0.01 50)}
.ph-dark .crumb a{color:var(--orange)}
.ph-dark h1{color:oklch(97% 0.005 60)}
.ph-dark h1 em{color:var(--orange)}
.ph-dark .lead{color:oklch(74% 0.008 55)}
.ph-dark .lead strong{color:oklch(96% 0.005 60)}
/* shared ambient dot-grid, masked, sits behind content */
.ph-dark::after{content:"";position:absolute;inset:0;z-index:1;background-image:radial-gradient(oklch(64% 0.20 45 / 0.07) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
/* shared soft glow, POSITION differs per variant for visual variety */
.ph-dark::before{content:"";position:absolute;z-index:0;width:62%;height:150%;background:radial-gradient(circle,oklch(64% 0.20 45 / 0.16),transparent 64%);pointer-events:none;filter:blur(8px)}

/* ---- per-page signatures: glow placement + grid mask differ ---- */
.ph-about::before{top:-50%;right:-8%}
.ph-about::after{-webkit-mask-image:radial-gradient(circle at 80% 30%,#000,transparent 70%);mask-image:radial-gradient(circle at 80% 30%,#000,transparent 70%)}

.ph-contact::before{top:-40%;left:-12%}
.ph-contact::after{-webkit-mask-image:radial-gradient(circle at 15% 40%,#000,transparent 68%);mask-image:radial-gradient(circle at 15% 40%,#000,transparent 68%)}

.ph-case::before{top:-60%;left:38%}
.ph-case::after{-webkit-mask-image:radial-gradient(circle at 55% 20%,#000,transparent 72%);mask-image:radial-gradient(circle at 55% 20%,#000,transparent 72%)}

.ph-integrations::before{bottom:-70%;right:-4%;top:auto}
.ph-integrations::after{-webkit-mask-image:radial-gradient(circle at 88% 80%,#000,transparent 66%);mask-image:radial-gradient(circle at 88% 80%,#000,transparent 66%)}

.ph-security::before{top:-45%;right:32%}
.ph-security::after{background-image:radial-gradient(oklch(64% 0.20 45 / 0.05) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle at 50% 25%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 25%,#000,transparent 70%)}

.ph-faq::before{top:-35%;left:-6%}
.ph-faq::after{-webkit-mask-image:radial-gradient(circle at 25% 30%,#000,transparent 66%);mask-image:radial-gradient(circle at 25% 30%,#000,transparent 66%)}

.ph-blog::before{top:-55%;right:-10%}
.ph-blog::after{-webkit-mask-image:radial-gradient(circle at 78% 35%,#000,transparent 70%);mask-image:radial-gradient(circle at 78% 35%,#000,transparent 70%)}

.ph-legal::before{top:-40%;right:-14%;width:48%;background:radial-gradient(circle,oklch(64% 0.20 45 / 0.10),transparent 64%)}
.ph-legal::after{display:none}

@media(prefers-reduced-motion:reduce){.ph-dark::before{filter:none}}