.sub-hero{--base:0s}.sub-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}@media (max-width:960px){.sub-grid{grid-template-columns:1fr}}.sub-dot{background:var(--st);border-radius:50%;width:.45rem;height:.45rem;animation:2.2s ease-out infinite sub-ping}@keyframes sub-ping{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--st) 70%, transparent)}to{box-shadow:0 0 0 .6rem #0000}}.sub-h{letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-top:2.4rem;font-size:.66rem}.sub-steps{gap:1.1rem;margin-top:1rem;display:grid}.sub-steps li{align-items:flex-start;gap:1rem;display:flex}.sub-n{color:var(--st);flex:none;padding-top:.2rem;font-size:.7rem}.sub-steps h3{font-size:1rem;font-weight:600}.sub-steps p{color:var(--mute);margin-top:.2rem;font-size:.88rem;line-height:1.55}.sf{border:1px solid var(--line2);background:radial-gradient(110% 60% at 100% 0%, color-mix(in oklab, var(--st) 14%, transparent), transparent 70%), radial-gradient(80% 50% at 0% 100%, color-mix(in oklab, var(--st2) 10%, transparent), transparent 70%), #0a0a10b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:--st 1s var(--ease), --st2 1s var(--ease);border-radius:1.6rem;padding:clamp(1.2rem,3vw,2rem);scroll-margin-top:6rem;position:relative;box-shadow:0 30px 80px -30px #000000b3}.sf-steps{gap:.4rem;display:flex}.sf-steps li{flex:1}.sf-steps button{color:var(--faint);align-items:center;gap:.5rem;font-size:.78rem;transition:color .3s;display:flex}.sf-steps button:disabled{cursor:default}.sf-steps li.on button,.sf-steps li.done button{color:var(--ink)}.sf-n{border:1px solid var(--line2);width:1.5rem;height:1.5rem;transition:all .3s var(--ease);border-radius:50%;place-items:center;font-size:.68rem;display:grid}.sf-steps li.on .sf-n{border-color:var(--st);color:var(--st);box-shadow:0 0 0 4px color-mix(in oklab, var(--st) 18%, transparent)}.sf-steps li.done .sf-n{background:var(--st);border-color:var(--st);color:#07070b}.sf-bar{background:var(--line);border-radius:2px;height:2px;margin:1rem 0 1.4rem;overflow:hidden}.sf-bar i{background:linear-gradient(90deg, var(--st), var(--st2));height:100%;transition:width .6s var(--ease);display:block}.sf-honey{opacity:0;width:1px;height:1px;left:-9999px;position:absolute!important}.sf-pane{animation:sf-in .45s var(--ease);gap:1.1rem;display:grid}@keyframes sf-in{0%{opacity:0;transform:translateY(8px)}}.sf-row{grid-template-columns:1.4fr 1fr;gap:.9rem;display:grid}@media (max-width:560px){.sf-row{grid-template-columns:1fr}}.sf-field{gap:.4rem;min-width:0;display:grid}.sf-label{color:var(--ink);justify-content:space-between;font-size:.8rem;font-weight:500;display:flex}.sf-count{color:var(--faint);font-size:.62rem}.sf-input{border:1px solid var(--line2);width:100%;color:var(--ink);background:#ffffff08;border-radius:.8rem;padding:.75rem .9rem;font-size:.92rem;transition:border-color .25s,box-shadow .25s,background .25s}.sf-input::placeholder{color:var(--faint)}.sf-input:focus,.sf-input:focus-within{border-color:color-mix(in oklab, var(--st) 70%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--st) 14%, transparent);background:#ffffff0d;outline:none}.sf-input.bad{border-color:#f87171}textarea.sf-input{resize:vertical;min-height:6rem;line-height:1.5}.sf-url{align-items:center;gap:.5rem;padding:.35rem .4rem .35rem .9rem;display:flex}.sf-url input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:.4rem .4rem .4rem 0}.sf-plat{color:var(--pc);background:color-mix(in oklab, var(--pc) 14%, transparent);border:1px solid color-mix(in oklab, var(--pc) 35%, transparent);animation:sf-pop .35s var(--spring);border-radius:99px;flex:none;padding:.2rem .55rem;font-size:.68rem;font-weight:600}@keyframes sf-pop{0%{opacity:0;transform:scale(.6)}}.sf-hint{color:var(--faint);font-size:.74rem}.sf-hint em,em.sf-hint{font-style:normal}.sf-err{color:#fca5a5;font-style:normal}.sf-warn{color:#fcd34d}.sf-ok{color:#86efac}.sf-fix{color:var(--ink);text-decoration:underline}.sf-stations{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}@media (max-width:480px){.sf-stations{grid-template-columns:repeat(2,minmax(0,1fr))}}.sf-st{text-align:left;border:1px solid var(--line2);transition:border-color .3s, transform .3s var(--spring), background .3s;background:#ffffff05;border-radius:.9rem;gap:.15rem;padding:.7rem .8rem;display:grid;position:relative;overflow:hidden}.sf-st:before{content:"";background:linear-gradient(135deg, color-mix(in oklab, var(--c) 22%, transparent), color-mix(in oklab, var(--c2) 12%, transparent));opacity:0;transition:opacity .3s;position:absolute;inset:0}.sf-st:hover{border-color:color-mix(in oklab, var(--c) 45%, transparent);transform:translateY(-2px)}.sf-st.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in oklab, var(--c) 16%, transparent)}.sf-st.on:before{opacity:1}.sf-st b,.sf-st small{position:relative}.sf-st b{font-size:.85rem;font-weight:600}.sf-st small{color:var(--faint);font-size:.62rem}.sf-st.on small{color:var(--c)}.sf-review{border:1px solid var(--line);border-radius:1rem;display:grid;overflow:hidden}.sf-review>div{grid-template-columns:9rem minmax(0,1fr);gap:.8rem;padding:.6rem .9rem;font-size:.85rem;display:grid}.sf-review>div+div{border-top:1px solid var(--line)}.sf-review dt{color:var(--faint)}.sf-review dd{text-transform:none;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sf-ell a{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--st);display:block;overflow:hidden}@media (max-width:480px){.sf-review>div{grid-template-columns:1fr;gap:.1rem}}.sf-check-row{color:var(--mute);cursor:pointer;align-items:flex-start;gap:.7rem;font-size:.84rem;line-height:1.5;display:flex}.sf-check-row input{width:1.05rem;height:1.05rem;accent-color:var(--st);flex:none;margin-top:.2rem}.sf-check-row.bad span{color:#fca5a5}.sf-check-row a{color:var(--ink);text-decoration:underline}.sf-alert{font-size:.84rem}.sf-alert a{text-decoration:underline}.sf-nav{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.6rem;display:flex}.sf-draft{color:var(--faint);font-size:.6rem}.sf-dim{opacity:.55}.sf-done{text-align:center;padding-block:clamp(2.5rem,6vw,4rem)}.sf-check svg{fill:none;width:4.2rem;height:4.2rem;stroke:var(--st);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;margin:0 auto}.sf-check circle{stroke-dasharray:160;stroke-dashoffset:160px;animation:sf-draw .8s var(--ease) forwards}.sf-check path{stroke-dasharray:40;stroke-dashoffset:40px;animation:sf-draw .5s .6s var(--ease) forwards}@keyframes sf-draw{to{stroke-dashoffset:0}}.sf-done-title{font-family:var(--font-display);margin-top:1.2rem;font-size:clamp(1.8rem,4vw,2.4rem)}.sf-done-text{color:var(--mute);margin-top:.6rem}.sf-done-text strong{color:var(--ink)}@media (prefers-reduced-motion:reduce){.sf-pane,.sf-plat,.sf-check circle,.sf-check path{stroke-dashoffset:0;animation:none}}.sub-outro{border-left:2px solid color-mix(in oklab, var(--st) 60%, transparent);font-family:var(--font-display);color:var(--ink);margin-top:1.6rem;padding-left:1rem;font-size:1.15rem;font-style:italic;line-height:1.5}
