[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020a18;color:#f0f7ff;font:15px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#57dedb}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1190px;margin:auto;padding:0 26px}.site-header{border-bottom:1px solid #1c3449;background:#051426;position:sticky;top:0;z-index:10}.head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;font-size:14px;letter-spacing:.15rem;font-weight:900}.mark{height:32px;width:32px;border:3px solid #2cdbd1;border-radius:9px;transform:rotate(45deg);display:grid;place-items:center}.mark span{transform:rotate(-45deg);font-size:15px;color:#2cdbd1}.nav{display:flex;gap:20px;align-items:center}.nav a{font-size:13px;text-decoration:none;color:#c1d0de}.nav a:hover{color:#56e6df}.eyebrow{color:#6be5e0;font-size:11px;font-weight:800;letter-spacing:.16rem;text-transform:uppercase}.hero{padding:68px 0 48px;background:radial-gradient(ellipse at 82% 5%,#103047 0%,transparent 55%)}h1{font-size:clamp(38px,5.5vw,66px);line-height:1.08;letter-spacing:-.055em;margin:13px 0 18px;max-width:780px}h2{letter-spacing:-.035em;line-height:1.2}.lead{font-size:17px;color:#b4c7d7;max-width:770px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid #3e6877;border-radius:10px;padding:10px 16px;color:#e5fbfb;background:#0a2537;font-weight:700;font-size:13px}.btn.primary{background:#31d4cb;color:#041525;border-color:#31d4cb}.note{border-left:3px solid #3bddd4;background:#0a2234;padding:13px 17px;color:#c5d6e2;border-radius:0 9px 9px 0}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 22px}.search{width:min(440px,100%);background:#0a1d2f;border:1px solid #35546b;border-radius:10px;padding:12px 14px;color:white}.filter{border:1px solid #32556c;color:#bcd4df;background:#0a1c2f;border-radius:99px;padding:7px 12px;font-size:12px}.filter.active{background:#26d7ce;color:#041526;border-color:#26d7ce;font-weight:800}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:linear-gradient(145deg,#0b2035,#061426);border:1px solid #28465d;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}.card:hover{border-color:#3dbbb9}.card h3{font-size:22px;line-height:1.25;margin:0}.card p{color:#b9cad9;margin:4px 0 10px}.chip{font-size:10px;font-weight:900;letter-spacing:.1rem;color:#6ce4df}.card .btn{align-self:flex-start;margin-top:auto}.section{padding:40px 0}.section-title{font-size:30px;margin:0 0 12px}.playbook{background:#081b2d;border:1px solid #2a465c;border-radius:18px;margin:20px 0;padding:28px;scroll-margin-top:95px}.pb-head{display:flex;gap:16px;align-items:start;justify-content:space-between}.pb-head h2{font-size:30px;margin:5px 0}.pb-head p{color:#b8cbd9;margin:4px 0 12px}.pbnum{font-size:13px;color:#5cdbd7;font-weight:800}.cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}.cols h3{font-size:15px;margin:20px 0 8px}.steps{counter-reset:steps;padding-left:0;list-style:none}.steps li{position:relative;padding:0 0 16px 35px;color:#c7d7e4}.steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:2px;background:#124454;color:#6be8e0;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;font-size:12px;font-weight:800}.steps strong{display:block;color:#f4fbff}.info{color:#c2d4e2;background:#0c2a3b;padding:14px 16px;border-radius:10px;margin:12px 0}.warn{border-left:3px solid #d7b36d;padding:9px 14px;color:#e5d6bd;background:#29251f;border-radius:0 7px 7px 0}.codebox{background:#020d19;border:1px solid #244358;border-radius:12px;overflow:hidden}.codehead{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;background:#102a3c;color:#93bcc7;font-size:12px}.copy{background:#164558;border:1px solid #327385;color:#b9f8f1;border-radius:6px;padding:4px 10px;font-size:12px}pre{overflow:auto;white-space:pre;font:12px/1.55 Consolas,Monaco,monospace;padding:14px;margin:0;color:#d5e7f4}.muted{color:#a8becf}.footer{margin-top:55px;padding:30px 0;border-top:1px solid #254158;color:#9bb2c4;font-size:12px}.to-top{position:fixed;right:20px;bottom:20px;display:none;border:1px solid #40d5cd;border-radius:50%;background:#0b3543;color:#6be7de;font-weight:900;width:45px;height:45px;z-index:20}.to-top.show{display:block}.empty{display:none;color:#d3e1ec;padding:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.nav{gap:10px}.nav a{font-size:11px}.grid,.cols{grid-template-columns:1fr}.hero{padding:42px 0 25px}.playbook{padding:18px}.pb-head h2{font-size:25px}.wrap{padding:0 17px}}@media(max-width:450px){.head{align-items:flex-start;flex-direction:column;padding-top:15px;padding-bottom:15px}.nav{flex-wrap:wrap}.controls{gap:7px}.filter{font-size:11px}}@media print{.site-header,.hero-actions,.controls,.to-top,.copy{display:none!important}body{background:white;color:black}.playbook{break-inside:avoid;background:white;color:black;border:1px solid #aaa}.playbook p,.steps li,.info{color:black}.codebox{background:white}pre{color:black;white-space:pre-wrap}.grid{display:none}}
.guide-hero-image{float:right;width:40%;margin:0 0 18px 32px;overflow:hidden;border-radius:14px;border:1px solid #276071;box-shadow:0 18px 50px #0006}.guide-hero-image img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}.hero .wrap:after{content:"";display:block;clear:both}@media(max-width:800px){.guide-hero-image{float:none;width:100%;margin:0 0 28px}}

/* Crisp image / live-text hero. No floated image or baked-in website text. */
.guide-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:36px;align-items:center}
.guide-hero-copy{min-width:0}
.guide-hero-image{float:none;width:100%;margin:0;min-width:0;overflow:hidden;border-radius:15px;border:1px solid #276071;box-shadow:0 18px 50px #0006;align-self:center}
.guide-hero-image img{display:block;width:100%;height:auto;aspect-ratio:930/628;object-fit:cover;object-position:center}
.guide-hero-copy h1{font-size:clamp(38px,4.7vw,62px)}
.guide-hero-copy .lead{max-width:650px}
.guide-hero-note{margin-top:22px}
@media(max-width:850px){.guide-hero-layout{grid-template-columns:1fr;gap:24px}.guide-hero-image{max-width:720px}.guide-hero-image img{aspect-ratio:930/628}}
@media print{.guide-hero-image{display:none}.guide-hero-layout{display:block}}


.ns-csp-inline-1{padding-top:18px}

.ns-csp-inline-2{color:#5ce8df;text-decoration:none;font-weight:700}

.ns-csp-inline-3{color:#35d7cf}