:root{--bg-canvas:#1c1f24;--bg-surface:#292e34;--bg-surface-hover:#333a40;--text-primary:#e5e7eb;--text-muted:#bdc5cc;--accent-primary:#14b8a6;--accent-secondary:#85ddd1;--border-subtle:#4a535c;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:blur(16px) saturate(180%);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:18px;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 system-ui,sans-serif;border:1px solid var(--border-subtle);overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,p,figure{margin:0 0 1rem}h1{font-size:clamp(2.35rem,6vw,5.4rem);line-height:1.05;letter-spacing:-.045em;max-width:18ch}h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.025em}h3,.eyebrow,nav,.button,label,th,summary,.spec-row,.number{font-family:ui-monospace,Consolas,monospace}h3{font-size:1.05rem;line-height:1.5}a{color:var(--accent-secondary);text-underline-offset:4px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}::selection{background:var(--accent-primary);color:#101b19}.wrap{width:min(1100px,calc(100% - 64px));margin-inline:auto}.site-header{position:relative;padding:24px 28px 0;border-bottom:1px solid var(--border-subtle)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:750;font-size:clamp(.85rem,2vw,1.12rem);max-width:calc(100% - 54px)}.brand-mark{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-secondary);font-family:ui-monospace,monospace}.site-nav{display:flex;justify-content:center;gap:24px;padding:20px 0 15px;font-size:.81rem}.site-nav a{text-decoration:none;color:var(--text-muted)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-secondary)}.menu-toggle{display:none;position:absolute;right:18px;top:18px;width:44px;height:44px;border:0;background:var(--bg-surface);color:var(--text-primary);font-size:1.8rem;border-radius:50%}.skip-link{position:absolute;left:24px;top:-100px;z-index:10;background:var(--accent-primary);color:#101b19;padding:8px 16px}.skip-link:focus{top:10px}.hero{min-height:calc(100svh - 160px);position:relative;isolation:isolate;display:grid;place-items:center;text-align:center;padding:90px 24px;overflow:clip}.hero-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,31,36,.2),rgba(28,31,36,.68) 55%,#1c1f24);z-index:-2}.hero-content{max-width:850px}.hero h1{margin:0 auto 24px}.hero .intro{max-width:59ch;margin:0 auto 30px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-secondary);font-size:.76rem}.intro{font-size:1.15rem;color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:99px;padding:13px 23px;background:var(--accent-primary);color:#10211e;font-weight:750;font-size:.9rem;text-decoration:none;transition:transform .25s var(--ease-kinetic),background .25s}.button:hover{transform:translateY(-2px);background:var(--accent-secondary);color:#10211e}.button.secondary{background:var(--bg-surface-hover);color:var(--text-primary)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero .actions{justify-content:center}.band{padding:76px 0;border-top:1px solid var(--border-subtle)}.band.tonal{background:var(--bg-surface)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px}.panel{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:28px;min-width:0}.panel.surface{background:var(--bg-surface)}.panel p:last-child{margin-bottom:0}.link-panel{display:block;text-decoration:none;color:var(--text-primary);transition:transform .3s var(--ease-kinetic),border-color .3s,background .3s}.link-panel:hover{transform:translateY(-3px);border-color:var(--accent-primary);background:var(--bg-surface-hover)}.number{color:var(--accent-secondary);font-size:.8rem;display:block;margin-bottom:16px}.diagram{width:100%;height:auto;display:block;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-canvas)}.diagram text,.hero-scene text{font-family:ui-monospace,Consolas,monospace}.diagram .line{stroke:#85ddd1;stroke-width:2;fill:none}.diagram .crate{fill:#292e34;stroke:#14b8a6;stroke-width:2}.diagram .label{fill:#e5e7eb;font-size:15px}.diagram .muted{fill:#bdc5cc;font-size:12px}.spec-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--border-subtle);font-size:.86rem}.spec-row span:last-child{text-align:right;color:var(--accent-secondary)}.page-heading{padding:70px 0 46px}.page-heading h1{font-size:clamp(2.4rem,5vw,4.2rem);max-width:23ch}.page-heading .intro{max-width:68ch}.article{max-width:70ch;margin:0 auto}.article h2{font-size:1.65rem;margin-top:2.5rem}.article h3{margin-top:1.8rem}.article p,.article ul,.article ol{margin-bottom:1.25rem}.article li{padding-left:4px;margin-bottom:.45rem}.article .panel{margin-block:30px}.article figure{margin-block:32px}.photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-subtle)}.photo.banner{aspect-ratio:16/9}.photo.thumb{aspect-ratio:1/1}.caption,figcaption,.small{font-size:.86rem;color:var(--text-muted)}figcaption{margin-top:10px}.note{border-left:3px solid var(--accent-primary);padding:12px 20px;color:var(--text-muted);background:var(--bg-surface);border-radius:0 20px 20px 0}.table-scroll{overflow-x:auto;margin:25px 0;border:1px solid var(--border-subtle);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-secondary);background:var(--bg-surface)}tr:last-child td{border-bottom:0}details{border:1px solid var(--border-subtle);border-radius:var(--radius);padding:20px 24px;background:var(--bg-surface);margin-bottom:14px}summary{cursor:pointer;font-weight:650;padding-right:12px}details p{margin:18px 0 0}details[open]{border-color:var(--accent-primary)}.field{display:grid;gap:7px;margin-bottom:20px}label{font-size:.85rem;color:var(--accent-secondary)}input,textarea,select{width:100%;min-width:0;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);padding:12px 14px}textarea{min-height:150px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}.status{min-height:1.8em;color:var(--accent-secondary);font-size:.9rem;margin-top:14px}.site-footer{padding:42px 0 26px;border-top:1px solid var(--border-subtle)}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem}.site-footer .small{margin-top:22px}.reveal{opacity:1;transform:none}.js-reveal .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-reveal .reveal-visible{opacity:1;transform:translateY(0)}.ambient-line{animation:drift 12s ease-in-out infinite;transform-origin:center}@keyframes drift{50%{transform:translateY(-8px)}}@media(min-width:1025px){.hero-content{padding-bottom:40px}.article-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:45px}.article-layout .article{width:100%}}@media(min-width:769px) and (max-width:1024px){.site-nav{gap:17px}.split{gap:28px}.wrap{width:calc(100% - 48px)}}@media(min-width:481px) and (max-width:768px){.split{grid-template-columns:1fr}.band{padding:54px 0}.wrap{width:calc(100% - 40px)}}@media(max-width:767px){.site-header{padding:22px 18px;min-height:85px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;background:var(--bg-surface);padding:18px 24px;border:1px solid var(--border-subtle);border-radius:0 0 20px 20px;flex-direction:column;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:12px}.hero{min-height:calc(100svh - 120px)}.split{grid-template-columns:1fr}.page-heading{padding-top:48px}}@media(max-width:480px){body{margin:8px;font-size:16px}.wrap{width:calc(100% - 32px)}.brand{font-size:.78rem;gap:7px}.brand-mark{width:27px;height:27px;flex-basis:27px}.band{padding:44px 0}.panel{padding:22px}.hero{padding:65px 18px}.actions .button{width:100%}.page-heading h1{font-size:2.45rem}.spec-row{flex-direction:column;gap:3px}.spec-row span:last-child{text-align:left}.footer-row{flex-direction:column}.table-scroll{font-size:.8rem}th,td{padding:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}}