.howto-page{background:var(--grey-15);height:100vh;color:var(--bluin-navy);flex-direction:column;display:flex;overflow:hidden}.howto-stage{flex:1;min-height:0;position:relative}.howto-snap{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:scroll}.howto-snap::-webkit-scrollbar{width:0;height:0}.howto-sec{scroll-snap-align:start;scroll-snap-stop:always;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.howto-sec.light{background:var(--grey-0)}.howto-sec.wash{background:var(--blue-100)}.howto-sec.dark{background:var(--bluin-navy);color:#fff}.howto-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 80px 0 56px;position:relative}.howto-rv{opacity:0;transition:none;transform:translateY(34px)}.is-active .howto-rv{opacity:1;transition:opacity .62s var(--ease,cubic-bezier(.2,.7,.2,1)) calc(var(--i,0) * 90ms), transform .76s var(--ease,cubic-bezier(.2,.7,.2,1)) calc(var(--i,0) * 90ms);transform:none}.howto-amb{pointer-events:none;position:absolute;inset:0;overflow:hidden}.howto-amb>*{animation-play-state:paused}.is-active .howto-amb>*{animation-play-state:running}.howto-blob{border-radius:999px;position:absolute}.howto-blob.a{filter:blur(14px);background:radial-gradient(circle,#5696ff42 0%,#5696ff21 38%,#78b4ff0d 62%,#5696ff00 78%);width:900px;height:900px;animation:16s ease-in-out infinite howtoBlob;top:-26%;left:-16%}.howto-blob.b{filter:blur(16px);background:radial-gradient(circle,#3f87ff3d 0%,#5696ff1f 40%,#8cc8ff0d 64%,#3f87ff00 79%);width:980px;height:980px;animation:21s ease-in-out infinite reverse howtoBlob;bottom:-30%;right:-14%}.howto-amb.small .howto-blob.a{filter:none;background:radial-gradient(circle,#5696ff33 0%,#5696ff00 68%);width:480px;height:480px;animation-duration:18s;top:-16%;left:-10%}.howto-amb.small .howto-blob.b{filter:none;background:radial-gradient(circle,#3f87ff24 0%,#3f87ff00 66%);width:540px;height:540px;animation-duration:23s;bottom:-20%;right:-8%}.howto-sec.dark .howto-amb.small .howto-blob.a{background:radial-gradient(circle,#5696ff4d 0%,#5696ff00 68%)}.howto-sec.dark .howto-amb.small .howto-blob.b{background:radial-gradient(circle,#3f87ff38 0%,#3f87ff00 66%)}.howto-bubble{bottom:-60px;left:var(--l);width:var(--s);height:var(--s);animation:howtoRise var(--dur) linear infinite;animation-delay:var(--d);background:#5696ff1a;border:1.5px solid #5696ff6b;border-radius:999px;position:absolute}.howto-sec.dark .howto-bubble{background:#ffffff12;border-color:#ffffff57}.howto-wave{opacity:0;width:200%;height:220px;transition:opacity .8s ease-out;animation:26s linear infinite howtoWave;position:absolute;bottom:0;left:0}.is-active .howto-wave{opacity:1}.howto-floater{color:var(--blue-strong);filter:drop-shadow(0 10px 14px #09194838)drop-shadow(0 2px 4px #09194824);opacity:0;place-items:center;transition:opacity .7s ease-out;display:grid;position:absolute}.howto-floater.fa{animation:howtoFloatA var(--dur) ease-in-out infinite}.howto-floater.fb{animation:howtoFloatB var(--dur) ease-in-out infinite}.is-active .howto-floater{opacity:1}.is-active .howto-floater:first-of-type{transition-delay:.26s}.is-active .howto-floater:nth-of-type(2){transition-delay:.4s}.is-active .howto-floater:nth-of-type(3){transition-delay:.54s}@keyframes howtoCue{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}@keyframes howtoRipple{0%{opacity:.55;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}@keyframes howtoRise{0%{opacity:0;transform:translateY(40px)scale(.9)}18%{opacity:.7}to{opacity:0;transform:translateY(-360px)scale(1.3)}}@keyframes howtoFloatA{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-18px)rotate(4deg)}}@keyframes howtoFloatB{0%,to{transform:translateY(-12px)rotate(3deg)}50%{transform:translateY(14px)rotate(-3deg)}}@keyframes howtoBlob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(22px,-26px)scale(1.09)}}@keyframes howtoWave{0%{transform:translate(0)}to{transform:translate(-50%)}}.howto-hero-img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.12)}.is-active .howto-hero-img{transform:scale(1.04)}.howto-hero-dim{background:linear-gradient(#0f1e3ab8 0%,#0f1e3a9e 40%,#0f1e3aeb 100%);position:absolute;inset:0}.howto-hero{text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:880px;margin:0 auto;padding:0 32px;display:flex;position:relative}.howto-eyebrow-pill{letter-spacing:.18em;color:#ffffffb8;border:1px solid #ffffff47;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700}.howto-hero h1{letter-spacing:-1.8px;color:#fff;margin:0;font-size:58px;font-weight:700;line-height:1.15}.howto-hero p{color:#ffffffc7;text-wrap:pretty;max-width:560px;margin:0;font-size:17px;line-height:1.8}.howto-cue{color:#fffc;letter-spacing:.1em;flex-direction:column;align-items:center;gap:10px;margin-top:18px;font-size:12px;font-weight:600;display:flex}.howto-cue .arrow{place-items:center;width:34px;height:26px;animation:1.7s ease-in-out infinite howtoCue;display:grid}.howto-step .howto-wrap{flex-wrap:wrap;align-items:center;gap:44px;display:flex}.howto-step-txt{flex-direction:column;flex:380px;gap:16px;min-width:0;display:flex}.howto-step-pill{letter-spacing:.14em;color:var(--blue-strong);background:var(--blue-100);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.howto-step h2{letter-spacing:-1.2px;margin:0;font-size:40px;font-weight:700;line-height:1.2}.howto-step p{max-width:460px;color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:16px;line-height:1.85}.howto-chips{flex-wrap:wrap;gap:8px;display:flex}.howto-chips span{color:var(--bluin-navy);background:var(--surface-field,#f5f5f7);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.howto-note{color:var(--blue-strong);font-size:13px;font-weight:700}.howto-ghost{letter-spacing:-.06em;color:#5696ff17;pointer-events:none;opacity:0;font-size:300px;font-weight:700;line-height:1;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .9s ease-out;position:absolute;top:50%;right:4%;transform:translateY(-50%)translate(60px)}.is-active .howto-ghost{opacity:1;transform:translateY(-50%)translate(0)}.howto-mock{background:var(--grey-0);opacity:0;border-radius:20px;flex-direction:column;flex:0 340px;gap:12px;min-width:0;padding:22px;transition:none;display:flex;transform:translateY(40px)scale(.94);box-shadow:0 18px 44px #09194824}.is-active .howto-mock{opacity:1;transition:opacity .7s cubic-bezier(.2,.7,.2,1) .22s,transform .86s cubic-bezier(.2,.7,.2,1) .22s;transform:none}.howto-mock-head{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:10px;padding-bottom:14px;font-size:13px;font-weight:700;display:flex}.howto-mock-head:before{content:"";background:var(--blue-primary);border-radius:999px;width:8px;height:8px}.howto-mock-row{border-bottom:1px solid var(--border-subtle);opacity:0;align-items:center;gap:12px;padding:10px 0;transition:none;display:flex;transform:translate(16px)}.howto-mock-row:last-of-type{border-bottom:none}.howto-mock-row .k{min-width:0;color:var(--text-secondary);flex:1;font-size:13px;font-weight:500}.howto-mock-row .v{color:var(--bluin-navy);flex-shrink:0;font-size:14px;font-weight:700}.is-active .howto-mock-row{opacity:1;transition:opacity .52s ease-out calc(.38s + var(--i) * .11s), transform .52s cubic-bezier(.2,.7,.2,1) calc(.38s + var(--i) * .11s);transform:none}.howto-mock-foot{background:var(--blue-100);color:var(--blue-strong);border-radius:12px;margin-top:4px;padding:12px 14px;font-size:13px;font-weight:700}.howto-grid-sec .howto-wrap{flex-direction:column;gap:22px;padding:28px 80px 28px 56px;display:flex}.howto-sec-head{flex-direction:column;gap:8px;display:flex}.howto-eyebrow{letter-spacing:.14em;color:var(--blue-strong);font-size:12px;font-weight:700}.howto-sec.dark .howto-eyebrow{color:var(--blue-primary)}.howto-sec-head h2{letter-spacing:-1.1px;margin:0;font-size:34px;font-weight:700}.howto-sec-head p{color:#ffffffa8;text-wrap:pretty;max-width:560px;margin:0;font-size:15px;line-height:1.8}.howto-grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.howto-gcard{opacity:0;border-radius:18px;flex-direction:column;gap:8px;padding:18px;transition:none;display:flex;transform:translateY(46px)}.is-active .howto-gcard{opacity:1;transition:opacity .62s cubic-bezier(.2,.7,.2,1) calc(var(--base,.16s) + var(--i) * .11s), transform .76s cubic-bezier(.2,.7,.2,1) calc(var(--base,.16s) + var(--i) * .11s), box-shadow .2s ease-out;transform:none}.howto-gcard.white{background:var(--grey-0);color:var(--bluin-navy);box-shadow:0 6px 18px #09194814}.howto-gcard.white:hover{box-shadow:0 16px 34px #0919482e}.howto-gcard .ey{letter-spacing:.1em;color:var(--text-tertiary);font-size:11px;font-weight:700}.howto-gcard .ti{letter-spacing:-.5px;font-size:19px;font-weight:700}.howto-gcard .bd{color:var(--text-secondary);text-wrap:pretty;font-size:13px;line-height:1.75}.howto-gcard .sp{flex:1}.howto-gcard .go{color:var(--blue-strong);font-size:13px;font-weight:700}.howto-gcard.glass{--base:.2s;background:#ffffff12;border:1px solid #ffffff24;border-radius:20px;gap:7px}.howto-gcard.glass .no{color:var(--blue-primary);font-size:13px;font-weight:700}.howto-gcard.glass .ti{color:#fff;letter-spacing:-.4px;font-size:17px}.howto-gcard.glass .bd{color:#ffffff9e}.howto-gcard.glass .nt{color:#ffffffd6;font-size:12px;font-weight:600}.howto-faq-sec .howto-wrap{flex-direction:column;gap:22px;max-width:900px;display:flex}.howto-faq-sec h2{letter-spacing:-1.1px;margin:0;font-size:36px;font-weight:700}.howto-faq-box{background:var(--blue-100);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.howto-faq{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.howto-faq:first-child{border-top:none}.howto-faq.open{background:#ffffffb8}.howto-faq-q{cursor:pointer;text-align:left;width:100%;color:var(--bluin-navy);letter-spacing:-.3px;background:0 0;border:none;align-items:center;gap:14px;padding:18px 22px;font-size:15px;font-weight:600;display:flex}.howto-faq-q:hover{background:#fff9}.howto-faq-q span{flex:1}.howto-faq-q .chev{background:var(--grey-0);width:28px;height:28px;color:var(--text-tertiary);border-radius:999px;flex:none;place-items:center;transition:transform .2s ease-out;display:grid}.howto-faq.open .chev{background:var(--blue-100);color:var(--blue-strong);transform:rotate(180deg)}.howto-faq-a{color:var(--text-secondary);text-wrap:pretty;margin:0;padding:0 22px 20px;font-size:13px;line-height:1.85;display:none}.howto-faq.open .howto-faq-a{display:block}.howto-cta-sec{flex-direction:column}.howto-cta{flex:1;justify-content:center;align-items:center;min-height:0;padding:40px 56px;display:flex;position:relative}.howto-cta-in{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.howto-cta-ico{background:var(--blue-primary);color:#fff;border-radius:999px;place-items:center;width:62px;height:62px;display:grid;position:relative}.howto-cta-ico:before{content:"";border:2px solid var(--blue-primary);border-radius:999px;animation:2.4s ease-out infinite howtoRipple;position:absolute;inset:0}.howto-cta h2{letter-spacing:-1.3px;color:#fff;margin:0;font-size:42px;font-weight:700}.howto-cta p{color:#ffffffa8;text-wrap:pretty;max-width:520px;margin:0;font-size:15px;line-height:1.8}.howto-cta-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.howto-btn{border-radius:999px;align-items:center;height:50px;padding:0 26px;font-size:15px;font-weight:700;display:inline-flex}.howto-btn.primary{background:var(--blue-primary);color:#fff}.howto-btn.primary:hover{background:var(--blue-strong)}.howto-btn.ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff3d}.howto-btn.ghost:hover{background:#ffffff38}.howto-foot{color:#ffffffa8;background:#0000002e;border-top:1px solid #ffffff1a;flex-shrink:0;width:100%;padding:22px 20px;font-size:13px;position:relative}.howto-foot-in{flex-wrap:wrap;align-items:center;gap:18px;max-width:1200px;margin:0 auto;display:flex}.howto-foot img{object-fit:contain;filter:brightness(200%)invert()grayscale();width:104px;height:30px}.howto-foot .biz{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.howto-foot .biz i{color:#ffffff40;font-style:normal}.howto-foot .sp{flex:1}.howto-foot .links{flex-wrap:wrap;gap:18px;font-weight:500;display:flex}.howto-foot .links a{color:var(--grey-50)}.howto-foot .links a:hover{color:var(--blue-primary)}.howto-rail{z-index:30;flex-direction:column;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.howto-rail-track{background:#0919481f;width:1px;height:240px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.howto-rail-fill{background:var(--blue-primary);opacity:.75;width:1px;height:0;transition:height .3s cubic-bezier(.2,.7,.2,1);position:absolute;top:15px;right:6px}.howto-rail button{cursor:pointer;background:0 0;border:none;grid-template-columns:1fr 14px;align-items:center;gap:10px;height:30px;padding:0;display:grid}.howto-rail .lbl{text-align:right;letter-spacing:.04em;white-space:nowrap;color:var(--text-tertiary);opacity:0;font-size:11px;font-weight:700;transition:opacity .24s ease-out,transform .24s ease-out;transform:translate(4px)}.howto-rail .dw{place-items:center;width:14px;height:14px;display:grid}.howto-rail .dot{background:#09194842;border-radius:999px;width:5px;height:5px;transition:width .24s cubic-bezier(.2,.7,.2,1),height .24s cubic-bezier(.2,.7,.2,1),background .24s ease-out,box-shadow .24s ease-out}.howto-rail button.on .dot{background:var(--blue-primary);width:9px;height:9px;box-shadow:0 0 0 4px #5696ff2e}.howto-rail button.on .lbl{opacity:1;color:var(--blue-primary);transform:none}.howto-rail.dark .howto-rail-track{background:#ffffff2e}.howto-rail.dark .dot{background:#ffffff6b}.howto-rail.dark .lbl{color:#ffffff80}.howto-rail.dark button.on .dot{background:var(--blue-primary);box-shadow:0 0 0 4px #5696ff42}.howto-progress{background:var(--blue-primary);z-index:50;height:3px;transition:width .18s ease-out;position:absolute;top:64px;left:0}