:root {
  --ink:#0B0B0B;
  --ink-2:#101310;
  --surface:#141915;
  --surface-2:#191f1a;
  --ivory:#F4EBD0;
  --ivory-soft:#ddd4bc;
  --gold:#C9A96A;
  --gold-soft:#a98d58;
  --sage:#49665A;
  --sage-bright:#658579;
  --muted:#9b9a8d;
  --muted-2:#70736a;
  --border:rgba(244,235,208,.14);
  --border-soft:rgba(244,235,208,.08);
  --shadow:0 28px 80px rgba(0,0,0,.25);
  --serif:Georgia,'Times New Roman',serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --product-accent:var(--sage);
  --product-accent-muted:rgba(73,102,90,.13);
  --product-accent-border:rgba(73,102,90,.42);
}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ivory);font-family:var(--sans);background:radial-gradient(circle at 78% -8%,rgba(73,102,90,.15),transparent 31%),radial-gradient(circle at -8% 48%,rgba(201,169,106,.065),transparent 30%),var(--ink)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shell{width:min(1240px,calc(100% - 48px));margin:0 auto}
.master-header{min-height:94px;display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center;border-bottom:1px solid var(--border)}
.brand{display:inline-flex;align-items:center;gap:13px}.brand img{width:58px;height:58px}.brand-copy{display:grid;gap:3px}.brand-copy strong{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:.14em}.brand-copy em{color:var(--gold);font-family:var(--serif);font-size:11px;letter-spacing:.04em}
.master-nav{display:flex;justify-content:center;gap:28px;color:var(--muted);font-size:11px;letter-spacing:.04em}.master-nav a{position:relative;padding:10px 0}.master-nav a:hover,.master-nav a[aria-current="page"]{color:var(--ivory)}.master-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--gold)}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.02);cursor:pointer}.nav-toggle span,.nav-toggle::before,.nav-toggle::after{content:"";display:block;width:17px;height:1px;margin:4px auto;background:var(--ivory-soft)}
.header-mark{color:var(--gold);font-family:var(--serif);font-size:10px;font-style:italic;letter-spacing:.05em}
main{padding:42px 0 24px}
.hero-kicker{max-width:650px;margin:0;color:var(--gold);font-family:var(--serif);font-size:clamp(22px,3.1vw,38px);font-weight:500;letter-spacing:.035em;line-height:1.16}
.panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.panel-heading-row .eyebrow{margin:0}
.secondary-title{margin:30px 0 0;color:var(--ivory-soft);font-family:var(--serif);font-size:14px;letter-spacing:.12em}
.coming-lead{max-width:650px;margin:24px 0 0;color:var(--ivory-soft);font-family:var(--serif);font-size:clamp(19px,2.4vw,28px);line-height:1.35}
.coming-state-top{margin:0 0 16px;font-family:var(--sans);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{margin:0 0 12px;color:var(--gold);font-size:9px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.display{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.98;font-size:clamp(48px,7vw,92px)}.lede{max-width:750px;margin:22px 0 0;color:var(--muted);font-size:14px;line-height:1.8}
.hero{min-height:590px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:72px;align-items:center;padding:64px 0 74px;border-bottom:1px solid var(--border)}.hero-crest{display:grid;place-items:center;min-height:390px;position:relative}.hero-crest img{position:relative;width:min(300px,84%);filter:drop-shadow(0 22px 38px rgba(0,0,0,.34))}.hero-wordmark{display:block;margin-top:13px;color:var(--gold);font-family:var(--serif);font-size:clamp(22px,3vw,36px);font-style:italic;font-weight:400;letter-spacing:.01em}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:0 17px;border:1px solid var(--border);border-radius:8px;color:var(--ivory-soft);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.02);transition:.18s ease}.button:hover{border-color:rgba(201,169,106,.48);background:rgba(201,169,106,.055)}.button-primary{border-color:rgba(201,169,106,.48);background:var(--gold);color:#17130d}.button-primary:hover{background:#d4b574;color:#17130d}
.section{padding:72px 0;border-bottom:1px solid var(--border)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,470px);gap:48px;align-items:end;margin-bottom:28px}.section-head h2,.page-intro h1{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em}.section-head h2{font-size:clamp(34px,4vw,52px)}.section-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.destination-card{position:relative;min-height:245px;padding:25px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(160deg,rgba(25,31,26,.92),rgba(14,18,15,.96));box-shadow:var(--shadow);overflow:hidden}.destination-card::after{content:"";position:absolute;inset:auto -40px -80px auto;width:180px;height:180px;border-radius:50%;background:var(--product-accent-muted);filter:blur(2px)}.destination-card>*{position:relative;z-index:1}.card-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.family{color:var(--muted-2);font-size:8px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--product-accent-border);border-radius:999px;color:#bcd1c8;background:var(--product-accent-muted);font-size:7px;font-weight:900;letter-spacing:.12em}.status::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sage-bright)}.status.coming{border-color:rgba(201,169,106,.22);background:rgba(201,169,106,.045);color:var(--gold-soft)}.status.coming::before{background:var(--gold-soft)}.destination-card h3{margin:34px 0 9px;font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:-.02em}.destination-card p{max-width:500px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.card-link{display:inline-flex;gap:8px;align-items:center;margin-top:26px;color:var(--ivory-soft);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.card-link span{color:var(--gold)}
.feature-card{min-height:310px}.feature-card h3{font-size:36px}.feature-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.feature-meta span{padding:6px 8px;border:1px solid var(--border-soft);border-radius:999px;color:var(--muted);font-size:8px}
.institution-panel{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;padding:38px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(115deg,rgba(201,169,106,.055),rgba(73,102,90,.05) 62%,rgba(255,255,255,.012));box-shadow:var(--shadow)}.institution-panel h3{margin:0;font-family:var(--serif);font-size:36px;font-weight:500}.institution-panel p{max-width:700px;margin:11px 0 0;color:var(--muted);font-size:12px;line-height:1.75}.institution-mark{width:112px;height:112px;opacity:.78}
.page-intro{padding:56px 0 46px;border-bottom:1px solid var(--border)}.page-intro h1{font-size:clamp(44px,6vw,72px)}.page-intro .lede{max-width:720px}.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:22px;color:var(--muted-2);font-size:9px}.breadcrumb a:hover{color:var(--gold)}
.parent-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;padding:42px 0 70px}.parent-grid .destination-card{grid-column:span 6}.parent-grid .destination-card.wide{grid-column:span 12}.parent-grid.competition .destination-card{grid-column:span 6}
.coming-shell{min-height:610px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px;align-items:center}.coming-copy h1{margin:0;font-family:var(--serif);font-size:clamp(48px,7vw,84px);font-weight:500;letter-spacing:-.045em;line-height:.98}.coming-copy .lede{max-width:650px}.coming-context{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.coming-context span{padding:6px 9px;border:1px solid var(--border-soft);border-radius:999px;color:var(--muted);font-size:8px}.coming-seal{display:grid;place-items:center;min-height:320px;border:1px solid var(--border);border-radius:50%;background:radial-gradient(circle,rgba(201,169,106,.055),transparent 68%)}.coming-seal img{width:190px;opacity:.82}.coming-state{margin-top:28px;color:var(--gold);font-family:var(--serif);font-size:13px;font-style:italic}
.master-footer{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:30px 0 38px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:42px;height:42px}.footer-brand span{display:grid;gap:2px}.footer-brand strong{font-family:var(--serif);font-size:12px;font-weight:500;letter-spacing:.12em}.footer-brand em{color:var(--gold-soft);font-family:var(--serif);font-size:9px}.footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;color:var(--muted-2);font-size:8px}.footer-nav a:hover{color:var(--ivory-soft)}.copyright{margin-top:14px;color:#60635c;font-size:8px}
@media(max-width:980px){.master-header{grid-template-columns:auto 1fr auto}.master-nav{display:none;position:absolute;z-index:20;top:82px;right:24px;left:24px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#101410;box-shadow:var(--shadow);flex-direction:column;gap:2px}.master-nav[data-open="true"]{display:flex}.master-nav a{padding:11px}.master-nav a[aria-current="page"]::after{display:none}.nav-toggle{display:block;justify-self:end}.header-mark{display:none}.hero{grid-template-columns:1fr;min-height:0;gap:34px}.hero-crest{grid-row:1;min-height:300px}.hero-crest::before{width:250px;height:250px}.hero-crest img{width:210px}.section-head{grid-template-columns:1fr;gap:12px}.card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.coming-shell{grid-template-columns:1fr;gap:20px;padding:45px 0}.coming-seal{display:none}}
@media(max-width:680px){.shell{width:min(100% - 24px,1240px)}.master-header{min-height:80px;gap:14px}.brand img{width:47px;height:47px}.brand-copy strong{font-size:14px}.brand-copy em{font-size:9px}.hero{padding:44px 0 54px}.hero-crest{min-height:230px}.hero-crest::before{width:195px;height:195px}.hero-crest img{width:165px}.section{padding:52px 0}.card-grid,.card-grid.four{grid-template-columns:1fr}.destination-card,.feature-card{min-height:220px}.feature-card h3{font-size:30px}.institution-panel{grid-template-columns:1fr;padding:26px}.institution-mark{display:none}.parent-grid,.parent-grid.competition{grid-template-columns:1fr}.parent-grid .destination-card,.parent-grid .destination-card.wide,.parent-grid.competition .destination-card{grid-column:1}.master-footer{grid-template-columns:1fr;align-items:start}.footer-nav{justify-content:flex-start}.page-intro{padding-top:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Product visual system v1 — locked 6 October 2026 */
:root{
  --accent-irs:#3B8C7D;
  --accent-epl:#506E9B;
  --accent-fpl:#865478;
  --accent-draft:#A35E42;
  --accent-auction:#B28645;
  --accent-predictions:#626FA8;
  --accent-blog:#607D70;
  --accent-hof:#C9A96A;
}
.accent-irs{--product-accent:var(--accent-irs);--product-accent-muted:rgba(59,140,125,.14);--product-accent-border:rgba(59,140,125,.48);--product-surface:rgba(15,34,30,.94)}
.accent-epl{--product-accent:var(--accent-epl);--product-accent-muted:rgba(80,110,155,.15);--product-accent-border:rgba(80,110,155,.48);--product-surface:rgba(14,25,42,.95)}
.accent-fpl{--product-accent:var(--accent-fpl);--product-accent-muted:rgba(134,84,120,.15);--product-accent-border:rgba(134,84,120,.5);--product-surface:rgba(31,17,29,.95)}
.accent-draft{--product-accent:var(--accent-draft);--product-accent-muted:rgba(163,94,66,.14);--product-accent-border:rgba(163,94,66,.48);--product-surface:rgba(37,22,17,.95)}
.accent-auction{--product-accent:var(--accent-auction);--product-accent-muted:rgba(178,134,69,.14);--product-accent-border:rgba(178,134,69,.48);--product-surface:rgba(36,29,16,.95)}
.accent-predictions{--product-accent:var(--accent-predictions);--product-accent-muted:rgba(98,111,168,.15);--product-accent-border:rgba(98,111,168,.48);--product-surface:rgba(21,23,43,.95)}
.accent-blog{--product-accent:var(--accent-blog);--product-accent-muted:rgba(96,125,112,.12);--product-accent-border:rgba(96,125,112,.4);--product-surface:rgba(18,25,22,.95)}
.accent-hof{--product-accent:var(--accent-hof);--product-accent-muted:rgba(201,169,106,.12);--product-accent-border:rgba(201,169,106,.45);--product-surface:rgba(31,25,15,.95)}

.product-card{border-color:var(--product-accent-border);background:linear-gradient(145deg,var(--product-surface,rgba(18,20,18,.96)),rgba(10,12,11,.985) 74%);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.product-card::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--product-accent),transparent);opacity:.9}
.product-card::after{inset:auto -55px -95px auto;width:220px;height:220px;background:radial-gradient(circle,var(--product-accent-muted),transparent 67%)}
.product-card:hover{transform:translateY(-2px);box-shadow:0 30px 86px rgba(0,0,0,.34),inset 0 0 0 1px var(--product-accent-muted)}
.product-card .family{color:var(--product-accent)}
.product-card .status,.product-card .status.coming{border-color:var(--product-accent-border);background:var(--product-accent-muted);color:var(--ivory-soft)}
.product-card .status::before,.product-card .status.coming::before{background:var(--product-accent)}
.product-card .card-link span{color:var(--product-accent)}
.product-card .feature-meta span{border-color:var(--product-accent-border);background:rgba(0,0,0,.14)}

.product-icon{position:absolute;z-index:0;right:18px;bottom:14px;width:94px;height:94px;background:var(--product-accent);opacity:.24;pointer-events:none;-webkit-mask:var(--product-icon) center/contain no-repeat;mask:var(--product-icon) center/contain no-repeat}
.feature-card .product-icon{width:132px;height:132px;right:16px;bottom:8px;opacity:.2}
.icon-irs{--product-icon:url('/assets/icons/imminent-returns.svg')}
.icon-epl{--product-icon:url('/assets/icons/epl-predictions.svg')}
.icon-fpl{--product-icon:url('/assets/icons/fpl.svg')}
.icon-draft{--product-icon:url('/assets/icons/draft.svg')}
.icon-auction{--product-icon:url('/assets/icons/auction.svg')}
.icon-predictions{--product-icon:url('/assets/icons/predictions.svg')}
.icon-blog{--product-icon:url('/assets/icons/blog.svg')}
.icon-hof{--product-icon:url('/assets/icons/hall-of-fame.svg')}

.institution-panel.product-panel{position:relative;overflow:hidden;border-color:var(--product-accent-border);background:linear-gradient(115deg,var(--product-surface,rgba(18,20,18,.96)),rgba(10,11,10,.98) 72%)}
.institution-panel.product-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 40%,var(--product-accent-muted),transparent 28%);pointer-events:none}
.institution-panel.product-panel>*{position:relative;z-index:1}
.institution-panel.product-panel .eyebrow,.institution-panel.product-panel .card-link span{color:var(--product-accent)}
.institution-panel.product-panel .status.coming{border-color:var(--product-accent-border);background:var(--product-accent-muted);color:var(--ivory-soft)}
.institution-panel.product-panel .status.coming::before{background:var(--product-accent)}
.institution-panel.product-panel .institution-mark{display:none}
.institution-panel.product-panel .product-icon{width:118px;height:118px;right:30px;bottom:18px;opacity:.28}

.coming-shell.product-coming{position:relative;isolation:isolate}
.coming-shell.product-coming::before{content:"";position:absolute;z-index:-1;inset:10% -12% 7% 38%;background:radial-gradient(circle at center,var(--product-accent-muted),transparent 60%);filter:blur(12px);pointer-events:none}
.coming-shell.product-coming .eyebrow,.coming-shell.product-coming .coming-state,.coming-shell.product-coming .breadcrumb a:hover{color:var(--product-accent)}
.coming-shell.product-coming .button:hover{border-color:var(--product-accent-border);background:var(--product-accent-muted)}
.coming-visual{position:relative;display:grid;place-items:center;min-height:330px;border:1px solid var(--product-accent-border);border-radius:22px;background:linear-gradient(150deg,var(--product-surface,rgba(18,20,18,.96)),rgba(9,10,9,.98));overflow:hidden;box-shadow:var(--shadow)}
.coming-visual::before{content:"";position:absolute;width:270px;height:270px;border:1px solid var(--product-accent-border);border-radius:50%;opacity:.34}
.coming-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 48%,var(--product-accent-muted),transparent 58%)}
.coming-visual .product-icon{position:relative;right:auto;bottom:auto;width:170px;height:170px;opacity:.78;z-index:1}

.page-product-accent .page-intro .eyebrow{color:var(--product-accent)}
.page-product-accent .master-nav a[aria-current="page"]::after{background:var(--product-accent)}

@media(max-width:980px){.coming-visual{display:none}.product-icon{opacity:.2}}
@media(max-width:680px){.product-card .product-icon{width:82px;height:82px}.feature-card .product-icon{width:100px;height:100px}.institution-panel.product-panel .product-icon{display:block;width:82px;height:82px;right:14px;bottom:10px}}
