/* Shared Field & Ice tokens. The hero uses its preserved full-width sports layout in website.html. */
.fi-website{--navy:var(--fi-navy);--green:var(--fi-field);--ivory:var(--fi-canvas);--muted:var(--fi-muted);--mint:var(--fi-field-action);--ice:var(--fi-ice);font-family:"Field Ice",system-ui,sans-serif}
.fi-website .wrap:not(.hero){width:min(1240px,calc(100% - 72px))}.fi-website .site-header{background:#f6f8f7f5;border-color:var(--fi-border)}.fi-website .brand-name{color:var(--fi-ink);letter-spacing:.04em}.fi-website .site-nav-group summary,.fi-website .site-nav-toggle,.fi-website .site-nav-signin{font-family:inherit}.fi-website .site-nav-dropdown{border-radius:var(--fi-radius-card);border-color:var(--fi-border);box-shadow:0 20px 50px #08284212}
.fi-website .sports{border-color:var(--fi-border);font-size:12px;font-weight:600;letter-spacing:.03em;padding-block:22px}.fi-website h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.045em;font-weight:800}.fi-website .section{padding-block:80px}.fi-website .eyebrow{color:var(--fi-field);font-size:10px;letter-spacing:2px}.fi-website .role-tabs button,.fi-website .compare-filters button{font-family:inherit;border-radius:var(--fi-radius-control);font-size:13px;min-height:46px}.fi-website .role-content{border-radius:var(--fi-radius-hero);border-color:var(--fi-border);padding:36px;background:var(--fi-surface);box-shadow:0 12px 40px #08284204}.fi-website .role-content h3{color:var(--fi-ink)}.fi-website .compare-section{background:var(--fi-ice)}.fi-website .compare-section h2{color:var(--fi-ink)}
.fi-website .dark{background:var(--fi-navy);position:relative}.fi-website .dark .eyebrow,.fi-website .feature span{color:var(--fi-field-action)}.fi-website .feature h3{font-weight:700;letter-spacing:-.025em}.fi-website .cta{background:var(--fi-navy);border-radius:var(--fi-radius-hero);position:relative;overflow:hidden;padding:48px}.fi-website .cta:before{content:'';position:absolute;right:-50px;top:-100px;width:340px;height:340px;border:1px solid #e7f1f440;border-radius:45%;pointer-events:none}.fi-website .cta p{color:var(--fi-on-dark-muted)}.fi-website .footer{border-color:var(--fi-border)}

@media(max-width:760px){.fi-website .wrap:not(.hero){width:calc(100% - 40px)}.fi-website .sports{gap:16px;font-size:11px}.fi-website .section{padding-block:52px}.fi-website .role-content{padding:24px}.fi-website .cta{padding:30px}.fi-website .role-tabs{gap:6px}.fi-website .role-tabs button{padding-inline:13px}}

/* Restore the previous hero typography; keep shared controls and current page styling. */
.fi-website .hero{font-family:system-ui,-apple-system,sans-serif}