/* Homepage only. Navy + bright gold, champagne accents. Motion gated by html.nt-motion / html.nt-paused. */
.home main{padding-top:0}
.home main h2{text-align:left}
/* ---------- Hero ---------- */
.h-hero{position:relative;isolation:isolate;overflow:hidden;padding:3.2rem 0 3.6rem;background:radial-gradient(70% 90% at 0% 0%,rgba(255,199,44,.18),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(91,140,210,.25),transparent 65%),linear-gradient(160deg,#0B1E3A 0%,#13294B 60%,#0E2244 100%);border-bottom:1px solid rgba(255,213,79,.4)}
.h-hero::before{content:"";position:absolute;inset:-30%;z-index:-2;background:conic-gradient(from 90deg at 60% 40%,transparent,rgba(255,199,44,.22),transparent 30%,rgba(243,229,192,.12),transparent 60%,rgba(91,140,210,.2),transparent);filter:blur(50px)}
.nt-motion .h-hero::before{animation:h-aurora 30s linear infinite}
@keyframes h-aurora{to{transform:rotate(360deg)}}
.h-motes{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.h-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center}
.h-kicker{display:inline-block;margin:0 0 .8rem;padding:.35rem .95rem;border-radius:999px;border:1px solid rgba(255,213,79,.6);color:#FFE08A;font:800 .85rem/1.2 Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(11,30,58,.5)}
.h-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.1;color:#fff;margin:0 0 1rem}
.h-hero h1::after{display:none}
.h-shine{background:linear-gradient(100deg,#FFD54F 0%,#FFF3C4 25%,#FFC72C 50%,#FFE58A 75%,#FFD54F 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.nt-motion .h-shine{animation:h-shine 6s ease-in-out infinite}
@keyframes h-shine{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.h-hero .lead{font-size:1.15rem;color:#E4ECF7!important;max-width:36em}
.h-hero .btns{margin:1.4rem 0 1rem}
.h-trust{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;padding:0;margin:0;color:var(--nt-champ);font-weight:700}
.h-trust span{color:var(--nt-gold-l)}
/* Photo carousel with Ken Burns */
.h-show{position:relative;margin:0}
.h-slides{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 2px rgba(255,213,79,.55),0 0 60px rgba(255,199,44,.18);background:#13294B}
.h-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s 1.1s}
.h-slide.is-on{opacity:1;visibility:visible;transition:opacity 1.1s ease}
.h-slide img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:60% 40%}
.nt-motion .h-slide.is-on img{animation:h-kb 9s ease-out forwards}
.h-slide:nth-child(even) img{transform-origin:30% 60%}
@keyframes h-kb{from{transform:scale(1.02)}to{transform:scale(1.14) translate3d(-1.5%,-1%,0)}}
.h-show-ctrl{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.9rem}
.h-show-ctrl button{width:56px;height:56px;border-radius:50%;border:2px solid var(--nt-gold-l);background:rgba(11,30,58,.75);color:var(--nt-gold-l);font-size:2rem;line-height:1;cursor:pointer}
.h-show-ctrl button:hover{background:var(--nt-gold);color:#0B1E3A}
.h-count{color:var(--nt-champ);font-weight:700;min-width:4ch;text-align:center}
@media(max-width:860px){.h-hero-in{grid-template-columns:1fr;gap:1.8rem}.h-hero{padding:2rem 0 2.4rem}}
/* ---------- I want to ---------- */
.h-paths{margin-top:2.6rem}
.h-path-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}
.h-path{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1rem;align-items:center;min-height:96px;height:100%;padding:1.1rem 1.2rem;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(145deg,rgba(27,53,96,.9),rgba(11,30,58,.95));border:2px solid rgba(255,213,79,.45);overflow:hidden}
.h-path::after{content:"\2192";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:var(--nt-gold-l);font-size:1.5rem;font-weight:700}
.h-pi{grid-row:1/3;display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:rgba(255,199,44,.14);border:1px solid rgba(255,213,79,.5);font-size:1.9rem}
.h-pt{font:800 1.15rem/1.25 Montserrat,Arial,sans-serif;color:#FFE08A;padding-right:1.8rem}
.h-pd{color:#D6E4F5;font-size:.95rem;padding-right:1.8rem}
.nt-motion .h-path{transition:transform .3s var(--nt-ease),border-color .3s,box-shadow .3s}
.nt-motion .h-path:hover,.h-path:focus-visible{border-color:var(--nt-gold-l);box-shadow:0 16px 40px rgba(0,0,0,.35),0 0 24px rgba(255,199,44,.18)}
.nt-motion .h-path:hover{transform:translateY(-3px)}
.nt-motion .h-path:hover .h-pi{animation:h-bob .6s var(--nt-ease)}
@keyframes h-bob{50%{transform:translateY(-4px) rotate(-6deg)}}
/* ---------- Stats ---------- */
.h-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2.6rem 0 0}
.h-stat{padding:1.2rem 1rem;border-radius:18px;text-align:center;background:linear-gradient(#10264A,#0B1E3A) padding-box,var(--nt-grad) border-box;border:2px solid transparent;color:#D6E4F5;font-weight:700}
.h-num{display:block;font:800 2.4rem/1.1 Montserrat,Arial,sans-serif;color:var(--nt-gold-l);font-variant-numeric:tabular-nums}
@media(max-width:760px){.h-stats{grid-template-columns:1fr 1fr}}
/* ---------- Story rows ---------- */
.h-row,.h-kids{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;align-items:center;margin:2rem 0}
.h-flip .h-photo{order:2}
.h-photo{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 2px rgba(255,213,79,.45)}
.h-photo img{width:100%;height:110%;object-fit:cover;display:block;will-change:transform}
.h-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,229,138,.18) 50%,transparent 60%);background-size:250% 100%;background-position:100% 0;pointer-events:none}
.nt-motion .h-photo:hover::after,.nt-motion .nt-in .h-photo::after{transition:background-position 1.4s ease;background-position:-50% 0}
.h-eyebrow{margin:0 0 .3rem;color:var(--nt-gold-l);font:800 .85rem/1.2 Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.h-txt h3,.h-kids h2{font-family:"Playfair Display",Georgia,serif;font-size:1.8rem;color:#fff;margin:.1rem 0 .6rem}
.h-txt p{color:#D6E4F5}
@media(max-width:760px){.h-row,.h-kids{grid-template-columns:1fr;gap:1rem}.h-flip .h-photo{order:0}}
/* ---------- Games marquee ---------- */
.h-games{margin:3rem 0 1rem;padding:2.4rem 0;background:linear-gradient(180deg,rgba(255,199,44,.06),rgba(11,30,58,.4));border-block:1px solid rgba(255,213,79,.3)}
.h-games h2{margin-top:0}
.h-games-lead{font-size:1.1rem;color:#E4ECF7}
#game-count{color:var(--nt-gold-l)}
.h-cats{display:flex;flex-wrap:wrap;gap:.6rem}
.h-chip{display:inline-flex;align-items:center;min-height:48px;padding:.4rem 1rem;border-radius:999px;border:2px solid rgba(255,213,79,.55);color:#FFE08A;text-decoration:none;font-weight:700;background:rgba(11,30,58,.6)}
.h-chip:hover{background:rgba(255,199,44,.16)}
.h-mq{overflow:hidden;padding:1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.h-mq-track{list-style:none;margin:0 0 1rem;padding:0;display:flex;gap:1rem;width:max-content}
.nt-motion .h-mq-track{animation:h-mq 70s linear infinite}
.nt-motion .h-mq-track.h-rev{animation-direction:reverse;animation-duration:80s}
.h-mq:hover .h-mq-track,.h-mq:focus-within .h-mq-track{animation-play-state:paused}
@keyframes h-mq{to{transform:translate3d(-50%,0,0)}}
.h-mq-track li{flex:none;width:250px}
.h-mq-track a{display:block;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:#10264A;border:2px solid rgba(255,213,79,.35)}
.h-mq-track a:hover,.h-mq-track a:focus-visible{border-color:var(--nt-gold-l)}
.h-mq-track img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.h-mq-track span{display:block;padding:.55rem .8rem;font-weight:700}
/* Reduced motion: marquee becomes a swipeable/scrollable row; duplicates hidden */
html:not(.nt-motion) .h-mq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
html:not(.nt-motion) .h-mq-track{padding:0 1rem}
html:not(.nt-motion) .h-mq-track li[aria-hidden]{display:none}
.h-games-cta{margin-top:.6rem}
/* Game of the Day restyle to navy */
.home .gotd{background:linear-gradient(135deg,#13294B,#0B1E3A);border:2px solid var(--nt-gold);color:#E4ECF7;margin-top:2.6rem;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.home .gotd h2,.home .gotd h3{color:#fff}
.home .gotd a:not(.btn){color:#FFE08A}
/* ---------- Kids ---------- */
.h-kids{padding:1.6rem;border-radius:24px;background:radial-gradient(80% 100% at 0% 0%,rgba(255,199,44,.14),transparent 60%),linear-gradient(145deg,#1B3560,#0B1E3A);border:2px solid rgba(255,213,79,.5);margin-top:2.8rem}
.h-kids h2{margin-top:0}.h-kids h2::after{display:none}
/* ---------- Tools ---------- */
.h-tool-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:.7rem}
.h-tool-list a{display:flex;align-items:center;gap:.7rem;min-height:60px;padding:.55rem .9rem;border-radius:14px;color:#F7F9FC;text-decoration:none;font-weight:700;background:rgba(19,41,75,.85);border:1px solid rgba(255,213,79,.35)}
.h-tool-list a:hover,.h-tool-list a:focus-visible{border-color:var(--nt-gold-l);background:rgba(27,53,96,.95)}
.h-ti{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:rgba(255,199,44,.14);color:var(--nt-gold-l);font-size:1.25rem}
.nt-motion .h-tool-list a{transition:transform .25s var(--nt-ease),border-color .25s}
.nt-motion .h-tool-list a:hover{transform:translateX(4px)}
/* ---------- More (VIP + tiles) ---------- */
.h-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.h-vip{grid-row:span 2;position:relative;overflow:hidden;padding:1.8rem;border-radius:22px;color:#F4F7FB;background:linear-gradient(160deg,#0B1E3A,#13294B 70%,#1d2a4f) padding-box,var(--nt-grad) border-box;border:3px solid transparent;box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 40px rgba(255,199,44,.18)}
.h-vip::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,213,79,.22),transparent);transform:skewX(-18deg);pointer-events:none}
.nt-motion .h-vip::after{animation:h-vsweep 5.5s ease-in-out infinite}
@keyframes h-vsweep{0%,50%{left:-60%}100%{left:140%}}
.h-vbadge{display:inline-block;padding:.25rem .9rem;border-radius:999px;background:var(--nt-grad);color:#0B1E3A;font:800 .85rem/1.2 Montserrat,Arial,sans-serif;letter-spacing:.1em}
.h-vip h3{font-family:"Playfair Display",Georgia,serif;font-size:1.8rem;color:#fff;margin:.6rem 0 .2rem}
.h-price{font:800 2.2rem/1.1 Montserrat,Arial,sans-serif;color:var(--nt-gold-l);margin:.2rem 0 .6rem}.h-price small{font-size:1rem;color:#D6E4F5}
.h-vip ul{padding-left:1.2rem;color:#E4ECF7}.h-vip li::marker{content:"★  ";color:var(--nt-gold-l)}
.h-tile{display:flex;flex-direction:column;gap:.3rem;padding:1.3rem;border-radius:18px;text-decoration:none;color:#D6E4F5;background:rgba(19,41,75,.85);border:2px solid rgba(255,213,79,.3)}
.h-tile h3{color:#fff;margin:.4rem 0 0}.h-tile p{margin:0;flex:1}
.h-tile .h-pi{grid-row:auto}
.h-go{color:#FFE08A;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.h-tile:hover,.h-tile:focus-visible{border-color:var(--nt-gold-l)}
.nt-motion .h-tile{transition:transform .3s var(--nt-ease),border-color .3s}
.nt-motion .h-tile:hover{transform:translateY(-4px)}
@media(max-width:900px){.h-more-grid{grid-template-columns:1fr 1fr}.h-vip{grid-column:1/-1;grid-row:auto}}
@media(max-width:560px){.h-more-grid{grid-template-columns:1fr}}
/* ---------- How it works ---------- */
.h-steps{list-style:none;counter-reset:s;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.h-steps li{counter-increment:s;position:relative;padding:1.2rem 1.2rem 1.2rem 4.4rem;border-radius:18px;background:rgba(19,41,75,.85);border:1px solid rgba(255,213,79,.35);color:#D6E4F5}
.h-steps li::before{content:counter(s);position:absolute;left:1rem;top:1rem;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:var(--nt-grad);color:#0B1E3A;font:800 1.2rem Montserrat,Arial,sans-serif}
.h-steps strong{color:#fff}
@media(max-width:760px){.h-steps{grid-template-columns:1fr}}
.home section.next{margin-top:2.6rem}
.h-more-grid>.h-tile:last-child{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:1rem}
.h-more-grid>.h-tile:last-child h3{margin:0}
.h-more-grid>.h-tile:last-child .h-pi{grid-row:1/3}
.h-more-grid>.h-tile:last-child .h-go{grid-row:1/3;grid-column:3}
@media(max-width:560px){.h-more-grid>.h-tile:last-child{display:flex}}
@media(max-width:600px){.h-hero .lead{font-size:1.05rem}}
/* 320-380px: keep stats inside the screen */
@media(max-width:380px){.h-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.h-stat{padding:1rem .5rem;min-width:0;overflow-wrap:anywhere}.h-num{font-size:1.9rem}}
@media(max-width:340px){.h-stats{grid-template-columns:minmax(0,1fr)}.h-num{font-size:2.1rem}}