:root{font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172633;background:#f3f7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #50bda1;outline-offset:4px}
.how-header{background:#0d3038;color:#fff}.how-header-inner{max-width:1180px;margin:auto;padding:13px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.how-brand{display:inline-flex;align-items:center}.how-brand img{display:block;width:220px;max-width:45vw;height:auto}.how-back{font-size:.87rem;font-weight:750;text-decoration:none;color:#d6f0e8}.how-back:hover{text-decoration:underline}
main{width:min(100% - 40px,1130px);margin:auto}.how-section{padding:72px 0;border-bottom:1px solid #d4e3dd;scroll-margin-top:20px}.how-hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:50px;padding:82px 0 65px}.how-eyebrow,.how-kicker{display:block;color:#1a806b;font-size:.78rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.how-hero h1{font-size:clamp(2.65rem,6vw,5rem);line-height:1.04;letter-spacing:-.06em;margin:12px 0 20px}.how-hero-copy>p:last-child{max-width:630px;color:#415d5d}.how-lead{font-size:clamp(1.15rem,2vw,1.48rem);line-height:1.43;color:#315353;font-weight:650}.how-model{padding:22px;border-radius:26px;background:linear-gradient(150deg,#0b3039,#14564d);box-shadow:0 22px 55px #0e3a3430;color:#fff}.how-model>div{padding:19px 20px;border:1px solid #ffffff28;border-radius:15px;background:#ffffff10}.how-model>div+div{margin-top:10px}.how-model span,.how-model small,.how-model strong{display:block}.how-model span{color:#94e2c8;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.how-model strong{font-size:1.5rem;letter-spacing:-.035em}.how-model small{color:#d6e7e2;font-size:.85rem}.how-model .how-model-link{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;padding:10px 20px;border:0;background:none}.how-model-link span{font-size:1.8rem;line-height:1}.how-model-link strong{font-size:1rem}.how-model-link small{flex-basis:100%;padding-left:35px}
.how-index{position:sticky;top:0;z-index:2;display:flex;gap:8px;flex-wrap:wrap;padding:11px 0;background:#f3f7f5ec;backdrop-filter:blur(10px)}.how-index a{padding:7px 12px;border:1px solid #d1e2db;border-radius:99px;background:#fff;color:#165f52;font-size:.78rem;font-weight:750;text-decoration:none}.how-index a:hover{background:#e8f5ef;border-color:#7ab6a3}
.how-section-heading{max-width:790px;margin-bottom:30px}.how-section-heading h2{margin:6px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.05em}.how-section-heading p{margin:0;color:#526b69;font-size:1.08rem}.how-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.concept-card,.metric-explanation,.feature-explanation{min-width:0;border:1px solid #d7e7df;border-radius:18px;background:#fff;box-shadow:0 8px 26px #153e3510}.concept-card{padding:25px}.concept-card--player,.concept-card--team{background:linear-gradient(135deg,#e3f5ee,#f8fcf9)}.concept-card--limit{background:#fffaf2;border-color:#f0dfc5}.concept-card-label{display:block;color:#1c806b;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.concept-card>strong{display:block;margin:13px 0 10px;color:#0d594c;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.13;letter-spacing:-.05em}.concept-card h3{font-size:1.37rem;margin:11px 0}.concept-card p{margin:0;color:#476361}.how-subtitle{font-size:1.22rem;margin:42px 0 15px}.how-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.feature-explanation{padding:20px}.feature-explanation>span{display:block;margin-bottom:11px;color:#1a806b;font-size:.73rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.feature-explanation h4{font-size:1.1rem;margin:0 0 8px;letter-spacing:-.025em}.feature-explanation p,.metric-explanation p{margin:0;color:#526b69;font-size:.9rem}.how-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:26px}.metric-explanation{padding:21px}.metric-explanation h3{font-size:1.08rem;margin:0 0 10px}.metric-explanation .how-note{margin-top:14px;padding:10px;border-left:3px solid #c4923a;background:#fff8eb;color:#7b5826}.how-tiers{margin-top:15px}.how-tiers>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px 0;border-top:1px solid #e7efeb;font-size:.76rem;color:#5e7471}.how-tier{display:inline-block;min-width:78px;padding:3px 7px;border-radius:99px;font-size:.67rem;font-weight:850;text-align:center;text-transform:uppercase}.how-tier--bronze{background:#fbefe6;color:#865020}.how-tier--silver{background:#f1f3f5;color:#626d78}.how-tier--gold{background:#fbf4d9;color:#866512}.how-tier--platinum{background:#345a70;color:#fff}
.how-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.how-flow>div{position:relative;padding:18px;border-radius:14px;background:#e9f4ef}.how-flow span{display:grid;place-items:center;width:28px;height:28px;margin-bottom:9px;border-radius:50%;background:#176b5b;color:#fff;font-size:.75rem;font-weight:800}.how-flow strong,.how-flow small{display:block}.how-flow strong{color:#16473f}.how-flow small{color:#5a716c;font-size:.76rem}.how-callout{margin:22px 0 0;padding:18px 20px;border:1px solid #cce2d6;border-left:4px solid #22836d;border-radius:12px;background:#f9fcfa;color:#44615d}
.how-section--trade{border:0}.how-trade-panel{padding:27px;border:1px solid #216b5c;border-radius:22px;background:linear-gradient(145deg,#103a40,#195c52);color:#f5faf8}.how-trade-panel p{max-width:870px;color:#d4e9e3}.how-trade-equation{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.how-trade-equation span,.how-trade-equation strong{padding:9px 13px;border-radius:10px;background:#ffffff1b;font-size:.85rem}.how-trade-equation strong{background:#a7ead0;color:#114b40}.how-trade-equation b{color:#a7ead0;font-size:1.3rem}
.how-faq{max-width:880px;margin-top:38px}.how-faq h3{font-size:1.22rem}.faq-item{border-top:1px solid #ccddd5}.faq-item:last-child{border-bottom:1px solid #ccddd5}.faq-item summary{padding:17px 4px;cursor:pointer;font-weight:750;color:#194a42}.faq-item p{margin:0;padding:0 4px 18px;color:#526b69}
.how-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px 30px;justify-content:space-between;padding:30px max(20px,calc((100vw - 1130px)/2));background:#0d3038;color:#d9e9e4;font-size:.8rem}.how-footer img{width:155px;height:auto}.how-footer a{color:#99e2c9;font-weight:750}
@media(max-width:900px){.how-hero{grid-template-columns:1fr;gap:25px;padding-top:55px}.how-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-detail-grid>:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:620px){main{width:min(100% - 30px,1130px)}.how-header-inner{padding:12px 15px}.how-brand img{width:155px}.how-back{font-size:.73rem}.how-section{padding:48px 0}.how-hero{padding-top:50px}.how-index{position:static;padding-top:0}.how-concept-grid,.how-feature-grid,.how-detail-grid,.how-flow{grid-template-columns:1fr}.how-detail-grid>:last-child:nth-child(odd){grid-column:auto}.how-model{padding:13px}.how-footer{justify-content:flex-start;padding:28px 15px}.how-footer span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:620px){
 .how-back,.how-index a,.how-footer a{display:inline-flex;align-items:center;min-height:44px}
 .how-index{gap:7px}
 .how-section{padding:42px 0}
 .how-hero{padding-top:42px}
 .how-model .how-model-link{min-height:44px}
}