:root{color-scheme:dark;--void:#080B11;--surface:#0D1117;--raised:#161B26;--gold:#F0A500;--purple:#A78BFA;--text:#C9D1D9;--accent:#E6EDB0;--border:#30363D;--body:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--display:'Arial Black','Helvetica Neue',Arial,sans-serif;--code:'Courier New',Courier,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text);font:17px/1.7 var(--body)}a{color:var(--purple);text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--accent);line-height:1.12}h1,h2{font-family:var(--display);font-weight:900;letter-spacing:-.045em}h1{font-size:clamp(38px,5.5vw,76px);max-width:14ch}h2{font-size:clamp(29px,3.3vw,44px);max-width:23ch}h3{font-size:20px;line-height:1.35;letter-spacing:-.02em}p+p{margin-top:16px}.wrap{max-width:1240px;margin:auto;padding-inline:32px}.skip{position:fixed;left:16px;top:-100px;z-index:9;padding:12px;background:var(--gold);color:var(--void)}.skip:focus{top:16px}.site-header{background:var(--void);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex-shrink:0}.brand svg{width:42px;height:42px}.wordmark{display:grid;font:900 17px/1.05 var(--display);letter-spacing:-.04em}.wordmark span:first-child{color:var(--gold)}.wordmark span:last-child{color:var(--purple)}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.site-header nav a{text-decoration:none;color:var(--text)}.site-header nav a:hover{color:var(--gold)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;background:var(--gold);color:var(--void)!important;border:1px solid var(--gold);border-radius:8px;font-size:15px;font-weight:700;text-decoration:none}.button:hover{background:#FFE08A}.button.secondary{background:transparent;color:var(--purple)!important;border-color:var(--purple)}.hero{padding:42px 0 88px;background:radial-gradient(ellipse at 75% 0,rgba(240,165,0,.10),transparent 65%),var(--void);border-bottom:1px solid var(--border)}.breadcrumb{font:13px/1.6 var(--code);margin-bottom:58px;display:flex;flex-wrap:wrap;gap:10px}.breadcrumb a{color:var(--text)}.eyebrow{display:block;font:700 12px/1.6 var(--code);text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:22px}.hero-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:64px;align-items:center}.intro{font-size:19px;max-width:58ch;margin-top:28px}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.brief-panel{background:var(--raised);border:1px solid rgba(139,92,246,.35);border-radius:12px;box-shadow:0 0 60px rgba(139,92,246,.08);overflow:hidden}.panel-bar{display:flex;gap:7px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);font:12px var(--code)}.dot{height:8px;width:8px;border-radius:50%;background:var(--gold)}.dot.purple{background:#8B5CF6}.dot.green{background:#3FB950}.panel-title{margin-left:auto;color:var(--text)}.panel-content{padding:28px}.command{font:14px/1.7 var(--code);color:var(--purple);margin-bottom:24px;overflow-wrap:anywhere}.brief-panel h2{font:700 20px/1.3 var(--body);letter-spacing:0}.checklist{list-style:none;padding:0;margin:22px 0 0}.checklist li{position:relative;padding-left:25px;margin-top:16px;font-size:15px}.checklist li:before{content:'↳';color:var(--gold);position:absolute;left:0}.section{padding-block:88px;border-bottom:1px solid var(--border)}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:72px}.section-lead{max-width:70ch}.section-top{margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--border);border-radius:12px;padding:28px;background:var(--raised)}.card p{margin-top:16px;font-size:16px}.step{color:var(--gold);font:14px var(--code);display:block;margin-bottom:22px}.scope{background:var(--void)}.scope p{max-width:72ch}.steps{list-style:none;padding:0;margin:0;display:grid;gap:28px}.steps li{padding-bottom:28px;border-bottom:1px solid var(--border)}.steps li:last-child{border:0;padding-bottom:0}.steps p{margin-top:10px;font-size:16px}.steps .step{margin-bottom:10px}.faq{display:grid;gap:12px}.faq details{border:1px solid var(--border);border-radius:10px;background:var(--raised);padding:0 22px}.faq summary{cursor:pointer;font-weight:600;color:var(--accent);padding:22px 0;line-height:1.5}.faq details p{padding:0 0 24px;font-size:16px;max-width:75ch}.closing{padding-block:80px;background:radial-gradient(ellipse at 10% 70%,rgba(139,92,246,.10),transparent 70%),var(--void)}.closing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.closing p{margin-top:22px;max-width:55ch}.bring{padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--raised)}.bring h3{font-size:18px}.bring ul{margin:16px 0 0;padding-left:20px;font-size:15px}.bring li+li{margin-top:10px}.related{padding-block:48px}.related h2{font:700 20px/1.3 var(--body);letter-spacing:0;margin-bottom:20px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{border:1px solid var(--border);border-radius:6px;padding:10px 14px;font-size:14px;text-decoration:none}.related-links a:hover{border-color:var(--purple)}footer{border-top:1px solid var(--border);padding-block:30px;font:13px/1.6 var(--code)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:var(--text)}
@media(max-width:850px){.hero-grid,.split,.closing-grid{grid-template-columns:1fr;gap:36px}.hero-grid{gap:48px}.cards{grid-template-columns:1fr}.hero{padding-bottom:60px}.section{padding-block:60px}.breadcrumb{margin-bottom:36px}.site-header nav{gap:18px}.site-header nav .button{display:none}.brief-panel{max-width:620px}.closing{padding-block:60px}}
@media(max-width:480px){.wrap{padding-inline:20px}.header-inner{gap:12px;min-height:80px}.site-header nav{gap:14px;font-size:13px}.brand{gap:7px}.brand svg{width:34px;height:34px}.wordmark{font-size:14px}.intro{font-size:17px}.card,.panel-content,.bring{padding:24px}.eyebrow{font-size:11px;letter-spacing:.12em}.actions .button{width:100%}.breadcrumb{font-size:12px}h1{font-size:38px}.section{padding-block:48px}}
/* Let long headings shrink with narrow grids instead of widening the page. */
.hero-grid>*,.split>*,.closing-grid>*{min-width:0}h1,h2{overflow-wrap:anywhere}
@media(max-width:480px){h1{font-size:clamp(2rem,9.5vw,2.375rem)}}