.setup-guide{--navy:#102b54;--green:var(--brand);--mint:#9cdef1;--ink:var(--text);--pale:#eef4fb;background:white}.setup-guide h1{font-size:clamp(2.6rem,5vw,4rem);line-height:1.08;letter-spacing:-.035em;margin:0}.setup-guide h2{line-height:1.15}.setup-guide .actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.setup-guide .text-link{font-weight:700}.setup-guide .fine{font-size:.85rem}.setup-guide .service-number{font-size:.75rem;letter-spacing:.08em;font-weight:700;color:var(--brand)}.setup-guide .guide-cards .btn{margin-top:auto}.setup-guide .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.setup-guide .faq details{border-bottom:1px solid var(--line);padding:22px 0}.setup-guide .faq summary{font-weight:700;cursor:pointer}.setup-guide .guide-step a{text-decoration:underline}.setup-guide .skip{position:fixed;top:-100px;left:16px;background:white;z-index:100;padding:10px}.setup-guide .skip:focus{top:12px}.setup-guide a:focus-visible,.setup-guide summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.setup-guide .nav-inner{height:auto;min-height:72px;padding:8px 0}.setup-guide .nav-actions{flex-wrap:wrap}.setup-guide .guide-toc{top:95px} @media(max-width:760px){.setup-guide .faq-grid{grid-template-columns:1fr;gap:22px}.setup-guide .nav-inner{gap:10px}.setup-guide .nav-actions .btn{padding:9px 11px;font-size:.78rem}}
.guide-hero{background:var(--navy);padding:80px 0 86px}
.guide-hero-inner{max-width:980px;margin-left:auto;margin-right:auto}
.guide-hero .eyebrow{color:var(--mint)}
.guide-hero h1{color:white;max-width:900px}
.guide-hero h1 span{color:var(--mint)}
.guide-hero-inner>p:not(.eyebrow):not(.fine){color:#d0e0e9;font-size:1.14rem;max-width:750px;margin-top:25px}
.guide-hero .text-link{color:white}
.guide-hero .fine{color:#c2d5df;margin-top:17px}
.guide-layout{display:grid;grid-template-columns:235px minmax(0,760px);justify-content:space-between;gap:75px}
.guide-toc{align-self:start;position:sticky;top:125px;display:flex;flex-direction:column;border-left:2px solid var(--line);padding-left:22px}
.guide-toc .eyebrow{margin:0 0 15px}
.guide-toc a{font-size:.9rem;text-decoration:none;padding:8px 0;color:var(--muted)}
.guide-toc a:hover{color:var(--green);text-decoration:underline}
.guide-lead{font-size:1.18rem;line-height:1.7;color:var(--ink)}
.guide-step{padding:55px 0 53px;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.guide-step:last-child{border-bottom:0;padding-bottom:0}
.guide-number{display:block;font-weight:700;font-size:.76rem;letter-spacing:.12em;color:var(--green);margin-bottom:13px}
.guide-step h2{font-size:clamp(1.8rem,3vw,2.45rem);margin-bottom:24px}
.guide-step p{margin-top:17px}
.guide-step a,.guide-list a{color:var(--green);font-weight:600}
.guide-step a:hover{text-decoration-thickness:2px}
.guide-note{margin-top:25px;padding:21px 24px;background:var(--pale);border-left:4px solid var(--green);border-radius:0 8px 8px 0;color:var(--ink)}
.guide-list{margin:20px 0 0;padding-left:24px;color:var(--muted)}
.guide-list li{margin:14px 0;padding-left:4px}
.guide-list strong{color:var(--ink)}
.guide-next{background:var(--pale);scroll-margin-top:100px}
.guide-next h2{max-width:720px}
.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:37px}
.guide-cards article{background:white;border:1px solid var(--line);border-top:3px solid var(--green);border-radius:0 0 12px 12px;padding:34px;display:flex;flex-direction:column;align-items:flex-start}
.guide-cards h3{font-size:1.6rem}
.guide-cards p{margin:17px 0 26px}
.guide-cards .button{margin-top:auto}
.guide-faq{background:white}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:34px}.guide-toc{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.guide-toc .eyebrow{grid-column:1/-1}.guide-hero{padding:65px 0}}
@media(max-width:760px){.guide-hero{padding:51px 0 57px}.guide-hero h1{font-size:clamp(2.55rem,9vw,3.25rem)}.guide-hero-inner>p:not(.eyebrow):not(.fine){font-size:1rem}.guide-layout{gap:32px}.guide-toc{padding-left:17px}.guide-toc a{font-size:.82rem}.guide-lead{font-size:1.06rem}.guide-step{padding:42px 0}.guide-cards{grid-template-columns:1fr}.guide-cards article{padding:27px 24px}.guide-cards .button{width:100%}}

/* Illustrated, sequential setup instructions */
.guide-layout{grid-template-columns:180px minmax(0,930px);gap:42px}
.guide-prep{margin-top:28px;padding:23px 26px;border-radius:12px;background:var(--pale);border:1px solid var(--line)}
.guide-prep strong{color:var(--navy)}
.guide-prep ul{margin:12px 0 0;padding-left:22px;color:var(--muted)}
.guide-prep li{padding-left:3px;margin:5px 0}
.guide-step-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:36px;align-items:start}
.guide-actions{counter-reset:action;list-style:none;margin:0;padding:0}
.guide-actions li{counter-increment:action;position:relative;padding-left:40px;margin:0 0 19px;color:var(--ink)}
.guide-actions li::before{content:counter(action);position:absolute;top:1px;left:0;width:26px;height:26px;display:grid;place-items:center;background:#e3f3ea;border-radius:50%;color:var(--green);font-size:.82rem;font-weight:700}
.guide-step-grid>div>p{margin-top:20px}
.guide-visual{margin:0;border:1px solid #cfdee4;border-radius:12px;overflow:hidden;background:#f8fbfc;box-shadow:0 12px 35px #08284012;color:var(--ink)}
.visual-top{display:flex;align-items:center;gap:15px;background:#e9f0f3;border-bottom:1px solid #cfdee4;padding:9px 15px;color:#496576;font-size:.72rem;font-weight:700}
.visual-dots{font-size:.55rem;letter-spacing:2px;color:#9fb1bb}
.visual-inner{padding:22px;min-height:230px;background:white}
.visual-search,.visual-field{padding:10px 12px;border:1px solid #bdcdd6;border-radius:7px;background:white;color:var(--ink);font-size:.85rem;line-height:1.4}
.visual-search{display:flex;justify-content:space-between;gap:10px;box-shadow:0 3px 12px #0828400d}
.visual-search span{font-size:1.15rem;color:var(--green)}
.visual-result{display:flex;gap:14px;margin-top:18px;padding:17px 12px;border:1px solid var(--line);border-radius:8px}
.visual-result strong,.visual-result small,.visual-result em{display:block}
.visual-result small{color:var(--muted);font-size:.75rem;margin-top:3px}
.visual-result em{color:var(--green);font-size:.75rem;font-style:normal;font-weight:700;margin-top:13px}
.visual-pin{color:var(--green);font-size:1.65rem;line-height:1}
.visual-choice{border:1px solid #d3e0e5;border-radius:8px;padding:11px 13px;margin-bottom:10px}
.visual-choice b,.visual-choice small{display:block}
.visual-choice b{font-size:.82rem}
.visual-choice small{font-size:.72rem;color:var(--muted);line-height:1.4;margin-top:3px}
.visual-choice.selected{border-color:var(--green);background:#f0faf4;box-shadow:inset 3px 0 0 var(--green)}
.visual-label{display:block;font-size:.73rem;color:#405969;font-weight:700;margin:0 0 15px}
.visual-field{margin-top:5px;font-weight:400;display:flex;justify-content:space-between}
.visual-selected{border-color:#8fc4a8}
.visual-next{display:inline-block;background:var(--green);color:white;padding:7px 14px;border-radius:5px;font-weight:700;font-size:.75rem}
.visual-tags{display:flex;gap:5px;flex-wrap:wrap;margin:-2px 0 15px}
.visual-tags span{font-size:.64rem;padding:3px 8px;border-radius:20px;background:#e9f5ee;color:var(--green)}
.visual-check{font-size:.79rem;color:var(--green);font-weight:700;padding:8px 0;border-bottom:1px solid var(--line)}
.visual-shield{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e5f5ec;color:var(--green);font-size:1.4rem;margin-bottom:12px}
.visual-headline{display:block;margin-bottom:16px}
.visual-hint{font-size:.69rem;color:var(--muted);margin-top:14px}
.visual-progress{height:7px;background:#e4eef0;border-radius:20px;margin-top:22px}
.visual-progress span{display:block;width:88%;height:100%;border-radius:inherit;background:var(--green)}
.guide-visual figcaption{padding:10px 17px;border-top:1px solid #e2e9ec;color:var(--muted);font-size:.69rem;line-height:1.45;background:#f8fbfc}
@media(max-width:1050px){.guide-layout{grid-template-columns:1fr;gap:36px}.guide-toc{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:0 16px}.guide-toc .eyebrow{grid-column:1/-1}}
@media(max-width:760px){.guide-toc{grid-template-columns:repeat(2,1fr)}.guide-step-grid{grid-template-columns:1fr;gap:25px}.guide-visual{max-width:500px}.visual-inner{min-height:0}.guide-step{padding:44px 0}.guide-prep{padding:20px}}