.howto-page{padding-top:8px;padding-bottom:40px}.howto-hero{margin-bottom:2rem}@media (width>=1024px){.howto-hero{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}}.howto-hero__cta{flex-shrink:0;display:none}@media (width>=1024px){.howto-hero__cta{display:block}}.howto-hero__eyebrow{background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .2);border-radius:var(--radius-pill);color:var(--accent-hover);text-transform:none;letter-spacing:.025em;vertical-align:middle;align-items:center;margin-bottom:0;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.howto-hero__title{letter-spacing:-.03em;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;margin-bottom:0;font-size:clamp(26px,6vw,40px);font-weight:900;line-height:1.15;display:flex}.howto-hero__sub{color:var(--text-muted);max-width:520px;margin-top:.75rem;font-size:15px;line-height:1.6}.howto-roadmap-nav{overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;margin-bottom:2.5rem;padding-bottom:4px;overflow-x:auto}.howto-roadmap-nav::-webkit-scrollbar{display:none}.howto-roadmap-nav__track{align-items:flex-start;gap:0;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.howto-roadmap-nav__item{flex:none;align-items:flex-start;display:flex}.howto-roadmap-nav__line{background:linear-gradient(90deg, rgba(var(--accent-rgb), .55), rgba(var(--accent-rgb), .2));flex-shrink:0;width:28px;height:2px;margin-top:15px;display:block}.howto-roadmap-nav__node{width:88px;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;text-decoration:none;transition:color .2s;display:flex}.howto-roadmap-nav__node:hover{color:var(--text)}.howto-roadmap-nav__dot{color:#fff;background:var(--accent);border:2px solid rgba(var(--accent-rgb), .35);width:32px;height:32px;box-shadow:0 0 0 4px rgba(var(--accent-rgb), .12);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.howto-roadmap-nav__label{text-align:center;font-size:11px;font-weight:600;line-height:1.3}.howto-roadmap{flex-direction:column;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.howto-roadmap__item{grid-template-columns:48px minmax(0,1fr);align-items:stretch;gap:14px;scroll-margin-top:7rem;display:grid}@media (width>=768px){.howto-roadmap__item{grid-template-columns:56px minmax(0,1fr);gap:20px}}.howto-roadmap__rail{flex-direction:column;align-items:center;display:flex}.howto-roadmap__node{background:rgba(var(--accent-rgb), .12);border:2px solid rgba(var(--accent-rgb), .4);width:44px;height:44px;color:var(--accent-hover);z-index:1;box-shadow:0 0 0 4px rgba(var(--accent-rgb), .08);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.howto-roadmap__item--last .howto-roadmap__node{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 5px rgba(var(--accent-rgb), .18)}.howto-roadmap__connector{background:linear-gradient(180deg, rgba(var(--accent-rgb), .55) 0%, rgba(var(--accent-rgb), .15) 100%);border-radius:999px;flex:auto;width:2px;min-height:20px;margin:6px 0}.howto-roadmap__card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;min-width:0;margin-bottom:16px;padding:16px 18px}@media (width>=768px){.howto-roadmap__card{margin-bottom:20px;padding:20px 22px}}.howto-roadmap__item--last .howto-roadmap__card{border-color:rgba(var(--accent-rgb), .28);background:linear-gradient(135deg, rgba(var(--accent-rgb), .1) 0%, var(--bg-card) 55%);margin-bottom:0}.howto-roadmap__finish{border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .16);color:var(--accent-hover);letter-spacing:.01em;vertical-align:middle;align-items:center;margin-left:8px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.howto-step__num{color:var(--accent-hover);letter-spacing:.06em;margin-bottom:4px;font-size:10px;font-weight:800}.howto-step__title{margin-bottom:6px;font-size:16px;font-weight:700}.howto-step__desc{color:var(--text-muted);margin-bottom:8px;font-size:14px;line-height:1.6}.howto-step__list{color:var(--text-muted);padding-left:16px;font-size:13px;line-height:1.8}.howto-step__list li{overflow-wrap:break-word}@media (width>=768px){.howto-roadmap-nav__line{width:40px}.howto-roadmap-nav__node{width:110px}}@media (width>=1024px){.howto-roadmap,.howto-roadmap-nav{display:none}}.howto-road{margin-bottom:3.5rem;display:none;position:relative}@media (width>=1024px){.howto-road{display:block}}.howto-road__grid{grid-template-rows:auto 190px auto;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;display:grid}.howto-road__card{align-self:end;margin-bottom:0;padding:16px 18px;position:relative}.howto-road__card:after{content:"";border-left:2px dashed rgba(var(--accent-rgb), .45);height:56px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.howto-road__card[style*="grid-row: 3"]{align-self:start}.howto-road__card[style*="grid-row: 3"]:after{top:auto;bottom:100%}.howto-road__card--last{border-color:rgba(var(--accent-rgb), .28);background:linear-gradient(135deg, rgba(var(--accent-rgb), .1) 0%, var(--bg-card) 55%)}.howto-road__track{grid-area:2/1/auto/-1;position:relative}.howto-road__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.howto-road__asphalt{fill:none;stroke:#3a342e;stroke-width:30px;stroke-linecap:round}.howto-road__dashes{fill:none;stroke:#f5f1ec;stroke-width:3px;stroke-dasharray:16 14;stroke-linecap:round}[data-theme=light] .howto-road__asphalt{stroke:#332e29}.howto-road__pin{width:0;height:0;position:absolute}.howto-road__pin-body{transform-origin:50%;background:var(--accent);border:3px solid var(--bg);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:2px;display:flex;position:absolute;bottom:0;left:0;transform:translate(-50%)rotate(-45deg);box-shadow:0 6px 14px #0000004d}.howto-road__pin-body span{color:#fff;font-size:12px;font-weight:800;transform:rotate(45deg)}.howto-road__pin--last .howto-road__pin-body{box-shadow:0 6px 14px #0000004d, 0 0 0 4px rgba(var(--accent-rgb), .25)}.howto-section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:20px;font-weight:800}.howto-devices{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.howto-devices{grid-template-columns:repeat(3,1fr)}}.howto-device{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.howto-device__title{color:var(--accent-hover);align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.howto-device__steps{color:var(--text-muted);padding-left:18px;font-size:13px;line-height:1.9}.howto-device__steps li{overflow-wrap:break-word}.howto-faq{flex-direction:column;gap:8px;display:flex}.howto-faq__item{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.howto-faq__item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:14px;font-weight:700;list-style:none;display:flex}.howto-faq__item summary::-webkit-details-marker{display:none}.howto-faq__item summary:after{content:"+";color:var(--accent-hover);flex-shrink:0;font-size:18px}.howto-faq__item[open] summary:after{content:"−"}.howto-faq__answer{color:var(--text-muted);padding:0 18px 16px;font-size:14px;line-height:1.65}.howto-cta{background:linear-gradient(135deg, rgba(var(--accent-rgb), .16) 0%, rgba(var(--accent-2-rgb), .12) 100%);border:1px solid rgba(var(--accent-rgb), .2);border-radius:var(--radius);text-align:center;margin-bottom:16px;padding:28px 20px}.howto-cta h2{margin-bottom:8px;font-size:22px;font-weight:800}.howto-cta p{color:var(--text-muted);margin-bottom:18px;font-size:14px}.howto-cta .btn-primary{justify-content:center;width:100%;max-width:320px}@media (width>=1025px){.howto-cta .btn-primary{width:auto}}@media (width>=1024px){.howto-lower{grid-template-columns:3fr 2fr;align-items:start;gap:2rem;display:grid}}.howto-lower__col{margin-bottom:2.5rem}.howto-page>.container{min-width:0}