/* Selected How It Works design: only this route receives these styles. */
.how-v2 .how-container,.how-v2 .container,.how-v2 .nav-shell{max-width:1440px;padding-left:clamp(22px,5.15vw,74px);padding-right:clamp(22px,5.15vw,74px);margin-left:auto;margin-right:auto}
.how-v2 .announcement{height:30px;padding:4px 16px;font-size:13px;line-height:22px}
.how-v2 .nav-shell{height:78px}
.how-v2 .brand-wordmark{width:195px}
.how-v2 .desktop-nav{gap:30px;margin-left:25px}
.how-v2 .desktop-nav a{font-size:14px;font-weight:700}
.how-v2 .desktop-nav a[aria-current]:after{bottom:-17px}
.how-v2 .bag-label{font-size:14px}
.how-intro{padding-top:16px;padding-bottom:16px}
.how-breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;line-height:22px;color:var(--muted);margin-bottom:20px}
.how-breadcrumb a:hover{color:var(--accent)}
.how-eyebrow{display:block;font-size:11px;line-height:18px;font-weight:750;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;color:var(--muted)}
.how-intro h1{font-size:clamp(42px,5.4vw,68px);font-weight:750;line-height:1.08;letter-spacing:-.055em;margin:0 0 12px}
.how-intro-copy{font-size:19px;line-height:1.5;letter-spacing:-.25px;max-width:890px;margin:0}
.how-actions{display:flex;align-items:center;gap:33px;flex-wrap:wrap;margin-top:22px}
.how-actions .button{font-size:16px;min-height:49px;gap:21px;padding:12px 28px;border-radius:6px}
.how-actions>.text-link{font-size:16px;min-height:44px;gap:15px}
.how-intro .how-plan-note{font-size:13px;line-height:21px;margin:12px 0 0}
.how-activation-note{display:flex;align-items:center;gap:22px;padding:18px 26px;background:#f7f7f7;border-left:6px solid var(--accent);border-radius:6px;min-height:83px}
.how-info-icon{width:34px;height:34px;flex-shrink:0}
.how-activation-note h2{font-size:16px;line-height:1.5;letter-spacing:-.25px;font-weight:750;margin:0 0 3px}
.how-activation-note p{font-size:14px;line-height:1.6;margin:0}
.how-overview{padding-top:25px;padding-bottom:28px}
.how-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}
.how-step{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.how-step+.how-step{border-left:1px solid var(--line);padding-left:28px}
.how-step-marker{display:flex;align-items:center;gap:18px;width:100%;margin-bottom:16px;font-size:16px;line-height:24px;font-weight:750;color:var(--accent)}
.how-step-marker:after{content:'';height:1px;flex:1;background:var(--line)}
.how-step-illustration{width:64px;height:64px;object-fit:contain;margin-bottom:17px;filter:grayscale(1) brightness(.7)}
.how-step h2{font-size:25px;font-weight:750;letter-spacing:-.8px;line-height:1.25;margin:0 0 12px}
.how-step p{font-size:16px;line-height:1.5;letter-spacing:-.15px;margin:0 0 10px}
.how-step .text-link{font-size:15px;min-height:44px;gap:13px;margin-top:auto;padding-top:7px}
.how-step .text-link>.icon{width:18px;height:18px}
.how-preparation{padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line)}
.how-preparation h2{font-size:30px;font-weight:750;line-height:1.25;letter-spacing:-.045em;margin:0 0 13px}
.how-preparation ul{margin:0;padding-left:25px;color:var(--muted);font-size:16px;line-height:1.8}
.how-preparation li{padding-left:5px;margin:0 0 2px}
.how-adapter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding-top:22px;padding-bottom:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.how-adapter h2{font-size:27px;line-height:1.2;font-weight:750;letter-spacing:-.045em;margin:0 0 10px}
.how-adapter p{font-size:15px;line-height:1.6;letter-spacing:-.15px;max-width:900px;margin:0}
.how-adapter>.text-link{font-size:14px;min-height:44px;white-space:nowrap;gap:12px}
.how-support-shell{padding-top:15px;padding-bottom:25px}
.how-support{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:21px 25px;background:#f7f7f7;border-radius:6px}
.how-support h2{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:0 0 4px;font-weight:750}
.how-support p{font-size:15px;line-height:1.6;letter-spacing:-.2px;margin:0;max-width:900px}
.how-support-button{border:1px solid #777;border-radius:5px;min-height:44px;font-size:14px;padding:10px 21px;gap:16px;white-space:nowrap}
.how-support-button:hover{background:#fff;border-color:var(--ink)}
@media(max-width:1100px){.how-v2 .nav-shell{height:66px}.how-v2 .announcement{height:28px;font-size:12px;line-height:20px}.how-v2 .brand-wordmark{width:165px}.how-v2 .desktop-nav{gap:24px;margin-left:10px}.how-v2 .desktop-nav a{font-size:12px}.how-v2 .desktop-nav a[aria-current]:after{bottom:-11px}.how-v2 .bag-label{font-size:12px}.how-v2 .nav-tools{gap:8px}.how-intro-copy{font-size:18px;max-width:660px}.how-step-grid{gap:23px}.how-step+.how-step{padding-left:23px}.how-step h2{font-size:24px}.how-step p{font-size:15px;line-height:1.5}.how-step .text-link{font-size:15px}.how-adapter{gap:27px}.how-adapter p{font-size:14px}.how-adapter>.text-link{font-size:13px}.how-support p{font-size:14px}.how-support-button{font-size:13px;padding:10px 19px}}
@media(max-width:950px){.how-v2 .desktop-nav{display:none}.how-v2 .mobile-toggle{display:inline-flex}.how-v2 .brand-wordmark{width:180px}.how-intro h1{font-size:49px;max-width:700px}.how-intro-copy{max-width:650px}.how-activation-note{padding:18px 20px;gap:18px}.how-activation-note h2{font-size:16px}.how-activation-note p{font-size:14px}.how-step-grid{gap:20px}.how-step+.how-step{padding-left:20px}.how-step h2{font-size:22px}.how-step-illustration{width:56px;height:56px}.how-step p{font-size:15px}.how-preparation h2{font-size:28px}.how-adapter{grid-template-columns:1fr;gap:6px}.how-adapter h2{font-size:26px}.how-adapter p{font-size:15px;max-width:720px}.how-adapter>.text-link{font-size:14px}.how-support{gap:22px}.how-support h2{font-size:22px}}
@media(max-width:700px){.how-step-grid{grid-template-columns:1fr;gap:28px}.how-step+.how-step{border-left:0;padding-left:0}.how-step{display:grid;grid-template-columns:65px minmax(0,1fr);column-gap:20px;align-items:start}.how-step-marker{grid-column:1/-1;margin-bottom:16px}.how-step-illustration{grid-column:1;grid-row:2/6;width:60px;height:60px;margin:0}.how-step h2,.how-step p,.how-step .text-link{grid-column:2}.how-step h2{font-size:25px}.how-step p{font-size:16px;line-height:1.6;margin-bottom:10px}.how-step .text-link{margin-top:0;padding-top:0;font-size:15px}.how-support{flex-direction:column;align-items:flex-start;gap:16px}.how-support p{font-size:15px}}
@media(max-width:640px){.how-v2 .how-container,.how-v2 .container,.how-v2 .nav-shell{padding-left:22px;padding-right:22px}.how-v2 .nav-shell{height:69px;gap:8px}.how-v2 .brand-wordmark{width:155px}.how-v2 .nav-tools{gap:0}.how-v2 .bag-label{display:none}.how-v2 .announcement{height:30px;line-height:22px;font-size:12px}.how-intro{padding-top:16px;padding-bottom:23px}.how-breadcrumb{font-size:12px;margin-bottom:20px;gap:10px}.how-eyebrow{font-size:10px;letter-spacing:.8px;margin-bottom:13px}.how-intro h1{font-size:clamp(36px,9.6vw,50px);line-height:1.08;margin-bottom:16px;max-width:500px}.how-intro-copy{font-size:16px;line-height:1.7}.how-actions{gap:12px 22px;margin-top:20px}.how-actions .button{font-size:15px;min-height:49px;padding:12px 20px;gap:18px}.how-actions>.text-link{font-size:15px;gap:11px;min-height:44px}.how-intro .how-plan-note{font-size:13px;margin-top:11px}.how-activation-note{align-items:flex-start;padding:19px 17px;gap:14px;border-left-width:5px}.how-info-icon{width:27px;height:27px;margin-top:1px}.how-activation-note h2{font-size:15px;line-height:1.6;margin-bottom:5px}.how-activation-note p{font-size:14px;line-height:1.7}.how-overview{padding-top:27px;padding-bottom:26px}.how-step{grid-template-columns:53px minmax(0,1fr);column-gap:15px}.how-step-illustration{width:50px;height:50px}.how-step h2{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin-bottom:12px}.how-step p{font-size:15px;line-height:1.7;letter-spacing:-.1px}.how-step-marker{font-size:15px;margin-bottom:17px}.how-step .text-link{font-size:15px;gap:10px}.how-preparation{padding-top:26px;padding-bottom:24px}.how-preparation h2{font-size:28px;margin-bottom:14px}.how-preparation ul{font-size:15px;line-height:1.8;padding-left:20px}.how-preparation li{padding-left:3px;margin-bottom:8px}.how-adapter{padding-top:23px;padding-bottom:18px;gap:8px}.how-adapter h2{font-size:26px;margin-bottom:12px}.how-adapter p{font-size:15px;line-height:1.8}.how-adapter>.text-link{font-size:14px}.how-support-shell{padding-top:16px;padding-bottom:25px}.how-support{padding:23px 20px;gap:18px}.how-support h2{font-size:23px;margin-bottom:8px}.how-support p{font-size:15px;line-height:1.8}.how-support-button{font-size:14px;min-height:46px;padding:11px 19px}}
@media(max-width:359px){.how-v2 .nav-shell{padding-left:16px;padding-right:16px;gap:5px}.how-v2 .brand-wordmark{width:140px}.how-intro h1{font-size:35px}.how-step{grid-template-columns:1fr}.how-step-illustration{grid-column:1;grid-row:auto;width:54px;height:54px;margin:0 0 16px}.how-step h2,.how-step p,.how-step .text-link{grid-column:1}.how-activation-note{gap:12px;padding:17px 14px}.how-info-icon{width:24px;height:24px}.how-step h2{font-size:25px}.how-step p{font-size:15px}}

.how-step-illustration[src$="how-hotspot.webp"]{transform:scale(1.25);transform-origin:left center}