@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--ink:#020607;--paper:#eafaff;--ice:#bcefff;--blue:#1a8cff;--lime:#baff24;--muted:#77959e;--line:rgba(188,239,255,.2);--mx:50vw;--my:50vh}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--paper);font-family:'Space Grotesk',Arial,sans-serif;background:#020607;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(31,139,255,.08),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px);mix-blend-mode:screen}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.shell{width:min(1320px,calc(100% - 48px));margin:auto}.nav{position:fixed;z-index:30;top:18px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 18px;background:rgba(2,6,7,.72);border:1px solid var(--line);backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.brand{font-weight:700;letter-spacing:-.04em}.brand small{font:500 10px 'DM Mono';letter-spacing:.14em;color:var(--lime);margin-left:10px}.navlinks{display:flex;align-items:center;gap:7px}.navlink{padding:10px 14px;color:#b7cbd1;font-size:14px}.navlink:hover{color:white}.mini{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;background:var(--lime);color:#061000;font:500 13px 'DM Mono';clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.hero{min-height:100svh;display:grid;align-items:end;position:relative;isolation:isolate;background-image:linear-gradient(90deg,#020607 0%,rgba(2,6,7,.96) 28%,rgba(2,6,7,.25) 62%,#020607 100%),linear-gradient(0deg,#020607 0%,transparent 35%),url('assets/hero-xray.png');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(186,255,36,.35) 50%,transparent 50.2%);opacity:.14}.hero-grid{padding:150px 0 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:end;gap:40px}.eyebrow{display:flex;align-items:center;gap:12px;font:500 12px 'DM Mono';letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}.eyebrow:before{content:"";width:38px;height:1px;background:var(--lime);box-shadow:0 0 12px var(--lime)}h1{font-size:clamp(68px,11vw,170px);line-height:.78;letter-spacing:-.095em;margin:32px 0 24px;text-transform:uppercase;max-width:850px}.stroke{color:transparent;-webkit-text-stroke:1px rgba(234,250,255,.58)}.lead{font-size:clamp(18px,2vw,25px);line-height:1.35;max-width:560px;color:#c0d3d8;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.xbtn{position:relative;display:inline-grid;grid-template-columns:42px auto;align-items:center;min-height:58px;border:1px solid rgba(188,239,255,.4);background:rgba(3,13,16,.72);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:.25s ease;cursor:pointer}.xbtn:before{content:"";position:absolute;inset:4px;border:1px solid rgba(188,239,255,.08);clip-path:inherit}.xbtn:hover{transform:translateY(-3px);border-color:var(--lime);box-shadow:0 10px 40px rgba(186,255,36,.12)}.xbtn.is-copied{background:rgba(186,255,36,.12)}.xbtn .icon{display:grid;place-items:center;height:100%;border-right:1px solid var(--line);font:500 14px 'DM Mono';color:var(--lime)}.xbtn [data-label]{padding:0 20px;font-weight:600}.scan-card{justify-self:end;width:min(100%,360px);border-left:1px solid var(--lime);padding:18px 0 18px 24px;margin-bottom:10px;background:linear-gradient(90deg,rgba(2,6,7,.7),transparent)}.scan-card small{font:12px 'DM Mono';color:var(--muted);letter-spacing:.12em}.scan-card strong{display:block;font:500 clamp(20px,3vw,31px) 'DM Mono';margin:9px 0;color:var(--lime);text-shadow:0 0 20px rgba(186,255,36,.35)}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:#030b0d}.ticker-track{display:inline-flex;gap:42px;padding:13px 0;font:12px 'DM Mono';letter-spacing:.12em;color:#8aa5ad;animation:ticker 24s linear infinite}.ticker b{color:var(--lime)}@keyframes ticker{to{transform:translateX(-50%)}}
.section{min-height:100svh;padding:120px 0;position:relative}.section-no{font:11px 'DM Mono';color:var(--lime);letter-spacing:.17em}.section h2{font-size:clamp(47px,8vw,112px);line-height:.88;letter-spacing:-.075em;text-transform:uppercase;margin:22px 0 40px}.story{background:linear-gradient(90deg,#020607 0%,rgba(2,6,7,.9) 42%,rgba(2,6,7,.28) 75%,#020607),url('assets/anatomy-xray.png') center/cover}.story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(400px,1.2fr);gap:8vw;align-items:center}.story-copy{max-width:560px}.story-copy p{font-size:clamp(19px,2.1vw,29px);line-height:1.36;color:#c7dade}.story-copy p:first-of-type:first-letter{float:left;font-size:4.6em;line-height:.75;color:var(--lime);padding-right:12px;font-weight:700}.measurements{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:42px}.metric{border-top:1px solid var(--line);padding-top:12px}.metric strong{display:block;font-size:28px}.metric span{font:11px 'DM Mono';color:var(--muted);text-transform:uppercase}.anatomy-note{align-self:end;font:12px 'DM Mono';color:var(--lime);max-width:230px;border:1px solid rgba(186,255,36,.32);padding:15px;background:rgba(2,6,7,.78)}
.manifesto{overflow:hidden}.manifesto:before{content:"TABLE / FLY / TABLE / FLY";position:absolute;top:17%;left:-3%;font-size:14vw;font-weight:700;white-space:nowrap;color:rgba(188,239,255,.025);letter-spacing:-.06em}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.rule{min-height:330px;background:#03090b;padding:34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.rule:after{content:attr(data-index);position:absolute;right:-8px;bottom:-34px;font-size:150px;font-weight:700;color:rgba(188,239,255,.035)}.rule em{font:12px 'DM Mono';font-style:normal;color:var(--lime)}.rule h3{font-size:clamp(27px,3vw,43px);line-height:.98;letter-spacing:-.045em;margin:0}.rule p{color:#8ea9b0;line-height:1.6;margin:0;max-width:280px}.portal{display:grid;place-items:center;min-height:74svh;text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at center,rgba(21,129,255,.17),transparent 34%),linear-gradient(#020607,#030a0c)}.portal h2{max-width:920px;margin-inline:auto}.portal p{font-size:19px;color:#91a9b0}.footer{padding:24px 0 40px;border-top:1px solid var(--line);font:12px 'DM Mono';color:#718b92}.footer-row{display:flex;justify-content:space-between;gap:20px}.tag{color:var(--lime)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.in-view{opacity:1;transform:none}.page-hero{min-height:78svh;display:grid;align-items:end;padding:150px 0 70px;background:linear-gradient(0deg,#020607,transparent 60%),url('assets/anatomy-xray.png') center/cover}.page-hero h1{font-size:clamp(64px,11vw,150px);max-width:980px}.case-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.case-index{position:sticky;top:120px;align-self:start;font:13px 'DM Mono';color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.case-copy{font-size:clamp(20px,2.5vw,34px);line-height:1.45;color:#c8dbe0}.case-copy p{margin:0 0 42px}.quote{padding:30px;border-left:2px solid var(--lime);background:linear-gradient(90deg,rgba(186,255,36,.08),transparent);color:white}.back{display:inline-flex;margin-top:30px;font:13px 'DM Mono';color:var(--lime)}
@media(max-width:820px){.shell{width:min(100% - 28px,1320px)}.nav{top:8px}.navlinks .navlink{display:none}.hero-grid,.story-grid,.case-grid{grid-template-columns:1fr}.hero-grid{padding-top:130px}.hero{background-position:64% center}.scan-card{justify-self:start}.story{background-position:62% center}.story-copy{background:rgba(2,6,7,.72);padding:20px}.anatomy-note{display:none}.rules{grid-template-columns:1fr}.rule{min-height:260px}.measurements{grid-template-columns:1fr 1fr}.footer-row{flex-direction:column}h1{font-size:clamp(62px,20vw,110px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}