:root{--bg:#07141b;--deep:#030809;--panel:#0b1d27;--raised:#0a2029;--text:#f0f7f5;--muted:#a5bac0;--dim:#7fa8b0;--border:#26424a;--teal:#60dbd0;--amber:#d1b27a;--max:1280px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}img{max-width:100%;display:block}.shell{max-width:var(--max);margin-inline:auto;padding-inline:40px}.site-header{height:80px;border-bottom:1px solid var(--border);background:#06131b}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:20px;letter-spacing:.01em}.brand img{width:36px;height:36px}.menu{display:flex;gap:20px;align-items:center}.menu a,.nav-link{font-size:14px;color:var(--muted)}.menu a:hover{color:var(--teal)}.menu-button{display:none;border:1px solid var(--border);color:var(--teal);background:transparent;padding:8px 12px}.backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:89}.drawer{display:none;position:fixed;top:0;right:0;height:100dvh;max-height:100dvh;width:min(86vw,380px);background:#06131b;border-left:1px solid var(--border);z-index:90;overflow-y:auto;padding:20px}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.drawer a{display:block;padding:12px 0;border-bottom:1px solid var(--border)}body.menu-open{overflow:hidden}body.menu-open .backdrop,body.menu-open .drawer{display:block}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:46px;border:1px solid var(--teal);background:var(--teal);color:#06141a;font-weight:700;border-radius:3px;text-decoration:none;cursor:pointer;line-height:1.3}.button.secondary{background:transparent;color:var(--teal)}.button:disabled,.button.disabled{opacity:.62;cursor:not-allowed}.kicker,.eyebrow,.mono,.id-tag{font-family:'DejaVu Sans Mono',ui-monospace,monospace;letter-spacing:.06em}.kicker{font-size:12px;color:var(--teal);text-transform:uppercase}.notice{border-left:3px solid var(--amber);color:var(--muted);padding:12px 18px;background:rgba(209,178,122,.08);max-width:900px}.hero{position:relative;overflow:hidden;background:var(--deep);border-bottom:1px solid var(--border)}.hero-inner{min-height:660px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:24px;isolation:isolate}.hero-copy{position:relative;z-index:6;padding:65px 0}.hero-copy h1{font-size:clamp(34px,4vw,60px);line-height:1.06;letter-spacing:-.03em;margin:18px 0 22px;max-width:650px}.hero-copy p{font-size:17px;max-width:590px;color:var(--muted);margin-bottom:26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{position:relative;height:590px;min-width:0;z-index:1}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-art .ridge{z-index:1;filter:drop-shadow(0 0 16px rgba(80,225,212,.25))}.hero-art .bracket{z-index:2}.hero-art .leader{z-index:3}.section{padding:70px 0;border-bottom:1px solid var(--border)}h2{font-size:clamp(25px,2.7vw,38px);line-height:1.18;letter-spacing:-.02em;margin:8px 0 20px}h3{font-size:20px;margin:8px 0 12px}.lede{color:var(--muted);max-width:830px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;flex-wrap:wrap;margin-bottom:18px}.section-header h2{margin:0}.section-header a,.inline-link{color:var(--teal)}.course-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.course-index.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.course-row{display:block;background:var(--panel);border:1px solid var(--border);padding:17px;min-width:0}.course-row:hover{border-color:var(--teal);text-decoration:none}.course-row .id-tag{color:var(--teal);font-size:12px}.course-row .cover{height:150px;width:100%;object-fit:cover;object-position:center 38%;margin:12px 0}.course-row .price{color:var(--teal);font-weight:700;font-size:22px}.course-row h3{margin:10px 0 6px}.course-row p{font-size:14px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.banner{background:var(--panel);padding:28px;border:1px solid var(--border)}.banner img{width:100%;height:auto;object-fit:contain}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric{padding:20px 0;border-top:1px solid var(--teal)}.metric strong{display:block;margin-bottom:8px}.metric p{font-size:14px;color:var(--muted)}.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.path{border-top:2px solid var(--teal);background:var(--panel);padding:20px}.path ul{list-style:none;padding:0}.path li{margin-bottom:8px}.path a{color:var(--teal)}.product-hero{background:var(--deep);padding:65px 0}.product-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.product-cover{max-height:460px;margin:auto;object-fit:contain;border:1px solid var(--border)}.tag{display:inline-block;border:1px solid var(--border);padding:5px 9px;font:12px 'DejaVu Sans Mono',monospace;color:var(--teal)}.product-hero h1{font-size:clamp(32px,4.5vw,56px);line-height:1.1;margin:16px 0}.price-line{font-size:32px;font-weight:700;color:var(--teal)}.modules-list{display:grid;gap:10px}.module{border:1px solid var(--border);padding:16px;background:var(--panel)}.module h3{margin:0 0 5px;font-size:17px}.module p{color:var(--muted);margin:0}.hide{display:none!important}.status-tag{color:var(--amber);font-size:13px}.faq details{padding:16px 0;border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted)}.panel{border:1px solid var(--border);background:var(--panel);padding:25px}.policy{max-width:840px}.policy p{color:var(--muted)}.site-footer{background:#06131b;padding:58px 0 25px}.footer-groups{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:54px}.footer-groups h2{font-size:18px;margin:0 0 18px}.footer-groups a{display:block;margin:0 0 8px;color:var(--muted)}.footer-groups p{margin:0 0 9px;color:var(--muted);font-size:14px}.footer-legal{border-top:1px solid var(--border);margin-top:35px;padding-top:20px;color:var(--dim);font-size:12px}.list-tight{padding-left:22px}.list-tight li{margin-bottom:9px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.faq-preview{max-width:860px}.svg-frame{max-width:100%;object-fit:contain}.page-head{padding:65px 0 38px}.page-head h1{font-size:clamp(34px,4vw,56px);margin:0 0 15px}.updates-list{max-width:820px}.contact-lines{white-space:pre-line}.small{font-size:13px;color:var(--muted)}
@media(max-width:999px){.menu{display:none}.menu-button{display:block}.shell{padding-inline:32px}.course-index,.course-index.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:1fr 1fr}.hero-art{height:470px}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shell{padding-inline:22px}.hero-inner{display:flex;flex-direction:column;min-height:0;gap:0;align-items:stretch}.hero-copy{padding:52px 0 4px}.hero-copy p{font-size:15px}.hero-art{width:100%;height:320px}.hero-copy h1{font-size:32px}.section{padding:39px 0}.split,.product-grid,.two-col{grid-template-columns:1fr;gap:26px}.paths,.metrics,.course-index,.course-index.catalog{grid-template-columns:1fr}.course-row .cover{height:180px;object-position:center 28%}.footer-groups{grid-template-columns:1fr;gap:32px}.product-hero{padding:40px 0}.product-cover{max-height:350px}.button{width:auto}.page-head{padding:45px 0 24px}.site-header{height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original policy source text: standalone, readable HTML with clear, accessible links. */
.policy-main{min-height:60vh;background:var(--bg)}
.policy-shell{padding-top:clamp(40px,6vw,86px);padding-bottom:clamp(70px,8vw,120px)}
.policy-source{max-width:860px;margin-inline:auto;overflow-wrap:anywhere;font-size:16px;line-height:1.8;color:var(--text)}
.policy-source h1{font-size:clamp(32px,4vw,51px);letter-spacing:-.025em;line-height:1.16;margin:0 0 24px;color:var(--text)}
.policy-source h2{font-size:clamp(19px,2.15vw,24px);line-height:1.35;margin:44px 0 13px;color:var(--text);padding-top:16px;border-top:1px solid var(--border)}
.policy-source p{margin:0 0 17px;color:var(--text)}
.policy-source .policy-date,.policy-date-pending{font-size:14px;color:var(--muted);font-family:'DejaVu Sans Mono',ui-monospace,monospace;margin:0 0 28px}
.policy-date-pending{max-width:860px;margin-inline:auto}
.policy-source ul,.policy-source ol{padding-left:1.6rem;margin:0 0 19px}
.policy-source li{margin-bottom:9px;padding-left:5px}
.policy-source li::marker{color:var(--teal)}
.policy-source a.policy-cross-link{color:var(--teal);text-decoration:underline;text-underline-offset:.16em;font-weight:inherit;text-decoration-thickness:1px}
.policy-source a.policy-cross-link:hover{color:#a8fff4;text-decoration-thickness:2px}
.policy-source a.policy-cross-link:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:1px;text-decoration:underline;font-weight:inherit}
@media(max-width:767px){.policy-shell{padding-top:36px;padding-bottom:72px}.policy-source{font-size:15px;line-height:1.7}.policy-source h2{margin-top:34px}.policy-source ul,.policy-source ol{padding-left:1.4rem}}

/* Release 09: responsive drawer and evidence visual precision */
.menu-button{min-height:44px;min-width:44px;cursor:pointer}
.drawer{width:min(calc(100vw - 48px),380px);padding:24px;box-shadow:-22px 0 48px #0008}
.drawer-head{min-height:52px}
.drawer>a{min-height:52px;display:flex;align-items:center}
.backdrop{cursor:pointer}
@media(min-width:1000px){.drawer,.backdrop{display:none!important}}
@media(max-width:440px){.drawer{width:calc(100vw - 48px)}.brand{font-size:17px}}
@media(max-height:480px) and (max-width:999px){.drawer{padding-top:8px;padding-bottom:8px}.drawer a{min-height:44px;padding:8px 0}.drawer-head{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Menu-only transition; no hero or decorative entrance animation in this build. */
@media(max-width:999px){
 .backdrop{display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 220ms ease,visibility 220ms}
 .drawer{display:block;visibility:hidden;opacity:0;transform:translateX(104%);pointer-events:none;transition:transform 260ms cubic-bezier(.2,.8,.2,1),opacity 220ms ease,visibility 260ms}
 body.menu-open .backdrop{visibility:visible;opacity:1;pointer-events:auto}
 body.menu-open .drawer{visibility:visible;opacity:1;transform:none;pointer-events:auto}
}
/* Keep course cover title legible in the fixed-width forensic index thumbnail. */
.course-row .cover{object-position:center top}
@media(max-width:680px){.course-row .cover{object-position:center top}}

.ui-icon{width:19px;height:19px;vertical-align:-4px;flex-shrink:0}
.benefit-icon{width:28px;height:28px;display:block;color:var(--teal);margin-bottom:13px}

/* Oct 27 catalog editorial correction — show all portrait cover artwork, never crop lettering. */
.course-index{gap:22px}
.course-row{padding:0;display:flex;flex-direction:column;min-height:100%;background:#0b1d27;border:1px solid #28424b;border-radius:6px;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.course-row:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 10px 40px #0003}
.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px;border-bottom:1px solid var(--border)}
.card-serial{font-family:ui-monospace,monospace;font-size:11px;color:#83a9b3}
.cover-frame{padding:14px 14px 0;background:linear-gradient(180deg,#071822,#0b1d27);}
.course-row .cover{display:block;margin:0;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center;background:#041015;border:1px solid #29414b;border-radius:3px}
.card-body{padding:16px 18px 17px;display:flex;flex-direction:column;flex:1}
.card-heading{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #28424b;padding-bottom:12px;margin-bottom:11px}
.course-row h3{font-size:19px;line-height:1.3;margin:0;flex:1}
.course-row .price{font-size:19px;line-height:1.35;white-space:nowrap}
.course-row p{font-size:14px;line-height:1.55;margin:0;color:var(--muted)}
.card-bottom{margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}
.availability-yes{color:var(--teal)}.availability-pending{color:var(--amber)}
.card-arrow{color:var(--teal);font-size:20px}
@media(max-width:999px){.course-index{gap:18px}}
@media(max-width:680px){.course-row .cover{height:auto;object-position:center}.cover-frame{padding:12px 12px 0}.course-index{gap:20px}}
/* The updates page is a genuine dated catalog activity log, not mock marketing news. */
.updates-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:26px}
.updates-head h2{margin:8px 0 10px}.updates-count{white-space:nowrap;border:1px solid var(--border);border-radius:3px;padding:8px 12px;font:12px ui-monospace,monospace;color:var(--teal)}
.updates-grid{display:grid;gap:17px;max-width:1080px}
.update-entry{border:1px solid var(--border);background:var(--panel);padding:28px 30px;position:relative;overflow:hidden}
.update-entry::before{content:"";height:100%;width:3px;background:var(--teal);position:absolute;left:0;top:0}
.update-meta{display:flex;justify-content:space-between;gap:20px;font:12px ui-monospace,monospace;color:var(--muted)}
.update-category{font:12px ui-monospace,monospace;letter-spacing:.09em;color:var(--teal);margin-top:23px}
.update-entry h3{font-size:clamp(22px,2.4vw,29px);line-height:1.2;margin:9px 0 10px;max-width:700px}
.update-entry p{font-size:16px;line-height:1.7;color:var(--muted);max-width:780px;margin:0 0 18px}
.update-entry .inline-link{text-decoration:underline;text-underline-offset:4px}
/* Contact form: accessible UI, honest mailto-only behavior when recipient configured. */
.contact-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-intro p{margin:0 0 12px;color:var(--muted);line-height:1.7}
.contact-context{background:var(--panel);border-top:2px solid var(--teal);padding:25px}
.contact-context h3{font-size:20px}
.contact-form-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:7%;align-items:start}
.form-intro p{max-width:470px}.contact-form{background:var(--panel);border:1px solid var(--border);padding:30px;display:grid;gap:20px}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--text)}
.contact-form label span{color:var(--teal)}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;min-width:0;padding:13px 14px;border:1px solid #3a5861;background:#07141b;color:var(--text);border-radius:3px;font:inherit;font-size:15px;line-height:1.45}
.contact-form textarea{resize:vertical;min-height:165px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#92a5ad;opacity:1}
.contact-form .button{justify-self:start}
.form-status{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.form-notice,.form-error{border-left:3px solid var(--amber);padding:10px 12px;background:rgba(209,178,122,.07)}
@media(max-width:900px){.contact-form-layout{grid-template-columns:1fr;gap:24px}}
@media(max-width:680px){.contact-intro{grid-template-columns:1fr;gap:25px}.contact-form{padding:20px}.form-two{grid-template-columns:1fr}.updates-head{flex-direction:column}.update-entry{padding:21px}.update-meta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.course-row{transition:none}.course-row:hover{transform:none}}

/* ━━━ Evidence Terminal / animated fingerprint hero ━━━━━━━━━━━━━━━━━━━
   Only the homepage hero gets decorative motion. All text remains real HTML.
   Assets are same-directory SVGs, including independent ridge, bracket and leader layers.
   This CSS is visually complete without JavaScript; animation starts only after JS opts in.
*/
.hero{background:#02090e;position:relative}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 45%,rgba(13,65,77,.19),transparent 47%),linear-gradient(105deg,rgba(4,16,23,.88),transparent 70%);opacity:1}
.hero-inner{position:relative;min-height:690px}
.hero-copy{z-index:8}
.hero-copy .kicker{letter-spacing:.12em}
.hero-art{height:650px;position:relative;z-index:2;isolation:isolate;min-width:0}
.forensic-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,rgba(22,88,102,.12),rgba(3,12,18,.12) 48%,transparent 78%);--drift-x:0px;--drift-y:0px}
.forensic-stage::before,.forensic-stage::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:0}
.forensic-stage::before{background-image:linear-gradient(to right,rgba(73,188,193,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(73,188,193,.09) 1px,transparent 1px);background-size:57px 57px;mask-image:radial-gradient(ellipse at 50% 50%,black 9%,transparent 75%);opacity:.34}
.forensic-stage::after{background:radial-gradient(ellipse at 50% 49%,transparent 35%,rgba(0,5,9,.45) 75%,#02090e 105%);z-index:5}
.forensic-graticule{position:absolute;inset:12% 5%;border:1px solid rgba(79,201,205,.09);border-radius:50%;z-index:0;transform:translate(var(--drift-x),var(--drift-y));opacity:.65}
.forensic-graticule::before,.forensic-graticule::after{content:"";position:absolute;border:1px dashed rgba(77,218,214,.14);border-radius:50%;inset:8% 10%}
.forensic-graticule::after{inset:20% 22%;border-style:solid;border-color:rgba(77,218,214,.12)}
.forensic-halo{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,rgba(28,176,181,.14),rgba(11,59,76,.03) 55%,transparent 75%);z-index:0;filter:blur(14px)}
.forensic-fingerprint,.forensic-brackets,.forensic-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;transition:transform .55s ease-out}
.forensic-fingerprint{z-index:2;filter:drop-shadow(0 0 14px rgba(44,219,210,.31));transform:translate(calc(var(--drift-x)*.7),calc(var(--drift-y)*.7))}
.hero-art .forensic-fingerprint img,.forensic-fingerprint .fingerprint-vector{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-art img.forensic-brackets{z-index:3;transform:translate(calc(var(--drift-x)*.46),calc(var(--drift-y)*.46))}
.hero-art img.forensic-leaders{z-index:4;transform:translate(calc(var(--drift-x)*.2),calc(var(--drift-y)*.2))}
.forensic-scan-beam{position:absolute;z-index:4;top:0;left:14%;right:14%;height:5px;opacity:.56;background:linear-gradient(90deg,transparent 0%,#38bcbf 14%,#aefffa 50%,#38bcbf 84%,transparent 100%);box-shadow:0 0 12px 2px rgba(77,249,232,.65),0 0 37px 9px rgba(38,225,218,.27);transform:translateY(310px);pointer-events:none}
.forensic-scan-beam::after{content:"";position:absolute;left:0;right:0;top:3px;height:100px;background:linear-gradient(to bottom,rgba(48,230,225,.13),transparent);opacity:.65}
.forensic-header-label{position:absolute;z-index:6;top:30px;left:32px;right:32px;display:flex;gap:12px;justify-content:space-between;color:#75bbc1;font:10px/1.5 'DejaVu Sans Mono',ui-monospace,monospace;letter-spacing:.08em;opacity:.8;pointer-events:none}
.forensic-marker{position:absolute;z-index:6;display:flex;gap:8px;align-items:center;color:#95d9d6;font:10px 'DejaVu Sans Mono',ui-monospace,monospace;letter-spacing:.04em;text-shadow:0 0 8px rgba(16,188,185,.45);pointer-events:none;max-width:170px}
.forensic-marker b{display:block;width:8px;height:8px;border:1px solid #8afbee;box-shadow:0 0 0 3px rgba(22,217,209,.1);flex-shrink:0;transform:rotate(45deg)}
.marker-a{left:5%;top:24%}.marker-b{right:0;top:37%}.marker-c{left:2%;bottom:24%}
.forensic-axis{position:absolute;z-index:1;top:17%;bottom:18%;width:1px;background:linear-gradient(to bottom,transparent,rgba(83,230,220,.25),transparent);opacity:.4}
.forensic-axis.left{left:50%}.forensic-axis.right{top:49%;bottom:auto;left:17%;right:17%;height:1px;width:auto;background:linear-gradient(to right,transparent,rgba(83,230,220,.25),transparent)}
.forensic-particle-field{position:absolute;z-index:5;inset:0;pointer-events:none}
.forensic-particle-field i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#8dfff4;box-shadow:0 0 8px #4bd2d0;opacity:.4}
/* Startup choreography; only applied by hero-motion.js. All states rest on complete, readable layout. */
.hero-motion-playing .forensic-graticule{animation:hero-grid-boot 1.6s cubic-bezier(.3,.7,.3,1) both,hero-grid-idle 15s linear 1.6s infinite}
.hero-motion-playing .forensic-halo{animation:hero-halo-boot 2.6s ease-out both,hero-halo-idle 9s ease-in-out 2.6s infinite alternate}
.hero-motion-playing .forensic-fingerprint{animation:hero-ridge-reveal 3.15s cubic-bezier(.22,.62,.19,1) both}
.hero-motion-playing .forensic-brackets{animation:hero-brackets-reveal 1.7s ease-out 1.5s both}
.hero-motion-playing .forensic-leaders{animation:hero-leaders-reveal 1.55s ease-out 2.15s both}
.hero-motion-playing .forensic-marker{animation:hero-hud-rise .75s ease-out 2.75s both}
.hero-motion-playing .marker-b{animation-delay:3s}.hero-motion-playing .marker-c{animation-delay:3.2s}
.hero-motion-playing .forensic-header-label{animation:hero-hud-rise .9s ease-out .2s both}
.hero-motion-playing .forensic-scan-beam{animation:hero-sweep-strong 3.55s cubic-bezier(.24,.25,.29,.98) .35s both}
.hero-motion-playing .forensic-particle-field i{animation:hero-spark 2.3s ease-in-out calc(.5s + (var(--i)*.17s)) both}
.hero-motion-settled .forensic-halo{animation:hero-halo-idle 9s ease-in-out infinite alternate}
.hero-motion-settled .forensic-graticule{animation:hero-grid-idle 18s linear infinite}
.hero-motion-settled .forensic-scan-beam{animation:none;opacity:0;transform:translateY(55px)}
.hero-motion-settled.hero-motion-periodic-scan .forensic-scan-beam{animation:hero-sweep-strong 3.55s cubic-bezier(.24,.25,.29,.98) both}
.hero-motion-settled .forensic-particle-field i{animation:hero-spark-idle calc(2.7s + var(--i)*.14s) ease-in-out calc(var(--i)*-.3s) infinite alternate}
.hero-motion-settled .forensic-marker b{animation:hero-spark-idle 4.3s ease-in-out infinite alternate}
.hero-motion-paused :is(.forensic-graticule,.forensic-halo,.forensic-fingerprint,.forensic-brackets,.forensic-leaders,.forensic-marker,.forensic-header-label,.forensic-scan-beam,.forensic-particle-field i){animation-play-state:paused!important}
@keyframes hero-grid-boot{from{opacity:0;transform:scale(.88)}to{opacity:.65;transform:scale(1)}}
@keyframes hero-grid-idle{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes hero-halo-boot{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes hero-halo-idle{from{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1.07)}}
@keyframes hero-ridge-reveal{0%{opacity:0;clip-path:inset(100% 0 0 0);filter:blur(10px) drop-shadow(0 0 12px #46e6d6)}20%{opacity:.65}85%{filter:blur(0) drop-shadow(0 0 13px #46e6d6)}100%{opacity:1;clip-path:inset(0 0 0 0);filter:drop-shadow(0 0 14px rgba(44,219,210,.31))}}
@keyframes hero-brackets-reveal{from{opacity:0;clip-path:inset(0 48% 0 48%);transform:scale(1.045)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}
@keyframes hero-leaders-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes hero-hud-rise{from{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-sweep-strong{0%{opacity:0;transform:translateY(55px)}9%{opacity:.8}77%{opacity:1}100%{opacity:0;transform:translateY(565px)}}
@keyframes hero-spark{0%{opacity:0;transform:translateY(25px) scale(.1)}50%{opacity:.95}100%{opacity:.38;transform:translateY(-20px) scale(1)}}
@keyframes hero-spark-idle{from{opacity:.13;transform:translateY(-4px)}to{opacity:.72;transform:translateY(4px)}}
/* Responsive: the fingerprint remains recognizable and all decorative text stays off the edges. */
@media(max-width:1279px){.hero-art{height:570px}.forensic-header-label{left:20px;right:20px}.marker-a{left:1%}.marker-b{right:0}.marker-c{left:0}}
@media(max-width:999px){.hero-inner{min-height:590px;gap:0}.hero-copy{padding:58px 0}.hero-art{height:510px}.forensic-marker{font-size:9px}.forensic-header-label span{display:none}}
@media(max-width:680px){.hero-copy{padding:47px 0 8px}.hero-art{height:min(96vw,410px);min-height:325px;margin:10px -6px 14px}.forensic-header-label{top:13px;left:12px;font-size:9px}.forensic-marker{font-size:8px;max-width:110px}.marker-a{top:24%;left:0}.marker-b{right:0;top:39%}.marker-c{left:0;bottom:26%}.forensic-scan-beam{height:3px}.forensic-graticule{inset:19% 10%}}
@media(max-width:390px){.forensic-marker span{max-width:80px}.marker-c{bottom:28%}}
@media(max-height:480px) and (orientation:landscape){.hero-art{height:390px}.hero-inner{min-height:450px}}
@media(prefers-reduced-motion:reduce){.hero-motion-playing .forensic-graticule,.hero-motion-playing .forensic-halo,.hero-motion-playing .forensic-fingerprint,.hero-motion-playing .forensic-brackets,.hero-motion-playing .forensic-leaders,.hero-motion-playing .forensic-marker,.hero-motion-playing .forensic-header-label,.hero-motion-playing .forensic-scan-beam,.hero-motion-playing .forensic-particle-field i,.hero-motion-settled :is(.forensic-graticule,.forensic-halo,.forensic-scan-beam,.forensic-particle-field i,.forensic-marker b),.hero-motion-periodic-scan .forensic-scan-beam{animation:none!important;transition:none!important}.forensic-scan-beam{opacity:.09;transform:translateY(310px)}.forensic-fingerprint{clip-path:none!important}}

/* OCT27 / EVIDENCE TERMINAL 2 — EDITORIAL HOMEPAGE
   All motion is progressive enhancement, with a complete static fallback.
   The source-based legal pages and the approved homepage block order are unchanged.
*/
:root{--electric:#52e9dc;--slate:#071820;--quiet:#0b212a;--hairline:rgba(105,200,204,.21)}
body[data-page="home"] .section{position:relative;overflow:hidden;padding:clamp(78px,9vw,136px) 0;background:#07141b}
body[data-page="home"] h2{font-size:clamp(36px,4.1vw,66px);line-height:1.045;letter-spacing:-.045em;font-weight:700}
body[data-page="home"] .section-deck{color:#b1c7cb;font-size:16px;margin:18px 0 0}
body[data-page="home"] .inline-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-bottom:1px solid rgba(91,238,224,.55);padding:8px 0;font:600 14px/1.3 'DejaVu Sans Mono',monospace;transition:gap .25s,color .25s}
body[data-page="home"] .inline-link:hover{gap:20px;color:#bdfff8}
body[data-page="home"] .kicker{font-size:11px;letter-spacing:.13em}
body[data-page="home"] .section-header{margin-bottom:42px}
/* 01 — asymmetric editorial opening */
.intro-section{background:linear-gradient(110deg,#091b23,#07141b 72%)!important}
.editorial-intro{display:grid;grid-template-columns:210px minmax(0,1fr) 100px;gap:clamp(28px,4vw,78px);align-items:start;min-height:365px}
.intro-sidebar{display:flex;flex-direction:column;gap:13px}.index-number{font:300 89px/.9 'DejaVu Sans Mono',monospace;letter-spacing:-.09em;color:#244b54}.index-slash{color:#54c9c2}.intro-rule{width:1px;min-height:115px;background:linear-gradient(var(--teal),transparent);margin-top:12px}
.intro-main{max-width:800px}.intro-main h2{margin:5px 0 28px}.intro-main h2 em{font-style:normal;color:var(--teal)}.intro-main .lede{font-size:17px;line-height:1.85;max-width:725px}.intro-axis{display:flex;flex-direction:column;align-items:center;gap:21px;color:#6aabb1;font:10px 'DejaVu Sans Mono',monospace;writing-mode:vertical-rl;letter-spacing:.15em}.intro-axis b{width:1px;height:35px;background:#427e85;display:block}
/* 02 — editorial document shelf */
.featured-section{background:#041015!important}.featured-section::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(53,175,167,.08),transparent 40%)}
.featured-section .section-header{position:relative}.featured-index{gap:9px;align-items:stretch}.featured-index .course-row{border-radius:0;background:#091920;position:relative;box-shadow:none;transform:none;transition:background .3s,border-color .3s}.featured-index .course-row:hover{background:#112a32}.featured-index .course-row::before{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--electric);z-index:3;transition:width .7s ease}.featured-index .course-row:hover::before{width:100%}.featured-index .card-topline{background:transparent;border-color:#2c4850}.featured-index .cover-frame{background:transparent;padding:13px 13px 0}.featured-index .cover{border-radius:0;border:0;max-height:350px;object-fit:contain;background:#030e13;filter:saturate(.9);transition:filter .4s,transform .55s}.featured-index .course-row:hover .cover{filter:saturate(1.12);transform:scale(1.035)}.featured-index .card-body{padding:15px 17px 18px}.featured-index .card-bottom{margin-top:auto}
body[data-page="home"] .cover-corner{display:none}.index-foot{display:flex;justify-content:space-between;color:#73939a;font:11px 'DejaVu Sans Mono',monospace;letter-spacing:.1em;padding-top:24px}
/* 03 — illuminated provenance schematic */
.evidence-section{background:#0b2028!important;padding-top:85px!important;padding-bottom:85px!important}.evidence-banner{border:1px solid #2c5559;box-shadow:inset 0 0 65px rgba(6,21,29,.6);background:linear-gradient(125deg,#091921,#06131b);padding:26px 30px 30px;overflow:hidden;position:relative}.evidence-banner::after{position:absolute;content:"";width:250px;height:250px;top:-190px;right:-110px;border:1px solid #2f6d70;border-radius:50%}.evidence-banner-head,.evidence-foot{display:flex;justify-content:space-between;gap:15px;color:#78afb1;font:10px 'DejaVu Sans Mono',monospace;letter-spacing:.13em}.evidence-banner-head{border-bottom:1px solid var(--hairline);padding-bottom:22px}.evidence-banner-main{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:450px;gap:0}.evidence-banner-copy{max-width:480px;position:relative;z-index:3}.evidence-banner-copy h2{font-size:clamp(43px,4.4vw,70px);margin:0 0 25px}.evidence-banner-copy p{font-size:16px;line-height:1.75;color:#b5c9cc}.evidence-graphic{position:relative;min-height:270px;overflow:hidden;display:grid;align-items:center}.evidence-graphic img{display:block;width:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(70,219,208,.19))}.trace-sweep{position:absolute;top:3%;bottom:3%;width:2px;left:0;background:var(--electric);box-shadow:0 0 18px 6px rgba(72,238,226,.32);opacity:0;pointer-events:none}.evidence-foot{border-top:1px solid var(--hairline);padding-top:22px}
/* 04 — typographic mission, orbit */
.mission-section{background:#061017!important}.mission-grid{display:grid;grid-template-columns:155px minmax(0,1fr) 245px;align-items:center;gap:36px;min-height:520px}.mission-edge{height:100%;border-left:1px solid var(--electric);padding-left:20px;display:flex;flex-direction:column;justify-content:space-between}.rotated-index{color:#587982;font:11px 'DejaVu Sans Mono',monospace;writing-mode:vertical-rl}.mission-statement{position:relative}.massive-quote{position:absolute;top:-95px;left:-68px;color:#183c45;opacity:.65;font:180px/1 Georgia,serif;pointer-events:none}.mission-statement h2{font-size:clamp(52px,6vw,100px)!important;position:relative;margin:0 0 33px}.mission-statement h2 i{font-style:normal;color:var(--electric)}.mission-statement p{color:#c1d1d2;max-width:700px;font-size:17px;line-height:1.84;margin-bottom:25px}.mission-side-data{display:flex;flex-direction:column;align-items:center;gap:35px;color:#75a6a9;font:10px 'DejaVu Sans Mono',monospace;letter-spacing:.11em;text-align:center}.mission-orbit{width:210px;height:210px;position:relative;border:1px solid #2d6670;border-radius:50%;background:radial-gradient(circle,rgba(56,215,205,.17),transparent 35%)}.mission-orbit::before,.mission-orbit::after{content:"";position:absolute;border-radius:50%;inset:15%;border:1px dashed #2d8990}.mission-orbit::after{inset:35%;border-style:solid}.orbit-center{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:var(--electric);box-shadow:0 0 30px 12px rgba(60,225,218,.16);transform:translate(-50%,-50%)}
/* 05 — protocol rail, not marketing cards */
.protocol-section{background:#0a1b22!important}.protocol-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.protocol{padding:34px 26px 48px;position:relative;border-right:1px solid var(--hairline);min-height:325px;transition:background .35s}.protocol:first-child{border-left:1px solid var(--hairline)}.protocol:hover{background:#102831}.protocol-head{display:flex;justify-content:space-between;align-items:start;font:12px 'DejaVu Sans Mono',monospace;color:var(--electric)}.protocol-head .benefit-icon{width:34px;height:34px;margin:0}.protocol-rule{height:1px;width:34px;background:var(--electric);margin:52px 0 18px;transition:width .55s ease}.protocol:hover .protocol-rule{width:75%}.protocol h3{font-size:18px;font-weight:650;letter-spacing:.075em}.protocol p{color:#aac4c7;font-size:15px;line-height:1.75}
/* 06 — connected pathway columns */
.path-section{background:#061319!important}.pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pathway{background:#0b2029;border:1px solid #2d4750;padding:28px 25px;position:relative;min-width:0;transition:border-color .3s,background .3s}.pathway::after{content:"";position:absolute;top:60px;right:-18px;width:24px;height:1px;background:var(--electric);z-index:2}.pathway:last-child::after{display:none}.pathway:hover{background:#0c2831;border-color:#63bcb5}.pathway-head{display:flex;align-items:center;gap:19px;border-bottom:1px solid var(--hairline);padding-bottom:26px}.path-node{width:57px;height:57px;border:1px solid var(--electric);border-radius:50%;display:grid;place-items:center;font:18px 'DejaVu Sans Mono',monospace;color:var(--electric);box-shadow:0 0 0 6px rgba(63,217,210,.05)}.pathway-id{font:10px 'DejaVu Sans Mono',monospace;color:#76aeb4}.pathway h3{margin:4px 0 0;font-size:25px}.pathway ul{list-style:none;margin:0;padding:16px 0 30px}.pathway li{border-bottom:1px solid #29434c}.pathway li a{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:8px;padding:16px 0;text-decoration:none;color:#e5f5f3}.pathway li a span{color:var(--teal);font:12px 'DejaVu Sans Mono',monospace}.pathway li strong{font-size:14px;font-weight:550}.path-arrow{opacity:.45;transition:transform .25s,opacity .25s}.pathway li a:hover .path-arrow{opacity:1;transform:translate(3px,-3px)}.pathway-trail{display:flex;align-items:center;gap:8px;color:#79a7ae;font:12px 'DejaVu Sans Mono',monospace}.pathway-trail div{height:2px;flex:1;background:linear-gradient(90deg,var(--electric),rgba(78,219,215,.12));transform-origin:left}
/* 07 — editorial free guide dossier */
.specimen-section{background:#0a1e25!important}.specimen{border:1px solid #35616a;background:linear-gradient(145deg,#061018,#112932);overflow:hidden}.specimen-meta{display:flex;justify-content:space-between;border-bottom:1px solid #31525b;padding:17px 28px;font:11px 'DejaVu Sans Mono',monospace;color:#86babf}.specimen-grid{display:grid;grid-template-columns:37% 63%;gap:0}.specimen-cover{display:grid;place-items:center;background:radial-gradient(circle at center,#123c43,#031017 68%);padding:38px;position:relative;overflow:hidden;border-right:1px solid var(--hairline)}.specimen-cover img{height:390px;width:100%;object-fit:contain;filter:drop-shadow(0 25px 30px #0008);z-index:2}.specimen-scanline{position:absolute;height:2px;left:9%;right:9%;top:20%;background:var(--electric);box-shadow:0 0 20px var(--electric);opacity:0}.specimen-copy{padding:clamp(28px,4.5vw,74px)}.specimen-copy h2{margin:16px 0 24px}.specimen-copy p{font-size:16px;color:#b6c9c9;max-width:510px}.specimen-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:26px 0 36px;gap:1px;background:rgba(95,192,190,.2);border:1px solid rgba(95,192,190,.2)}.specimen-list div{background:#0a2028;padding:17px 14px;display:flex;gap:13px;align-items:center}.specimen-list span{color:var(--electric);font:12px 'DejaVu Sans Mono',monospace}.specimen-list strong{font-weight:500;font-size:14px}
/* 08 — three illustrated text-only forensic procedures */
.casefile-section{background:#041117!important}.casefile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #244951}.casefile{padding:28px 29px 25px;position:relative;min-height:370px;border-right:1px solid #244951;background:radial-gradient(circle at 50% 38%,rgba(27,97,102,.12),transparent 50%);transition:background .3s}.casefile:last-child{border-right:0}.casefile:hover{background:#0e2830}.casefile-number{color:var(--electric);font:13px 'DejaVu Sans Mono',monospace}.casefile-number span{color:#63929a}.casefile-glyph{font:110px/1 Georgia,serif;color:rgba(84,236,227,.25);text-align:center;height:142px;display:grid;place-items:center;transition:transform .45s,color .45s}.casefile:hover .casefile-glyph{transform:scale(1.12);color:#65d9d0}.casefile h3{font-size:22px}.casefile p{color:#b6cbd0;font-size:15px;line-height:1.7}.casefile-id{position:absolute;right:25px;bottom:20px;font:11px 'DejaVu Sans Mono',monospace;color:#739a9f}.casefile-foot{margin-top:25px}
/* 09 — full bleed call to action */
.free-section{padding:82px 0!important;background:#0d282e!important}.free-banner{position:relative;overflow:hidden;min-height:430px;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;background:#08232b;border-top:1px solid #509f9d;border-bottom:1px solid #509f9d}.free-noise{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 33px,rgba(73,194,190,.05) 33px 34px),radial-gradient(ellipse at 70% 48%,rgba(64,219,203,.2),transparent 50%);pointer-events:none}.free-copy{position:relative;padding:45px 6vw 45px 4vw}.free-copy h2{font-size:clamp(70px,10vw,145px)!important;margin:6px 0 10px;line-height:1}.free-dot{color:var(--teal)}.free-copy p{font-size:17px;max-width:560px;color:#cae2e2;line-height:1.7;margin:0 0 31px}.free-side{position:relative;border-left:1px solid #438588;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#6edcd3;font:11px 'DejaVu Sans Mono',monospace;letter-spacing:.09em;text-align:center;padding:15px}.free-side strong{font:100px/1 'DejaVu Sans Mono',monospace;letter-spacing:-.1em;color:rgba(100,244,232,.7)}
/* 10 — substantial FAQ with clear reading flow */
.faq-section{background:#07151d!important}.faq-layout{display:grid;grid-template-columns:40% 60%;gap:50px;align-items:start}.faq-lead{position:sticky;top:32px}.faq-lead h2{margin:17px 0 26px}.faq-lead p{font-size:16px;color:#b0c6c9;max-width:340px}.faq-preview{max-width:none;min-width:0}.faq-preview details{border-bottom:1px solid #3b6268;padding:20px 5px}.faq-preview details:first-child{border-top:1px solid #3b6268}.faq-preview summary{font-size:17px;cursor:pointer;list-style:none;padding-right:38px;position:relative}.faq-preview summary::-webkit-details-marker{display:none}.faq-preview summary::after{content:'+';position:absolute;right:2px;top:0;color:var(--electric);font:24px/1 'DejaVu Sans Mono',monospace;transition:transform .25s}.faq-preview details[open] summary::after{transform:rotate(45deg)}.faq-preview details p{color:#b4c9cb;line-height:1.7}
/* Scroll-led animation: never hide the content until the observer is mounted. */
body.motion-ready .motion-target,body.motion-ready .featured-index .dossier-card{opacity:0;transform:translateY(34px);filter:blur(3px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),filter .85s ease;transition-delay:calc(var(--order,0)*100ms)}
body.motion-ready .motion-target.is-visible,body.motion-ready .featured-index .dossier-card.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
body.motion-ready .protocol .protocol-rule,body.motion-ready .pathway-trail div{transform:scaleX(.01);transition:transform 1.1s ease .35s}
body.motion-ready .protocol.is-visible .protocol-rule,body.motion-ready .pathway.is-visible .pathway-trail div{transform:scaleX(1)}
body.motion-ready .evidence-banner.is-visible .trace-sweep{animation:provenance-sweep 2.5s ease-in-out .65s 1}
body.motion-ready .specimen.is-visible .specimen-scanline{animation:specimen-sweep 3.5s ease-in-out .7s 1}
body.motion-ready .mission-grid.is-visible .mission-orbit::before{animation:orbit-turn 24s linear infinite}
body.motion-ready .mission-grid.is-visible .mission-orbit::after{animation:orbit-turn 16s linear infinite reverse}
@keyframes provenance-sweep{0%{left:0;opacity:0}12%{opacity:.8}85%{opacity:.8}100%{left:100%;opacity:0}}
@keyframes specimen-sweep{0%{top:13%;opacity:0}12%{opacity:.8}85%{opacity:.8}100%{top:87%;opacity:0}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
/* Responsive rules deliberately prioritize readable titles and complete cover art. */
@media(max-width:1150px){.editorial-intro{grid-template-columns:150px minmax(0,1fr)}.intro-axis{display:none}.mission-grid{grid-template-columns:115px minmax(0,1fr)}.mission-side-data{display:none}.protocol{padding:26px 18px 33px}.evidence-banner-main{grid-template-columns:44% 56%}}
@media(max-width:999px){.featured-index{grid-template-columns:repeat(2,minmax(0,1fr))}.protocol-grid{grid-template-columns:repeat(2,1fr)}.protocol:nth-child(3){border-left:1px solid var(--hairline);border-top:1px solid var(--hairline)}.protocol:nth-child(4){border-top:1px solid var(--hairline)}.pathways{grid-template-columns:1fr}.pathway{min-height:0}.pathway::after{display:none}.specimen-grid{grid-template-columns:44% 56%}.specimen-copy{padding:25px}.specimen-list{grid-template-columns:1fr}.casefile-grid{grid-template-columns:1fr}.casefile{min-height:270px;border-right:0;border-bottom:1px solid var(--hairline)}.casefile:last-child{border-bottom:0}.casefile-glyph{height:100px;font-size:78px}.faq-layout{gap:30px}}
@media(max-width:700px){body[data-page="home"] .section{padding:65px 0}.editorial-intro{display:block}.intro-sidebar{margin-bottom:20px}.index-number{font-size:56px}.intro-rule{display:none}.intro-main .lede{font-size:16px}.featured-index{gap:14px}.evidence-banner{padding:19px}.evidence-banner-main{display:flex;flex-direction:column;align-items:stretch;padding-top:30px}.evidence-banner-copy{max-width:none}.evidence-graphic{min-height:145px}.evidence-banner-head{flex-direction:column}.evidence-foot{font-size:9px}.mission-grid{display:block;min-height:0}.mission-edge{height:auto;border:0;padding:0;margin-bottom:30px}.rotated-index{display:none}.mission-statement h2{font-size:clamp(54px,11vw,74px)!important}.massive-quote{display:none}.mission-statement p{font-size:16px}.protocol-grid{grid-template-columns:1fr}.protocol{min-height:230px;border-left:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.protocol:nth-child(4){border-bottom:0}.protocol-rule{margin:22px 0}.specimen-grid{grid-template-columns:1fr}.specimen-meta{flex-wrap:wrap;gap:10px}.specimen-cover{border-right:0;border-bottom:1px solid var(--hairline);padding:25px}.specimen-cover img{height:350px}.specimen-list{grid-template-columns:repeat(2,minmax(0,1fr))}.free-banner{grid-template-columns:1fr}.free-copy{padding:36px 20px}.free-side{display:none}.faq-layout{grid-template-columns:1fr}.faq-lead{position:static}.faq-lead h2{margin-bottom:15px}}
@media(max-width:480px){.featured-index{grid-template-columns:1fr}.featured-index .cover{max-height:420px}.free-copy h2{font-size:clamp(70px,18vw,110px)!important}.evidence-banner-copy h2{font-size:45px}.specimen-list{grid-template-columns:1fr}.pathway{padding:20px 16px}.section-deck{font-size:14px!important}}
@media(max-width:900px) and (orientation:landscape) and (max-height:490px){.faq-lead{position:static}}
@media(prefers-reduced-motion:reduce){body.motion-ready .motion-target,body.motion-ready .featured-index .dossier-card{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}body.motion-ready :is(.evidence-banner .trace-sweep,.specimen-scanline,.mission-orbit::before,.mission-orbit::after){animation:none!important}body.motion-ready .protocol .protocol-rule,body.motion-ready .pathway-trail div{transform:none!important;transition:none!important}.featured-index .course-row:hover .cover,.casefile:hover .casefile-glyph{transform:none!important}}

/* Cards reveal together on entering the Featured block; no empty cards after anchor jumps. */
body.motion-ready .featured-section .featured-index .dossier-card{opacity:0;transform:translateY(28px);filter:blur(2px);transition:opacity .7s,transform .7s,filter .7s;transition-delay:calc(var(--order,0)*95ms)}
body.motion-ready .featured-section.is-visible .featured-index .dossier-card{opacity:1;transform:none;filter:none}
.featured-index .dossier-card:nth-child(1){--order:0}.featured-index .dossier-card:nth-child(2){--order:1}.featured-index .dossier-card:nth-child(3){--order:2}.featured-index .dossier-card:nth-child(4){--order:3}
@media(prefers-reduced-motion:reduce){body.motion-ready .featured-section .featured-index .dossier-card{opacity:1!important;transform:none!important;filter:none!important}}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   3D DEVICE EXAMINATION HERO / NEW VISUAL MOTION DIRECTION
   Native WebGL model: actual 3D geometry, not rotating a flat image.
   Existing hero text, page structure and section animations stay fixed.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hero{overflow:hidden;background:#02090e}
.hero-inner{min-height:690px}
.hero-copy{position:relative;z-index:7}
.hero-art{height:650px;isolation:isolate;position:relative}
.laptop-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 51% 53%,rgba(12,88,104,.18),transparent 56%)}
.laptop-stage:before{content:"";position:absolute;inset:6% 1%;background:radial-gradient(ellipse at 53% 61%,rgba(65,231,221,.22),transparent 43%),radial-gradient(ellipse at 52% 56%,rgba(81,255,239,.14),transparent 32%);pointer-events:none}
.laptop-stage:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at center,transparent 36%,rgba(2,9,14,.30) 75%,#02090e 104%)}
.laptop-grid{position:absolute;inset:8% 4%;opacity:.52;pointer-events:none;background-image:linear-gradient(to right,rgba(86,202,214,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(86,202,214,.11) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at center,black 25%,transparent 78%)}
.laptop-orbit{position:absolute;inset:17% 5%;border:1px solid rgba(88,213,216,.13);border-radius:50%;pointer-events:none;z-index:1}
.laptop-orbit-outer:before{content:"";position:absolute;inset:9%;border:1px dashed rgba(91,223,218,.16);border-radius:50%}
.laptop-orbit-inner{inset:28% 16%;border-style:dashed;border-color:rgba(85,222,216,.17)}
.laptop-canvas-shell{position:absolute;inset:0;z-index:3;pointer-events:none;filter:drop-shadow(0 20px 35px rgba(0,0,0,.56))}
#laptop-canvas{display:block;width:100%;height:100%}
.laptop-stage-label{position:absolute;z-index:5;left:28px;right:28px;top:21px;display:flex;justify-content:space-between;gap:10px;color:#7cbfc1;letter-spacing:.12em;font:10px/1.5 'DejaVu Sans Mono',ui-monospace,monospace}
.laptop-hud{position:absolute;z-index:5;font:10px/1.4 'DejaVu Sans Mono',ui-monospace,monospace;letter-spacing:.045em;color:#9dedef;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(97,218,213,.29);background:rgba(3,17,24,.65);text-shadow:0 0 13px #1aa6a666;pointer-events:none;max-width:175px}
.laptop-hud i{width:7px;height:7px;border:1px solid #5aebe2;transform:rotate(45deg);box-shadow:0 0 10px #42cfc6;flex-shrink:0}
.laptop-hud-left{left:2%;top:25%}.laptop-hud-right{right:0%;top:39%}.laptop-hud-bottom{left:3%;bottom:20%}
.laptop-scan-caption{position:absolute;right:24px;bottom:26px;z-index:5;color:#75b9bf;letter-spacing:.15em;font:9px ui-monospace,monospace;opacity:.82;pointer-events:none}
.laptop-stage.is-scanning .laptop-hud i{background:#6bf7e9;box-shadow:0 0 18px 3px rgba(95,251,231,.66)}
.laptop-stage.is-scanning .laptop-orbit-outer{border-color:rgba(124,247,229,.52);box-shadow:0 0 28px rgba(96,249,232,.12)}
.laptop-stage.is-scanning:before{filter:brightness(1.3)}
.laptop-stage.is-scanning .laptop-scan-caption{color:#a2fff4;text-shadow:0 0 12px rgba(111,255,240,.45)}
.laptop-static-fallback{position:absolute;z-index:2;inset:28% 18% 22%;transform:perspective(700px) rotateY(-19deg) rotateX(5deg);filter:drop-shadow(0 23px 23px #0008)}
.fallback-screen{position:absolute;top:0;left:5%;width:90%;height:70%;border:11px solid #354a52;border-radius:9px 9px 0 0;box-shadow:inset 0 0 17px #40dbd54a,0 0 25px #19a5a044;background:linear-gradient(165deg,#04151e,#0a3440)}
.fallback-screen-data{height:100%;padding:12%;display:grid;gap:11px;align-content:center}.fallback-screen-data span{display:block;height:8px;background:linear-gradient(90deg,#55ded7aa,#55ded733 50%,transparent)}.fallback-screen-data span:nth-child(even){width:70%}.fallback-deck{position:absolute;bottom:2%;left:0;width:100%;height:27%;background:linear-gradient(#253b44,#0a171d);transform:perspective(180px) rotateX(53deg);border:1px solid #8cc6cc66}
.cursor-fingerprints{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.cursor-print{position:absolute;width:85px;height:94px;left:0;top:0;transform:translate(-50%,-50%) rotate(var(--angle));opacity:0;pointer-events:none;background:url('cursor-print.svg') center/contain no-repeat;filter:drop-shadow(0 0 12px rgba(77,239,227,.48));animation:cursor-print-live 1.6s ease-out forwards;mix-blend-mode:screen}
@keyframes cursor-print-live{0%{opacity:0;transform:translate(-50%,-50%) scale(.57) rotate(var(--angle))}16%{opacity:.47}55%{opacity:.32}100%{opacity:0;transform:translate(-50%,-50%) scale(1.06) rotate(var(--angle))}}
@media(max-width:1279px){.hero-art{height:570px}}
@media(max-width:999px){.hero-art{height:510px}.laptop-hud{font-size:9px}.laptop-hud-left{left:0}.laptop-hud-right{right:0}}
@media(max-width:680px){.hero-art{height:min(96vw,420px);min-height:315px;margin:10px -6px 12px}.laptop-stage-label{font-size:8px;left:10px;right:10px;top:13px}.laptop-stage-label span{display:none}.laptop-hud{font-size:7px;padding:5px 7px;max-width:103px;gap:5px}.laptop-hud i{width:5px;height:5px}.laptop-hud-left{top:27%}.laptop-hud-right{top:47%}.laptop-hud-bottom{left:0;bottom:18%}.laptop-scan-caption{font-size:7px;bottom:18px;right:10px}.cursor-fingerprints{display:none}}
@media(max-height:480px) and (orientation:landscape){.hero-art{height:390px}}
@media(prefers-reduced-motion:reduce){.laptop-stage,.laptop-orbit,.cursor-fingerprints,.laptop-hud{animation:none!important;transition:none!important}.cursor-fingerprints{display:none}}
/* Engine-independent, genuine CSS 3D fallback (no flat replacement illustration). */
.laptop-static-fallback{inset:22% 13% 23%;transform-style:preserve-3d;transform:perspective(1000px) rotateX(7deg) rotateY(-19deg);animation:fallback-laptop-orbit 39s linear infinite;filter:drop-shadow(0 35px 27px #0008)}
.fallback-screen{width:86%;height:76%;left:7%;top:1%;border:9px solid #314b53;box-shadow:0 0 31px #15a5a055,inset 0 0 22px #13a5a044;transform:translateZ(18px) rotateX(-7deg);transform-origin:bottom center;backface-visibility:hidden}
.fallback-screen-data{height:100%;padding:10%;gap:16px;display:grid;grid-template-rows:27px 1fr 8px 8px;align-content:stretch}
.fallback-screen-data .fallback-screen-label{height:auto;background:none;font:12px ui-monospace,monospace;color:#78e7df;opacity:1;white-space:nowrap}
.fallback-screen-data .fallback-graph{height:auto!important;width:100%!important;display:block;position:relative;background:linear-gradient(90deg,transparent 0 3%,rgba(69,223,214,.22) 3.5%,transparent 4.2%) left top/35px 35px,linear-gradient(0deg,transparent 0 3%,rgba(69,223,214,.18) 3.5%,transparent 4.2%) left top/35px 35px,radial-gradient(ellipse at center,rgba(57,172,180,.20),transparent 70%)}
.fallback-graph:after{content:"";position:absolute;inset:13% 5%;clip-path:polygon(0 60%,9% 39%,20% 56%,31% 22%,41% 42%,53% 25%,62% 45%,73% 18%,83% 38%,92% 29%,100% 49%,100% 53%,92% 33%,83% 42%,73% 22%,62% 49%,53% 29%,41% 46%,31% 26%,20% 60%,9% 43%,0 64%);background:#61e5dc;filter:drop-shadow(0 0 9px #61e5dc)}
.fallback-screen-data .fallback-bars{height:7px;width:81%;background:linear-gradient(90deg,#5bdddc88,#31aea866,transparent)}
.fallback-screen-data .fallback-bars:last-child{width:56%}
.fallback-screen-rear{position:absolute;top:1%;left:7%;width:86%;height:76%;border:8px solid #344f58;border-radius:9px;background:linear-gradient(140deg,#20323c,#070f15 68%);transform:translateZ(-3px) rotateY(180deg) rotateX(7deg);transform-origin:bottom center;display:grid;place-items:center;backface-visibility:hidden}
.fallback-rear-symbol{border:1px solid #64d9ce;border-radius:4px;padding:5px 16px;color:#4ecfc5;font:46px ui-monospace,monospace}
.fallback-deck{height:36%;width:100%;bottom:0;left:0;transform-origin:center top;transform:translateZ(11px) perspective(850px) rotateX(57deg);background:linear-gradient(165deg,#2d4b55,#081921);border:2px solid #4b7881;box-shadow:0 18px 20px #0008;border-radius:3px 3px 16px 16px;padding:14px 6% 8px;display:grid;grid-template-rows:1fr 28%;gap:11px}
.fallback-keys{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(5,1fr);gap:4px}
.fallback-key{background:#0b2832;border:1px solid #4b777f;box-shadow:inset 0 1px #90bcc150;border-radius:2px}
.fallback-key:nth-child(13n){border-color:#3bb9b8}
.fallback-trackpad{border:1px solid #68979b66;background:#122d36;width:35%;margin:auto}
.fallback-scan-plane{position:absolute;top:-3%;bottom:-10%;left:0;width:7%;transform-style:preserve-3d;transform:translateX(-100%) rotateY(70deg);background:linear-gradient(90deg,transparent,#73fff1a3,rgba(77,232,223,.23),transparent);box-shadow:0 0 18px #36dcc988;animation:fallback-plane-pass 25s linear infinite;pointer-events:none}
@keyframes fallback-laptop-orbit{0%{transform:perspective(1000px) rotateX(7deg) rotateY(-19deg)}100%{transform:perspective(1000px) rotateX(7deg) rotateY(341deg)}}
@keyframes fallback-plane-pass{0%,2%{opacity:0;left:0%}3%{opacity:.85;left:0%}14%{opacity:.9;left:100%}15%,100%{opacity:0;left:100%}}
@media(prefers-reduced-motion:reduce){.laptop-static-fallback{animation:none!important;transform:perspective(1000px) rotateX(7deg) rotateY(-19deg)}.fallback-scan-plane{display:none}}
@media(max-width:680px){.laptop-static-fallback{inset:24% 9% 19%}.fallback-screen-data .fallback-screen-label{font-size:8px}.fallback-deck{gap:6px;padding:7px 5% 5px}.fallback-keys{gap:2px}}

/* RELEASE 10: laptop first-paint and animation cannot be suppressed by WebGL. */
.laptop-canvas-shell,#laptop-canvas{display:none!important}
.laptop-stage .laptop-static-fallback{display:block!important;visibility:visible!important;opacity:1!important;z-index:3}
.laptop-stage .laptop-static-fallback{filter:drop-shadow(0 30px 36px rgba(0,0,0,.85)) drop-shadow(0 0 26px rgba(49,211,206,.19))}
.laptop-stage .fallback-screen{background:linear-gradient(145deg,#05121c 0%,#0b3343 62%,#071923 100%);border-color:#4c727e;box-shadow:inset 0 0 25px #23e4d125,0 0 30px #10c7cb35}
.laptop-stage .fallback-deck{border-color:#518a93;background:linear-gradient(155deg,#334d57,#0a1c25 74%);box-shadow:inset 0 0 15px #33cbce1f,0 24px 30px #000a}
.laptop-stage .fallback-scan-plane{z-index:5}
.laptop-stage .laptop-hud{z-index:5}
.laptop-stage.is-offscreen .laptop-static-fallback,.laptop-stage.is-offscreen .fallback-scan-plane{animation-play-state:paused!important}
.laptop-stage.is-scanning .laptop-hud i{background:#6afbf2}
@media(prefers-reduced-motion:reduce){.laptop-stage .laptop-static-fallback{animation:none!important;transform:perspective(1000px) rotateX(7deg) rotateY(-19deg)!important}.laptop-stage .fallback-scan-plane{display:none!important}}


/* October 28 — visible solid-body laptop. CSS front/back/sides/underside, no WebGL. */
.laptop-3d-world{position:absolute;inset:11% 4% 13%;z-index:3;perspective:1050px;transform-style:preserve-3d;pointer-events:none}
.solid-laptop{--device-w:440px;--device-h:345px;position:absolute;width:min(var(--device-w),90%);aspect-ratio:440/345;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-8deg) rotateY(-27deg);animation:solid-rotate 42s linear infinite;filter:drop-shadow(0 28px 21px rgba(0,0,0,.55))}
@keyframes solid-rotate{0%{transform:translate(-50%,-50%) rotateX(-9deg) rotateY(-27deg)}25%{transform:translate(-50%,-50%) rotateX(-5deg) rotateY(63deg)}50%{transform:translate(-50%,-50%) rotateX(-8deg) rotateY(153deg)}75%{transform:translate(-50%,-50%) rotateX(-5deg) rotateY(243deg)}100%{transform:translate(-50%,-50%) rotateX(-9deg) rotateY(333deg)}}
.screen-shell,.deck-shell{position:absolute;transform-style:preserve-3d}
.screen-shell{width:84%;height:67%;left:8%;top:2%;transform:translateZ(-22px) rotateX(-6deg);transform-origin:50% 100%}
.screen-face,.screen-wall,.deck-face,.deck-wall{position:absolute;display:block;backface-visibility:hidden}
.screen-face{inset:0;border-radius:12px 12px 5px 5px;overflow:hidden}
.screen-front{transform:translateZ(12px);border:12px solid #4b7784;background:#071c28;box-shadow:inset 0 0 0 2px #08121a,inset 0 0 40px #1bf2db20,0 0 22px rgba(66,202,203,.12)}
.screen-back{transform:rotateY(180deg) translateZ(12px);border:12px solid #304a55;background:linear-gradient(145deg,#253f4c 0%,#08151d 36%,#172b33 76%,#344f5a);box-shadow:inset 0 0 3px #83c7c9,0 0 25px #0008}
.rear-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;border:2px solid #4cd3c7;display:grid;place-items:center;font:bold 50px ui-monospace,monospace;color:#62e4d5;box-shadow:inset 0 0 24px #27cfbf55,0 0 32px #27cfbf40;text-shadow:0 0 18px #27c8b4}
.rear-caption{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#94bbc1;font:10px ui-monospace,monospace;letter-spacing:.17em}
.screen-wall{background:linear-gradient(90deg,#172b35,#74a1a9 46%,#1d313a);border:1px solid #4e7880}
.screen-wall-top{left:0;top:-12px;width:100%;height:24px;transform:rotateX(90deg);border-radius:5px 5px 0 0}
.screen-wall-bottom{left:0;bottom:-12px;width:100%;height:24px;transform:rotateX(90deg)}
.screen-wall-left{left:-12px;top:0;height:100%;width:24px;transform:rotateY(-90deg)}
.screen-wall-right{right:-12px;top:0;height:100%;width:24px;transform:rotateY(90deg)}
.screen-content{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#04131c,#0b2b39 66%,#06131b);display:flex;flex-direction:column;box-shadow:inset 0 0 25px #13efdb17}
.screen-topbar{display:flex;justify-content:space-between;padding:9px 11px 7px;background:#112f3b;border-bottom:1px solid #3c6671;color:#89dad3;font:9px ui-monospace,monospace;white-space:nowrap}
.screen-topbar span:last-child{color:#48e2cc;font-size:8px}
.screen-workspace{display:grid;grid-template-columns:17% 1fr;flex:1;min-height:0;padding:8px;gap:8px}
.screen-sidebar{background:#051820;border:1px solid #204d59;display:flex;flex-direction:column;gap:9px;padding:9px 6px}
.screen-sidebar i{height:5px;width:100%;background:linear-gradient(90deg,#51b5bd,#154552);border-radius:1px}.screen-sidebar i:nth-child(3n){width:65%;background:#5bdfd0}
.screen-charts{display:grid;grid-template-rows:3fr 1fr;gap:8px;min-width:0;min-height:0}
.screen-graph{position:relative;min-height:0;border:1px solid #2e6971;background:repeating-linear-gradient(0deg,#153d491f 0 1px,transparent 1px 20px),repeating-linear-gradient(90deg,#153d4940 0 1px,transparent 1px 20px),radial-gradient(ellipse at 58% 51%,#1e687044,transparent 70%)}
.screen-graph-line{position:absolute;inset:18% 5%;background:#55e7d7;clip-path:polygon(0 58%,10% 32%,20% 55%,34% 24%,43% 37%,55% 11%,67% 42%,79% 20%,89% 43%,100% 14%,100% 18%,89% 47%,79% 24%,67% 46%,55% 15%,43% 41%,34% 28%,20% 59%,10% 36%,0 62%);filter:drop-shadow(0 0 10px #55e7d7)}
.graph-node{position:absolute;width:7px;height:7px;border:1px solid #78f6eb;background:#62dacf;border-radius:50%;box-shadow:0 0 8px #52ecdb}.graph-node.n1{top:33%;left:16%}.graph-node.n2{top:24%;left:50%}.graph-node.n3{top:44%;left:86%}
.screen-mini{display:flex;gap:8px;padding:0}.screen-mini span{width:33%;border:1px solid #245e66;background:repeating-linear-gradient(90deg,#167e8170 0 4px,transparent 4px 10px),linear-gradient(#061d26,#103a45)}
.screen-status{display:flex;justify-content:space-between;padding:4px 10px 5px;background:#0a2632;border-top:1px solid #21535c;color:#59cbbf;font:8px ui-monospace,monospace}
.deck-shell{width:94%;height:39%;left:3%;top:67%;transform:translateZ(10px) rotateX(64deg);transform-origin:50% 0}
.deck-face{inset:0;border-radius:4px 4px 15px 15px;overflow:hidden}
.deck-top{transform:translateZ(15px);padding:12px 8% 6px;border:4px solid #547b86;background:linear-gradient(145deg,#35535f,#0e2731 58%,#05121a);box-shadow:inset 0 2px 12px #8acece31}
.keyboard-layout{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(5,1fr);gap:3px;height:61%;padding:2px 0}
.keyboard-layout i{border:1px solid #436a76;border-radius:2px;background:linear-gradient(#123644,#071923);box-shadow:inset 0 1px #7eb6bc5a}
.keyboard-layout i:nth-child(13n){border-color:#3ab5ad}
.deck-trackpad{width:36%;height:30%;margin:5px auto 0;border:1px solid #6f9899;background:linear-gradient(155deg,#183640,#102b34);border-radius:4px}
.deck-underside{transform:rotateY(180deg) translateZ(15px);border:4px solid #486471;background:linear-gradient(145deg,#152a34,#07121a 70%,#334c56);display:flex;align-items:center;justify-content:space-around;padding:22px}
.deck-rubber{height:66%;width:5px;background:#050c10;border-radius:6px}.deck-vents{width:55%;height:50%;background:repeating-linear-gradient(90deg,#35515d 0 2px,transparent 2px 7px)}
.deck-wall{background:linear-gradient(180deg,#7eabb0,#243c46 65%,#08141d);border:1px solid #527983}
.deck-wall-front{left:0;top:calc(100% - 15px);width:100%;height:30px;transform:rotateX(-90deg);border-radius:0 0 9px 9px}
.front-notch{width:20%;height:3px;border-radius:0 0 6px 6px;background:#0b202a;margin:7px auto}
.deck-wall-back{left:0;top:-15px;width:100%;height:30px;transform:rotateX(90deg)}
.deck-wall-left{left:-15px;top:0;width:30px;height:100%;transform:rotateY(-90deg);display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}
.deck-wall-right{right:-15px;top:0;width:30px;height:100%;transform:rotateY(90deg)}
.deck-wall-left span,.deck-wall-right span{display:block;width:13px;height:4px;background:#06121a;border:1px solid #8ab2b5}
.device-hinge{position:absolute;top:67%;width:12%;height:11px;transform:translateZ(13px);border:1px solid #7d9ca7;border-radius:8px;background:linear-gradient(90deg,#102731,#72979c,#1d3540)}
.hinge-left{left:11%}.hinge-right{right:11%}
.laptop-scan-plane{position:absolute;inset:9% auto 4% 0;width:7%;opacity:0;pointer-events:none;transform:translateZ(55px) rotateY(72deg);background:linear-gradient(90deg,transparent,#65fff2aa 45%,#2de9d377 55%,transparent);box-shadow:0 0 27px #2cebe599;animation:solid-device-scan 25s linear infinite}
@keyframes solid-device-scan{0%,2%{left:-13%;opacity:0}3%{left:-12%;opacity:.9}13%{left:110%;opacity:.86}14%,100%{left:112%;opacity:0}}
.laptop-stage.is-scanning .laptop-orbit{border-color:#59ead542}
.laptop-stage.is-offscreen .solid-laptop,.laptop-stage.is-offscreen .laptop-scan-plane{animation-play-state:paused!important}
@media(max-width:1280px){.solid-laptop{--device-w:390px}}
@media(max-width:680px){.laptop-3d-world{inset:16% 0 11%;perspective:850px}.solid-laptop{--device-w:320px}.screen-front{border-width:8px}.screen-topbar{font-size:6px}.screen-status{font-size:6px}.screen-shell{height:66%}.screen-content{min-width:0}.laptop-hud{z-index:5}}
@media(max-height:480px) and (orientation:landscape){.laptop-3d-world{inset:16% 4% 12%}.solid-laptop{--device-w:290px}}
@media(prefers-reduced-motion:reduce){.solid-laptop{animation:none!important;transform:translate(-50%,-50%) rotateX(-9deg) rotateY(-27deg)!important}.laptop-scan-plane{display:none!important}}
/* Website-wide pointer prints: subtle, small, three visible max, fixed to viewport. */
#sitewide-fingerprint-layer{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden;contain:layout style;isolation:isolate}
.sitewide-fingerprint{position:absolute;top:var(--print-y);left:var(--print-x);width:30px;height:35px;opacity:0;transform:translate(-50%,-50%);pointer-events:none;background:url('cursor-print.svg') center/contain no-repeat;filter:drop-shadow(0 0 5px #4ae5d565);animation:site-print-appear 1.05s ease-out both}
@keyframes site-print-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.75) rotate(var(--print-angle))}7%{opacity:.69;transform:translate(-50%,-50%) scale(1) rotate(var(--print-angle))}36%{opacity:.48}75%{opacity:.16}100%{opacity:0;transform:translate(-50%,-50%) scale(1.09) rotate(var(--print-angle))}}
@media(prefers-reduced-motion:reduce){#sitewide-fingerprint-layer{display:none!important}.sitewide-fingerprint{animation:none!important}}
/* Do not flatten the 3D children: a filter on the rotating parent would erase depth and expose mirrored faces. */
.solid-laptop{filter:none!important}

/* ━━━ Scan v4: mechanically aligned hinge, longer sweep, forensic demo stream ━━━ */
/* Both parts pivot at exactly the same hinge seam and depth; no floating gap in edge view. */
.screen-shell{
  top:0!important;
  height:67%!important;
  transform-origin:50% 100%;
  transform:translateZ(11px) rotateX(-12deg)!important;
}
.deck-shell{
  top:67%!important;
  transform-origin:50% 0;
  transform:translateZ(11px) rotateX(64deg)!important;
}
.device-hinge{
  top:calc(67% - 5px)!important;
  height:13px!important;
  transform:translateZ(17px)!important;
  background:linear-gradient(180deg,#85b2b8 0%,#325862 45%,#071620 100%);
  border-color:#749da4;
  box-shadow:0 0 3px #77d6d255;
}
/* A visible shared hinge spine makes the side-view joint legible at 90-degree rotation. */
.device-hinge-spine{
  position:absolute;top:calc(67% - 2px);left:8%;width:84%;height:7px;
  background:linear-gradient(180deg,#7cabb3,#203c48 65%,#0a1b25);
  border:1px solid #4b7580;border-radius:5px;
  transform:translateZ(7px);backface-visibility:visible;
}
/* More physical connection at the screen base rather than an independent floating display. */
.screen-wall-bottom{background:linear-gradient(180deg,#719da4,#17303a);border-color:#6d929b}
/* Each scan pass crosses for about 8.5s, then resets within an 11s continuous loop. */
.laptop-scan-plane{
  width:13%;
  background:linear-gradient(90deg,transparent 0%,rgba(59,241,227,.12) 12%,rgba(151,255,247,.88) 42%,rgba(255,255,255,.9) 50%,rgba(66,239,219,.42) 60%,rgba(59,241,227,.12) 76%,transparent 100%);
  box-shadow:0 0 24px rgba(76,241,222,.7),0 0 62px rgba(47,222,215,.32),0 0 120px rgba(45,233,211,.14);
  animation:solid-device-scan-slow 11s linear infinite!important;
}
.laptop-scan-plane:before{content:"";position:absolute;inset:-10% -18%;background:linear-gradient(90deg,transparent,rgba(117,255,244,.22) 45%,rgba(117,255,244,.08) 58%,transparent 100%);filter:blur(14px);}
.laptop-scan-plane:after{content:"";position:absolute;inset:-2% 0;left:47%;width:4px;background:#f1fffe;box-shadow:0 0 18px #b6fff8,0 0 36px #69fff1,0 0 58px #40e9dc}
@keyframes solid-device-scan-slow{
  0%,4.9%{left:-13%;opacity:0}
  5%{left:-13%;opacity:.88}
  82.3%{left:111%;opacity:.95}
  85%,100%{left:112%;opacity:0}
}
.screen-live-feed{
  position:absolute;inset:12% 5%;z-index:3;
  display:flex;flex-direction:column;min-height:0;overflow:hidden;
  background:linear-gradient(160deg,rgba(2,15,22,.95),rgba(3,28,38,.89));
  border:1px solid rgba(90,217,215,.40);
  box-shadow:inset 0 0 24px #4acfcf16,0 0 14px #06151dcc;
  color:#9cd9d6;font:8px/1.5 'DejaVu Sans Mono',ui-monospace,monospace;
  letter-spacing:.025em;backface-visibility:hidden;
}
.screen-feed-top{display:flex;justify-content:space-between;gap:8px;white-space:nowrap;
  border-bottom:1px solid #28616c;background:#0d3540;padding:4px 7px;
  color:#7ee8de;font-size:7px}
.feed-activity{color:#8eabad}.laptop-stage.is-scanning .feed-activity{color:#7ffff0;text-shadow:0 0 8px #55f9e1}
.screen-feed-lines{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;padding:4px 7px;gap:2px;overflow:hidden}
.feed-row{display:grid;grid-template-columns:17px minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:center;white-space:nowrap;min-width:0;opacity:.85;border-bottom:1px solid #22545a44}
.feed-row span{overflow:hidden;text-overflow:clip;min-width:0}
.feed-row span:first-child{color:#428d9a}
.feed-row span:last-child{color:#56e5d4;text-align:right}
.feed-row.feed-fresh{animation:feed-line-pop .27s ease-out both}
@keyframes feed-line-pop{0%{background:#37dccd44;opacity:.4;transform:translateX(-7px)}100%{opacity:1;transform:translateX(0);background:transparent}}
.screen-feed-cursor{position:absolute;bottom:2px;left:7px;width:4px;height:2px;background:#7dfcf1;opacity:0}
.laptop-stage.is-scanning .screen-feed-cursor{opacity:1;animation:terminal-caret .36s steps(1) infinite}
@keyframes terminal-caret{50%{opacity:0}}
.laptop-stage.is-scanning .screen-front{box-shadow:inset 0 0 0 2px #08121a,inset 0 0 54px #1bf2db40,0 0 42px rgba(66,222,208,.34),0 0 90px rgba(66,222,208,.12)}
.laptop-stage.is-scanning .screen-face.screen-front::after{content:"";position:absolute;inset:-3%;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(102,255,240,.07),transparent 62%);mix-blend-mode:screen}
@media(max-width:680px){
  .screen-live-feed{font-size:6px;inset:12% 3%}
  .screen-feed-top{font-size:5px;padding:2px 3px}
  .screen-feed-lines{padding:2px 4px}
  .feed-row{grid-template-columns:11px minmax(0,1fr) minmax(0,1fr);gap:2px}
  .device-hinge-spine{height:5px}
}
@media(prefers-reduced-motion:reduce){
  .laptop-scan-plane{display:none!important;animation:none!important}
  .feed-row{animation:none!important}
  .screen-feed-cursor{animation:none!important;opacity:0!important}
}
/* Editorial Homepage v2 — section order and factual content retained. Scoped to homepage. */
body[data-page="home"] .editorial-v2{position:relative;overflow:clip}
body[data-page="home"] .editorial-v2 h2 em{font-style:normal;color:var(--electric,#60dbd0)}
body[data-page="home"] .intro-section{padding:clamp(92px,11vw,160px) 0 115px!important;background:#08171e!important}
.intro-reframed{position:relative;isolation:isolate}
.intro-overline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3d777b;padding-top:18px}
.intro-overline .index-number{font:300 46px/1 ui-monospace,monospace;color:#2b6670}
.intro-statement{font-size:clamp(34px,4.8vw,56px)!important;letter-spacing:-.05em;line-height:1.02!important;margin:42px 0 58px!important;max-width:760px}
.intro-below{margin-left:clamp(10px,15vw,210px);display:grid;grid-template-columns:160px minmax(0,680px);gap:clamp(30px,5vw,85px);align-items:start}
.intro-lower-copy{padding:22px 0 0;border-top:1px solid #36636b}
.intro-lower-copy .lede{font-size:clamp(16px,1.5vw,19px);line-height:1.8;margin:0 0 24px}
.intro-connector{display:flex;flex-direction:column;align-items:center;gap:10px;height:235px;color:#7bb9b7}
.intro-connector-head{width:17px;height:17px;border:1px solid var(--teal);border-radius:50%;box-shadow:0 0 0 7px #54d6cf14}
.intro-connector-line{width:1px;flex:1;background:linear-gradient(var(--teal),transparent)}
.intro-connector-foot{font:9px ui-monospace,monospace;writing-mode:vertical-rl;letter-spacing:.17em}
.intro-running-line{margin-top:70px;border-top:1px solid #1c4851;display:flex;justify-content:space-between;padding-top:15px;color:#6d969d;font:11px ui-monospace,monospace;letter-spacing:.2em}
body.motion-ready .intro-connector-line{transform-origin:top;transform:scaleY(.05);transition:transform 1.4s 300ms ease}
body.motion-ready .intro-reframed:has(.intro-lower-copy.is-visible) .intro-connector-line{transform:scaleY(1)}

/* Collection: one dominant folio, two narrow notes, one horizontal dossier. */
body[data-page="home"] .featured-section{padding:120px 0 135px!important;background:#040f14!important}
.gallery-intro{position:relative;padding:0 0 64px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px}
.gallery-intro .kicker{grid-column:1/-1}.gallery-intro h2{font-size:clamp(51px,6vw,91px)!important;line-height:1.02;margin:0;letter-spacing:-.06em}
.gallery-intro .section-deck{margin:0 0 16px;align-self:end;color:#a8c8cb;font-size:18px}
.gallery-intro .inline-link{grid-column:2;justify-self:start;align-self:start}
body[data-page="home"] .course-index.featured-mosaic{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:auto auto;gap:16px;align-items:stretch}
.featured-mosaic .dossier-card{border-radius:0!important;min-width:0!important;min-height:0!important;box-shadow:none;display:flex;flex-direction:column}
.featured-mosaic .dossier-card:nth-child(1){grid-column:1/7;grid-row:1/3}
.featured-mosaic .dossier-card:nth-child(2){grid-column:7/10;grid-row:1}
.featured-mosaic .dossier-card:nth-child(3){grid-column:10/13;grid-row:1}
.featured-mosaic .dossier-card:nth-child(4){grid-column:7/13;grid-row:2;display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);grid-template-rows:auto minmax(0,1fr)}
.featured-mosaic .dossier-card:nth-child(4) .card-topline{grid-column:1/-1}
.featured-mosaic .dossier-card:nth-child(4) .cover-frame{grid-column:1;grid-row:2;min-height:0;display:grid;align-items:center}
.featured-mosaic .dossier-card:nth-child(4) .card-body{grid-column:2;grid-row:2;justify-content:center}
.featured-mosaic .dossier-card:nth-child(1) .cover-frame{display:grid;place-items:center;flex:1}
.featured-mosaic .dossier-card:nth-child(1) .cover{width:min(86%,430px);max-height:680px}
.featured-mosaic .dossier-card:nth-child(2) .cover,.featured-mosaic .dossier-card:nth-child(3) .cover{max-height:275px}
.featured-mosaic .dossier-card:nth-child(4) .cover{max-height:340px}
.featured-mosaic .card-heading{flex-wrap:wrap;gap:6px}
.featured-mosaic .card-body{min-width:0;padding:18px}
.featured-mosaic .card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.featured-mosaic .dossier-card:nth-child(1) .card-body p,.featured-mosaic .dossier-card:nth-child(4) .card-body p{-webkit-line-clamp:unset;display:block}
.featured-mosaic .dossier-card .cover{object-fit:contain;width:100%;height:auto;aspect-ratio:4/5}
.featured-mosaic .dossier-card:hover{transform:translateY(-5px)}
body.motion-ready .featured-mosaic .dossier-card{transition-delay:calc((var(--mosaic-order,0))*130ms)}
.featured-mosaic .dossier-card:nth-child(1){--mosaic-order:0}.featured-mosaic .dossier-card:nth-child(2){--mosaic-order:1}.featured-mosaic .dossier-card:nth-child(3){--mosaic-order:2}.featured-mosaic .dossier-card:nth-child(4){--mosaic-order:3}
.featured-mosaic-shell .index-foot{margin-top:28px}

/* A wide, horizontal evidence plate with its statement above it. */
body[data-page="home"] .evidence-section{padding:125px 0!important;background:#0a2027!important}
.evidence-wide{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}
.evidence-wide::after{display:none}
.evidence-wide .evidence-banner-head{padding:0 0 18px}
.evidence-wide .evidence-banner-copy{max-width:none;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;padding:64px 0 38px}
.evidence-wide .evidence-banner-copy h2{margin:0;font-size:clamp(60px,7vw,108px)!important;line-height:.98;letter-spacing:-.06em}
.evidence-wide .evidence-banner-copy em{font-style:normal;color:var(--teal)}
.evidence-wide .evidence-banner-copy p{max-width:400px;margin:0 0 8px;justify-self:end}
.evidence-panorama{min-height:310px!important;background:#06151c;border:1px solid #31606b;padding:10px 20px 26px;overflow:hidden!important;position:relative}
.evidence-panorama img{position:relative;z-index:1;width:100%;height:auto;min-height:230px;max-height:360px;object-fit:contain}
.evidence-panorama .evidence-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:2;margin-top:-10px;color:#96d4d0;font:10px ui-monospace,monospace;text-align:center;letter-spacing:.09em}
.evidence-wide .evidence-foot{margin-top:20px;border-top:1px solid #35616a;padding:17px 0 0;align-items:center}
.evidence-wide .trace-sweep{left:-25%;top:0;width:20%;height:100%;background:linear-gradient(90deg,transparent,#60efe819,transparent);box-shadow:none}

/* Mission: one monumental statement, context below; orbit is background diagram. */
body[data-page="home"] .mission-section{padding:155px 0 130px!important;background:#030c11!important}
.mission-stage{min-height:660px;position:relative;isolation:isolate}
.mission-bar{display:flex;justify-content:space-between;border-top:1px solid #3b6d72;padding-top:17px;color:#759ca2}
.mission-bar .rotated-index{writing-mode:initial}
.mission-text{position:relative;z-index:2;margin-top:96px}
.mission-text h2{font-size:clamp(75px,10vw,154px)!important;line-height:.94;letter-spacing:-.078em;margin:0}
.mission-text h2 i{font-style:normal;color:#5ff0de}
.mission-text .massive-quote{left:-35px;top:-88px}
.mission-orbit-large{position:absolute;right:2%;top:10%;width:380px;height:380px;opacity:.64;pointer-events:none}
.mission-orbit-large .mission-orbit{width:100%;height:100%;border-color:#285661}
.mission-ending{position:relative;z-index:2;margin:115px 0 0 auto;display:grid;grid-template-columns:70px minmax(0,530px);gap:30px;max-width:640px;border-top:1px solid #397a7b;padding-top:28px}
.mission-crosshair{font-size:56px;font-weight:200;color:#4bafad;line-height:1}
.mission-ending p{font-size:17px;line-height:1.85;color:#bfd3d5;margin:0 0 20px}
body.motion-ready .mission-stage.is-visible .mission-orbit::before{animation:orbit-turn 24s linear infinite}
body.motion-ready .mission-stage.is-visible .mission-orbit::after{animation:orbit-turn 16s linear infinite reverse}

/* Principles as a zigzagging case index, not four adjacent rectangles. */
body[data-page="home"] .protocol-section{padding:110px 0 155px!important;background:#081b22!important}
.principles-intro h2{font-size:clamp(54px,7vw,100px)!important;letter-spacing:-.06em;line-height:1.03;margin:23px 0 60px}
.stepped-principles{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px 25px;border:none!important;position:relative}
.stepped-principles .principle-spine{grid-column:6/8;grid-row:1/5;position:absolute;left:50%;top:4%;bottom:3%;width:1px;background:linear-gradient(#2bb0a8,#42666c 40%,#2bb0a8);transform:rotate(13deg);opacity:.58;pointer-events:none}
.stepped-principles .protocol{grid-column:1/7;min-height:0;padding:28px 30px 36px!important;border:0!important;border-top:1px solid #459995!important;border-radius:0;background:linear-gradient(140deg,#0f2a32,#0a1b23);z-index:1;position:relative}
.stepped-principles .protocol:nth-of-type(2){grid-column:7/13;margin-top:130px}
.stepped-principles .protocol:nth-of-type(3){grid-column:2/8;margin-top:-22px}
.stepped-principles .protocol:nth-of-type(4){grid-column:8/13;margin-top:145px}
.stepped-principles .protocol::before{content:'+';position:absolute;top:-17px;right:10px;color:#70ddd5;font:24px monospace}
.stepped-principles .protocol h3{font-size:clamp(22px,2.4vw,31px);letter-spacing:-.01em}
.stepped-principles .protocol p{max-width:360px}
.stepped-principles .protocol-rule{margin:25px 0}

/* One winding vertical journey; three stops, alternate alignment. */
body[data-page="home"] .path-section{padding:118px 0 132px!important;background:#030f15!important}
.route-header{max-width:910px;margin-bottom:35px}
.route-header h2{font-size:clamp(57px,7vw,103px)!important;letter-spacing:-.06em;line-height:1.06;margin:18px 0 25px}
.route-header .inline-link{display:inline-flex;margin-top:14px}
.winding-paths{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:0;align-items:start;position:relative;padding:45px 0 70px}
.winding-paths .journey-route{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;z-index:0;overflow:visible}
.journey-route path{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}
.journey-route-muted{stroke:#296a6a;opacity:.55;stroke-dasharray:2 9}
.journey-route-active{stroke:#74ede0;filter:drop-shadow(0 0 5px #42dcd6);stroke-dasharray:1;stroke-dashoffset:1;opacity:.92}
.winding-paths .journey-glow{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#c8fffb 0%,#84fff3 32%,rgba(116,237,224,.35) 58%,transparent 72%);box-shadow:0 0 18px rgba(116,237,224,.8),0 0 38px rgba(66,220,214,.35);pointer-events:none;z-index:1;opacity:0;transform:translate(-50%,-50%);}
body.motion-ready .winding-paths.is-visible .journey-glow{opacity:1;animation:journey-glow-travel 7s linear infinite;}
@keyframes journey-glow-travel{0%{offset-distance:0%}100%{offset-distance:100%}}
.winding-paths .pathway{grid-column:1/8;z-index:2;position:relative;background:#09232bdf!important;min-height:260px;margin:0 0 85px;box-shadow:0 35px 70px #0006;border-top:2px solid #60c1b7}
.winding-paths .pathway:nth-of-type(2){grid-column:6/13;margin-top:115px}
.winding-paths .pathway:nth-of-type(3){grid-column:2/9;margin-top:65px;margin-bottom:0}
.winding-paths .pathway::after{display:none}
.winding-paths .pathway-head{background:transparent}
.winding-paths .pathway ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.winding-paths .pathway li{min-width:0}
.winding-paths .pathway h3{font-size:clamp(31px,4vw,48px)}
.winding-paths .pathway:hover{border-color:#76eee0}

/* Actual guide pages as overlapping specimen artifacts. */
body[data-page="home"] .specimen-section{padding:120px 0!important;background:#0a2229!important}
.specimen-editorial{background:#0b2027!important;border:1px solid #477b7a}
.specimen-editorial .specimen-grid{grid-template-columns:58% 42%;min-height:690px;align-items:center}
.document-stack{min-width:0;position:relative;height:645px;overflow:visible;perspective:1000px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 48%,#19444d,#07161e 69%);border-right:1px solid #37606a}
.document-page{position:absolute;object-fit:contain;height:auto;width:51%;aspect-ratio:595/842;max-height:550px;box-shadow:0 18px 52px #000c;border:1px solid #e4f2f3;transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-origin:bottom center}
.document-page-back{z-index:1;transform:translate(-35%,-2%) rotate(-14deg)}
.document-page-front{z-index:2;transform:translate(26%,4%) rotate(8deg)}
.specimen-editorial:hover .document-page-back{transform:translate(-42%,-3%) rotate(-17deg)}
.specimen-editorial:hover .document-page-front{transform:translate(29%,1%) rotate(11deg)}
.document-mark{position:absolute;left:25px;bottom:22px;z-index:3;color:#86c8c6;font:11px ui-monospace,monospace;letter-spacing:.1em}
.specimen-editorial .specimen-copy{padding:40px clamp(28px,3.5vw,60px)}
.specimen-editorial .specimen-copy h2{font-size:clamp(46px,5vw,78px)!important;letter-spacing:-.06em;line-height:1}
.specimen-editorial .specimen-list{grid-template-columns:1fr}
.specimen-editorial .specimen-list div{padding:11px 14px}
.specimen-editorial .specimen-scanline{z-index:4;left:11%;right:10%;opacity:0}

/* Three case files with independent widths and stepping, not an equal card row. */
body[data-page="home"] .casefile-section{padding:125px 0 120px!important;background:#041319!important}
.cases-heading{max-width:800px;margin-bottom:45px}
.cases-heading h2{font-size:clamp(68px,8vw,118px)!important;line-height:.96;letter-spacing:-.068em;margin:20px 0 22px}
.cases-staggered{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:0;border:0!important;align-items:start;position:relative}
.cases-staggered::before{content:"";position:absolute;inset:0 10%;background:linear-gradient(165deg,transparent 20%,#277777 42%,transparent 65%);width:1px;left:50%;transform:rotate(-17deg);pointer-events:none}
.cases-staggered .casefile{grid-column:1/8;border:1px solid #33646b!important;background:#0a232c!important;min-height:270px!important;padding:25px 34px!important;position:relative;z-index:1}
.cases-staggered .casefile:nth-child(2){grid-column:6/13;margin-top:-10px}
.cases-staggered .casefile:nth-child(3){grid-column:2/10;margin-top:42px}
.cases-staggered .casefile-glyph{position:absolute;top:10px;right:35px;font-size:95px;height:auto;color:#5ed7cf25}
.cases-staggered .casefile h3{font-size:clamp(23px,2.7vw,36px);max-width:75%;margin:26px 0 13px}
.cases-staggered .casefile p{max-width:590px;position:relative;z-index:2}
.cases-staggered .casefile-id{bottom:15px}
.cases-staggered .casefile:nth-child(2){background:#102f36!important}
.cases-staggered .casefile:nth-child(3){background:#08212b!important}
.cases-staggered + .casefile-foot{margin-top:50px}

/* Real Free Kit cover steps out of the closing call to action. */
body[data-page="home"] .free-section{padding:120px 0!important;background:#0e292f!important}
.free-artwork{grid-template-columns:minmax(0,1fr) minmax(280px,35%);min-height:575px;overflow:visible!important;isolation:isolate}
.free-artwork .free-copy{padding:55px 2vw 55px 4vw}
.free-artwork .free-copy h2{font-size:clamp(83px,9vw,140px)!important}
.free-visual{position:relative;display:grid;place-items:center;align-content:center;min-width:0}
.free-cover-echo{position:absolute;z-index:-1;inset:18% 3% 15% 20%;border:1px solid #55cfca;background:linear-gradient(150deg,#1d5a60a8,#081821);transform:rotate(7deg)}
.free-visual img{display:block;width:min(75%,270px);height:auto;aspect-ratio:4/5;object-fit:contain;transform:rotate(-8deg);border:1px solid #64cecb;box-shadow:0 35px 70px #0009;transition:transform .65s ease}
.free-artwork:hover .free-visual img{transform:rotate(-3deg) translateY(-12px)}
.free-visual span{margin-top:40px;color:#8de1d9;font:10px ui-monospace,monospace;letter-spacing:.12em;text-align:center}

/* Quiet typographic final questions and single-column accordion. */
body[data-page="home"] .faq-section{padding:130px 0!important;background:#07141a!important}
.faq-final .faq-lead{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 55px;align-items:end;border-bottom:1px solid #397377;padding-bottom:42px}
.faq-final .faq-lead .kicker{grid-column:1/-1}
.faq-final .faq-lead h2{font-size:clamp(54px,7vw,96px)!important;line-height:1;letter-spacing:-.055em;margin:22px 0 0}
.faq-final .faq-lead p{margin:0 0 12px;justify-self:end}
.faq-final .faq-preview{margin:55px 0 0 auto;width:min(87%,1030px);max-width:none}
.faq-final .faq-preview summary{font-size:clamp(16px,2vw,22px)}
.faq-end{display:flex;justify-content:space-between;gap:25px;max-width:1030px;margin:25px 0 0 auto;color:#8eb3b8;font:11px ui-monospace,monospace}

/* Tablet adaptation: asymmetry remains, but avoid compressed narrow folios. */
@media(max-width:1099px){
 .gallery-intro h2{font-size:65px!important}.featured-mosaic .dossier-card:nth-child(1){grid-column:1/7}
 .featured-mosaic .dossier-card:nth-child(2){grid-column:7/13;grid-row:1}
 .featured-mosaic .dossier-card:nth-child(3){grid-column:7/13;grid-row:2}
 .featured-mosaic .dossier-card:nth-child(4){grid-column:1/13;grid-row:3;grid-template-columns:45% 55%}
 .evidence-wide .evidence-banner-copy{gap:23px}.evidence-wide .evidence-banner-copy h2{font-size:65px!important}
 .mission-orbit-large{width:270px;height:270px;right:0;top:15%}
 .specimen-editorial .specimen-grid{grid-template-columns:53% 47%}.document-stack{height:570px}
 .winding-paths .pathway{grid-column:1/10}.winding-paths .pathway:nth-of-type(2){grid-column:4/13}.winding-paths .pathway:nth-of-type(3){grid-column:2/11}
}
/* On narrow screens, vary section type and alignment without clipping content. */
@media(max-width:700px){
 body[data-page="home"] .editorial-v2{overflow:hidden}
 body[data-page="home"] .intro-section,body[data-page="home"] .featured-section,body[data-page="home"] .evidence-section,body[data-page="home"] .mission-section,body[data-page="home"] .protocol-section,body[data-page="home"] .path-section,body[data-page="home"] .specimen-section,body[data-page="home"] .casefile-section,body[data-page="home"] .free-section,body[data-page="home"] .faq-section{padding:76px 0!important}
 .intro-overline .index-number{font-size:28px}.intro-statement{font-size:clamp(34px,9vw,44px)!important;margin:42px 0!important}
 .intro-below{margin-left:0;grid-template-columns:19px minmax(0,1fr);gap:20px}.intro-connector{height:260px}.intro-running-line{font-size:8px;letter-spacing:.02em;margin-top:50px}
 .gallery-intro{grid-template-columns:1fr;padding-bottom:35px}.gallery-intro .kicker,.gallery-intro .inline-link{grid-column:1}
 .gallery-intro h2{font-size:clamp(48px,12vw,76px)!important}.gallery-intro .section-deck{margin:6px 0 0}
 body[data-page="home"] .course-index.featured-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 .featured-mosaic .dossier-card:nth-child(1){grid-column:1/3;grid-row:1}
 .featured-mosaic .dossier-card:nth-child(2){grid-column:1;grid-row:2}
 .featured-mosaic .dossier-card:nth-child(3){grid-column:2;grid-row:2}
 .featured-mosaic .dossier-card:nth-child(4){grid-column:1/3;grid-row:3;grid-template-columns:42% 58%}
 .featured-mosaic .card-topline{padding:9px 10px;gap:5px;flex-wrap:wrap}.featured-mosaic .card-serial{font-size:9px}.featured-mosaic .id-tag{font-size:10px}
 .featured-mosaic .card-body{padding:12px}.featured-mosaic .course-row h3{font-size:clamp(15px,4vw,20px)}
 .featured-mosaic .course-row .price{font-size:17px}.featured-mosaic .card-body p{font-size:12px;line-height:1.45}
 .featured-mosaic .dossier-card:nth-child(2) .card-heading,.featured-mosaic .dossier-card:nth-child(3) .card-heading{display:block}
 .featured-mosaic .dossier-card:nth-child(1) .cover{max-height:490px}
 .featured-mosaic .dossier-card:nth-child(4) .cover{max-height:265px}
 .featured-mosaic .dossier-card:nth-child(2) .card-body p,.featured-mosaic .dossier-card:nth-child(3) .card-body p{display:none}
 .featured-mosaic .dossier-card:nth-child(4) .card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
 .featured-mosaic .dossier-card:nth-child(4) .cover-frame{padding:8px 3px}
 .featured-mosaic .card-bottom{font-size:10px}
 .evidence-wide .evidence-banner-head{flex-wrap:wrap;font-size:9px}.evidence-wide .evidence-banner-copy{display:block;padding:45px 0 25px}
 .evidence-wide .evidence-banner-copy h2{font-size:clamp(50px,10vw,68px)!important}.evidence-wide .evidence-banner-copy p{margin:25px 0 0}
 .evidence-panorama{min-height:235px!important;padding:8px 0 12px}.evidence-panorama img{min-height:190px;max-height:none}
 .evidence-panorama .evidence-labels{font-size:6px;letter-spacing:0;gap:4px;margin-top:2px}
 .evidence-wide .evidence-foot{font-size:9px}.evidence-wide .evidence-foot>span:last-child{display:none}
 .mission-stage{min-height:590px}.mission-text{margin-top:120px}.mission-text h2{font-size:clamp(67px,13vw,96px)!important}
 .mission-orbit-large{right:-100px;top:6%;width:240px;height:240px;opacity:.35}
 .mission-ending{margin-top:100px;grid-template-columns:32px minmax(0,1fr);gap:10px}.mission-crosshair{font-size:34px}.mission-ending p{font-size:15px}
 .principles-intro h2{font-size:clamp(48px,11vw,74px)!important}
 .stepped-principles{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:20px}
 .stepped-principles .principle-spine{grid-column:1/2;grid-row:1/5;left:45%;transform:none}
 .stepped-principles .protocol,.stepped-principles .protocol:nth-of-type(2),.stepped-principles .protocol:nth-of-type(3),.stepped-principles .protocol:nth-of-type(4){grid-column:2/7;margin:0;min-height:0;padding:20px!important}
 .stepped-principles .protocol:nth-of-type(2),.stepped-principles .protocol:nth-of-type(4){margin-left:18px}
 .route-header h2{font-size:clamp(46px,11vw,75px)!important}
 .winding-paths{grid-template-columns:repeat(6,minmax(0,1fr))!important;padding:35px 0}
 .winding-paths .journey-route{width:100%;opacity:.4}
 .winding-paths .pathway,.winding-paths .pathway:nth-of-type(2),.winding-paths .pathway:nth-of-type(3){grid-column:1/7;margin:0 0 55px;min-height:0;padding:20px}
 .winding-paths .pathway:nth-of-type(2){margin-left:22px}.winding-paths .pathway:nth-of-type(3){margin-right:17px}
 .winding-paths .pathway ul{grid-template-columns:1fr}.winding-paths .pathway h3{font-size:32px}
 .specimen-editorial .specimen-grid{grid-template-columns:1fr}.document-stack{height:430px;overflow:hidden;border-right:0;border-bottom:1px solid #3c6870}
 .document-page{max-height:380px;width:52%}.document-mark{font-size:9px;left:15px;bottom:10px}
 .specimen-editorial .specimen-copy{padding:35px 24px 42px}.specimen-editorial .specimen-copy h2{font-size:58px!important}
 .cases-heading h2{font-size:clamp(60px,13vw,80px)!important}
 .cases-staggered{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px}
 .cases-staggered .casefile,.cases-staggered .casefile:nth-child(2),.cases-staggered .casefile:nth-child(3){grid-column:1/7;margin:0;padding:22px!important;min-height:230px!important}
 .cases-staggered .casefile:nth-child(2){margin-left:20px}.cases-staggered .casefile:nth-child(3){margin-right:25px}
 .cases-staggered .casefile h3{font-size:24px}.cases-staggered .casefile-glyph{font-size:70px}
 .free-artwork{grid-template-columns:1fr;overflow:hidden!important}.free-artwork .free-copy{padding:35px 22px 15px}
 .free-artwork .free-copy h2{font-size:clamp(70px,16vw,112px)!important}
 .free-visual{padding:10px 25px 42px}.free-visual img{width:min(50%,230px)}.free-visual span{margin-top:24px}
 .faq-final .faq-lead{display:block;padding-bottom:32px}.faq-final .faq-lead h2{font-size:clamp(52px,11vw,85px)!important;margin:22px 0}.faq-final .faq-lead p{max-width:430px}
 .faq-final .faq-preview{width:100%;margin-top:26px}.faq-end{font-size:10px}
}
@media(max-width:380px){.featured-mosaic .dossier-card:nth-child(4){display:flex;grid-template-columns:none;grid-template-rows:none}.featured-mosaic .dossier-card:nth-child(4) .cover-frame,.featured-mosaic .dossier-card:nth-child(4) .card-body{grid-column:auto;grid-row:auto}.specimen-editorial .specimen-copy h2{font-size:51px!important}}
@media(prefers-reduced-motion:reduce){.document-page,.free-visual img{transition:none!important}.journey-route-active{stroke-dasharray:none!important;stroke-dashoffset:0!important}.intro-connector-line{transform:none!important}}
/* Final gallery refinement: keep the lead folio compact instead of leaving empty card space. */
@media(min-width:701px){
 .featured-mosaic .dossier-card:nth-child(1) .card-body{flex:0 0 auto;padding-bottom:22px}
 .featured-mosaic .dossier-card:nth-child(1) .card-bottom{margin-top:18px}
 .featured-mosaic .dossier-card:nth-child(1) .cover-frame{min-height:0;flex:1}
 .featured-mosaic .dossier-card:nth-child(1) .cover{max-height:620px}
}
@media(max-width:700px){
 .featured-mosaic .dossier-card:nth-child(1) .card-body{flex:0 0 auto}
 .featured-mosaic .dossier-card:nth-child(1) .card-bottom{margin-top:14px}
}
@media(max-width:700px){
 .mission-ending{grid-template-columns:24px minmax(0,1fr);gap:16px}
 .mission-crosshair{font-size:24px;line-height:1.45}
}

.winding-paths .journey-glow{offset-rotate:0deg;offset-path:path('M180 0 C160 130 300 160 480 260 S900 410 850 575 S250 735 240 880 S710 1040 630 1230');}
body.motion-ready .winding-paths.is-visible .journey-route-active{animation:route-electric 5.5s linear infinite;}
@keyframes route-electric{0%{filter:drop-shadow(0 0 4px #42dcd6)}50%{filter:drop-shadow(0 0 10px #7ff8ef)}100%{filter:drop-shadow(0 0 4px #42dcd6)}}

/* V6 adjustments */
body[data-page='home'] .casefile-section.editorial-v2.restore-simple{padding:110px 0 110px!important;background:#041117!important;}
.restore-simple .section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;flex-wrap:wrap;margin-bottom:18px}
.restore-simple .section-header h2{font-size:clamp(44px,5.2vw,72px)!important;line-height:1;letter-spacing:-.05em;margin:8px 0 18px}
.restore-simple .casefile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #244951}
.restore-simple .casefile{padding:28px 29px 25px;position:relative;min-height:340px;border-right:1px solid #244951;background:radial-gradient(circle at 50% 38%,rgba(27,97,102,.12),transparent 50%);transition:background .3s,transform .35s,border-color .35s}
.restore-simple .casefile:last-child{border-right:0}
.restore-simple .casefile:hover{background:#0e2830;transform:translateY(-4px);border-color:#3f7c86}
.restore-simple .casefile-glyph{font:110px/1 Georgia,serif;color:rgba(84,236,227,.25);text-align:center;height:142px;display:grid;place-items:center;transition:transform .45s,color .45s}
.restore-simple .casefile:hover .casefile-glyph{transform:scale(1.12);color:#65d9d0}
.restore-simple .casefile h3{font-size:22px;max-width:none;margin:8px 0 12px}
.restore-simple .casefile p{color:#b6cbd0;font-size:15px;line-height:1.7;max-width:none}
.restore-simple .casefile-id{position:absolute;right:25px;bottom:20px;font:11px 'DejaVu Sans Mono',monospace;color:#739a9f}
.restore-simple .casefile-foot{margin-top:25px}
@media(max-width:999px){.restore-simple .casefile-grid{grid-template-columns:1fr}.restore-simple .casefile{min-height:270px;border-right:0;border-bottom:1px solid #244951}.restore-simple .casefile:last-child{border-bottom:0}.restore-simple .casefile-glyph{height:100px;font-size:78px}}
@media(max-width:700px){.restore-simple .section-header h2{font-size:clamp(42px,11vw,64px)!important}.restore-simple .casefile{padding:24px 22px 22px;min-height:0}}

/* V7 — all homepage section headings remain subordinate to the main hero headline.
   Hero H1: 34–60px desktop, 32px mobile. Section H2: 28–46px desktop, 28px mobile.
   Keep deliberate asymmetry, colors and layout, changing the scale only. */
body[data-page="home"] #app > .section h2{
  font-size:clamp(28px,3.15vw,46px)!important;
  line-height:1.12!important;
  letter-spacing:-.045em!important;
}
/* Intentional compact editorial heading groups after resizing. */
body[data-page="home"] .mission-stage{min-height:540px}
body[data-page="home"] .mission-text{margin-top:88px}
body[data-page="home"] .mission-ending{margin-top:88px}
body[data-page="home"] .cases-heading,body[data-page="home"] .gallery-intro{max-width:100%}
body[data-page="home"] .free-artwork .free-copy h2{line-height:1.1!important}
@media (max-width:700px){
  body[data-page="home"] #app > .section h2{font-size:28px!important;line-height:1.14!important}
  body[data-page="home"] .mission-stage{min-height:490px}
  body[data-page="home"] .mission-text{margin-top:108px}
  body[data-page="home"] .mission-ending{margin-top:90px}
}
@media(prefers-reduced-motion:reduce){
  .laptop-scan-plane{display:none!important;animation:none!important}
}

/* V8 final editorial alignment: center only Featured and Homepage FAQ headers. */
body[data-page="home"] .gallery-intro{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding-bottom:48px;
  text-align:center;
}
body[data-page="home"] .gallery-intro .kicker,
body[data-page="home"] .gallery-intro h2,
body[data-page="home"] .gallery-intro .section-deck,
body[data-page="home"] .gallery-intro .inline-link{
  grid-column:auto!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0;
}
body[data-page="home"] .gallery-intro .section-deck{max-width:590px;}
body[data-page="home"] .gallery-intro .inline-link{margin-top:5px;}
body[data-page="home"] .faq-final .faq-lead{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding-bottom:39px;
  text-align:center;
}
body[data-page="home"] .faq-final .faq-lead .kicker,
body[data-page="home"] .faq-final .faq-lead h2,
body[data-page="home"] .faq-final .faq-lead p{
  grid-column:auto!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0;
}
body[data-page="home"] .faq-final .faq-lead p{max-width:590px;}
@media(max-width:700px){
  body[data-page="home"] .gallery-intro{padding-bottom:32px;gap:12px;}
  body[data-page="home"] .faq-final .faq-lead{gap:12px;padding-bottom:29px;}
}

/* V9: compact footer headings, verified contact links, two one-line section headings. */
.site-footer .footer-groups h2{
  font-size:clamp(18px,1.65vw,23px)!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  font-weight:700;
  margin:0 0 20px!important;
}
.site-footer .footer-groups{align-items:start;}
.contact-detail-link,.policy-contact-link{color:#91e9df!important;text-decoration:underline;text-underline-offset:3px;font-weight:inherit;overflow-wrap:anywhere;}
.contact-detail-link:hover,.policy-contact-link:hover{color:#c6fff9!important;}
.contact-detail-link:focus-visible,.policy-contact-link:focus-visible{outline:3px solid var(--teal);outline-offset:3px;}
.about-ownership{border-top:1px solid var(--border);padding-top:28px;max-width:840px;}
.about-ownership p{color:var(--muted);margin:0 0 11px;overflow-wrap:anywhere;}
body[data-page="home"] .gallery-intro h2,
body[data-page="home"] .faq-final .faq-lead h2{
  white-space:nowrap!important;
  max-width:100%;
  font-size:clamp(28px,3.05vw,44px)!important;
  line-height:1.15!important;
  letter-spacing:-.052em;
}
@media(max-width:700px){
  body[data-page="home"] .gallery-intro h2,
  body[data-page="home"] .faq-final .faq-lead h2{
    font-size:clamp(18px,5.05vw,29px)!important;
    letter-spacing:-.065em;
  }
  .site-footer .footer-groups h2{font-size:20px!important;}
}
/* Preserve the original five contact lines: links stay inline with their labels. */
.site-footer .footer-groups p a.contact-detail-link{display:inline!important;margin:0!important;font-size:inherit;line-height:inherit;}

/* V10: approved Pinterest and Tumblr icons, matching the supplied small colored icon reference. */
.site-footer .footer-social-links{display:flex;align-items:center;gap:18px;margin:17px 0 17px;}
.site-footer .footer-social-links .social-icon-link{width:28px;height:28px;min-width:28px;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:0;border-radius:50%;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;background:#bd081c;}
.site-footer .footer-social-links .social-tumblr{background:#35465c;border-radius:7px;}
.site-footer .footer-social-links .social-icon-link img{display:block;max-width:none;width:15px;height:20px;object-fit:contain;pointer-events:none;}
.site-footer .footer-social-links .social-tumblr img{width:14px;height:19px;}
.site-footer .footer-social-links .social-icon-link:hover{transform:translateY(-2px);box-shadow:0 2px 14px rgba(83,219,209,.24);}
.site-footer .footer-social-links .social-icon-link:focus-visible{outline:3px solid #86fff0;outline-offset:4px;}
@media(prefers-reduced-motion:reduce){.site-footer .footer-social-links .social-icon-link{transition:none}.site-footer .footer-social-links .social-icon-link:hover{transform:none}}
