:where(.page-howto){--pad:clamp(1.5rem, 5vw, 6rem)}:where(.page-howto) .topbar{border-bottom:1px solid var(--gray-md);padding:0 var(--pad)}:where(.page-howto) .topbar-inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:1rem 0;display:flex}:where(.page-howto) .topbar a{align-items:center;gap:.5rem;text-decoration:none;display:flex}:where(.page-howto) .topbar-title{color:#94a3b8;font-size:.875rem}:where(.page-howto) .back-link{color:var(--teal);align-items:center;gap:.3rem;font-size:.8rem;text-decoration:none;display:flex}:where(.page-howto) .back-link:hover{color:var(--teal-dk)}:where(.page-howto) .doc{max-width:820px;padding:2.5rem var(--pad) 5rem;margin:0 auto}:where(.page-howto) .breadcrumb ol{color:#94a3b8;flex-wrap:wrap;gap:.4rem;margin:0 0 1.5rem;padding:0;font-size:.8rem;list-style:none;display:flex}:where(.page-howto) .breadcrumb li+li:before{content:"/";color:#cbd5e1;margin-right:.4rem}:where(.page-howto) .breadcrumb a{color:var(--teal);text-decoration:none}:where(.page-howto) .breadcrumb a:hover{color:var(--teal-dk);text-decoration:underline}:where(.page-howto) .howto-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--teal-dk);background:#f0fdfa;border-radius:999px;margin-bottom:.75rem;padding:.25rem .7rem;font-size:.72rem;font-weight:700;display:inline-block}:where(.page-howto) h1{color:var(--navy);margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:800;line-height:1.15}:where(.page-howto) .intro{color:var(--muted);margin:0 0 2rem;font-size:1rem;line-height:1.75}:where(.page-howto) .howto-video{aspect-ratio:16/9;border-radius:var(--r);border:1px solid var(--gray-md);background:#0f1e38;width:100%;position:relative;overflow:hidden}:where(.page-howto) .howto-poster-img{object-fit:cover;width:100%;height:100%;display:block}:where(.page-howto) .howto-iframe{border:0;width:100%;height:100%;position:absolute;inset:0}:where(.page-howto) .howto-facade{cursor:pointer;border:1px solid var(--gray-md);padding:0;display:block}:where(.page-howto) .howto-facade:after{content:"";background:#0f1e3847;transition:background .2s;position:absolute;inset:0}:where(.page-howto) .howto-facade:hover:after,:where(.page-howto) .howto-facade:focus-visible:after{background:#0f1e386b}:where(.page-howto) .howto-play{z-index:1;background:var(--teal);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:74px;height:74px;padding-left:4px;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0d948873}:where(.page-howto) .howto-facade:hover .howto-play,:where(.page-howto) .howto-facade:focus-visible .howto-play{background:var(--teal-dk);transform:translate(-50%,-50%)scale(1.06)}:where(.page-howto) .howto-video--pending .howto-poster-img{filter:grayscale(.25)brightness(.9)}:where(.page-howto) .howto-pending-badge{color:#fff;letter-spacing:.02em;background:#0f1e38d1;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where(.page-howto) .howto-steps-title{color:var(--navy);margin:2.75rem 0 1rem;font-size:1.2rem;font-weight:700}:where(.page-howto) .howto-steps{counter-reset:none;flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}:where(.page-howto) .howto-steps li{align-items:flex-start;gap:.85rem;display:flex}:where(.page-howto) .howto-step-num{width:1.9rem;height:1.9rem;color:var(--teal-dk);background:#f0fdfa;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}:where(.page-howto) .howto-step-text{color:var(--muted);padding-top:.25rem;font-size:.9375rem;line-height:1.7}:where(.page-howto) .howto-note{color:var(--subtle);border:1px solid var(--gray-md);border-radius:var(--rs);background:#f8fafc;margin:2rem 0 0;padding:.9rem 1.1rem;font-size:.85rem;line-height:1.7}:where(.page-howto) .howto-note a{color:var(--teal);text-decoration:underline}:where(.page-howto) .howto-note a:hover{color:var(--teal-dk)}:where(.page-howto) .howto-more{border-top:1px solid var(--gray-md);margin-top:2.5rem;padding-top:.5rem}:where(.page-howto) .howto-more-links{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}:where(.page-howto) .howto-more-links a{color:var(--teal);font-size:.9375rem;font-weight:600;text-decoration:none}:where(.page-howto) .howto-more-links a:hover{color:var(--teal-dk);text-decoration:underline}:where(.page-howto) .howto-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:.5rem;display:grid}:where(.page-howto) .howto-card{border:1px solid var(--gray-md);border-radius:var(--r);background:#fff;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}:where(.page-howto) .howto-card:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 12px 28px #0f1e3814}:where(.page-howto) .howto-card-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}:where(.page-howto) .howto-card-body{flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.2rem;display:flex}:where(.page-howto) .howto-card-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--teal-dk);font-size:.7rem;font-weight:700}:where(.page-howto) .howto-card-name{color:var(--navy);font-size:1.15rem;font-weight:800}:where(.page-howto) .howto-card-cta{color:var(--teal);margin-top:.2rem;font-size:.85rem;font-weight:600}:where(.page-howto) .doc-footer{border-top:1px solid var(--gray-md);padding:1.5rem var(--pad);color:#94a3b8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;font-size:.8rem;display:flex}:where(.page-howto) .doc-footer a{color:#94a3b8;text-decoration:none}:where(.page-howto) .doc-footer a:hover{color:var(--teal)}:where(.page-howto) .doc-footer-links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}@media (max-width:720px){:where(.page-howto) .howto-grid{grid-template-columns:1fr}:where(.page-howto) .howto-play{width:60px;height:60px}}