:root{--bg-canvas:#1c1f24;--bg-surface:#292e34;--bg-surface-hover:#333b40;--text-primary:#e5e7eb;--text-muted:#bdc6cb;--accent-primary:#14b8a6;--accent-secondary:#83e5cf;--border-subtle:#485158;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(20,184,166,.25);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:1rem/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-decoration-thickness:1px;text-underline-offset:5px}a:hover{text-decoration-thickness:3px}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}h1,h2,h3,.eyebrow,.brand,.button{font-family:"Arial Narrow","Helvetica Neue",sans-serif}h1,h2,h3{line-height:1.13;letter-spacing:.055em;text-transform:uppercase;text-wrap:balance}h1{font-size:clamp(2.2rem,5vw,4.6rem);margin:.45em 0}h2{font-size:clamp(1.45rem,2.8vw,2.2rem)}h3{font-size:1.13rem}p{margin:.8em 0 1.2em}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.85rem;color:var(--text-muted);margin-top:.7rem}.wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.skip{position:absolute;left:16px;top:-100px;z-index:20;background:var(--bg-surface);padding:10px}.skip:focus{top:10px}.site-header{position:relative;border-bottom:1px solid var(--border-subtle);padding:22px 24px 0}.header-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:inline-flex;gap:12px;align-items:center;color:var(--text-primary);font-size:1.15rem;letter-spacing:.045em;text-decoration:none;font-weight:800;min-width:0}.brand-mark{display:grid;place-items:center;flex:0 0 35px;width:35px;height:39px;background:var(--accent-primary);color:#102824;clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);font-size:1.15rem}.header-note{font-size:.8rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.site-nav{display:flex;justify-content:center;gap:30px;padding:19px 0 15px}.site-nav a{color:var(--text-primary);font-size:.9rem;text-decoration:none;position:relative}.site-nav a:after,.text-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .25s}.site-nav a:hover:after,.site-nav a[aria-current=page]:after,.text-link:hover:after{width:100%}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:10px;width:44px;height:44px;font-size:1.8rem;line-height:1;cursor:pointer}.hero{position:relative;padding:72px 0;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 30%,rgba(20,184,166,.13),transparent 65%);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.hero p{max-width:59ch;font-size:1.12rem;color:var(--text-muted)}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.18em;color:var(--accent-secondary);text-transform:uppercase}.image-frame{border-radius:20px;overflow:hidden;background:var(--bg-surface);aspect-ratio:4/3;border:1px solid var(--border-subtle)}.banner-image{aspect-ratio:16/9}.thumbnail{aspect-ratio:1;width:90px;flex:0 0 90px;border-radius:20px;overflow:hidden}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#102521;border:1px solid transparent;border-radius:10px;padding:13px 20px;font-weight:800;font-size:.88rem;letter-spacing:.055em;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease-kinetic),box-shadow .3s,background .3s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0}.text-link{position:relative;text-decoration:none}.section{padding:58px 0;border-top:1px solid var(--border-subtle)}.section-intro{max-width:70ch}.band{background:var(--accent-primary);color:#112c28}.band .eyebrow,.band a{color:#112c28}.band .rule-row{border-color:rgba(17,44,40,.4)}.band .muted{color:#183c35}.rule-row{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:start;padding:24px 0;border-top:1px solid var(--border-subtle);transition:background .25s,transform .3s var(--ease-kinetic)}.rule-row:hover{transform:translateY(-3px);background:rgba(127,127,127,.035)}.rule-row h3{margin:0 0 9px}.rule-row p{margin:0;max-width:72ch}.row-icon{font:700 1.2rem/1.7 "Arial Narrow",sans-serif;color:var(--accent-secondary)}.band .row-icon{color:#112c28}.row-action{align-self:center}.panel{padding:28px;border:1px solid var(--border-subtle);border-radius:20px;background:var(--bg-surface)}.fluid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:28px}.muted{color:var(--text-muted)}.small{font-size:.86rem}.page-head{padding:54px 0 32px}.page-head p{max-width:70ch;color:var(--text-muted);font-size:1.08rem}.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,2fr);gap:55px;padding-bottom:64px;align-items:start}.prose{max-width:72ch;margin:0 auto;width:100%}.prose h2{font-size:1.65rem;margin-top:2.1em}.prose h3{margin-top:1.8em}.prose ul,.prose ol{padding-left:1.5em}.prose li{margin:.6em 0}.sidebar{position:sticky;top:24px}.sidebar h2{font-size:1.2rem}.sidebar ul{padding-left:20px}.sidebar figure{margin-top:26px}.notice{border-left:4px solid var(--accent-primary);padding:14px 20px;background:var(--bg-surface);margin:24px 0}.tabs{display:flex;border-bottom:1px solid var(--border-subtle);gap:5px;flex-wrap:wrap}.tabs button{color:var(--text-primary);background:transparent;padding:12px 17px;border:0;border-bottom:3px solid transparent;cursor:pointer}.tabs button[aria-selected=true]{border-color:var(--accent-primary);color:var(--accent-secondary);background:var(--bg-surface)}.tab-panel{padding:18px 0}.tab-panel h3{margin-top:0}[hidden]{display:none!important}details{border-top:1px solid var(--border-subtle);padding:20px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:750;line-height:1.45}details[open] summary{color:var(--accent-secondary);margin-bottom:14px}.checklist{margin:20px 0}.check-item{display:flex;align-items:start;gap:14px;padding:15px 0;border-top:1px solid var(--border-subtle);cursor:pointer}.check-item input{accent-color:var(--accent-primary);width:21px;height:21px;flex:0 0 21px;margin-top:4px}progress{width:100%;height:12px;accent-color:var(--accent-primary);border:0;border-radius:20px;overflow:hidden;background:var(--bg-canvas)}progress::-webkit-progress-bar{background:var(--bg-canvas)}progress::-webkit-progress-value{background:var(--accent-primary)}progress::-moz-progress-bar{background:var(--accent-primary)}label.field{display:block;font-weight:650;margin:19px 0 6px}input[type=text],textarea,select{width:100%;background:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:12px}textarea{min-height:180px;resize:vertical}.status{min-height:1.8em;color:var(--accent-secondary)}.site-footer{border-top:1px solid var(--border-subtle);padding:35px 0 26px;background:#181b1f}.footer-top{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.footer-links{display:flex;gap:13px 24px;flex-wrap:wrap}.site-footer p{font-size:.85rem;color:var(--text-muted)}.reveal{opacity:1}.js-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0 30%}50%{background-position:100% 60%}}
@media(min-width:1025px){.hero-grid{gap:64px}.hero .image-frame{min-height:400px}}
@media(min-width:769px) and (max-width:1024px){.hero-grid{gap:28px}.article-layout{gap:30px;grid-template-columns:minmax(0,3fr) minmax(220px,2fr)}.site-nav{gap:24px}}
@media(max-width:768px){.wrap{width:calc(100% - 36px)}.site-header{padding:16px 18px}.header-note{display:none}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:16px 24px;box-shadow:var(--shadow-elevation)}.site-nav.is-open{display:flex;flex-direction:column;gap:8px}.site-nav a{padding:9px 0}.hero{padding:40px 0}.hero-grid,.article-layout{grid-template-columns:1fr}.hero-grid{gap:28px}.sidebar{position:static}.section{padding:38px 0}.page-head{padding-top:34px}.rule-row{grid-template-columns:35px 1fr;gap:14px}.row-action{grid-column:2}.article-layout{gap:30px}}
@media(min-width:481px) and (max-width:768px){.hero .image-frame{max-height:400px}.panel{padding:25px}}
@media(max-width:480px){.brand{font-size:.94rem;gap:8px}.brand-mark{flex-basis:28px;width:28px;height:33px}.wrap{width:calc(100% - 30px)}.panel{padding:20px}.actions{gap:16px}.hero h1{font-size:2.1rem}.footer-top{flex-direction:column}.rule-row{padding:20px 0}.tabs button{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal{opacity:1;transform:none}.button:hover,.rule-row:hover{transform:none}}