@font-face{font-family:Inter;src:url('fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:300 500;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/jetbrains-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/jetbrains-macron.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+014C}
:root{color-scheme:light dark;--paper:#F6F5F0;--ink:#16225E;--teal:#139684;--muted:#6E6E86;--line:#D9D8CF;--sans:Inter,-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;--gutter:clamp(24px,5.55vw,88px)}
@media(prefers-color-scheme:dark){:root{--paper:#0E1330;--ink:#F1EFE6;--teal:#1FB39C;--muted:#9DA2BF;--line:#2B3358}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--teal);color:var(--paper)}
a{color:inherit;text-decoration:none;text-underline-offset:6px}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:1px}
img{display:block;max-width:100%;height:auto}
picture{display:block}
canvas{display:block}
h1,h2,h3,p,ol,ul,dl,dd{margin:0}
h1,h2,h3{font-weight:300}
h1,h2,h3,p,td,th{overflow-wrap:anywhere}
strong{font-weight:500}
.wrap{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.mono,.eyebrow,.measurement,.list-index{font-family:var(--mono);font-weight:400}
.eyebrow{font-size:0.75rem;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.mono{font-size:0.75rem;line-height:1.7;letter-spacing:.035em}
.eyebrow span{margin-inline:12px;color:var(--line)}
.skip{position:absolute;left:24px;top:-100px;z-index:10;padding:16px 24px;background:var(--ink);color:var(--paper)}
.skip:focus{top:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{height:112px;display:flex;justify-content:space-between;align-items:center;gap:28px;position:relative;z-index:2}
.brand{display:flex;align-items:center;min-height:44px;width:127px;flex-shrink:0}
.header nav{display:flex;align-items:center;gap:38px;font-size:0.8125rem}
.header nav a{display:inline-flex;min-height:44px;align-items:center}
.header .contact-link{gap:28px;border-bottom:1px solid var(--ink)}
.link-mark{font-size:1.125rem;font-weight:300}
.hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;min-height:735px;padding-top:44px}
.hero-copy{position:relative;z-index:1;padding-bottom:92px}
h1{font-size:clamp(4rem,7.2vw,6.5rem);letter-spacing:-.061em;line-height:1.01;margin-top:28px}
h1 strong{color:var(--teal)}
h1 s{text-decoration-thickness:3px;text-decoration-color:var(--teal)}
.hero-description{font-size:1.0625rem;line-height:1.65;max-width:38ch;margin-top:30px;letter-spacing:-.015em}
.text-link{display:inline-flex;align-items:center;gap:36px;min-height:44px;margin-top:22px;font-size:0.8125rem;border-bottom:1px solid var(--ink)}
.text-link span{font-size:1.25rem}
.hero-visual{position:relative;min-width:0;margin-top:-29px;margin-bottom:66px;display:grid;place-items:center}
.art-stage{position:relative;width:min(100%,400px);height:620px;max-height:100%;isolation:isolate}
.statue-plate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.statue-plate img{width:auto;height:100%;max-width:100%;object-fit:contain}
#riso-scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.scene-ready #riso-scene{opacity:1}
.scene-ready .statue-plate{opacity:0}
.registration{position:absolute;width:17px;height:17px;color:var(--line)}
.registration::before,.registration::after{content:'';position:absolute;background:currentColor}
.registration::before{top:8px;left:0;width:17px;height:1px}
.registration::after{top:0;left:8px;width:1px;height:17px}
.registration-top{top:12px;left:18px}.registration-bottom{bottom:12px;right:8px}
.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px;border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;font-size:0.6875rem;letter-spacing:.1em}
.hero-foot a{display:flex;align-items:center;gap:28px;min-height:44px}
.section{padding-top:110px;padding-bottom:90px;position:relative}
.section::after{content:'';position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}
.section-heading .eyebrow{margin-bottom:25px}
h2{font-size:clamp(2.375rem,4.8vw,4.125rem);letter-spacing:-.045em;line-height:1.12}
.problem-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin-top:62px}
.problem-list li{border-top:1px solid var(--ink);padding-top:18px}
.list-index{font-size:0.75rem;letter-spacing:.1em;color:var(--muted)}
.problem-list h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em;margin-top:28px;font-weight:400}
.problem-list p{margin-top:16px;font-size:0.9375rem;line-height:1.65;color:var(--muted)}
.problem{padding-bottom:0}
.legion{width:100%;margin-top:30px;height:285px;overflow:hidden}
.legion img{width:100%;max-width:1600px;height:auto}
.category-heading{margin-bottom:60px}
.category-heading h2{font-size:clamp(2.375rem,4.5vw,3.875rem)}
.category-heading strong{color:var(--teal)}
.channel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.channel-stats>div,.inside-stats>div{display:flex;flex-direction:column-reverse;gap:16px;border-top:1px solid var(--line);padding-top:26px}
.channel-stats dd{font:400 clamp(2rem,4.7vw,4.125rem)/1.1 var(--mono);letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.channel-stats dt,.inside-stats dt{font:400 0.75rem/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.reach-stats{display:flex;gap:54px;margin-top:48px}
.reach-stats>div{display:flex;flex-direction:row-reverse;gap:13px;align-items:baseline}
.reach-stats dd{font:400 1.4375rem var(--mono)}
.reach-stats dt{font-size:0.8125rem;color:var(--muted)}
.measurement{margin-top:38px;padding-top:20px;border-top:1px dotted var(--line);font-size:0.6875rem;line-height:1.8;letter-spacing:.035em;color:var(--muted)}
.napkin{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:120px}
.napkin h2{font-size:clamp(2.375rem,4vw,3.625rem)}
.napkin-diagram{max-width:480px;width:100%;margin-inline:auto;text-align:center;position:relative}
.napkin-node{padding:26px 16px;border:1px solid var(--line)}
.napkin-node h3{font-size:1.3125rem;letter-spacing:-.02em;font-weight:400}
.napkin-node p:not(.eyebrow){font-size:0.75rem;line-height:1.8;color:var(--muted);margin-top:12px}
.connector{font-size:1.875rem;font-weight:300;line-height:1.4;color:var(--teal);padding-block:8px}
.brain-node{border-color:var(--teal);border-width:2px;padding-block:30px}
.brain-node .eyebrow{color:var(--muted);margin-bottom:12px}
.brain-node h3{font-size:2.375rem;color:var(--teal)}
.brain-node h3 span{font-weight:300;color:var(--ink)}
.napkin-note{font:400 0.6875rem/1.6 var(--mono);color:var(--muted);text-align:right;margin-top:10px}
.napkin-note span{font-size:1.125rem;margin-right:8px}
.napkin-note+.connector{padding-top:0}
.verdict-table{margin-top:54px}
table{border-collapse:collapse;width:100%;table-layout:fixed}
th{text-align:left;font-weight:400}
thead th{font:400 0.6875rem/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding-bottom:18px;color:var(--muted)}
thead th:first-child{width:46%}
thead th:not(:first-child){text-align:right}
tbody tr{border-top:1px solid var(--line)}
tbody th{padding:28px 0;font-size:1.5625rem;letter-spacing:-.03em}
tbody th span{display:block;margin-top:9px;font:400 0.6875rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
td{text-align:right;font:400 clamp(1.75rem,4vw,3.375rem)/1 var(--mono);letter-spacing:-.05em;padding-left:12px}
.zero{color:var(--muted)}
.buyer{border-top-color:var(--teal)}
.buyer td{color:var(--teal)}
.platform{display:grid;grid-template-columns:1fr 1.28fr;gap:90px;padding-bottom:0}
.platform-intro{overflow:hidden}
.platform-intro>.eyebrow{margin-bottom:24px}
.commander{margin:36px auto 0;max-width:164px;height:380px;overflow:hidden}
.feature-list{list-style:none;padding:0 0 72px}
.feature-list li{display:flex;align-items:center;gap:25px;min-height:90px;padding-block:20px;border-top:1px solid var(--line)}
.feature-list li:first-child{border-top-color:var(--ink)}
.feature-mark{font-size:1.25rem;font-weight:300;color:var(--teal)}
.feature-list h3{font-size:1.4375rem;font-weight:400;letter-spacing:-.03em;line-height:1.3}
.feature-list p{color:var(--muted);margin-top:9px;font-size:0.6875rem}
.inside{padding-top:80px}
.inside h2.eyebrow{font-size:0.75rem;line-height:1.6;font-weight:400;letter-spacing:.15em}
.inside-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.inside-stats dd{font:400 clamp(2.875rem,6.7vw,5.75rem)/1.1 var(--mono);letter-spacing:-.065em}
.inside-stats>div:first-child dd{color:var(--teal)}
.closing{padding-top:112px;text-align:center;overflow:hidden}
.closing h2{font-size:clamp(2.9375rem,6.2vw,5.5rem);line-height:1.08}
.closing strong{color:var(--teal)}
.email{display:inline-flex;align-items:center;gap:24px;min-height:48px;margin-top:35px;border-bottom:1px solid var(--ink);font-size:1rem}
.email span{font-size:1.375rem}
.email{max-width:100%;overflow-wrap:anywhere;min-width:0}
.email span{flex-shrink:0}
.bridge{margin-top:64px;max-height:330px;overflow:hidden}
.bridge img{width:100%;max-width:1500px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:24px;padding-bottom:30px}
.footer .brand{width:103px}
.footer p,.footer>a.mono{color:var(--muted);font-size:0.6875rem}
.back-top{display:inline-flex;align-items:center;min-height:44px;gap:18px}
/* Entrances never hide HTML at rest: they run once only after intersection. */
.condense{animation:condense .7s cubic-bezier(.2,.75,.25,1) both}
.condense :is(h2,h3){animation:condense-type .7s cubic-bezier(.2,.75,.25,1) both}
@keyframes condense{from{opacity:.2;filter:blur(3px);letter-spacing:.025em}to{opacity:1;filter:blur(0)}}
@keyframes condense-type{from{letter-spacing:-.02em}}
@media(min-width:1441px){.hero{min-height:800px}.art-stage{height:670px}}
@media(max-width:1000px){.header nav{gap:25px}.hero{min-height:670px}.art-stage{height:530px}.hero-copy{padding-bottom:60px}h1{font-size:4.75rem}.hero-description{font-size:1rem}.problem-list{gap:25px}.napkin{gap:40px}.napkin-node p:not(.eyebrow){font-size:0.6875rem}.platform{gap:48px}.legion{height:240px}.section{padding-top:85px}.platform-intro{align-self:end}.commander{margin-top:40px}}
@media(max-width:700px){.header{height:88px;gap:14px}.brand{width:108px}.header nav{gap:20px;font-size:0.75rem}.header nav>a:not(.contact-link){display:none}.header .contact-link{gap:19px}.hero{padding-top:32px;grid-template-columns:1fr;min-height:auto}.hero-copy{padding-bottom:0}.hero .eyebrow{font-size:0.625rem}h1{font-size:clamp(3.75rem,11.8vw,5rem);line-height:1.025;margin-top:24px}.hero-description{font-size:1rem;line-height:1.6;margin-top:27px}.hero-visual{grid-column:1;position:relative;justify-self:end;width:65%;margin-top:-60px;margin-bottom:26px;height:340px}.art-stage{width:100%;height:340px}.registration-top{left:-4px;top:35px}.registration-bottom{bottom:0;right:0}.hero-foot{font-size:0.5625rem;letter-spacing:.06em;padding-block:14px;gap:14px;align-items:center}.hero-foot>a{font-size:0;gap:0;flex-shrink:0;width:44px;justify-content:center}.hero-foot>a span{font-size:1.25rem}.hero-foot>span{max-width:22ch}.section{padding-top:68px;padding-bottom:58px}h2{font-size:2.4375rem;letter-spacing:-.04em}.section-heading .eyebrow{margin-bottom:22px}.problem{padding-bottom:0}.problem-list{grid-template-columns:1fr;gap:29px;margin-top:40px}.problem-list li{display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding-top:20px}.problem-list h3{margin:0;font-size:1.4375rem}.problem-list p{grid-column:2;margin-top:10px;font-size:0.875rem}.list-index{padding-top:6px}.problem-list h3 br{display:none}.legion{height:155px;width:calc(100% + 2 * var(--gutter));margin-left:calc(-1 * var(--gutter));margin-top:36px}.legion img{width:100%;min-width:440px;margin-left:0}.category-heading{margin-bottom:35px}.category-heading h2{font-size:2.25rem}.channel-stats{grid-template-columns:1fr;gap:0}.channel-stats>div{flex-direction:row-reverse;justify-content:space-between;align-items:center;padding-block:22px;gap:20px}.channel-stats dd{font-size:2.625rem}.channel-stats dt{font-size:0.6875rem}.reach-stats{gap:26px;margin-top:25px;justify-content:space-between}.reach-stats>div{gap:9px}.reach-stats dt{font-size:0.6875rem}.reach-stats dd{font-size:1.375rem}.measurement{font-size:0.625rem;margin-top:30px}.napkin{grid-template-columns:1fr;gap:40px}.napkin h2{font-size:2.5rem}.napkin-node{padding:23px 12px}.napkin-node p:not(.eyebrow){font-size:0.6875rem}.brain-node{padding:26px 12px}.brain-node h3{font-size:2.25rem}.napkin-note{font-size:0.625rem}.verdict-table{margin-top:36px}thead th{font-size:0.5625rem;letter-spacing:.025em}thead th:first-child{width:44%}thead th:last-child{width:23%}tbody th{font-size:1.0625rem;padding-block:25px;letter-spacing:-.03em}tbody th span{font-size:0.5625rem}td{font-size:clamp(1.1875rem,5.4vw,1.875rem);padding-left:6px;letter-spacing:-.055em}.platform{grid-template-columns:1fr;gap:34px;padding-bottom:0}.platform-intro{display:grid;grid-template-columns:1fr 100px;position:relative;min-height:123px;overflow:visible}.platform-intro>.eyebrow{grid-column:1;margin:0;align-self:start}.platform-intro>h2{grid-column:1;font-size:3.5rem;align-self:end}.commander{position:absolute;right:18px;top:-6px;max-width:73px;height:136px;margin:0}.feature-list{padding-bottom:48px}.feature-list li{min-height:77px;gap:18px}.feature-list h3{font-size:1.375rem}.inside-stats{grid-template-columns:1fr;gap:0;margin-top:28px}.inside-stats>div{flex-direction:row-reverse;align-items:center;justify-content:space-between;padding-block:22px}.inside-stats dd{font-size:3.375rem}.inside-stats dt{font-size:0.6875rem}.closing{padding-top:75px}.closing h2{font-size:2.9375rem}.email{font-size:0.875rem;gap:18px;margin-top:28px}.bridge{width:calc(100% + 2 * var(--gutter));margin-left:calc(-1 * var(--gutter));margin-top:48px;max-height:165px}.bridge img{min-width:450px}.footer{flex-wrap:wrap;gap:12px;padding-top:24px}.footer p{order:3;flex-basis:100%;font-size:0.625rem}.footer .brand{width:91px}}
@media(max-width:360px){h1{font-size:3.625rem}.hero-visual{margin-top:-22px}h2,.category-heading h2{font-size:2.125rem}.reach-stats{gap:15px}.reach-stats>div{gap:6px}.reach-stats dt{font-size:0.625rem}}
@media(min-width:701px) and (max-width:1000px){h1{font-size:clamp(3.875rem,7.4vw,4.75rem)}}
/* The brand teal is reserved for large type; small mobile figures use ink. */
@media(max-width:700px){.buyer td{color:var(--ink)}}
@media(max-width:700px){.channel-stats>div,.inside-stats>div,.reach-stats{flex-wrap:wrap}.channel-stats dd,.inside-stats dd{max-width:100%;overflow-wrap:anywhere}.hero-copy,.platform-intro,.feature-list li>div{min-width:0}.napkin-node p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#riso-scene{display:none}.scene-ready .statue-plate{opacity:1}}
@media print{.header nav,.hero-foot a,.back-top,#riso-scene{display:none}.scene-ready .statue-plate{opacity:1}.wrap{max-width:none;padding-inline:25px}.section{break-inside:avoid;padding-block:35px}.hero{min-height:550px}.art-stage{height:480px}a{text-decoration:none}.condense{animation:none}}