@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/face-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/face-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/face-2.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/face-3.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/face-4.ttf) format('truetype');
}



:root{--bg:#110d0c;--ink:#e9e0d6;--muted:#afa39b;--line:#493b34;--red:#ed4939;--serif:'Barlow Condensed','Arial Narrow',sans-serif;--mono:'IBM Plex Mono',monospace;--sans:'IBM Plex Mono',monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 var(--sans)}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit}header{height:95px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#110d0c;position:relative;z-index:5}.wordmark{font:600 21px var(--sans);letter-spacing:.04em;text-decoration:none}.wordmark span{display:block;font:8px var(--mono);letter-spacing:.13em;color:var(--muted);margin-top:6px}nav{display:flex;gap:34px;align-items:center}nav a{font:10px var(--mono);text-transform:uppercase;text-decoration:none;letter-spacing:.05em}.nav-download{border:1px solid #6a5145;padding:13px 18px}.hero{position:relative;min-height:740px;height:calc(100svh - 95px);max-height:1050px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-3;animation:inhale 14s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,7,.93),rgba(10,8,7,.55) 38%,transparent 70%),linear-gradient(0deg,#110d0c,transparent 18%);z-index:-1}.hero-content{padding:65px 4%;width:70%;position:relative}.eyebrow{font:9px/1.7 var(--mono);letter-spacing:.13em;color:var(--red);text-transform:uppercase}.pulse{display:inline-block;width:5px;height:5px;background:var(--red);margin:0 8px 1px 0;box-shadow:0 0 10px #d73b28}h1{font:clamp(58px,6.7vw,110px)/.99 var(--serif);letter-spacing:-.05em;font-weight:400;margin:37px 0 27px}em{font-weight:400;color:#b5a296}h1 em{color:#d9c4b5}h2{font:clamp(40px,4.7vw,74px)/1.06 var(--serif);letter-spacing:-.04em;font-weight:400;margin:22px 0 30px}.hero-copy{max-width:350px;color:#c9bdb2;font-size:14px;line-height:1.8;margin-bottom:28px}.button{display:inline-flex;gap:48px;justify-content:space-between;align-items:center;background:var(--red);color:#160b08;border:1px solid var(--red);padding:18px 24px;text-decoration:none;font:11px var(--mono);letter-spacing:.05em;transition:background .2s}.button:hover{background:#ff6c55}.button span{font-size:20px}.micro{font:8px/1.9 var(--mono);letter-spacing:.06em;color:var(--muted)}.hero .micro{margin-top:20px}.specimen{position:absolute;right:4%;bottom:30px;font:8px/1.8 var(--mono);color:#c2b4a7;text-align:right;letter-spacing:.07em}.ticker{display:flex;gap:100px;overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 4%;font:10px var(--mono);letter-spacing:.2em;color:#b7a396}.manifesto{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding:100px 9% 110px}.manifesto h2{margin-top:0}.manifesto p:not(.eyebrow){max-width:490px;color:var(--muted)}.manifesto .closing{color:var(--ink)!important;font-size:18px;margin-top:32px}.ritual{padding:65px 4% 80px;background:#1c1411;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;gap:20px}.ritual h2{margin:40px 0 65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.steps article{border-top:1px solid #61463a;padding-top:24px}.step-number{font:italic 40px var(--serif);color:#947363}h3{font:25px var(--serif);font-weight:400;margin:30px 0 12px}.steps p{max-width:320px;color:var(--muted);font-size:13px}.demo{padding:110px 9%;display:grid;grid-template-columns:1fr 1.2fr;gap:14%}.evidence{border:1px solid #6a5141;background:#211813;padding:24px 28px}.evidence-head,.evidence-bottom{display:flex;justify-content:space-between;gap:20px;font:8px/1.8 var(--mono);color:#c3a18d;letter-spacing:.06em}.evidence-head{border-bottom:1px solid #5c4234;padding-bottom:18px}blockquote{font:32px/1.4 var(--serif);margin:30px 0}.evidence-bottom{border-top:1px solid #5c4234;padding-top:17px}.evidence>p{font-size:11px;color:var(--muted);margin-top:30px}.download{background:#e2d4c2;color:#241813;padding:85px 7%;display:grid;grid-template-columns:1fr 1fr;gap:13%}.download h2{font-size:clamp(60px,6vw,92px);margin:27px 0}.download h2 em{color:#79584a}.download .eyebrow{color:#913c2d}.download p:not(.eyebrow):not(.micro){max-width:360px;font-size:14px}.download .button{margin-top:22px}.download .micro{color:#624e40;margin-top:18px}.contents{padding-top:12px}.contents dl{margin-top:35px}.contents dl>div{border-top:1px solid #b29c85;padding:21px 0}.contents dt{font:12px var(--mono)}.contents dd{margin:10px 0 0;font-size:12px;color:#6b5446;max-width:330px}.setup{padding:60px 7%;border-bottom:1px solid var(--line)}.setup ol{list-style:none;padding:25px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.setup li>span{color:var(--red);font:10px var(--mono)}.setup li p{font-size:12px}.setup strong{font-weight:500;color:#e9cbb8}code{font:11px var(--mono)}.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding:90px 9%}.questions h2{margin-top:0}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--red)}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted)}.last{text-align:center;padding:70px 4% 100px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#362018,transparent 65%)}.last>p:not(.eyebrow){font:clamp(55px,8vw,110px)/1.05 var(--serif);letter-spacing:-.04em;margin:30px}.last a{font:11px var(--mono);text-underline-offset:8px}footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:25px 4%;font:8px var(--mono);color:var(--muted)}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #ff9279;outline-offset:6px}a:hover{color:#ff9279}.button:hover{color:#160b08}@keyframes inhale{to{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(min-width:1600px){body{max-width:2000px;margin:auto}}@media(max-width:760px){header{height:80px;padding:0 6%}.wordmark{font-size:17px}nav a:not(.nav-download){display:none}nav .nav-download{font-size:8px;padding:11px}.hero{min-height:820px;height:calc(100svh - 80px);max-height:1000px}.hero-art{object-position:66% center}.hero-shade{background:linear-gradient(0deg,#110d0c 0%,rgba(12,8,7,.88) 27%,rgba(12,8,7,.24) 80%)}.hero-content{padding:290px 6% 50px;width:100%}.hero .eyebrow{font-size:7px}h1{font-size:58px;margin:22px 0}.hero-copy{font-size:12px;max-width:280px}.specimen{top:20px;bottom:auto;font-size:6px}.button{font-size:10px;padding:16px 20px}.manifesto,.demo,.download,.questions{grid-template-columns:1fr;padding:65px 7%;gap:35px}.manifesto h2{font-size:44px}.manifesto{gap:20px}.ritual{padding:45px 7%}.section-top>.micro{display:none}.ritual h2{margin:25px 0 45px}.steps{grid-template-columns:1fr;gap:30px}.steps article{display:grid;grid-template-columns:40px 1fr;gap:0 15px}.steps h3{margin:5px 0 10px}.steps p{grid-column:2;margin:0}.step-number{font-size:31px}.demo h2 br{display:none}.demo h2{max-width:310px}blockquote{font-size:29px}.download h2{font-size:66px}.contents{padding-top:15px}.setup ol{grid-template-columns:1fr 1fr;gap:20px}.questions{gap:20px}.questions h2{font-size:47px}.last>p:not(.eyebrow){font-size:58px}.last .eyebrow{font-size:7px}footer{flex-wrap:wrap;padding:25px 7%;font-size:7px;gap:18px}}
.art-switch{position:absolute;left:4%;bottom:28px;display:flex;gap:8px;align-items:center}.art-switch span{font:8px var(--mono);color:#c3b5a7;margin-right:7px;letter-spacing:.08em}.art-switch button{cursor:pointer;font:8px var(--mono);padding:9px 12px;border:1px solid #8b786b;background:#130e0b;color:#ddcdbf}.art-switch button[aria-pressed=true]{border-color:var(--red);color:var(--red)}body[data-art=illustrated] .hero-art{object-position:65% center}body[data-art=illustrated] .hero-shade{background:linear-gradient(90deg,rgba(10,8,7,.75),rgba(10,8,7,.27) 38%,transparent 66%),linear-gradient(0deg,#110d0c,transparent 20%)}@media(max-width:760px){.art-switch{left:6%;bottom:18px}.art-switch span{font-size:6px}.art-switch button{font-size:7px;padding:8px 10px}.hero-content{padding-top:290px}.hero{min-height:865px}body[data-art=flesh] .hero-art{object-position:78% center}body[data-art=illustrated] .hero-art{object-position:78% center}body[data-art=illustrated] .hero-shade{background:linear-gradient(0deg,#110d0c 0%,rgba(12,8,7,.93) 26%,rgba(12,8,7,.12) 79%)}.hero .eyebrow{color:#ff6a50}}
@media(min-width:761px){body[data-art=illustrated] .hero-shade{background:linear-gradient(90deg,rgba(10,8,7,.96),rgba(10,8,7,.89) 29%,rgba(10,8,7,.65) 43%,transparent 69%),linear-gradient(180deg,#110d0c,transparent 15%),linear-gradient(0deg,#110d0c,transparent 20%)}}

/* Type system: biomedical specimen plate / instrument face / printed manual. */
.wordmark{font:500 19px var(--mono);letter-spacing:-.04em}.wordmark span{font-size:8px;letter-spacing:.07em}h1{font:600 clamp(76px,8vw,130px)/.88 var(--serif);letter-spacing:-.018em;text-transform:uppercase;margin-top:40px}h1 em{font-style:normal;font-weight:500;color:#afc5c3}h2{font-weight:600;letter-spacing:-.01em;text-transform:uppercase;line-height:.98}h2 em{font-style:normal;font-weight:500;color:#a5b8b5}.hero-copy{font-size:17px;line-height:1.5;max-width:350px}.eyebrow{font-size:10px;letter-spacing:.045em}.micro{font-size:9px;letter-spacing:0}.hero .micro{font-size:8px}.manifesto p:not(.eyebrow){font-size:18px;line-height:1.65}.manifesto .closing{font-size:21px}h3{font:500 17px/1.3 var(--mono);text-transform:uppercase;letter-spacing:-.04em}.steps p{font-size:16px;line-height:1.6}.step-number{font:400 26px var(--mono);color:#b65c48}.evidence{border-radius:0}.evidence blockquote{font-family:'Source Serif 4',Georgia,serif;font-size:29px;line-height:1.45}.download p:not(.eyebrow):not(.micro){font-size:17px}.download h2 em{color:#4a655f}.contents dd{font-size:15px}.setup li p{font-size:15px}.questions details p{font-size:15px}.questions summary{font:400 13px/1.5 var(--mono)}.last>p:not(.eyebrow){font-family:var(--serif);font-weight:600;text-transform:uppercase;letter-spacing:-.02em}.last em{font-style:normal;color:#afc5c3}.gallery-intro h1{font-weight:600}.direction h2{font-weight:600}.direction p:not(.eyebrow){font-size:16px!important}.button{font-weight:500}.art-switch button{font-size:9px}@media(max-width:760px){.wordmark{font-size:15px}.wordmark span{font-size:6px}h1{font-size:66px;line-height:.9;letter-spacing:-.02em;margin:24px 0}.hero-copy{font-size:16px;max-width:285px}.hero .eyebrow{font-size:8px}.hero .micro{font-size:7px}.hero-content{padding-top:280px}.hero{min-height:895px}.manifesto h2{font-size:50px}.ritual h2{font-size:50px}.step-number{font-size:22px}.steps h3{font-size:15px}.download h2{font-size:76px}.questions h2{font-size:54px}.last>p:not(.eyebrow){font-size:66px}.art-switch button{font-size:8px}}

/* The quiet instrument frame lets the strange organism carry the density. */
body{font:13px/1.8 var(--mono)}.hero-copy{font:400 13px/1.8 var(--mono);max-width:350px}.manifesto p:not(.eyebrow){font:400 14px/1.9 var(--mono)}.manifesto .closing{font:500 14px/1.8 var(--mono)}h2{font-size:clamp(40px,4.1vw,64px)}.steps p{font:400 13px/1.85 var(--mono)}.evidence blockquote{font:400 22px/1.65 var(--mono);letter-spacing:-.04em}.download p:not(.eyebrow):not(.micro){font:400 13px/1.85 var(--mono)}.contents dd{font:400 12px/1.8 var(--mono)}.setup li p{font:400 12px/1.8 var(--mono)}.questions details p{font:400 12px/1.85 var(--mono)}.direction p:not(.eyebrow){font:400 13px/1.8 var(--mono)!important}.gallery-intro>p:not(.eyebrow){font:400 13px/1.8 var(--mono)}.evidence-head,.evidence-bottom{font-size:9px}.ritual{background:#171615}.specimen{font-size:9px;letter-spacing:0}.questions h2{font-size:60px}.download h2{font-size:clamp(60px,6vw,92px)}@media(max-width:760px){.hero-copy{font-size:12px}.manifesto p:not(.eyebrow){font-size:13px}.specimen{font-size:6px}.evidence blockquote{font-size:19px}.questions h2{font-size:50px}.download h2{font-size:70px}.hero{min-height:865px}}

.art-switch{flex-wrap:wrap;max-width:66%}body[data-art=nerve] .hero-art{object-position:66% center}body[data-art=host] .hero-art{object-position:66% center}body[data-art=circuit] .hero-art{object-position:66% center}@media(max-width:1100px){.specimen{display:none}}@media(max-width:760px){.art-switch{max-width:88%;gap:6px}.art-switch span{display:none}.art-switch button{font-size:7px;padding:8px}body[data-art=nerve] .hero-art,body[data-art=host] .hero-art,body[data-art=circuit] .hero-art{object-position:76% center}.hero{min-height:910px}}

/* Clinical specimen sequence */
.step-image{display:block;margin:0 0 25px;overflow:hidden;border:1px solid var(--line)}
.step-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
body[data-art="nerve"] .hero-art{animation:none;filter:none}
body[data-art="nerve"] .hero-shade{background:linear-gradient(0deg,rgba(17,13,12,.65),transparent 25%)}
@media(max-width:700px){.steps .step-image{grid-column:1/-1;width:100%;margin-bottom:20px}}

/* The apparatus: neutral instrument materials, pale tissue, restrained warning ink. */
:root{--bg:#17191a;--ink:#e1e1d8;--muted:#afb4b1;--line:#454c4c;--red:#b45648}
body:after{display:none}header{background:#202526;border-color:#495151}.nav-download{border-color:#687372}
.hero-copy{color:#e0e2db}.hero .eyebrow{color:#e4b2a6}.pulse{background:#c27a6a;box-shadow:none}
h1 em,h2 em{color:#acbdb9}.specimen{color:#d9ded8}
.button{background:#bfbfb0;border-color:#c8cdbf;color:#1c2525}.button:hover{background:#d9ded1;color:#1c2525}
a:hover{color:#c6d8d1}.button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#b8d0c8}
.manifesto{background:#202526}.ritual{background:#171c1e}.steps article{border-color:#4d5c5d}.step-number{color:#bc8b7e}
.demo{background:#202526;gap:6% 10%;padding-top:70px}.evidence{background:#293031;border-color:#65716f}.evidence-head,.evidence-bottom{color:#bac5bc;border-color:#596461}
.concept-image{margin:0;min-width:0}.concept-image img{display:block;width:100%;height:auto;object-fit:cover;border:1px solid #65716f}.concept-image figcaption{font:9px/1.7 var(--mono);letter-spacing:.04em;padding-top:12px;color:var(--muted)}
.imprint{grid-column:1/-1;margin-bottom:18px}.imprint img{aspect-ratio:2.5/1;object-position:center}
.download{background:#d3d5cc;color:#25302f;gap:5% 10%}.download .eyebrow{color:#855247}.download .micro,.contents dd{color:#52605c}.contents dl>div{border-color:#a5afa6}.download .button{background:#303d3b;color:#e8e9df;border-color:#303d3b}.download .button:hover{background:#455651}
.cartridge{grid-column:1/-1;margin-bottom:10px}.cartridge img{aspect-ratio:2/1;object-position:center;border-color:#a0aaa4}.cartridge figcaption{color:#52605c}
.setup{background:#252b2c}.setup strong{color:#d2dbcd}.questions{background:#191f21}footer{background:#202526}.section-top .micro{max-width:400px;text-align:right}
@media(max-width:760px){.hero-content{padding-top:325px}.hero{min-height:880px}.hero-art{object-position:76% center}body[data-art="nerve"] .hero-shade{background:linear-gradient(0deg,#17191a 0%,rgba(23,25,26,.92) 30%,rgba(23,25,26,.1) 78%)}.hero-content h1{font-size:clamp(58px,16vw,76px)}.steps .step-image{grid-column:1/-1}.imprint img,.cartridge img{aspect-ratio:4/3}.demo,.download{gap:30px}.concept-image figcaption{font-size:8px}}

/* Hero composition: a title plate beside the specimen, with no type over hardware. */
.hero{display:grid;grid-template-columns:42% 58%;height:calc(100svh - 95px);min-height:760px;max-height:940px;background:#252b2d;border-bottom:1px solid var(--line)}
.hero .hero-art,body[data-art] .hero .hero-art{position:absolute;inset:0 0 0 auto;width:58%;height:100%;object-fit:cover;object-position:76% center;animation:none;z-index:-1;border-left:1px solid #606a68}
.hero .hero-shade,body[data-art] .hero .hero-shade{display:none}
.hero .hero-content{grid-column:1;width:100%;padding:clamp(40px,5vw,78px) clamp(28px,4vw,64px);align-self:center}
.hero h1{font-size:clamp(68px,6.4vw,106px);line-height:.94;letter-spacing:-.02em;margin:34px 0 28px}
.hero .eyebrow{font-size:9px;max-width:310px;line-height:1.8}
.hero .hero-copy{max-width:310px;font-size:13px;line-height:1.85;color:#c5cdca}
.hero .button{margin-top:8px}.hero .micro{font-size:8px;line-height:1.9;margin-top:23px;max-width:310px}
.hero .specimen{display:block;right:24px;bottom:20px;background:#252b2dde;padding:10px 13px;font-size:8px;color:#d7ded8;border:1px solid #6b7470;text-align:left}
@media(min-width:761px) and (max-width:1100px){.hero{grid-template-columns:44% 56%;min-height:690px;height:800px}.hero .hero-art,body[data-art] .hero .hero-art{width:56%;object-position:74% center}.hero .hero-content{padding:40px 28px}.hero h1{font-size:clamp(60px,7.3vw,80px)}.hero .eyebrow{font-size:8px}.hero .hero-copy{font-size:12px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:hidden}.hero .hero-art,body[data-art] .hero .hero-art{position:relative;inset:auto;order:0;display:block;width:100%;height:clamp(320px,88vw,540px);object-position:75% 43%;border-left:0;border-bottom:1px solid #606a68;z-index:0}.hero .hero-content{order:1;align-self:stretch;padding:30px 7% 40px}.hero h1{font-size:clamp(62px,15vw,104px);line-height:.92;margin:25px 0}.hero .hero-copy{font-size:12px;max-width:330px}.hero .eyebrow{font-size:8px;max-width:none}.hero .specimen{display:none}.hero .button{margin-top:10px}.hero .micro{font-size:7px;margin-top:20px}}

/* One image, one headline. Context follows the specimen. */
.hero{display:block;position:relative;height:calc(100svh - 95px);min-height:650px;max-height:1000px;background:#424247}
.hero .hero-art,body[data-art] .hero .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;border:0;z-index:-1}
.hero .hero-content{position:relative;width:47%;height:100%;display:flex;align-items:center;padding:5% 4%;margin:0}
.hero h1{font-size:clamp(62px,6.4vw,106px);line-height:.94;margin:0;letter-spacing:-.02em}
.hero-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding:48px 7% 55px;background:#252b2d;border-bottom:1px solid var(--line)}
.hero-intro .eyebrow{margin-top:4px;max-width:270px}.hero-intro .hero-copy{margin:0 0 24px;max-width:470px;font:400 14px/1.85 var(--mono);color:#c5cdca}.hero-intro .micro{margin:20px 0 0;font-size:8px}
@media(min-width:761px) and (max-width:1100px){.hero{height:720px;min-height:0}.hero .hero-content{width:46%;padding:4%}.hero h1{font-size:clamp(54px,6.4vw,72px)}}
@media(max-width:760px){.hero{display:block;height:700px;min-height:0;max-height:none}.hero .hero-art,body[data-art] .hero .hero-art{position:absolute;inset:0;width:100%;height:100%;object-position:76% center;z-index:-1}.hero .hero-shade,body[data-art] .hero .hero-shade{display:block;background:linear-gradient(0deg,rgba(23,25,26,.95),rgba(23,25,26,.2) 43%,transparent 68%)}.hero .hero-content{width:100%;height:100%;padding:30px 7%;align-items:flex-end}.hero h1{font-size:clamp(60px,15vw,88px);line-height:.92;max-width:440px;margin:0}.hero-intro{grid-template-columns:1fr;gap:20px;padding:30px 7% 40px}.hero-intro .eyebrow{max-width:none}.hero-intro .hero-copy{font-size:12px}}

/* Plain product explanation and readable scanning rhythm. */
.hero-intro{grid-template-columns:1fr 1fr;gap:10%;padding:60px 7%}.hero-intro h2{font-size:clamp(40px,4.2vw,64px);margin:20px 0 0}.hero-intro .hero-copy{font-size:15px;max-width:520px;margin-bottom:18px}.hero-intro .button{margin-top:10px}.ritual h2{margin-bottom:40px}.steps h3{font-size:18px;letter-spacing:-.025em}.steps p{font-size:14px;max-width:350px}.demo{padding-top:60px;padding-bottom:65px}.demo h2{font-size:clamp(38px,4vw,60px)}.evidence>p{font-size:13px}.contents dt{font-size:14px;font-weight:500}.contents dd{font-size:13px}.download{padding-top:60px}.setup .eyebrow{font-size:12px}.questions summary{font-size:14px}
@media(max-width:760px){.hero-intro{grid-template-columns:1fr;gap:28px;padding:35px 7% 45px}.hero-intro h2{font-size:46px}.hero-intro .hero-copy{font-size:14px}.demo h2{font-size:44px}.steps h3{font-size:16px}}

/* Center the organism; let the headline introduce the procedure below. */
.hero{height:clamp(420px,65vw,820px);min-height:0;max-height:none;background:#4a494d}
.hero .hero-art,body[data-art] .hero .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%;border:0}
.hero .hero-shade,body[data-art] .hero .hero-shade{display:none}
.hero-intro{display:block;padding:60px 7% 54px;text-align:center;background:#202526}
.hero-intro h1{font:600 clamp(58px,7vw,108px)/.95 var(--serif);letter-spacing:-.02em;margin:0 auto 28px;text-transform:uppercase}
.hero-intro h1 em{font-style:normal;font-weight:500;color:#acbdb9}
.hero-intro .intro-copy{max-width:780px;margin:0 auto;font:400 15px/1.85 var(--mono);color:#c5cdca}
.ritual{padding-top:40px}.ritual h2{margin:24px 0 36px}
@media(max-width:760px){.hero{height:420px;min-height:0}.hero .hero-art,body[data-art] .hero .hero-art{object-position:78% center}.hero-intro{padding:38px 7% 36px}.hero-intro h1{font-size:clamp(43px,10vw,68px);line-height:.98;margin-bottom:24px}.hero-intro .intro-copy{font-size:13px;line-height:1.85}.ritual{padding-top:30px}}

@media(min-width:761px){.hero{height:clamp(600px,70vw,1000px)}.hero .hero-art,body[data-art] .hero .hero-art{inset:0 0 0 auto;width:135%;height:100%;object-fit:cover;object-position:100% center}}

/* Native centered composition needs no lateral crop. */
.hero{height:auto;aspect-ratio:16/9;min-height:0;max-height:none}
.hero .hero-art,body[data-art] .hero .hero-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
@media(max-width:760px){.hero{height:auto;aspect-ratio:4/3}.hero .hero-art,body[data-art] .hero .hero-art{object-position:50% 50%}}

/* Tight specimen framing: reduce the empty backplate around the organism. */
.hero .hero-art,body[data-art] .hero .hero-art{inset:0 auto 0 -17%;width:134%;height:100%;object-fit:cover;object-position:50% 50%}
@media(max-width:760px){.hero .hero-art,body[data-art] .hero .hero-art{inset:0;width:100%;height:100%;object-position:51% center}}

/* Cool hardware greys with restrained dusty-red accents. */
:root{--bg:#202125;--ink:#dedde0;--muted:#b0afb5;--line:#4d4c54;--red:#a76f6d}
body,header,footer,.hero-intro{background:#24252a}header{border-color:#4d4c54}.wordmark span{color:#a5a3ad}
.hero{background:#4b4a50}.hero-intro h1 em,h1 em,h2 em{color:#b7b4bd}
.hero-intro .intro-copy,.hero-copy{color:#c2bfc8}.eyebrow,.step-number,.setup li>span,summary:after{color:#b4827f}
.ritual{background:#1d1e23}.steps article,.step-image{border-color:#505059}.steps p{color:#b4b1bb}
.download{background:#cdccd2;color:#27262d}.download h2 em{color:#6d6069}.download .eyebrow{color:#875e60}.download .micro,.contents dd{color:#5b5762}.contents dl>div{border-color:#aaa6b0}.cartridge figcaption{color:#68606b}.cartridge img{border-color:#a19ba8}
.button{background:#a57673;border-color:#a57673;color:#17171b}.button:hover{background:#bf9390;color:#17171b}.download .button{background:#38363f;border-color:#38363f;color:#e1dde4}.download .button:hover{background:#55505d;color:#f0edf2}
.nav-download{border-color:#77717f}a:hover{color:#c49a96}a:focus-visible,.button:focus-visible,summary:focus-visible{outline-color:#b98b87}
.setup{background:#2b2b32}.setup strong{color:#ded9e2}.questions{background:#202127}details{border-color:#4d4c54}footer{background:#24252a}

.playground-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:45px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#2b2b32}.playground-cta h2{margin:15px 0 20px;font-size:52px}.playground-cta p:not(.eyebrow){max-width:540px;color:var(--muted);font-size:13px}.playground-cta .button{flex-shrink:0}@media(max-width:760px){.playground-cta{display:block;padding:35px 7%}.playground-cta .button{margin-top:15px}.playground-cta h2{font-size:44px}}

.hero-intro .try-judge{margin-top:28px}

/* Clearer section rhythm and compact emulator module. */
.hero-intro{background:#35363e;border-bottom-color:#62616c}
.ritual{background:#191a1f;border-top-color:#62616c}
.download{padding-top:40px;padding-bottom:40px;row-gap:30px}
.download .cartridge{margin-bottom:0}
.download .contents{padding-top:0}
.download .contents dl{margin-top:22px;margin-bottom:0}
.download .contents dl>div{padding:17px 0}
.download h2{margin-top:20px;margin-bottom:24px}
@media(max-width:760px){.download{padding-top:28px;padding-bottom:30px;row-gap:25px}.download .contents{padding-top:0}.download .contents dl{margin-top:20px}}

/* User-directed grey hierarchy: dark introduction, lighter procedure, mid-grey kit. */
.hero-intro{background:#141519;border-color:#45454d}
.ritual{background:#36373e;border-color:#55555e}
.ritual .steps article,.ritual .step-image{border-color:#62616c}
.ritual .steps p,.ritual .micro{color:#c5c2cc}
.download{background:#85858f;color:#17181d}
.download h2 em{color:#3d3640}
.download .eyebrow{color:#492c30}
.download .micro,.download .contents dd{color:#292832}
.download .contents dl>div{border-color:#62616d}
.download .button{background:#25242c;border-color:#25242c;color:#e7e2eb}
.download a:not(.button):hover{color:#4f2227}

/* Neutral, fully desaturated emulator surround. */
.download{background:#888888;color:#181818}
.download h2 em{color:#414141}
.download .micro,.download .contents dd{color:#2c2c2c}
.download .contents dl>div{border-color:#626262}
.cartridge img{border-color:#999999}

/* Approved fresh hero and lighter neutral emulator surround. */
.download{background:#bcbcbc}
.hero .hero-art,body[data-art] .hero .hero-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}

.download{background:#d0d0d0}

/* Keep the specimen prominent as the viewport narrows. */
@media(max-width:1100px){.hero{aspect-ratio:4/3}.hero .hero-art,body[data-art] .hero .hero-art{object-position:50% 44%}}
@media(max-width:760px){.hero{aspect-ratio:auto;height:clamp(430px,95svh,650px)}.hero .hero-art,body[data-art] .hero .hero-art{width:100%;height:100%;inset:0;object-fit:cover;object-position:50% 43%}}

.workflow-summary{max-width:730px;margin:24px auto 0;font:400 14px/1.8 var(--mono);color:#dedde0}.browser-first{font:11px/1.7 var(--mono);color:#bcbcbc;margin:16px 0 0}.hero-intro .intro-copy{margin-bottom:0}@media(max-width:760px){.workflow-summary{font-size:12px}.browser-first{font-size:10px}}

/* Let the hero lead on mobile without the top navigation bar. */
@media(max-width:760px){body>header{display:none}}