/* Hallmark · macrostructure: Archive Index · tone: nocturnal investigative · anchor hue: acid-lime */
:root{--paper:oklch(15% .025 275);--paper-2:oklch(20% .03 275);--paper-3:oklch(26% .035 275);--ink:oklch(94% .012 90);--muted:oklch(72% .02 275);--line:oklch(36% .04 275);--acid:oklch(88% .19 115);--violet:oklch(62% .17 300);--red:oklch(66% .18 20);--display:"Noto Sans SC",sans-serif;--mono:"IBM Plex Mono",monospace;--gutter:clamp(1rem,4vw,4rem);--measure:76rem;--ease-out:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--display);scroll-behavior:smooth}body{line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%;height:auto}.shell{width:min(var(--measure),calc(100% - 2 * var(--gutter)));margin:auto}.topbar{position:fixed;z-index:20;top:1rem;left:50%;transform:translateX(-50%);width:min(var(--measure),calc(100% - 2rem));display:flex;align-items:center;gap:1rem;padding:.65rem .8rem;background:oklch(14% .025 275 / .88);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 14px 40px oklch(5% .02 275 / .35)}.brand{display:flex;align-items:center;gap:.6rem;min-width:0;font-weight:900;white-space:nowrap}.brand img{border-radius:50%;object-fit:cover}.brand span{overflow:hidden;text-overflow:ellipsis}.topbar nav{display:flex;gap:.3rem;margin-left:auto}.topbar nav a,.outline,.download-cta,.sticky{padding:.55rem .8rem;border:1px solid transparent;font-family:var(--mono);font-size:.72rem;white-space:nowrap}.topbar nav a:hover,.topbar nav a:focus-visible{border-color:var(--acid);color:var(--acid)}.download-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--acid);color:oklch(16% .03 275);font-weight:800;box-shadow:0 0 0 1px var(--acid),0 0 30px oklch(88% .19 115 / .28);transition:transform .2s var(--ease-out),filter .2s}.download-cta:hover{transform:translateY(-3px);filter:brightness(1.08)}.download-cta:active{transform:translateY(1px)}.download-cta:focus-visible,.outline:focus-visible,.topbar a:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.hero{position:relative;min-height:92vh;display:grid;align-items:end;isolation:isolate}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,oklch(10% .04 275 / .95),oklch(10% .04 275 / .55) 50%,oklch(10% .04 275 / .25)),linear-gradient(0deg,var(--paper),transparent 46%)}.hero-inner{width:min(var(--measure),calc(100% - 2 * var(--gutter)));margin:0 auto;padding:11rem 0 5rem}.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;color:var(--acid);text-transform:uppercase}.hero h1,.page h1{max-width:11ch;margin:.5rem 0 1.2rem;font-size:clamp(2.7rem,8vw,7.5rem);line-height:1.04;letter-spacing:-.06em;overflow-wrap:anywhere}.hero h1 small{display:block;margin-top:.8rem;color:var(--muted);font-size:clamp(.9rem,2vw,1.3rem);font-weight:400;letter-spacing:0}.hero-copy{max-width:38rem;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--muted)}.chips,.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.chips span{padding:.3rem .6rem;border:1px solid var(--line);font-family:var(--mono);font-size:.7rem;color:var(--muted)}.outline{display:inline-flex;align-items:center;justify-content:center;border-color:var(--line);transition:transform .2s var(--ease-out),border-color .2s}.outline:hover{transform:translateY(-3px);border-color:var(--acid);color:var(--acid)}.info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);background:var(--paper-2)}.info-strip>div{padding:1.3rem var(--gutter);border-right:1px solid var(--line)}.info-strip span,.info-strip strong{display:block}.info-strip span{font: .65rem var(--mono);color:var(--muted);text-transform:uppercase}.info-strip strong{margin-top:.25rem;font-size:.95rem}.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8rem;padding-block:8rem}.split h2,.section-head h2,.download-band h2,.final-cta h2{max-width:12ch;margin:.4rem 0;font-size:clamp(2rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.05em}.prose{max-width:42rem;font-size:1.12rem}.muted{color:var(--muted)}.dark-band{padding-block:7rem;background:var(--paper-2);border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-head>p:last-child{max-width:25rem;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.feature-grid article{min-height:15rem;padding:1.4rem;background:var(--paper-2);transition:transform .2s var(--ease-out),background .2s}.feature-grid article:hover{transform:translateY(-5px);background:var(--paper-3)}.feature-index{font: .75rem var(--mono);color:var(--acid)}.feature-grid h3{margin-top:4rem;font-size:1.25rem}.feature-grid p{color:var(--muted)}.gallery-section,.timeline-section,.faq-section{padding-block:7rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.tile{padding:0;border:1px solid var(--line);background:var(--paper-2);cursor:zoom-in;overflow:hidden;aspect-ratio:4/3}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease-out),filter .35s}.tile:hover img{transform:scale(1.04);filter:brightness(1.12)}.download-band{padding-block:4rem;background:linear-gradient(110deg,var(--violet),oklch(25% .06 290));border-block:1px solid var(--line)}.download-band .shell{display:flex;align-items:center;justify-content:space-between;gap:2rem}.download-band h2{margin-bottom:.5rem}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.timeline>div{padding:1.5rem 0;border-top:2px solid var(--acid)}.timeline b{font:1rem var(--mono);color:var(--acid)}.timeline h3{margin:2rem 0 .4rem}.timeline p{color:var(--muted)}.review-grid,.platform-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.review-grid article,.platform-grid article,.guide-grid article{padding:1.5rem;border:1px solid var(--line);background:var(--paper)}.review-grid p,.platform-grid p,.guide-grid p{color:var(--muted)}.faq-section details{border-top:1px solid var(--line);padding:1rem 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--acid);font:1rem var(--mono)}details[open] summary span{transform:rotate(45deg)}details p{max-width:50rem;color:var(--muted)}.final-cta{padding:8rem 0;background:var(--paper-3);text-align:center}.final-cta h2{max-width:14ch;margin:0 auto}.final-cta p{color:var(--muted);margin:1.2rem auto 2rem}.final-cta small{display:block;color:var(--muted);margin-top:1rem}footer{display:grid;grid-template-columns:2fr 1fr 2fr;gap:3rem;padding:4rem var(--gutter);border-top:1px solid var(--line);background:oklch(12% .024 275)}footer h3{font-size:.8rem;color:var(--acid)}footer a{display:block;margin:.35rem 0;color:var(--muted)}footer a:hover{color:var(--ink)}.sticky{position:fixed;z-index:10;right:1.2rem;bottom:1.2rem;background:var(--acid);color:var(--paper);box-shadow:0 0 0 1px var(--acid),0 12px 30px oklch(5% .02 275 / .35)}.page{padding-top:10rem;padding-bottom:7rem}.page .intro,.article .lead{max-width:45rem;color:var(--muted);font-size:1.15rem}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:3rem 0 1rem}.tabs button{padding:.5rem .75rem;border:1px solid var(--line);background:transparent;cursor:pointer}.tabs button.active,.tabs button:hover{border-color:var(--acid);color:var(--acid)}.lightbox{display:none;position:fixed;inset:0;z-index:40;padding:5vh 5vw;background:oklch(5% .02 275 / .94);align-items:center;justify-content:center;gap:1rem}.lightbox.is-open{display:flex}.lightbox img{max-width:min(80vw,1000px);max-height:80vh;object-fit:contain}.lightbox button{border:1px solid var(--line);background:var(--paper-2);padding:.7rem;cursor:pointer}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:3rem 0}.dark-panel{margin:3rem 0;padding:2rem;background:var(--paper-2);border:1px solid var(--line)}.dark-panel li{margin:.7rem 0}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:3rem 0}.guide-grid article>span{font: .75rem var(--mono);color:var(--acid)}.guide-grid h2{font-size:1.4rem}.guide-prose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:4rem 0}.guide-prose article{padding:2rem;background:var(--paper)}.guide-prose li{margin:.5rem 0}.article{max-width:52rem}.article h1{max-width:15ch}.article h2{margin-top:3rem}.article ol{padding-left:1.3rem}.article li{margin:.6rem 0}.article table{width:100%;border-collapse:collapse;margin:1.5rem 0}.article th,.article td{padding:1rem;border:1px solid var(--line);text-align:left}.article th{color:var(--acid);font: .75rem var(--mono)}.article-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:3rem}.article-links a{padding:.6rem .8rem;border:1px solid var(--line)}.article-links a:hover{border-color:var(--acid);color:var(--acid)}
@media (max-width:800px){.topbar{top:.5rem}.topbar nav{display:none}.brand span{max-width:11rem}.info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.info-strip>div{padding:1rem}.split{grid-template-columns:1fr;gap:2rem;padding-block:5rem}.feature-grid,.review-grid,.timeline{grid-template-columns:1fr 1fr}.section-head{display:block}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-band .shell{display:block}.download-band .download-cta{margin-top:1.2rem}.guide-prose{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.topbar{width:calc(100% - 1rem)}.brand span{max-width:9rem;font-size:.8rem}.topbar>.download-cta{font-size:.65rem;padding:.5rem}.hero-inner{padding-top:9rem}.hero h1,.page h1{font-size:clamp(2.6rem,14vw,4.4rem)}.info-strip,.feature-grid,.review-grid,.timeline,.platform-grid,.guide-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid .tile:first-child{grid-column:auto}.section-head h2,.split h2,.download-band h2,.final-cta h2{font-size:2.2rem}footer{grid-template-columns:1fr}.lightbox{padding:1rem}.lightbox img{max-width:70vw}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}