:root{--night:#111526;--panel:#191e33;--ink:#f5f6fb;--muted:#b7bfd2;--line:rgba(201,210,232,.18);--mint:#6fd8cf;--violet:#9ba3ff;--paper:#f7f7f4;--paper-ink:#171a2b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.guide{margin:0;background:var(--night);color:var(--ink);font-family:Figtree,system-ui,sans-serif;line-height:1.62}
.guide a{color:inherit}
.guide .skip-link{position:absolute;left:-9999px}.guide .skip-link:focus{left:1rem;top:1rem;background:#fff;color:#111;padding:.75rem;z-index:10}
.guide-nav{border-bottom:1px solid var(--line);background:rgba(17,21,38,.96)}
.guide-nav .inner,.guide-main,.guide-footer .inner{width:min(1120px,calc(100% - 40px));margin:auto}
.guide-nav .inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.guide-brand{text-decoration:none;letter-spacing:.3em;font-family:Poppins,sans-serif;font-weight:300;font-size:.92rem}
.guide-links{display:flex;gap:22px;align-items:center;font-size:.92rem;color:var(--muted)}
.guide-links a{text-decoration:none}.guide-links a:hover{text-decoration:underline;color:#fff}
.guide-hero{padding:88px 0 64px;background:radial-gradient(circle at 80% 15%,rgba(140,147,245,.22),transparent 35%),radial-gradient(circle at 5% 70%,rgba(111,216,207,.12),transparent 30%)}
.guide-kicker,.eyebrow{color:var(--mint);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.guide h1{font:300 clamp(2.75rem,7vw,5.6rem)/.98 Poppins,sans-serif;letter-spacing:-.045em;max-width:900px;margin:18px 0 24px}
.guide-dek{font-size:clamp(1.12rem,2vw,1.38rem);color:#d7dcec;max-width:780px;margin:0}
.guide-meta{margin-top:26px;color:var(--muted);font-size:.9rem}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-actions .button{margin-top:0}
.guide-main{padding:72px 0 96px}
.answer-box{border-left:3px solid var(--mint);background:var(--panel);padding:24px 28px;margin:0 0 56px;font-size:1.08rem}
.guide h2{font:400 clamp(1.85rem,4vw,2.65rem)/1.12 Poppins,sans-serif;letter-spacing:-.025em;margin:70px 0 20px}
.guide h3{font:500 1.16rem/1.3 Poppins,sans-serif;margin:0 0 10px}
.guide p,.guide li{max-width:780px;color:#d6dbea}
.guide strong{color:#fff}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}
.guide-grid.four{grid-template-columns:repeat(4,1fr)}
.guide-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:25px;text-decoration:none}
.guide-card:hover{border-color:rgba(111,216,207,.55);transform:translateY(-2px)}
.guide-card p{font-size:.95rem;color:var(--muted);margin-bottom:0}
.guide-card .arrow{color:var(--mint);font-weight:600}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:28px 0}
.step{counter-increment:step;background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:14px}
.step:before{content:"0" counter(step);display:block;color:var(--violet);font:500 .8rem Poppins,sans-serif;letter-spacing:.12em;margin-bottom:18px}
.step p{margin-bottom:0;color:var(--muted)}
.evidence{border:1px solid var(--line);border-radius:14px;padding:26px;margin:28px 0;background:rgba(255,255,255,.025)}
.evidence .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--violet);font-weight:600}
.evidence p:last-child{margin-bottom:0}
.guide-table{width:100%;border-collapse:collapse;margin:28px 0;font-size:.95rem}
.guide-table th,.guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:15px 12px}.guide-table th{color:var(--mint);font-size:.77rem;text-transform:uppercase;letter-spacing:.08em}.guide-table td{color:#d6dbea}
.opening-list{display:grid;gap:12px;margin:28px 0}
.opening{display:grid;grid-template-columns:150px 1fr 140px;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;text-decoration:none}
.opening:hover{border-color:rgba(111,216,207,.55)}.opening .platform{color:var(--violet);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.opening .rate{text-align:right;color:var(--mint);font-weight:600}.opening .req{grid-column:2/4;color:var(--muted);font-size:.88rem}
.checklist{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}.checklist li{max-width:none;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px 16px 52px;position:relative}.checklist li:before{content:"";position:absolute;left:18px;top:18px;width:17px;height:17px;border:1px solid var(--mint);border-radius:4px}
.callout{margin:64px 0 0;padding:36px;background:linear-gradient(135deg,rgba(111,216,207,.14),rgba(140,147,245,.16));border:1px solid var(--line);border-radius:18px}.callout h2{margin:0 0 14px}.button{display:inline-block;margin-top:14px;background:#e8ebff;color:#171a2b!important;text-decoration:none;border-radius:6px;padding:13px 20px;font-weight:600}.button.alt{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.35);margin-left:8px}
.sources{font-size:.9rem;color:var(--muted)}.sources li{color:var(--muted);margin:.5rem 0}.sources a{text-decoration:underline}
.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted)}
.phase-planner{margin:30px 0;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}
.phase-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.phase-picker button{min-height:72px;border:0;background:var(--panel);color:#d6dbea;padding:14px 16px;text-align:left;font:500 .93rem/1.35 Figtree,system-ui,sans-serif;cursor:pointer}
.phase-picker button:hover,.phase-picker button[aria-selected="true"]{background:#252b47;color:#fff;box-shadow:inset 0 -3px var(--mint)}
.phase-picker small{display:block;color:var(--violet);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.phase-output{padding:30px}.phase-output h3{font-size:1.45rem}.phase-output .phase-lede{color:var(--muted);max-width:820px}
.phase-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.phase-columns h4{color:var(--mint);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px}.phase-columns ul{margin:0;padding-left:1.2rem}.phase-columns li{margin:.55rem 0;color:#d6dbea}
.phase-actions{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap}.phase-actions button{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:6px;padding:11px 16px;font:600 .9rem Figtree,system-ui,sans-serif;cursor:pointer}.phase-actions button:hover{border-color:var(--mint)}.phase-status{font-size:.85rem;color:var(--mint)}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:28px 0}.metric{background:var(--panel);padding:22px}.metric b{display:block;color:#fff;font:400 1.65rem Poppins,sans-serif}.metric span{font-size:.82rem;color:var(--muted)}
.hub-openings{margin-bottom:18px}.readiness{margin:28px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}
.readiness-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.readiness-options button{border:0;background:var(--panel);color:#fff;min-height:108px;text-align:left;padding:22px;font:500 1rem/1.35 Figtree,system-ui,sans-serif;cursor:pointer}.readiness-options button:hover,.readiness-options button[aria-pressed="true"]{background:#252b47;box-shadow:inset 3px 0 var(--mint)}.readiness-options small{display:block;color:var(--mint);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.readiness-result{padding:30px;border-top:1px solid var(--line)}.readiness-result h3{font-size:1.5rem;margin-top:10px}.readiness-result ol{padding-left:1.25rem}.readiness-result li{margin:.65rem 0}.readiness-result .phase-actions a{margin-top:0}
.travel{margin-top:70px}.travel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.travel-grid>div,.signal-form{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px}.travel h2{margin:10px 0 16px}.signal-form h3{font-size:1.45rem;margin:10px 0}.signal-form label{display:block;font-size:.78rem;font-weight:600;color:var(--mint);margin:22px 0 8px;text-transform:uppercase;letter-spacing:.1em}.signal-row{display:flex;gap:8px}.signal-row input{min-width:0;flex:1;background:#101426;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:13px 14px;font:1rem Figtree,system-ui,sans-serif}.signal-row input:focus{outline:2px solid var(--mint);outline-offset:2px}.signal-row button{border:0;border-radius:6px;background:#e8ebff;color:#171a2b;padding:13px 17px;font:600 .9rem Figtree,system-ui,sans-serif;cursor:pointer}.signal-row button:disabled{opacity:.72;cursor:default}.signal-note,.signal-status{font-size:.78rem!important;color:var(--muted)!important}.signal-status{min-height:1.3em}.signal-form.is-complete{border-color:rgba(111,216,207,.55)}
.travel{margin-top:70px}.travel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.travel-grid>div,.signal-form{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px}.travel h2{margin:10px 0 16px}.signal-form h3{font-size:1.45rem;margin:10px 0}.signal-form>label:not(.signal-consent){display:block;font-size:.78rem;font-weight:600;color:var(--mint);margin:22px 0 8px;text-transform:uppercase;letter-spacing:.1em}.signal-row{display:flex;gap:8px}.signal-row input{min-width:0;flex:1;background:#101426;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:13px 14px;font:1rem Figtree,system-ui,sans-serif}.signal-row input:focus{outline:2px solid var(--mint);outline-offset:2px}.signal-row button{border:0;border-radius:6px;background:#e8ebff;color:#171a2b;padding:13px 17px;font:600 .9rem Figtree,system-ui,sans-serif;cursor:pointer}.signal-row button:disabled{opacity:.72;cursor:default}.signal-consent{display:flex;align-items:flex-start;gap:9px;margin:14px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.signal-consent input{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;accent-color:var(--mint)}.signal-consent a{color:#d9deee}.signal-note,.signal-status{font-size:.78rem!important;color:var(--muted)!important}.signal-status{min-height:1.3em}.signal-form.is-complete{border-color:rgba(111,216,207,.55)}
.kit-head{padding:58px 0 36px;background:radial-gradient(circle at 80% 15%,rgba(140,147,245,.22),transparent 35%),radial-gradient(circle at 5% 70%,rgba(111,216,207,.12),transparent 30%)}.kit-head .guide-main{padding:0;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.kit-head h1{font-size:clamp(2.6rem,6vw,4.8rem)}.print-button{border:0;white-space:nowrap;cursor:pointer}.kit-main{padding-top:42px}.kit-boundary{border:1px solid var(--line);border-left:3px solid var(--mint);border-radius:10px;padding:18px 20px;color:#d6dbea}.kit-stage{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}.kit-stage h2{margin:0 0 12px;font-size:1.65rem}.kit-stage ul{margin:0 0 14px;padding-left:1.2rem}.kit-stage li{margin:.35rem 0}.kit-stage a{color:var(--mint);font-weight:600}.kit-number{color:var(--violet);font:300 2rem Poppins,sans-serif}.kit-finish{margin-top:34px;padding:26px;border-radius:14px;background:linear-gradient(135deg,rgba(111,216,207,.14),rgba(140,147,245,.16));border:1px solid var(--line)}.kit-finish h2{margin:0 0 8px}.kit-finish p{margin:.4rem 0}
.guide-footer{border-top:1px solid var(--line);padding:34px 0 48px;color:var(--muted);font-size:.88rem}.guide-footer p{margin:.35rem 0}.guide-footer a{color:#d9deee}
@media(max-width:980px){.guide-grid.four,.metric-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.guide-links a:not(.nav-cta){display:none}.guide-hero{padding:58px 0 44px}.guide-main{padding-top:48px}.guide-grid,.guide-grid.four,.steps,.phase-picker,.phase-columns,.metric-strip,.readiness-options,.travel-grid{grid-template-columns:1fr}.opening{grid-template-columns:1fr}.opening .rate{text-align:left}.opening .req{grid-column:auto}.guide-table{display:block;overflow-x:auto}.button.alt{margin-left:0}.guide h2{margin-top:52px}.phase-output,.readiness-result{padding:22px}.phase-picker button{min-height:62px}.readiness-options button{min-height:86px}.signal-row{display:grid}.kit-head .guide-main{display:block}.kit-stage{grid-template-columns:46px 1fr;gap:10px}.kit-stage h2{margin-top:0}}
@media print{.guide-nav,.guide-footer,.callout,.no-print{display:none!important}body.guide{background:#fff;color:#111}.guide-main{padding:0}.guide p,.guide li,.guide-table td{color:#222}.checklist li,.step,.evidence,.answer-box{background:#fff;border-color:#bbb}.guide h1,.guide h2,.guide h3,.guide strong{color:#111}.starter-kit{font-size:11pt}.kit-head{padding:0 0 18px;background:#fff}.kit-head .guide-main{display:block}.kit-main{padding:0}.kit-boundary,.kit-stage,.kit-finish{break-inside:avoid;border-color:#aaa}.kit-stage{padding:18px 0}.kit-stage h2{font-size:16pt}.kit-stage li{color:#222}.kit-stage a{color:#111}.kit-finish{margin-top:18px;background:#fff}}
