.guide-header{position:sticky;z-index:60;top:0;padding:12px 0;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(22px)}.guide-topbar{display:flex;width:min(1240px,calc(100% - 40px));min-height:64px;align-items:center;gap:18px;margin:auto;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:20px;background:var(--panel-soft);box-shadow:0 15px 50px rgba(0,0,0,.18)}.guide-topbar nav{display:flex;gap:24px;margin-left:auto}.guide-topbar nav a{color:var(--muted);font-size:13px;font-weight:750}.guide-topbar nav a:hover{color:var(--text)}.guide-profile{display:inline-flex;min-height:40px;align-items:center;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13px;font-weight:800}.wizard-main{width:min(1120px,calc(100% - 40px));margin:auto;padding:55px 0 20px}.wizard-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px;overflow:hidden;padding:clamp(32px,6vw,65px);border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 85% 20%,rgba(82,199,255,.18),transparent 31%),var(--panel);box-shadow:var(--shadow)}.wizard-hero>div>span,.wizard-heading>span{color:#68cfff;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.wizard-hero h1{margin:14px 0 18px;font-size:clamp(52px,7.5vw,84px);line-height:.92;letter-spacing:-.075em}.wizard-hero h1 em{color:#70dfac;font-style:normal}.wizard-hero p{max-width:620px;color:var(--muted);font-size:17px;line-height:1.65}.wizard-hero-art{position:relative;display:grid;min-height:310px;place-items:center}.wizard-hero-art img{width:min(240px,65vw);aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 28px 75px rgba(62,180,255,.28)}.wizard-hero-art>span{position:absolute;right:0;bottom:12%;padding:10px 13px;border:1px solid rgba(103,226,168,.25);border-radius:999px;background:var(--panel-soft);font-size:12px;font-weight:850}.wizard-hero-art i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#70dfac}.wizard-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:14px;margin:48px auto 25px}.wizard-progress>span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.wizard-progress>span i{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft);font-style:normal;font-weight:900}.wizard-progress>span.is-active{color:var(--text)}.wizard-progress>span.is-active i{border-color:rgba(103,226,168,.35);color:#071610;background:#70dfac}.wizard-progress>em{height:1px;background:var(--line)}.wizard-step{scroll-margin-top:100px;padding:clamp(26px,5vw,45px);border:1px solid var(--line);border-radius:29px;opacity:0;background:var(--panel);box-shadow:var(--shadow);transform:translateY(18px);transition:opacity .4s,transform .4s}.wizard-step.is-visible{opacity:1;transform:none}.wizard-heading{max-width:750px}.wizard-heading h2{margin:9px 0 9px;font-size:clamp(32px,5vw,52px);letter-spacing:-.06em}.wizard-heading p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.device-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:28px;perspective:1000px}.device-choice-grid button,.app-choice-grid button{border:1px solid var(--line);color:var(--text);background:var(--panel-soft);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.device-choice-grid button{display:flex;min-height:190px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:18px;border-radius:21px;text-align:left;transform-style:preserve-3d}.device-choice-grid button:hover{border-color:rgba(104,207,255,.42);box-shadow:0 24px 50px rgba(0,0,0,.18);transform:perspective(700px) rotateX(4deg) translateY(-6px)}.device-choice-grid button>span{display:grid;width:48px;height:48px;place-items:center;margin-bottom:auto;border-radius:15px;color:#07141d;background:linear-gradient(135deg,#70dfac,#78a9ff);font-size:17px;font-weight:950}.device-choice-grid b{font-size:15px}.device-choice-grid small{margin-top:4px;color:var(--muted);font-size:11px}.wizard-back{margin-bottom:24px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:var(--panel-soft);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.app-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}.app-choice-grid button{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;min-height:100px;padding:17px;border-radius:20px;text-align:left}.app-choice-grid button:hover{border-color:rgba(112,223,172,.4);box-shadow:0 20px 48px rgba(0,0,0,.16);transform:translateY(-4px)}.app-choice-grid button>span,.summary-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#07141d;background:linear-gradient(135deg,#70dfac,#78a9ff);font-size:18px;font-weight:950}.app-choice-grid button div{display:grid;gap:5px}.app-choice-grid button div b{font-size:17px}.app-choice-grid button div small{color:var(--muted);font-size:12px;line-height:1.45}.app-choice-grid button>i{color:#70dfac;font-size:12px;font-style:normal;font-weight:850}.instruction-layout{display:grid;grid-template-columns:300px 1fr;gap:14px}.instruction-summary,.instruction-card{padding:clamp(22px,4vw,34px);border:1px solid var(--line);border-radius:25px;background:var(--panel)}.instruction-summary{position:sticky;top:105px;align-self:start;background:linear-gradient(145deg,rgba(89,197,255,.09),transparent),var(--panel-soft)}.instruction-summary small{display:block;margin-top:24px;color:#68cfff;font-weight:800}.instruction-summary h2{margin:5px 0 10px;font-size:28px}.instruction-summary p{color:var(--muted);font-size:13px;line-height:1.6}.official-install{display:flex;min-height:48px;align-items:center;justify-content:center;margin-top:25px;padding:0 15px;border-radius:14px;color:#071610;background:#70dfac;font-size:12px;font-weight:900;text-align:center}.instruction-card{padding:clamp(24px,5vw,42px)}.instruction-list{display:grid;gap:10px;margin:27px 0 0;padding:0;list-style:none}.instruction-list li{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);opacity:0;animation:stepIn .45s ease forwards}.instruction-list li:nth-child(2){animation-delay:.08s}.instruction-list li:nth-child(3){animation-delay:.16s}.instruction-list li:nth-child(4){animation-delay:.24s}.instruction-list li:nth-child(5){animation-delay:.32s}.instruction-list li>i{display:grid;width:45px;height:45px;place-items:center;border-radius:14px;color:#68cfff;background:rgba(83,193,255,.1);font-size:12px;font-style:normal;font-weight:900}.instruction-list b{display:block;margin:2px 0 5px;font-size:15px}.instruction-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.instruction-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.wizard-help{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:29px;border:1px solid rgba(112,223,172,.22);border-radius:25px;background:rgba(92,219,160,.06)}.wizard-help span{color:#70dfac;font-size:11px;font-weight:850;text-transform:uppercase}.wizard-help h2{margin:7px 0 5px;font-size:23px}.wizard-help p{margin:0;color:var(--muted);font-size:13px}.wizard-help>a{flex:0 0 auto;padding:13px 17px;border:1px solid rgba(112,223,172,.25);border-radius:13px;color:#70dfac;font-weight:850}@keyframes stepIn{to{opacity:1;transform:none}from{opacity:0;transform:translateY(10px)}}
@media(max-width:900px){.wizard-hero{grid-template-columns:1fr}.wizard-hero-art{min-height:245px;order:-1}.device-choice-grid{grid-template-columns:repeat(3,1fr)}.instruction-layout{grid-template-columns:1fr}.instruction-summary{position:static}}
@media(max-width:680px){.guide-topbar nav,.guide-profile{display:none}.wizard-main{width:min(100% - 28px,1120px);padding-top:35px}.wizard-progress b{display:none}.wizard-progress{gap:7px}.device-choice-grid{grid-template-columns:1fr 1fr}.app-choice-grid{grid-template-columns:1fr}.wizard-help{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.guide-topbar{width:min(100% - 24px,1240px)}.wizard-hero{padding:28px 20px}.wizard-hero h1{font-size:47px}.wizard-step{padding:22px 17px}.device-choice-grid{grid-template-columns:1fr}.device-choice-grid button{min-height:145px}.instruction-actions{display:grid}.instruction-actions .button{width:100%}}

/* 2-step connection flow */
.wizard-progress.two-steps{grid-template-columns:auto 1fr auto;max-width:620px}.guide-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.guide-trust-row span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel-soft);font-size:11px;font-weight:800;letter-spacing:0;text-transform:none}.device-choice-grid button>i{margin-top:10px;color:#68cfff;font-size:11px;font-style:normal;font-weight:850}.instruction-step-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.instruction-step-top .wizard-back{margin:0}.selected-device-pill{padding:8px 11px;border:1px solid rgba(104,207,255,.26);border-radius:999px;color:#68cfff;background:rgba(104,207,255,.08);font-size:11px;font-weight:850}.guide-app-switch{margin:30px 0 16px;padding:18px;border:1px solid var(--line);border-radius:23px;background:var(--panel-soft)}.guide-app-switch>span{display:block;margin-bottom:11px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.guide-app-switch .app-choice-grid{margin:0}.app-choice-grid button.is-active{border-color:rgba(112,223,172,.5);background:linear-gradient(125deg,rgba(112,223,172,.09),rgba(104,207,255,.05)),var(--panel);box-shadow:0 18px 44px rgba(0,0,0,.16);transform:translateY(-2px)}.app-choice-grid button div b{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.app-choice-grid button div b em{padding:4px 7px;border-radius:999px;color:#071610;background:#70dfac;font-size:9px;font-style:normal;font-weight:950;text-transform:uppercase}.app-choice-grid button.is-active>i{color:#70dfac}.official-source{display:grid;gap:4px;margin-top:19px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.official-source small{margin:0;color:var(--muted);font-size:10px;text-transform:uppercase}.official-source b{font-size:11px;line-height:1.45}.instruction-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.instruction-card-head span{color:#70dfac;font-size:11px;font-weight:850;text-transform:uppercase}.instruction-card-head h3{margin:5px 0 0;font-size:clamp(22px,3vw,32px);letter-spacing:-.045em}.instruction-card-head>a{flex:0 0 auto;padding:9px 11px;border:1px solid var(--line);border-radius:11px;color:#68cfff;background:var(--panel-soft);font-size:11px;font-weight:850}.instruction-finish{margin-top:16px;padding:17px;border:1px solid rgba(112,223,172,.2);border-radius:17px;background:rgba(112,223,172,.055)}.instruction-finish span{color:#70dfac;font-size:11px;font-weight:900;text-transform:uppercase}.instruction-finish p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
@media(max-width:680px){.wizard-progress.two-steps{grid-template-columns:auto 1fr auto}.instruction-step-top{align-items:flex-start;flex-direction:column}.selected-device-pill{align-self:flex-start}.guide-app-switch{padding:12px}.instruction-card-head{flex-direction:column}.instruction-card-head>a{width:100%;text-align:center}.guide-trust-row{justify-content:flex-start}}