.explainer{--explainer-flade: #F7F8FB;max-width:100%;margin:0 auto}.explainer-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-xl);background:var(--explainer-flade);box-shadow:var(--shadow-elevated)}.explainer[data-format=bred] .explainer-frame{aspect-ratio:16 / 9}.explainer[data-format=hoej] .explainer-frame{aspect-ratio:9 / 16}.explainer-video,.explainer-poster{display:block;width:100%;height:100%}.explainer-video{object-fit:contain;background:var(--color-text)}.explainer-poster{object-fit:cover}.explainer-cover{position:absolute;inset:0;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;transition:transform var(--transition-fast)}.explainer-cover:before{content:"";position:absolute;inset:0;background:#1118270d;transition:background var(--transition-fast)}.explainer-cover:hover{transform:translateY(-2px)}.explainer-cover:hover:before{background:#11182717}.explainer-cover:active{transform:scale(.97);transition-duration:60ms}.explainer-cover:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.explainer-cover .explainer-poster{position:absolute;inset:0}.explainer-play{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-elevated);transition:box-shadow var(--transition-fast)}.explainer-cover:hover .explainer-play{box-shadow:var(--shadow-modal)}.explainer-play svg{width:22px;height:22px}.explainer-note{margin:var(--space-4) 0 0;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(max-width:720px){.explainer{--explainer-flade: #F7F8FB;width:min(100%,38.25vh)}.explainer-frame{aspect-ratio:9 / 16}.explainer-cover{align-items:end;padding-bottom:13%}.explainer-play{width:56px;height:56px}.explainer-play svg{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){.explainer-cover,.explainer-play{transition:none}.explainer-cover:hover{transform:none}}.how{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-9)}.how-hero{text-align:center;max-width:680px;margin:0 auto var(--space-8)}.how-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--space-3)}.how-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,3.8vw,2.9rem);letter-spacing:-.012em;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-4);text-wrap:balance}.how-intro{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.7;margin:0 auto var(--space-6);max-width:56ch}.how-toggle{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.how-toggle-btn{appearance:none;border:none;background:transparent;border-radius:var(--radius-sm);padding:9px 22px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:650;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform 60ms ease}.how-toggle-btn:hover{color:var(--color-text)}.how-toggle-btn:active{transform:scale(.97)}.how-toggle-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.how-section,.how-film{margin-bottom:var(--space-9)}@media(max-width:720px){.how-film{margin-bottom:var(--space-7)}}.how-section-head{max-width:640px;margin:0 auto var(--space-6);text-align:center}.how-section-head h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.008em;line-height:1.15;color:var(--color-text);margin-bottom:var(--space-3);text-wrap:balance}.how-section-head p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.how-path{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.how-node{position:relative;display:flex;gap:var(--space-5);align-items:flex-start;padding-bottom:var(--space-6)}.how-node:last-child{padding-bottom:0}.how-node:not(:last-child):before{content:"";position:absolute;left:17px;top:50px;bottom:0;width:2px;background:var(--color-border)}.how-node-icon{flex:0 0 auto;display:block;margin-top:4px;color:var(--color-text);position:relative;z-index:1}.how-node-body{flex:1;min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-card)}.how-node-step{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-light);margin-bottom:var(--space-1)}.how-node-body h3{font-size:var(--font-size-md);font-weight:650;letter-spacing:-.01em;color:var(--color-text);margin-bottom:var(--space-1)}.how-node-body p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.55}.how-node-tag{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-3);font-size:var(--font-size-xs);font-weight:650;color:var(--color-accent-light)}.how-node-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-accent)}.how-payout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.how-payout-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card);transition:border-color var(--transition-base)}.how-payout-card:hover{border-color:var(--color-border-strong)}.how-payout-icon{display:block;color:var(--color-text);margin-bottom:var(--space-4)}.how-payout-card h3{font-size:var(--font-size-base);font-weight:650;letter-spacing:-.01em;color:var(--color-text);margin-bottom:var(--space-2)}.how-payout-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.65}.how-cta{max-width:720px;margin:0 auto;text-align:center;background:var(--color-accent-soft);border:1px solid var(--color-accent-subtle);border-radius:var(--radius-xl);padding:var(--space-7)}.how-cta h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.008em;color:var(--color-text);margin-bottom:var(--space-5);text-wrap:balance}.how-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.how-cta-btn{display:inline-flex;align-items:center;padding:12px 24px;background:var(--color-accent);color:#fff;font-weight:650;font-size:var(--font-size-sm);border-radius:var(--radius-md);text-decoration:none;transition:box-shadow var(--transition-fast),transform 60ms ease}.how-cta-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.how-cta-btn:active{transform:scale(.98)}.how-cta-quiet{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.how-cta-quiet:hover{background:var(--color-surface-hover)}@media(max-width:720px){.how-payout-grid{grid-template-columns:1fr}.how-node{gap:var(--space-4)}.how-cta{padding:var(--space-5)}}@media(max-width:480px){.how{padding:var(--space-6) var(--space-4) var(--space-8)}.how-node{gap:var(--space-3)}.how-node-icon{width:52px;height:52px}.how-node-icon svg{width:24px;height:24px}.how-node:not(:last-child):before{left:25px;top:52px}.how-node-body{padding:var(--space-4)}.how-cta-row{flex-direction:column}.how-cta-btn{width:100%;justify-content:center}}