@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-variable-400-700-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-variable-400-700-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Chivo Mono';src:url('fonts/chivo-mono-latin.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--font-sans:'DM Sans',Arial,sans-serif;--title-weight:400;--v-white:#fff;--v-surface:#f8f8f8;--v-ink:#202020;--v-muted:#5f5f5f;--v-blue:#0a3eff;--v-navy:#10296e;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s14:56px;--nav-height:72px;--section-space:104px;--hero-top:164px;--display:56px;--heading:40px;--body:13px;--lead:14px;--action:13px;--meta:12px;--motion:160ms ease-out}
*{box-sizing:border-box}html{scroll-padding-top:var(--nav-height)}body{margin:0;background:var(--v-white);color:var(--v-ink);font:400 var(--body)/1.5 var(--font-sans)}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--v-blue);outline-offset:4px}button{cursor:pointer}h1,h2,p,figure{margin:0}h1,h2{font-weight:var(--title-weight);letter-spacing:-.04em}h2{font-size:var(--heading);line-height:1.2}svg{width:var(--s6);height:var(--s6);fill:none;stroke:currentColor;stroke-width:1.5}
.study-header{position:absolute;z-index:3;inset:0 0 auto;min-height:var(--nav-height);background:var(--v-surface);display:flex;align-items:center;gap:var(--s8);padding:var(--s4) var(--s10)}.wordmark{font-size:var(--lead);font-weight:500;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--v-blue)}.study-label,.eyebrow{font:400 var(--meta)/1.5 'Chivo Mono',monospace;text-transform:uppercase;color:var(--v-muted)}.study-header nav{margin-left:auto;display:flex;align-items:center;gap:var(--s6)}.study-header nav>a{font-size:var(--action);padding:var(--s2) 0;text-decoration:none}.study-header nav>a:hover{text-decoration:underline}.study-header .small-action{background:var(--v-blue);color:var(--v-white);padding:var(--s2) var(--s4)}.small-action span{margin-left:var(--s3)}
.hero{position:relative;isolation:isolate;min-height:max(801px,100svh);padding:var(--hero-top) var(--s10) var(--s12);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s14);overflow:hidden}.hero-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);pointer-events:none}.hero h1{font-size:var(--display);line-height:1.1;max-width:800px;flex:1}.hero p{font-size:var(--lead);line-height:1.4;color:var(--v-muted);width:368px;flex-shrink:0}.hero canvas{position:absolute;z-index:0;left:0;bottom:0;width:100%;height:68%;pointer-events:none}.hero-actions{position:relative;z-index:1;display:flex;gap:var(--s4);justify-content:flex-end}.action-tile{font-size:var(--action);width:262px;min-height:150px;padding:10px var(--s4);display:flex;justify-content:space-between;gap:var(--s3);align-items:flex-start;background:var(--v-blue);color:var(--v-white);text-decoration:none;transition:background-color var(--motion)}.action-tile--dark{background:var(--v-navy)}.action-tile:hover{background:var(--v-navy)}.action-tile--dark:hover{background:var(--v-blue)}.action-tile:active{transform:translateY(1px)}
.controls-section,.reference-section{padding:var(--section-space) var(--s10);scroll-margin-top:var(--s6)}.controls-section{background:var(--v-surface)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--s14);align-items:start;margin-bottom:var(--s12)}.section-heading h2{margin-top:var(--s4);max-width:600px}.section-heading p{max-width:520px;color:var(--v-muted)}.section-heading p a{display:inline-block;margin-top:var(--s4);color:var(--v-blue)}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s8)}.controls label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s4)}.controls output{color:var(--v-muted);font-variant-numeric:tabular-nums}.controls input{width:100%;height:var(--s8);margin:0;accent-color:var(--v-blue)}.control-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4)}.control-actions button{border:1px solid var(--v-ink);padding:var(--s3) var(--s4);background:transparent;color:var(--v-ink);min-height:48px}.control-actions button:first-child{background:var(--v-blue);color:var(--v-white);border-color:var(--v-blue)}.control-actions button:hover{background:var(--v-navy);color:var(--v-white)}.control-actions a{padding:var(--s3) 0}.motion-status{margin-top:var(--s6);color:var(--v-muted)}.reference-section img{width:100%;height:auto;display:block}.reference-section figcaption{font-size:var(--meta);color:var(--v-muted);margin-top:var(--s3)}
@media(max-width:1000px){:root{--display:36px;--heading:30px;--nav-height:56px;--hero-top:104px}.study-header{padding:var(--s3) var(--s4);gap:var(--s4)}.study-label{display:none}.study-header nav{gap:var(--s4)}.hero{padding:var(--hero-top) var(--s4) var(--s12);min-height:max(812px,100svh)}.hero-top{display:block}.hero h1{line-height:1.2}.hero p{font-size:var(--body);width:368px;max-width:100%;margin-top:var(--s6)}.hero-actions{justify-content:flex-start}.hero canvas{height:55%}.controls-section,.reference-section{padding:var(--s14) var(--s4)}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{gap:var(--s8)}}
@media(max-width:560px){.study-header nav>a{font-size:var(--action)}.study-header nav>a:first-child{display:none}.hero h1{font-size:var(--display)}.hero p{background:var(--v-white)}.hero-actions .action-tile{width:calc((100% - var(--s4))/2);font-size:var(--action);padding:var(--s3);min-height:150px}.action-tile svg{width:var(--s4);height:var(--s4);flex-shrink:0}.section-heading{grid-template-columns:1fr}.controls{gap:var(--s6)}.control-actions{align-items:stretch}.control-actions button{flex:1}.reference-section figcaption{font-size:var(--meta)}}
.brand-study{--brand-inset:40px;--brand-space:104px;--brand-title-gap:23px;--brand-window:64px;--brand-gap:115px;--brand-edge:39px;--brand-fade:48px;--brand-speed:37;--brand-opacity:.8;--brand-title-leading:1.5;scroll-margin-top:var(--s6)}
.brand-band{padding:var(--brand-space) var(--brand-inset);background:var(--v-surface)}
.brand-band__title{font:400 var(--body)/var(--brand-title-leading) var(--font-sans);letter-spacing:normal;text-align:center;color:var(--v-muted);margin-bottom:var(--brand-title-gap)}
.brand-band__viewport{overflow:auto;position:relative}
.brand-band__viewport:focus-visible{outline:3px solid var(--v-blue);outline-offset:var(--s1)}
.brand-band__track{display:flex;width:max-content;align-items:center}
.brand-band__logos{display:flex;align-items:center;flex-shrink:0;gap:var(--brand-gap);padding:0 var(--brand-edge);margin:0;list-style:none}
.brand-mark{flex:0 0 auto;display:flex;align-items:center;--mark-offset:0px}
.brand-mark img{display:block;object-fit:contain;height:var(--mark-height);width:auto;max-width:var(--mark-width,97px);opacity:var(--brand-opacity);filter:grayscale(1) contrast(1);transform:translateY(var(--mark-offset))}
.brand-mark--google{--mark-height:30px}.brand-mark--openai{--mark-height:25px}.brand-mark--meta{--mark-height:18px}.brand-mark--amazon{--mark-height:53px;--mark-width:78px;--mark-offset:3px}.brand-mark--palantir{--mark-height:53px;--mark-offset:-5px}.brand-mark--tesla{--mark-height:120px;--mark-width:126px}.brand-mark--scale{--mark-height:36px;--mark-width:186px;--mark-offset:-6px}
.brand-study--ready .brand-band__viewport{height:var(--brand-window);overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 var(--brand-fade),#000 calc(100% - var(--brand-fade)),transparent)}
.brand-study__caption{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--brand-inset);font-size:var(--meta);color:var(--v-muted);background:var(--v-white)}
.brand-band__pause{--brand-control-height:44px;--brand-control-font:var(--action);flex-shrink:0;min-height:var(--brand-control-height);background:none;border:0;padding:var(--s2);font-size:var(--brand-control-font);color:var(--v-ink)}
.brand-band__pause:hover{text-decoration:underline}.brand-band__pause[aria-pressed="true"]{color:var(--v-blue)}
@media(max-width:1000px){.brand-study{--brand-inset:16px;--brand-space:64px;--brand-title-leading:1.4}}
@media(max-width:560px){.brand-study__caption{align-items:flex-start;flex-direction:column;gap:var(--s1)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.action-tile:active{transform:none}.brand-study--ready .brand-band__viewport{height:auto;overflow:visible;mask-image:none}.brand-band__track{width:100%;transform:none!important}.brand-band__logos{width:100%;flex-wrap:wrap;justify-content:center;gap:var(--s8) var(--s12);padding:0}.brand-band__logos[aria-hidden="true"]{display:none}}