*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:#0a1416;color:#e9e4d6;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:99;background:#d9b86a;color:#0a1416;padding:8px}
aside{position:fixed;width:250px;height:100vh;padding:34px 26px;background:#071012;border-right:1px solid rgba(233,228,214,.08);overflow:auto;z-index:5}
.logo{display:flex;gap:12px;align-items:center;font-weight:600;line-height:1.15;letter-spacing:.08em;font-size:12px;text-decoration:none}
.logo:hover{color:#d9b86a}
.mark{border:1px solid #d9b86a;padding:9px 8px;color:#d9b86a;font-family:Georgia,"Times New Roman",serif;font-size:16px;letter-spacing:.04em}
nav{display:grid;gap:2px;margin:36px 0}
nav a{padding:8px 0;text-decoration:none;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;opacity:.65;border-bottom:1px solid rgba(233,228,214,.06)}
nav a:hover,nav a[aria-current="page"]{opacity:1;color:#d9b86a}
aside small{font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;opacity:.5;display:block;line-height:1.5}
main{margin-left:250px;min-height:100vh}
main>header.topbar{display:flex;justify-content:space-between;gap:20px;padding:20px 6vw;font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.14em;opacity:.7;border-bottom:1px solid rgba(233,228,214,.08)}
.hero{position:relative;min-height:72vh;display:flex;flex-direction:column;justify-content:flex-end;padding:8vh 6vw;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,rgba(217,184,106,.28),transparent 55%),linear-gradient(160deg,#0a1416,#10282b)}
.hero.has-img::before{content:"";position:absolute;inset:0;background:var(--hero) center/cover;opacity:.55}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,22,.92),rgba(10,20,22,.25) 70%)}
.hero>*{position:relative;z-index:2}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,6.5vw,96px);line-height:.98;max-width:14ch;font-weight:400;letter-spacing:-.04em;margin:18px 0 24px}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3.8vw,52px);line-height:1.05;font-weight:400;letter-spacing:-.03em;margin:10px 0 18px}
h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:22px;color:#d9b86a;margin:0 0 10px}
p{max-width:68ch;margin:0 0 1em}
.lead{font-size:clamp(17px,1.5vw,21px);opacity:.82}
.eyebrow{font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;color:#d9b86a;display:block;margin-bottom:8px}
.pill{display:inline-block;border:1px solid rgba(217,184,106,.5);color:#d9b86a;padding:5px 12px;border-radius:99px;font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;width:max-content}
.notice{margin:0 6vw;padding:22px 26px;border-left:2px solid #d9b86a;background:rgba(217,184,106,.07)}
.notice.compact{margin:24px 0;padding:16px 18px}
section{border-top:1px solid rgba(233,228,214,.08);padding:clamp(48px,8vw,100px) 6vw}
.section-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0 5vw;align-items:start}
.section-split>.eyebrow,.section-split>h2,.section-split>.lead{grid-column:1}
.section-split>.grid,.section-split>.faq,.section-split>.steps,.section-split>.stack{grid-column:2;grid-row:1/span 6}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid.cards-3{grid-template-columns:repeat(3,1fr)}
article.card,a.card{padding:28px;background:linear-gradient(180deg,#0f1f22,#0b1719);border:1px solid rgba(233,228,214,.08);transition:border-color .35s,transform .35s;text-decoration:none;display:block;color:inherit}
a.card:hover,article.card:hover{border-color:#d9b86a;transform:translateY(-3px)}
.card .meta{font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;opacity:.55;margin-bottom:10px;text-transform:uppercase}
.card-cover{aspect-ratio:16/9;margin:-28px -28px 20px;background:linear-gradient(120deg,#10282b,#2a2414) center/cover;border-bottom:1px solid rgba(233,228,214,.08)}
.button{display:inline-block;background:#d9b86a;color:#0a1416;padding:14px 26px;border-radius:99px;text-decoration:none;font-weight:600;width:max-content;margin:8px 0 16px;border:0;cursor:pointer;font:inherit}
.button.ghost{background:transparent;color:#d9b86a;border:1px solid rgba(217,184,106,.55)}
.button:disabled,.button[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.trust{display:flex;flex-wrap:wrap;gap:10px 34px;padding:22px 6vw;font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.75;border-top:1px solid rgba(233,228,214,.08)}
.faq details{border-top:1px solid rgba(233,228,214,.1);padding:20px 0}
.faq summary{cursor:pointer;font-family:Georgia,"Times New Roman",serif;font-size:21px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:#d9b86a}
.steps{list-style:none;padding:0;margin:0;counter-reset:s}
.steps li{counter-increment:s;border-top:1px solid rgba(233,228,214,.1);padding:20px 0}
.steps li::before{content:"0" counter(s);font-family:Georgia,"Times New Roman",serif;font-size:36px;color:#d9b86a;display:block}
.stack{display:grid;gap:18px}
.prose{max-width:72ch}
.prose h2{font-size:clamp(24px,3vw,36px);margin-top:1.6em}
.prose h3{font-size:20px;margin-top:1.4em}
.prose ul,.prose ol{max-width:68ch;padding-left:1.2em}
.prose li{margin-bottom:.45em}
.article-hero{padding:clamp(40px,7vw,90px) 6vw 30px;border-bottom:1px solid rgba(233,228,214,.08)}
.article-hero .cover{aspect-ratio:21/9;margin:28px 0 0;background:linear-gradient(120deg,#10282b,#2a2414) center/cover;border:1px solid rgba(233,228,214,.08)}
.page{padding:clamp(40px,7vw,90px) 6vw}
.form-grid{display:grid;gap:14px;max-width:520px}
label{display:grid;gap:6px;font-size:14px}
label span.req{color:#d9b86a}
input,textarea,select{width:100%;padding:12px 14px;border:1px solid rgba(233,228,214,.18);background:#0b1719;color:#e9e4d6;font:inherit;border-radius:4px}
input:focus,textarea:focus,select:focus{outline:2px solid #d9b86a;outline-offset:2px}
.form-note{font-size:13px;opacity:.75;max-width:56ch}
footer{padding:50px 6vw;font-size:13px;opacity:.7;border-top:1px solid rgba(233,228,214,.08)}
footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0;border:0}
footer nav a{border:0;opacity:.8;padding:0;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
footer strong{opacity:1;color:#e9e4d6}
.legal-meta{font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;opacity:.55;margin-bottom:24px}
@media(max-width:900px){
  aside{position:static;width:100%;height:auto;padding:18px}
  nav{display:flex;overflow:auto;margin:16px 0 0;gap:18px}
  nav a{white-space:nowrap;border:0}
  aside small{display:none}
  main{margin:0}
  .section-split{grid-template-columns:1fr}
  .section-split>.grid,.section-split>.faq,.section-split>.steps,.section-split>.stack{grid-column:1;grid-row:auto}
  .grid,.grid.cards-3{grid-template-columns:1fr}
  h1{max-width:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


.crumbs{font:12px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;opacity:.7;margin:0 0 18px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:#d9b86a}.crumbs .sep{opacity:.4;margin:0 .35em}
.toc{border:1px solid rgba(233,228,214,.12);padding:18px 22px;margin:22px 0 28px;background:#0b1719;max-width:68ch}
.toc strong{display:block;font:12px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;color:#d9b86a;margin-bottom:10px}
.toc ol{margin:0;padding-left:1.2em}.toc a{text-decoration:none}.toc a:hover{color:#d9b86a}
.takeaways{border-left:2px solid #d9b86a;background:rgba(217,184,106,.07);padding:18px 22px;margin:32px 0;max-width:68ch}
.takeaways h2{font-size:1.35rem;margin:0 0 10px}
.takeaways ul{margin:0;padding-left:1.2em}
.author-box{border:1px solid rgba(233,228,214,.12);padding:20px 22px;margin:36px 0;max-width:68ch;background:#0b1719}
.author-box .fine{font-size:13px;opacity:.75;margin:10px 0 0}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
@media(max-width:900px){.related{grid-template-columns:1fr}}
.cat-hubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:28px 0}
.cat-hubs a{padding:18px;border:1px solid rgba(233,228,214,.12);text-decoration:none;background:#0b1719}
.cat-hubs a:hover{border-color:#d9b86a}
.cat-hubs strong{display:block;color:#d9b86a;margin-bottom:6px}
.form-grid.filters{grid-template-columns:2fr 1fr 1fr;max-width:920px}
@media(max-width:900px){.form-grid.filters{grid-template-columns:1fr}}
.article-hero .cover{background-size:cover;background-position:center}