.setup-guide{margin:28px 0 60px;--guide-accent:#b4f542}
.guide-intro{max-width:760px;margin:0 auto 32px;text-align:center}
.guide-intro h2{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2;margin-bottom:16px}
.guide-eyebrow{font-size:.8rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--guide-accent)!important}
.guide-language-note,.guide-figure figcaption{font-size:.86rem;color:var(--text-muted)}
.guide-video-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:center;max-width:920px;margin:0 auto 36px}
.guide-video{display:block;width:100%;aspect-ratio:1/2;background:#10121d;border:1px solid #514659;border-radius:22px;box-shadow:0 18px 44px #0005}
.guide-video-copy h3{font-size:1.7rem;line-height:1.3}
.guide-video-copy p,.guide-copy p{color:var(--text-muted);line-height:1.7}
.guide-video-copy ol{padding-left:24px;margin:24px 0;line-height:2.2}
.guide-before,.guide-after{margin:32px 0!important}
.guide-reader{scroll-margin-top:100px}
.guide-reader>h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:20px}
.guide-chapters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.guide-chapter{display:flex;align-items:center;gap:10px;border:1px solid #444456;padding:12px 16px;border-radius:14px;color:var(--text-muted);font-size:.9rem}
.guide-chapter span{color:var(--guide-accent);font-weight:700}
.guide-chapter[aria-current="step"]{border-color:var(--guide-accent);background:#b4f50c0c;color:#fff}
.guide-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:10px 0;position:sticky;top:78px;z-index:5;background:var(--bg-dark)}
.setup-guide [hidden]{display:none!important}
.guide-controls button{cursor:pointer;font:inherit}
.guide-controls button:disabled{opacity:.35;cursor:default}
.guide-counter{font-variant-numeric:tabular-nums;font-size:.9rem;white-space:nowrap;color:var(--text-muted)}
.guide-step{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);align-items:center;gap:44px;border:1px solid #343442;border-radius:24px;padding:28px;margin:0 0 24px;scroll-margin-top:110px;background:linear-gradient(135deg,#ffffff04,#ffffff00)}
.guide-figure{margin:0;text-align:center;min-width:0}
.guide-image-navigation{position:relative;padding:0;touch-action:pan-y pinch-zoom}
.guide-arrow{position:absolute;top:45%;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff65;background:#192432cc;color:#fff;display:grid;place-items:center;cursor:pointer;font:36px/1 sans-serif;box-shadow:0 3px 12px #0005;z-index:2}
.guide-arrow-prev{left:0}.guide-arrow-next{right:0}
.guide-arrow:hover:not(:disabled){background:#344858;border-color:var(--guide-accent)}
.guide-arrow:disabled{opacity:.3;cursor:default}
.guide-navigation-hint{text-align:center;color:var(--text-muted);font-size:.9rem;margin:0 0 18px}
.guide-modal{margin:auto;border:0;background:transparent;color:#fff;padding:16px;width:min(94vw,850px);max-width:100vw;max-height:96dvh;overflow:auto}
.guide-modal::backdrop{background:#030811e8}
.guide-modal-panel{position:relative;background:#101923;border:1px solid #ffffff35;border-radius:20px;padding:16px 8px;text-align:center}
.guide-modal-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:1px solid #ffffff65;border-radius:50%;background:#192432;color:white;font:30px/1 sans-serif;cursor:pointer;z-index:3}
.guide-modal-counter{padding:0 46px;margin:8px 0 18px;font-variant-numeric:tabular-nums}
.guide-modal-image{display:block;width:100%;height:calc(92dvh - 150px);object-fit:contain}
.guide-modal-caption{margin:12px 8px 0;font-size:.9rem}
.guide-home-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px!important;margin-top:28px;margin-bottom:48px;border:1px solid #b4f54266;border-radius:24px;background:linear-gradient(120deg,#162938,#111923)}
.guide-home-cta h2{margin:0 0 12px}.guide-home-cta p{color:var(--text-muted);max-width:680px;margin:0}.guide-home-cta .btn{white-space:normal;text-align:center}
@media(max-width:700px){.guide-home-cta{flex-direction:column;align-items:stretch}.guide-modal{padding:4px;width:98vw}.guide-modal-panel{padding:12px 2px}.guide-modal-counter{font-size:.85rem}}
.guide-phone{display:block;padding:7px;border:1px solid #ccc5dd;border-radius:25px;background:linear-gradient(145deg,#777180,#24212a 28%,#09090c 72%,#6d6876);box-shadow:0 16px 26px #0005,inset 0 0 0 2px #111015}
.guide-phone img{display:block;width:100%;height:auto;border-radius:0;object-fit:contain}
.guide-figure figcaption{margin-top:12px}
.guide-copy h3{font-size:clamp(1.4rem,3vw,2rem);line-height:1.25;margin:12px 0 18px}
.guide-copy p{font-size:1.1rem}
.guide-step:focus-visible{outline:2px solid var(--guide-accent);outline-offset:4px}
.guide-index{border:1px solid #343442;border-radius:16px;padding:18px 22px;margin-top:20px}
.guide-index summary{cursor:pointer;font-weight:600}
.guide-index ol{columns:2;column-gap:36px;padding-left:24px;line-height:1.6;margin:20px 0 0}
.guide-index li{break-inside:avoid;margin:0 0 12px;padding-left:4px}
.guide-index a{color:var(--text-muted)}
.setup-guide a:focus-visible,.setup-guide button:focus-visible{outline:2px solid var(--guide-accent);outline-offset:4px}
@media(max-width:700px){.guide-video-layout{grid-template-columns:1fr;gap:24px}.guide-video{max-width:330px;margin:auto}.guide-video-copy{text-align:center}.guide-video-copy ol{text-align:left;max-width:320px;margin:20px auto}.guide-step{grid-template-columns:1fr;gap:20px;padding:18px}.guide-copy{grid-row:1}.guide-copy h3{margin-top:4px}.guide-figure{max-width:360px;width:100%;margin:auto}.guide-chapter{flex:1 1 100%;padding:10px 14px}.guide-index ol{columns:1}.guide-controls .btn{padding:11px 13px;font-size:.85rem}.guide-controls{top:124px}.guide-reader{scroll-margin-top:140px}}
@media print{.guide-step[hidden]{display:grid!important}.guide-controls,.guide-video-layout,.guide-chapters{display:none!important}.guide-step{break-inside:avoid}.guide-phone{box-shadow:none}}
