:root{--bone:#eeeae2;--paper:#f6f3eb;--ink:#15161b;--ink2:#43454e;--muted:#6d6f78;--hair:rgba(21,22,27,.18);--hair2:rgba(21,22,27,.09);--red:#c93a2b;--blue:#2438c6;--serif:Fraunces,Georgia,serif;--sans:Archivo,Arial,sans-serif;--mono:"IBM Plex Mono",Consolas,monospace;--pad:clamp(1.25rem,4.5vw,5rem);--hh:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font:400 16px/1.65 var(--sans)}img{display:block;width:100%;height:auto}a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:20;padding:.7rem 1rem;background:var(--ink);color:var(--bone)}.wrap{max-width:1440px;margin:auto;padding-inline:var(--pad)}
    .head{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--hair);background:rgba(238,234,226,.97)}.head-in{min-height:var(--hh);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand img{width:166px}.nav{display:flex;gap:1.8rem}.nav a,.ulink{font:500 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.nav a{padding:.35rem 0;border-bottom:1px solid transparent;color:var(--ink2)}.nav a:hover,.nav a.active,.ulink:hover{color:var(--red)}.nav a.active{border-color:var(--red)}.head-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:var(--bone);padding:.9rem 1.35rem;font:500 .78rem var(--sans);text-decoration:none}.head-cta:hover,.btn:hover{background:var(--blue);border-color:var(--blue)}.menu{display:none;border:0;border-bottom:1px solid var(--ink);background:none;padding:.25rem 0;font:500 .68rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.mmenu{display:none}
    .page{display:block}.page.active{display:block}.cover{padding:clamp(2.5rem,6vh,4.5rem) 0;background:var(--paper)}.folio{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-block:1px solid var(--hair);padding:.8rem 0;color:var(--muted);font:500 .65rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.folio b{color:var(--red);font-weight:500}.cover-grid{display:grid;gap:clamp(2.5rem,5vw,5.5rem);padding-top:clamp(2.5rem,5vw,4.5rem);align-items:center}h1,h2,h3,h4,p{margin-top:0}.display{max-width:11ch;font:500 clamp(2.8rem,6.2vw,6rem)/1.02 var(--serif);letter-spacing:-.035em}.display i,.page-cover i{color:var(--red)}.cover-sub{max-width:56ch;margin-top:1.7rem;color:var(--ink2);font-size:clamp(1rem,1.35vw,1.15rem)}.cover-sub strong{color:var(--ink)}.subline{margin-top:1rem;max-width:55ch;color:var(--ink2)}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.facts{margin-top:1.35rem;color:var(--muted);font:500 .65rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.facts b{margin-inline:.65em;color:var(--red)}.hero-visual{position:relative;margin:0;overflow:hidden;background:var(--ink);box-shadow:18px 22px 0 rgba(36,56,198,.12)}.hero-visual img{aspect-ratio:4/3;object-fit:cover;object-position:center}.hero-visual:after{content:"OWNED PROOF · REVIEW BEFORE CHANGE";position:absolute;left:1rem;bottom:1rem;padding:.55rem .7rem;background:var(--ink);color:var(--bone);font:500 .58rem var(--mono);letter-spacing:.14em}.hero-visual__caption{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0 0;color:var(--muted);font:500 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-visual__caption b{color:var(--red);font-weight:500}.hero-notes{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:clamp(2rem,4vw,3.5rem);border-top:1px solid var(--hair)}.hero-notes .note{min-height:100%;padding:1rem .9rem 1rem 0;border-bottom:0;border-right:1px solid var(--hair)}.hero-notes .note+ .note{padding-left:.9rem}.hero-notes .note:last-child{border-right:0}.hero-notes .note p{font-size:.8rem}
    .notes{border-top:1px solid var(--hair)}.note{display:grid;grid-template-columns:2rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--hair)}.note i{color:var(--red);font:500 .7rem var(--mono);font-style:normal}.note h3{margin-bottom:.3rem;font:500 .67rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.note p{margin:0;color:var(--ink2);font-size:.86rem}.toc{display:flex;gap:.6rem 2rem;flex-wrap:wrap;border-block:1px solid var(--hair);padding:1rem 0}.toc a{color:var(--ink2);font:500 .67rem var(--mono);letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.toc b{color:var(--red);font-weight:500}
    .section{padding:clamp(3.5rem,8vh,7rem) 0;border-bottom:1px solid var(--hair)}.sec-grid{display:grid;gap:3rem}.side .no{color:var(--red);font:500 .7rem var(--mono);letter-spacing:.15em}.side h2{margin:.7rem 0 1rem;font:500 clamp(2rem,3.4vw,3.1rem)/1.05 var(--serif)}.side p{max-width:31ch;color:var(--ink2);font-size:.94rem}.symptoms{columns:2;gap:3.5rem;margin:0;padding:0;list-style:none}.symptoms li{break-inside:avoid;margin-bottom:1.15rem;padding-bottom:1.15rem;border-bottom:1px solid var(--hair2);font:400 clamp(1.08rem,1.55vw,1.34rem)/1.4 var(--serif)}.symptoms li:before{content:"*";margin-right:.5em;color:var(--red)}.plain-note{margin-top:1.4rem;color:var(--ink2);font-size:.9rem}.plain-note b{color:var(--red);font-weight:500}
    .specimen{position:relative;padding:clamp(1.5rem,3.5vw,3rem);border:1px solid var(--hair);background:var(--paper)}.specimen:after{content:"SAMPLE LAYOUT · SYNTHETIC INFORMATION";position:absolute;right:.7rem;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);color:var(--red);font:500 .58rem var(--mono);letter-spacing:.2em}.spec-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--hair);padding-bottom:.8rem;color:var(--muted);font:500 .64rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.finding{margin-top:1.4rem}.finding h3{font:500 1.08rem var(--serif)}.finding p{margin:.3rem 0 0;color:var(--ink2);font-size:.9rem}.spec-foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;padding-top:.8rem;border-top:1px solid var(--hair);color:var(--muted);font:500 .63rem var(--mono);letter-spacing:.11em;text-transform:uppercase}
    .plates{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2.5rem}.plate{margin:0}.plate.wide{grid-column:1/-1}.plate img{border:1px solid var(--hair);object-fit:contain}.plate figcaption{padding-top:.75rem;color:var(--ink2);font:400 .72rem/1.7 var(--mono)}.plate figcaption b{color:var(--ink);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.label{color:var(--red)}.honest{max-width:62ch;margin-top:3rem;padding-left:1.5rem;border-left:2px solid var(--red)}.honest h3{font:500 1.35rem var(--serif)}.honest p{margin:.5rem 0 0;color:var(--ink2);font-size:.91rem}
    .group{margin-bottom:3rem}.group-title{display:flex;gap:1rem;align-items:baseline;margin-bottom:.6rem;padding-bottom:.7rem;border-bottom:1px solid var(--ink)}.group-title span{color:var(--red);font:500 .68rem var(--mono);letter-spacing:.14em}.group-title h3{font:500 clamp(1.45rem,2.3vw,1.9rem)/1.2 var(--serif)}.rows{border-top:1px solid var(--hair)}.row{display:grid;grid-template-columns:1fr auto;gap:.4rem 2rem;padding:1.35rem .3rem;border-bottom:1px solid var(--hair)}.row:hover{background:#e6e1d6}.row h3{font:500 clamp(1.2rem,2vw,1.6rem)/1.2 var(--serif)}.price{font:italic 1rem var(--serif);white-space:nowrap}.price b{color:var(--red);font-style:normal;font-weight:500}.row p,.row a{grid-column:1/-1;margin:0;color:var(--ink2);font-size:.9rem}.row a{margin-top:.35rem;color:var(--ink);font:500 .67rem var(--mono);letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.kit-line{margin-top:2.5rem;padding-top:1.4rem;border-top:1px solid var(--hair)}.kit-line h3{font:500 1.45rem var(--serif)}.kit-line p{max-width:58ch;color:var(--ink2)}
    .principles,.steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--hair)}.principles li{display:grid;grid-template-columns:4rem 1fr;gap:1.2rem;padding:1.35rem .2rem;border-bottom:1px solid var(--hair)}.principles b{color:var(--red);font:500 .72rem var(--mono)}.principles h3{margin:0 0 .35rem;font:500 1.35rem var(--serif)}.principles p{margin:0;color:var(--ink2)}.steps{columns:2;gap:3rem;padding-top:1.4rem}.steps li{break-inside:avoid;margin-bottom:1.6rem}.steps b{color:var(--red);font:italic 1.2rem var(--serif)}.steps h3{margin:.25rem 0;font:500 1.12rem var(--serif)}.steps p{margin:0;color:var(--ink2);font-size:.9rem}.terms{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair)}.term{padding:1.2rem .2rem;border-bottom:1px solid var(--hair)}.term:nth-child(odd){padding-right:2rem;border-right:1px solid var(--hair)}.term:nth-child(even){padding-left:2rem}.term h3{margin-bottom:.3rem;color:var(--red);font:500 .67rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.term p{margin:0;color:var(--ink2);font-size:.9rem}
    .page-cover{padding:clamp(3rem,7vh,5rem) 0 2.5rem;border-bottom:1px solid var(--hair)}.page-cover h1{max-width:17ch;margin:1rem 0;font:500 clamp(2.5rem,5.4vw,4.7rem)/1.04 var(--serif);letter-spacing:-.03em}.lede{max-width:61ch;color:var(--ink2);font-size:1.05rem}.begin{padding:clamp(4rem,9vh,7rem) 0;background:var(--ink);color:var(--bone)}.begin h2{max-width:18ch;font:500 clamp(2.2rem,5vw,4.2rem)/1.06 var(--serif)}.begin h2 i{color:var(--red)}.begin p{max-width:54ch;margin-top:1rem;color:rgba(238,234,226,.72)}.begin .btn{background:var(--bone);border-color:var(--bone);color:var(--ink)}.begin .btn:hover{background:var(--red);border-color:var(--red);color:var(--bone)}.begin .ulink{color:var(--bone)}
    .kit-grid{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:3rem;align-items:start}.kit-list{margin:1rem 0 0;padding:0;list-style:none;border-top:1px solid var(--hair)}.kit-list li{padding:.8rem .1rem;border-bottom:1px solid var(--hair);color:var(--ink2)}.kit-list li:before{content:"§";margin-right:.7em;color:var(--red);font-family:var(--serif)}.decide{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);margin-top:2rem}.decide div{padding:1.3rem .2rem;border-bottom:1px solid var(--hair)}.decide div+div{padding-left:2rem;border-left:1px solid var(--hair)}.decide h3{margin-bottom:.5rem;font:500 .68rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.decide div:first-child h3{color:var(--blue)}.decide div:last-child h3{color:var(--red)}.decide p{margin:0;color:var(--ink2);font-size:.9rem}
    .contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem}.form{border-top:1px solid var(--hair);padding-top:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2rem}.field{display:grid;gap:.35rem}.field.full{grid-column:1/-1}.field label{color:var(--muted);font:500 .65rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:transparent;padding:.55rem 0;color:var(--ink);font:400 1rem var(--sans)}.field textarea{min-height:100px;resize:vertical}.form-note{margin:1rem 0;color:var(--ink2);font-size:.85rem}.channels{border-top:1px solid var(--hair)}.channel{padding:1.2rem 0;border-bottom:1px solid var(--hair)}.channel h3{margin-bottom:.35rem;color:var(--red);font:500 .67rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.channel p{margin:.2rem 0 .6rem;color:var(--ink2);font-size:.9rem}.channel a{font:500 .75rem var(--mono);word-break:break-all}
    footer{padding:3rem 0 2rem}.word{font:500 clamp(2.4rem,6vw,4.5rem) var(--serif)}.word i{color:var(--red);font-style:normal}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;margin-top:2rem}.footer-grid h3{margin-bottom:.7rem;color:var(--muted);font:500 .65rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.footer-grid p,.footer-grid a{color:var(--ink2);font-size:.86rem}.footer-grid a{display:block;line-height:2;text-decoration:none}.legal{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--hair2);color:var(--muted);font:400 .66rem/1.8 var(--mono)}
    @keyframes bf-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bf-drift{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes bf-line{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}html.motion-ready .page.active .cover-grid>div,html.motion-ready .page.active .page-cover h1{animation:bf-rise .72s cubic-bezier(.2,.75,.25,1) both}html.motion-ready .page.active .cover-grid>.notes,html.motion-ready .page.active .page-cover .lede{animation:bf-drift .72s .12s cubic-bezier(.2,.75,.25,1) both}html.motion-ready .page.active .folio{animation:bf-line .55s ease-out both}html.motion-ready .page.active .actions{animation:bf-rise .65s .2s cubic-bezier(.2,.75,.25,1) both}.notes .note{transition:background-color .25s ease,padding-left .25s ease}.notes .note:hover{padding-left:.55rem;background:rgba(201,58,43,.055)}.plate img{transition:transform .6s cubic-bezier(.2,.75,.25,1),box-shadow .6s ease}.plate:hover img{transform:translateY(-5px) scale(1.012);box-shadow:0 16px 30px rgba(21,22,27,.12)}.row{transition:background-color .25s ease,transform .25s ease}.row:hover{transform:translateX(.35rem)}.btn,.head-cta{transition:background-color .25s ease,border-color .25s ease,transform .25s ease}.btn:hover,.head-cta:hover{transform:translateY(-2px)}.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}html.motion-ready .reveal{opacity:0;transform:translateY(20px)}html.motion-ready .reveal.is-visible{opacity:1;transform:none}
    @media(min-width:1000px){.cover-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:5rem}.sec-grid{grid-template-columns:minmax(220px,300px) 1fr;gap:4.5rem}.side{position:sticky;top:95px;align-self:start}}@media(max-width:999px){.nav,.head-cta{display:none}.menu{display:block}.mmenu.open{display:flex;position:fixed;inset:64px 0 0;z-index:9;flex-direction:column;padding:2rem var(--pad);background:var(--ink);color:var(--bone)}.mmenu a{padding:.5rem 0;border-bottom:1px solid rgba(238,234,226,.18);font:400 1.8rem var(--serif);text-decoration:none}.symptoms{columns:1}.plates,.footer-grid,.kit-grid,.contact-layout{grid-template-columns:1fr}.plate.wide{grid-column:auto}.side{position:static}.footer-grid{gap:1.5rem}.hero-notes{grid-template-columns:repeat(2,1fr)}.hero-notes .note:nth-child(2n){border-right:0}.hero-notes .note:nth-child(n+3){border-top:1px solid var(--hair)}}@media(max-width:560px){.btn{width:100%}.actions{align-items:stretch;flex-direction:column;gap:1rem}.row{grid-template-columns:1fr}.price{grid-row:2}.terms,.decide,.form-grid{grid-template-columns:1fr}.term:nth-child(n),.decide div+div{padding-left:.2rem;padding-right:.2rem;border-left:0}.steps{columns:1}.specimen:after{display:none}.hero-visual{box-shadow:10px 12px 0 rgba(36,56,198,.12)}.hero-notes{grid-template-columns:1fr}.hero-notes .note,.hero-notes .note+ .note{padding-left:0;padding-right:0;border-right:0;border-top:1px solid var(--hair)}.hero-notes .note:first-child{border-top:0}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.plate:hover img,.row:hover,.btn:hover,.head-cta:hover{transform:none!important}}

/* Production conversion */
body.menu-open{overflow:hidden}.page{display:block}.nav a[aria-current="page"],.mmenu a[aria-current="page"]{color:var(--red);border-color:var(--red)}
.cover{background:var(--paper)}.display,.page-cover h1,.side h2,.begin h2,.word{letter-spacing:0}
.display{font-size:5.8rem}.page-cover h1{font-size:4.6rem}.side h2{font-size:3rem}.begin h2{font-size:4rem}.word{font-size:4.2rem}
.product-pair{display:grid;gap:4rem}.product-pair>article{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:2.5rem;align-items:center;padding-bottom:4rem;border-bottom:1px solid var(--hair)}.product-pair>article:last-child{padding-bottom:0;border-bottom:0}.product-pair__copy h3{max-width:19ch;margin:.6rem 0 1rem;font:500 2.2rem/1.08 var(--serif)}.product-pair__copy p{max-width:54ch;color:var(--ink2)}.product-kicker,.product-price{color:var(--red);font:500 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.product-detail__grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:5rem;align-items:center}.product-detail__copy h2{max-width:15ch;margin:.7rem 0 1.2rem;font:500 3.4rem/1.05 var(--serif)}.product-detail__media{background:var(--paper)}.product-detail__media img{aspect-ratio:4/3;object-fit:contain}.product-detail--dark{background:var(--ink);color:var(--bone)}.product-detail--dark .product-detail__media{background:#0d1014}.product-detail--dark h2,.product-detail--dark .lede,.product-detail--dark .kit-list li,.product-detail--dark figcaption{color:var(--bone)}.product-detail--dark .kit-list,.product-detail--dark .kit-list li{border-color:rgba(238,234,226,.2)}.product-detail--dark .ulink{color:var(--bone)}
.case-hero{margin:0}.case-hero img{border:1px solid var(--hair);aspect-ratio:18/6.5;object-fit:cover}.case-hero figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;color:var(--muted);font:500 .68rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.case-sequence{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2rem}.case-sequence .plate img{aspect-ratio:16/10;object-fit:cover}
html.motion-ready .page.active .cover-grid>div:first-child,html.motion-ready .page.active .page-cover h1{animation:bf-rise .72s cubic-bezier(.2,.75,.25,1) both}html.motion-ready .page.active .cover-grid>.hero-visual,html.motion-ready .page.active .page-cover .lede{animation:bf-drift .72s .12s cubic-bezier(.2,.75,.25,1) both}
@media(max-width:999px){.display{font-size:4.4rem}.page-cover h1{font-size:3.8rem}.side h2{font-size:2.65rem}.begin h2{font-size:3.4rem}.product-pair>article,.product-detail__grid{grid-template-columns:1fr;gap:2rem}.product-detail__media{order:-1}.case-sequence{grid-template-columns:1fr}}
@media(max-width:560px){.display{font-size:3.25rem}.page-cover h1{font-size:3rem}.side h2{font-size:2.25rem}.begin h2{font-size:2.8rem}.word{font-size:3rem}.product-pair__copy h3,.product-detail__copy h2{font-size:2.35rem}.case-hero figcaption{display:grid}.head-in{gap:.75rem}.brand img{width:145px}.page-cover{padding-top:2.5rem}}

/* Fixed type sizes keep the editorial hierarchy stable across viewport widths. */
.cover-sub{font-size:1.1rem}
.symptoms li{font-size:1.2rem}
.group-title h3{font-size:1.75rem}
.row h3{font-size:1.45rem}
@media(max-width:760px){.cover-sub{font-size:1rem}.symptoms li{font-size:1.08rem}.group-title h3{font-size:1.45rem}.row h3{font-size:1.25rem}}