:root{--bg-canvas:#12352b;--bg-surface:#21473b;--bg-surface-hover:#2b5546;--text-primary:#e0f2f1;--text-muted:#bdd1c6;--accent-primary:#ff6f59;--accent-secondary:#f2c989;--border-subtle:#73938455;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px #061d2460;--glow-accent:0 0 24px -4px #ff6f5933;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:26px;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto;border:1px solid var(--border-subtle);min-height:calc(100vh - 52px)}a{color:var(--text-primary);text-underline-offset:5px}a:hover{color:var(--accent-secondary)}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;height:auto;object-fit:cover;border-radius:20px;background:var(--bg-surface)}figure{margin:0}figcaption{font-size:.8rem;color:var(--text-muted);padding:10px 2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,5.2vw,4.7rem);line-height:1.07;letter-spacing:-.055em;max-width:18ch;margin-bottom:25px}h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;letter-spacing:-.035em}h3{font-size:1.15rem;line-height:1.4}p{margin-bottom:1.2em}ul,ol{padding-left:1.35rem}li+li{margin-top:.5em}.wrap{max-width:1200px;margin:auto;padding:0 30px}.tagline{font: .72rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:.07em;color:var(--text-muted);padding:12px 30px;border-bottom:1px solid var(--border-subtle)}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:23px 30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;font-size:clamp(.8rem,1.3vw,1rem);letter-spacing:-.03em;text-align:left}.brand-mark{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--accent-primary);color:#12352b;font-size:1.4rem}.site-nav{display:flex;gap:18px;align-items:center}.site-nav a{font-size:.8rem;text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{color:var(--accent-secondary);text-decoration:underline}.menu-toggle{display:none;border:0;color:var(--text-primary);background:var(--bg-surface);border-radius:12px;font-size:1.7rem;min-width:44px;min-height:44px}.eyebrow,.label,.stats dt,.tablist button{font-family:ui-monospace,Consolas,monospace;font-size:.76rem;letter-spacing:.045em}.eyebrow{text-transform:uppercase;color:var(--accent-secondary);margin-bottom:18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:55px 0 45px;position:relative}.hero:before{content:"";position:absolute;inset:5% 0 0 35%;background:radial-gradient(ellipse at 70% 40%,#ff6f591c,transparent 60%),linear-gradient(125deg,#21473b00,#3b655333,#12352b00);background-size:200% 200%;animation:gradientShift 12s ease infinite;z-index:-1;border-radius:20px}.hero .intro{max-width:48ch;color:var(--text-muted);font-size:1.1rem}.hero-art{position:relative;padding-bottom:45px}.hero-art img{aspect-ratio:4/3}.fact-panel{position:relative;margin:-38px 18px 0;padding:20px;background:#21473bf2;backdrop-filter:var(--glass-backdrop);border-radius:20px;box-shadow:var(--shadow-elevation)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0}.stats div{min-width:0}.stats dt{color:var(--text-muted)}.stats dd{font-size:1.15rem;font-weight:700;margin:3px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-primary);color:#18372d;border:0;border-radius:12px;padding:12px 20px;font-weight:750;text-decoration:none;box-shadow:4px 4px 0 #081f18;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic)}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #081f18;color:#18372d}.button.secondary{background:var(--text-primary)}.actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.section{padding:48px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:40ch;color:var(--text-muted);margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px}.panel,.card{background:var(--bg-surface);border-radius:20px;box-shadow:var(--shadow-elevation);padding:26px}.card{transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic),background .4s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.card p:last-child{margin-bottom:0}.card img{aspect-ratio:4/3;margin-bottom:22px}.card .label{color:var(--accent-secondary)}.card h3 a{text-decoration:none}.feature{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.feature img{aspect-ratio:16/9}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-grid .panel{padding:20px}.mini-grid h3{font-family:ui-monospace,Consolas,monospace;font-size:.88rem;color:var(--accent-secondary)}.mini-grid p{font-size:.9rem;margin-bottom:0}.tablist{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.tablist button{padding:10px 17px;background:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:12px}.tablist button[aria-selected=true]{background:var(--accent-primary);border-color:var(--accent-primary);color:#12352b}.tab-panel>p{max-width:68ch}.tab-panel .stats{margin-bottom:22px}.note{border-left:3px solid var(--accent-primary);padding:10px 18px;background:#12352b66;border-radius:0 15px 15px 0;color:var(--text-muted)}details{border-bottom:1px solid var(--border-subtle);padding:17px 0}details:last-child{border-bottom:0}summary{cursor:pointer;font-weight:650;padding-right:15px}details p,details ul,details ol{margin:15px 0 5px}details[open] summary{color:var(--accent-secondary)}.page-top{padding:55px 0 32px}.page-top p{max-width:65ch;color:var(--text-muted);font-size:1.1rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px;align-items:start;padding-bottom:50px}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:1.65rem;margin-top:35px}.prose h3{margin-top:25px}.prose figure{margin:25px 0}.prose figure img{aspect-ratio:16/9}.sidebar{position:sticky;top:25px}.sidebar ul{padding-left:20px}.sidebar .label{color:var(--accent-secondary)}.wide-copy{max-width:72ch;margin:0 auto;padding-bottom:55px}.wide-copy h2{font-size:1.6rem;margin-top:34px}.site-footer{margin-top:35px;border-top:1px solid var(--border-subtle);padding:30px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted)}.site-footer p{margin:0}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.site-footer a{color:var(--text-muted)}.skip{position:absolute;top:-100px;left:35px;padding:12px;z-index:20;background:var(--accent-primary);color:#12352b}.skip:focus{top:10px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-bottom:45px}label{display:block;font-weight:650;margin-bottom:7px}input,textarea{width:100%;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-canvas);color:var(--text-primary);margin-bottom:18px}textarea{resize:vertical;min-height:145px}.small{font-size:.85rem;color:var(--text-muted)}.status{min-height:1.7em;color:var(--accent-secondary);font-size:.9rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font: .85rem/1.7 ui-monospace,Consolas,monospace;background:var(--bg-canvas);padding:18px;border-radius:20px;min-height:190px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-secondary)}[hidden]{display:none!important}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.hero-art{transform:rotate(1deg)}.hero-art .fact-panel{transform:rotate(-1deg)}}
@media(min-width:769px) and (max-width:1024px){.site-header{align-items:flex-start;flex-direction:column;gap:17px}.site-nav{width:100%;justify-content:space-between}.hero{gap:24px}.article-layout{grid-template-columns:minmax(0,1fr) 230px}.mini-grid{grid-template-columns:1fr}}
@media(max-width:768px){body{margin:14px;min-height:calc(100vh - 28px)}.wrap{padding:0 20px}.tagline{padding:10px 20px;font-size:.65rem}.site-header{padding:18px 20px;flex-wrap:wrap}.menu-toggle{display:block}.site-nav{display:flex;flex-wrap:wrap;width:100%;gap:0;background:var(--bg-surface);border-radius:20px;padding:12px}.js .site-nav{display:none}.js .site-nav.open{display:flex;animation:menuDrop .3s var(--ease-kinetic)}.site-nav a{width:50%;padding:10px}.hero{grid-template-columns:1fr;padding-top:35px;gap:18px}.hero h1{max-width:18ch}.hero-art{max-width:600px;width:100%}.feature,.article-layout,.contact-grid{grid-template-columns:1fr}.sidebar{position:static}.mini-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:12px}.section{padding:32px 0}.page-top{padding:35px 0 20px}.site-footer{padding:25px 20px}.article-layout{gap:24px}.panel,.card{padding:22px}@keyframes menuDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:481px) and (max-width:768px){.mini-grid{grid-template-columns:repeat(3,1fr)}.mini-grid .panel{padding:15px}.grid{gap:18px}}
@media(max-width:480px){body{margin:8px}.wrap{padding:0 16px}.site-header{padding:15px 16px;gap:10px}.brand{font-size:.75rem;gap:7px}.brand-mark{width:28px;height:28px}.tagline{padding:9px 16px}.stats{gap:10px}.stats dd{font-size:1rem}.stats dt{font-size:.65rem}.fact-panel{margin:-25px 10px 0;padding:17px}.hero-art{padding-bottom:10px}.button{padding:11px 16px}.site-footer{padding:22px 16px}.tablist button{padding:10px 12px}.panel,.card{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.card:hover,.button:hover{transform:none}}