#how-it-works{padding:7rem 2rem;position:relative;overflow-x:clip;background:linear-gradient(180deg,var(--seam) 0%,#06110C 45%,var(--seam) 100%)}.hiw-head{position:relative;z-index:2;text-align:center;max-width:760px;margin:0 auto 4.5rem}.hiw-head h2{font-size:clamp(32px,5vw,48px);font-weight:700;color:#f5f7f3;letter-spacing:-.02em;margin-bottom:1rem}.hiw-head p{font-size:1.05rem;color:#e6f4eab3;line-height:1.6}.hiw-wrap{position:relative;z-index:2;max-width:1100px;margin:0 auto}.hiw-panel{position:relative;overflow:visible;background:var(--glass-bg);border:1px solid var(--glass-line);border-radius:var(--glass-radius);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hiw-cols{display:grid;grid-template-columns:repeat(3,1fr)}.hiw-col{position:relative;z-index:2;display:flex;flex-direction:column;padding:32px}.hiw-col+.hiw-col{border-left:1px solid var(--glass-line)}.hiw-line{position:absolute;top:-1px;left:28px;right:28px;height:2px;z-index:1;pointer-events:none}.hiw-fill{position:absolute;inset:0;transform-origin:left center;border-radius:2px;background:linear-gradient(90deg,#6bc85a40,#6bc85ab3,#6bc85a40);box-shadow:0 0 14px #6bc85a66}.hiw-drop{position:absolute;top:50%;left:100%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:#cff5b8;opacity:0;box-shadow:0 0 10px 3px #9fe870d9,0 0 26px 8px #6bc85a73}.hiw-pulse{position:absolute;top:50%;left:0;width:90px;height:3px;opacity:0;transform:translate(-50%,-50%);border-radius:3px;background:linear-gradient(90deg,#9fe87000,#9fe870bf,#9fe87000)}.hiw-node{position:absolute;top:0;left:32px;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--seam);border:1px solid rgba(107,200,90,.25);color:#9fe870;z-index:2}.hiw-node svg{width:21px;height:21px}.hiw-titlerow{display:flex;align-items:baseline;gap:.6rem;margin-top:2rem;margin-bottom:.5rem}.hiw-num{font-size:.78rem;font-weight:600;color:#e6f4ea73;font-variant-numeric:tabular-nums}.hiw-titlerow h3{font-size:1.25rem;font-weight:700;color:#f5f7f3}.hiw-lead{font-size:.98rem;font-weight:500;color:#cfe3d4;margin-bottom:.6rem;line-height:1.45}.hiw-body{font-size:.92rem;color:#e6f4ea9e;line-height:1.6;margin-bottom:1.5rem}.hiw-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.hiw-chips li{font-size:.74rem;color:#e6f4eabf;padding:5px 10px;border-radius:999px;background:#e8f2ec0d;border:1px solid rgba(232,242,236,.1)}.hiw-actions{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}.hiw-cta{padding:14px 26px;border-radius:12px;text-align:center;background:linear-gradient(135deg,#57a445,#6bc85a);color:#04170e;font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hiw-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px #57a4454d}.hiw-or{font-size:.92rem;color:#e6f4ea8c}.hiw-or a{color:#e6f4eacc;text-decoration:none;border-bottom:1px solid rgba(230,244,234,.25)}.hiw-or a:hover{color:#9fe870;border-bottom-color:#9fe87080}.hiw-wrap.js-anim .hiw-fill{transform:scaleX(0)}.hiw-wrap.js-anim .hiw-col{opacity:.4}.hiw-wrap.js-anim .hiw-node{border-color:#6bc85a1f;color:#9fe87066}.hiw-wrap.js-anim .hiw-actions{opacity:0;transform:translateY(10px)}.hiw-wrap.is-playing .hiw-fill{animation:hiwLine 2.4s linear forwards}.hiw-wrap.is-playing .hiw-drop{animation:hiwDrop 2.4s linear forwards}.hiw-wrap.is-playing .hiw-pulse{animation:hiwPulse 6s linear 2.9s infinite}.hiw-wrap.is-playing .hiw-col{animation:hiwUndim .5s ease-out var(--d) forwards}.hiw-wrap.is-playing .hiw-node{animation:hiwNode .55s ease-out var(--d) forwards}.hiw-wrap.is-playing .hiw-actions{animation:hiwIn .5s ease-out 2.4s forwards,hiwGlowWrap 1.1s ease-out 2.45s 1}@keyframes hiwLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hiwDrop{0%{left:0%;opacity:1}94%{opacity:1}to{left:100%;opacity:0}}@keyframes hiwUndim{to{opacity:1}}@keyframes hiwNode{to{border-color:#6bc85a8c;color:#9fe870;box-shadow:0 0 22px #6bc85a4d}}@keyframes hiwIn{to{opacity:1;transform:translateY(0)}}@keyframes hiwPulse{0%{left:0%;opacity:0}4%{opacity:.5}22%{left:100%;opacity:0}to{left:100%;opacity:0}}@keyframes hiwGlowWrap{0%{filter:drop-shadow(0 0 0 rgba(159,232,112,0))}35%{filter:drop-shadow(0 0 18px rgba(159,232,112,.75))}to{filter:drop-shadow(0 0 0 rgba(159,232,112,0))}}@media (max-width: 860px){#how-it-works{padding:5rem 1.25rem}.hiw-head{margin-bottom:3rem}.hiw-cols{grid-template-columns:1fr}.hiw-col+.hiw-col{border-left:0;border-top:1px solid var(--glass-line)}.hiw-col{padding:32px 24px 32px 44px}.hiw-node{top:34px;left:0}.hiw-titlerow{margin-top:0}.hiw-line{inset:28px auto 28px -1px;width:2px;height:auto}.hiw-fill{transform-origin:center top;background:linear-gradient(180deg,#6bc85a40,#6bc85ab3,#6bc85a40)}.hiw-drop{left:50%;top:100%}.hiw-pulse{width:3px;height:90px;left:50%;top:0;background:linear-gradient(180deg,#9fe87000,#9fe870bf,#9fe87000)}.hiw-actions{flex-direction:column;gap:.85rem}.hiw-cta{width:100%}.hiw-wrap.js-anim .hiw-fill{transform:scaleY(0)}.hiw-wrap.is-playing .hiw-fill{animation-name:hiwLineV}.hiw-wrap.is-playing .hiw-drop{animation-name:hiwDropV}.hiw-wrap.is-playing .hiw-pulse{animation-name:hiwPulseV}@keyframes hiwLineV{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hiwDropV{0%{top:0%;opacity:1}94%{opacity:1}to{top:100%;opacity:0}}@keyframes hiwPulseV{0%{top:0%;opacity:0}4%{opacity:.5}22%{top:100%;opacity:0}to{top:100%;opacity:0}}}