#how .hw{position:relative;margin-top:30px;isolation:isolate}#how .hw::before{content:"";position:absolute;inset:-12% 0;z-index:-1;pointer-events:none;background:radial-gradient(55% 60% at 18% 28%,rgba(143,176,255,.26),transparent 62%),radial-gradient(48% 52% at 84% 74%,rgba(217,119,87,.18),transparent 62%);filter:blur(28px)}#how .hw-deck{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#how .hw-card{position:relative;margin:0;padding:20px 20px 22px;border-radius:22px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-height:300px;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);box-shadow:0 22px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#how .hw-step{display:flex;align-items:center;gap:12px}#how .hw-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#0c1020;color:#fff;border:1.5px solid rgba(255,255,255,.55);font-weight:750;font-size:20px;flex:none}#how .hw-lbl{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:650}#how .hw-txt{margin-top:0} #how .hw-card h3{margin:0 0 8px;font-size:22px;line-height:1.15;letter-spacing:-.015em;text-align:left}html #how .hw-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.5;text-align:left;hyphens:manual;-webkit-hyphens:manual}  #how .hw-art{position:relative;height:230px;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center} #how .hw-pic{flex:none;width:auto;max-width:100%;display:flex;flex-direction:column;align-items:center;transform:scale(var(--s,1));transform-origin:50% 50%;will-change:transform}#how .hw-chat .hw-pic{gap:8px;align-items:flex-end}#how .hw-rise .hw-pic{width:100%} html #how .hw-card p.hw-bub{margin:0;max-width:92%;background:#e9edf3;color:#0c1020;border-radius:16px 16px 4px 16px;padding:9px 14px;font-size:15px;line-height:1.3;font-weight:600;text-align:left;opacity:0;transform:translateY(10px) scale(.92);transform-origin:100% 100%;transition:opacity .3s ease,transform .3s ease} #how .hw-card.is-live .hw-bub{animation:hwPop .42s cubic-bezier(.2,.9,.3,1.15) forwards;animation-delay:calc(var(--k) * .55s)}@keyframes hwPop{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}#how .hw-gauge{align-items:center}#how .hw-gauge .gauge{--gauge-max:230px}#how .hw-gauge .gauge-fallback{margin:0;font-size:15px;color:var(--muted);text-align:center}#how .hw-gauge .gauge-fallback b{color:var(--ink);font-size:22px}#how .hw-cap{margin:2px 0 0;font-size:13px;color:var(--muted);text-align:center}#how .hw-rise .fcard{max-width:none;padding:12px 12px 10px}#how .hw-rise .fcard-hero .v{font-size:26px}#how .hw-rise .fcard-rows{margin-top:8px;gap:5px}#how .hw-rise .fcard-rows li:first-child,#how .hw-rise .fcard-btn{display:none} #how .hw-rise .fcard-plot{margin-top:8px}#how .hw-stop{display:none}@media (min-width:821px){#how .hw-card{opacity:0;transform:translateY(28px) scale(.96);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.72,.28,1);transition-delay:calc(var(--i) * 170ms)}#how .hw-card.is-cur{opacity:1;transform:none}}@media (max-width:820px){ html #how{height:300vh;height:300svh;min-height:0;display:block;padding:0;overflow-x:clip;position:relative}#how .hw-stop{display:block}html #how > .wrap{position:sticky;top:0;height:100vh;height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:58px;padding-bottom:12px}html #how > .wrap > .lead{display:none}#how .hw{margin-top:18px}#how .hw-deck{display:block;position:relative;height:clamp(320px,calc(100svh - 300px),900px)} @media (max-height:700px){html #how > .wrap > h2{font-size:34px}} @media (max-width:329px) and (max-height:600px){#how .hw-art{display:none}} #how .hw-card{position:absolute;inset:0;min-height:0;opacity:0;pointer-events:none;transform:translateY(12%) scale(.96);transition:transform .55s cubic-bezier(.2,.72,.28,1),opacity .45s ease}#how .hw-card.is-cur{opacity:1;transform:none;pointer-events:auto}#how .hw-card.is-past{opacity:0;transform:translateY(-10%) scale(.94)}#how .hw-card h3{font-size:24px}html #how .hw-card p{font-size:17px}html #how .hw-card p.hw-cap{font-size:13px} @media (max-width:400px){#how .hw-card h3{font-size:20px}}  #how .hw-art{height:auto;flex:1 1 auto;min-height:0;overflow:visible}#how .hw-txt{margin-top:0} #how .hw-stop{position:absolute;left:0;width:1px;height:1px;top:calc(var(--k) * (100% - 100svh) / 3);scroll-snap-align:start;scroll-snap-stop:always} @media (max-height:620px){html #how > .wrap{padding-top:calc(var(--hdr,55px) + 4px);padding-bottom:8px;justify-content:center;justify-content:safe center}html #how > .wrap > .eyebrow{margin-bottom:6px}html #how > .wrap > h2{font-size:28px;line-height:1.1}#how .hw{margin-top:10px}#how .hw-deck{height:calc(100svh - var(--hdr,55px) - 150px)}html #how .hw-card{padding:12px 14px 12px;gap:10px}#how .hw-step{gap:10px}#how .hw-num{width:36px;height:36px;font-size:17px}#how .hw-lbl{font-size:13px}html #how .hw-card h3{font-size:18px;margin-bottom:6px}html #how .hw-card p{font-size:14.5px;line-height:1.4}html #how .hw-card p.hw-cap{font-size:12px}html #how .hw-art{min-height:22svh}}}@media (prefers-reduced-motion:reduce){#how .hw-card{transition:none}html #how .hw-card .hw-bub{animation:none;transition:none;opacity:1;transform:none}}