/* Funteron website. Brand: navy #0D1B2A, teal #00C8D4, orange #F97316 sparingly. Inter. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#0D1B2A;color:#FFFFFF;font-family:Inter,Calibri,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;font-size:16px}
img{max-width:100%}
[id]{scroll-margin-top:72px}
a{color:#00C8D4;text-decoration:none}
a:hover{color:#7FE9EF}
.lt a{color:#0D1B2A;text-decoration:underline}
.lt a:hover{color:#00727A}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00C8D4;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#00C8D4;color:#0D1B2A;padding:10px 16px;z-index:100;font-weight:700}
.skip:focus{left:12px;top:12px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,27,42,0.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.08)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-weight:800;font-size:20px;letter-spacing:0.02em}
.brand:hover{color:#FFFFFF}
.brand img{width:40px;height:40px;border-radius:10px;display:block}
.nav-desktop{display:flex;flex-wrap:wrap;gap:22px;font-size:15px;font-weight:500}
.nav-desktop a{color:#C9D3DE}
.nav-desktop a:hover,.nav-desktop a[aria-current="page"]{color:#FFFFFF}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border-radius:8px;font-weight:700;font-size:16px;border:0;cursor:pointer;font-family:inherit;text-decoration:none}
.btn-primary{background:#00C8D4;color:#0D1B2A}
.btn-primary:hover{background:#3FDAE3;color:#0D1B2A}
.btn-ghost{border:1px solid rgba(255,255,255,0.3);color:#FFFFFF;font-weight:600}
.btn-ghost:hover{border-color:#FFFFFF;color:#FFFFFF}
.btn-dark{background:#0D1B2A;color:#FFFFFF}
.lt .btn-dark,.lt .btn-dark:hover{color:#FFFFFF;text-decoration:none}
.nav-mobile{display:none;position:relative}
.nav-mobile summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,0.25);border-radius:8px;font-weight:600;font-size:15px}
.nav-mobile summary::-webkit-details-marker{display:none}
.nav-mobile nav{position:absolute;right:0;top:54px;width:240px;background:#13263A;border:1px solid #2B4462;border-radius:12px;padding:8px;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,0.4)}
.nav-mobile nav a{color:#FFFFFF;padding:12px 14px;border-radius:8px;font-weight:500}
.nav-mobile nav a:hover{background:#1C3450}
.nav-mobile nav a.mcta{background:#00C8D4;color:#0D1B2A;font-weight:700;margin-top:6px;text-align:center}

/* Sections used on inner pages */
.sec{padding:96px 0}
.sec-lt{background:#F8F9FA;color:#0D1B2A}
.sec-wh{background:#FFFFFF;color:#0D1B2A}
.eyebrow{margin:0 0 14px;color:#00C8D4;font-weight:700;font-size:14px;letter-spacing:0.12em;text-transform:uppercase}
.sec-lt .eyebrow,.sec-wh .eyebrow{color:#00727A}
.h1{margin:0 0 22px;font-size:56px;line-height:1.06;font-weight:800;letter-spacing:-0.02em;max-width:880px}
.h2{margin:0 0 18px;font-size:42px;line-height:1.1;font-weight:800;max-width:780px}
.lead{margin:0 0 32px;font-size:20px;color:#C9D3DE;max-width:720px}
.sec-lt .lead,.sec-wh .lead{color:#3C4A5A}
.muted{color:#C9D3DE}
.sec-lt .muted,.sec-wh .muted{color:#3C4A5A}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:24px}
.card{background:#13263A;border-radius:16px;padding:28px}
.sec-lt .card,.sec-wh .card{background:#FFFFFF;border:1px solid #DDE3EA}
.sec-wh .card{background:#F8F9FA;border:0}
.card h3{margin:0 0 10px;font-size:21px}
.card p{margin:0}
.callout{background:#E6FAFB;border-left:4px solid #00C8D4;border-radius:8px;padding:18px 22px;color:#0D1B2A}
.callout p{margin:0}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;background:#FFFFFF;border:1px solid #DDE3EA;border-radius:14px;padding:24px}
.steps li::before{content:counter(s,decimal-leading-zero);display:block;font-weight:800;font-size:28px;color:#00A3AD;margin-bottom:8px}
.steps h3{margin:0 0 8px;font-size:19px}
.steps p{margin:0;color:#3C4A5A}
.route{background:#13263A;border-radius:16px;overflow:hidden}
.route img{display:block;width:100%;height:auto}
.route .body{padding:26px}
.route .tag{margin:0 0 6px;font-size:13px;font-weight:700;color:#00C8D4}
.route h3{margin:0 0 10px;font-size:24px}
.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #DDE3EA}
table.cmp{width:100%;border-collapse:collapse;min-width:640px;background:#FFFFFF;color:#0D1B2A;font-size:15px}
table.cmp th{background:#0D1B2A;color:#FFFFFF;text-align:left;padding:14px 16px;font-weight:700}
table.cmp td{padding:14px 16px;border-top:1px solid #E3E8EE;vertical-align:top}
table.cmp tr:nth-child(even) td{background:#F8F9FA}
table.cmp td:first-child{font-weight:700;width:22%}
.logos{display:flex;flex-wrap:wrap;gap:12px}
.logos img{width:120px;height:60px;border-radius:8px;display:block}
.prose{max-width:780px}
.prose h2{font-size:26px;margin:40px 0 12px}
.prose h3{font-size:19px;margin:28px 0 8px}
.prose p,.prose li{color:#3C4A5A;font-size:17px}
.prose ul{padding-left:22px}
.prose .meta{color:#5A6E85;font-size:15px}
.role{background:#13263A;border-radius:16px;padding:32px}
.role h3{margin:0 0 6px;font-size:26px}
.role h4{margin:24px 0 8px;font-size:17px;color:#00C8D4}
.role ul{margin:0;padding-left:20px;color:#C9D3DE}
.role li{margin-bottom:6px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.pills span{border:1px solid rgba(0,200,212,0.5);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}

/* Contact form */
.form{background:#13263A;border-radius:16px;padding:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form label{font-size:14px;color:#C9D3DE;display:block}
.form .full{grid-column:1 / -1}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;padding:12px;border-radius:8px;border:1px solid #2B4462;background:#0D1B2A;color:#FFFFFF;font-size:16px;min-height:46px;font-family:inherit}
.form textarea{min-height:120px;resize:vertical}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .btn{width:100%}
.form small{color:#8FA0B3;font-size:13px}
.form-status{margin:0;font-size:15px;min-height:1px}
.form-status.ok{color:#7FE9EF;font-weight:600}
.form-status.err{color:#FFB38A;font-weight:600}

/* Footer */
.site-footer{border-top:1px solid rgba(255,255,255,0.08);padding:44px 0;font-size:14px;color:#8FA0B3}
.ftr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px}
.ftr .co{flex:1 1 420px;max-width:640px}
.ftr .co p{margin:0 0 8px}
.ftr .co strong{color:#FFFFFF}
.ftr nav{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-start}
.ftr nav a{color:#C9D3DE}
.rg{display:flex;align-items:center;gap:10px;margin-top:14px}
.rg .age{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid #C9D3DE;color:#FFFFFF;font-weight:800;font-size:12px}

/* Home page tweaks */
.hero-media{min-height:600px}

@media (max-width:1380px){
  .nav-desktop,.hdr-cta{display:none}
  .nav-mobile{display:block}
}
@media (max-width:760px){
  .sec{padding:64px 0}
  main section{padding-top:64px!important;padding-bottom:64px!important}
  main section#top{padding-top:40px!important}
  main section[aria-label]{padding-top:0!important;padding-bottom:40px!important}
  h1,.h1{font-size:38px!important}
  h2,.h2{font-size:30px!important}
  .lead,main p[style*="font-size: 20px"]{font-size:18px!important}
  .hero-media{min-height:520px!important;justify-content:center!important;padding-right:0!important}
  .form{grid-template-columns:1fr;padding:22px}
  .wrap{padding:0 16px}
  .flow-arrow{flex:1 0 100%!important;height:28px}
  .flow-arrow svg{transform:rotate(90deg)}
  main div[style*="padding: 0 24px"],main section{padding-left:16px!important;padding-right:16px!important}
}

/* ===== Cinematic hero ===== */
main section#top.cine-hero{position:relative;padding:0!important;min-height:calc(100svh - 65px);min-height:max(600px,calc(100svh - 65px));display:flex;flex-direction:column;overflow:hidden;background:#060E17;isolation:isolate}
.cine-bg{position:absolute;inset:0;z-index:-3;overflow:hidden}
.cine-bg img{width:100%;height:100%;object-fit:cover;object-position:28% 40%;display:block;transform:scale(-1.02,1.02);animation:cinePush 16s cubic-bezier(.2,.6,.2,1) both}
@keyframes cinePush{from{transform:scale(-1.16,1.16);filter:brightness(.35) saturate(.8)}18%{filter:brightness(1) saturate(1.05)}to{transform:scale(-1.02,1.02);filter:brightness(1) saturate(1.05)}}
.cine-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,14,23,.94) 0%,rgba(6,14,23,.82) 30%,rgba(6,14,23,.35) 58%,rgba(6,14,23,.05) 80%),linear-gradient(0deg,#0D1B2A 0%,rgba(13,27,42,0) 28%),linear-gradient(180deg,rgba(6,14,23,.55) 0%,rgba(6,14,23,0) 22%)}
.cine-flare{position:absolute;z-index:-1;top:-30%;right:-10%;width:70vw;height:70vw;max-width:1100px;max-height:1100px;background:radial-gradient(circle,rgba(220,250,255,.35) 0%,rgba(0,200,212,.14) 28%,rgba(0,200,212,0) 62%);opacity:0;animation:cineFlare 5s ease-out .2s both;pointer-events:none}
@keyframes cineFlare{0%{opacity:0;transform:translate(8%,-6%) scale(.8)}35%{opacity:1}100%{opacity:.45;transform:translate(0,0) scale(1)}}
.cine-inner{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:64px 40px 112px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.cine-copy{flex:1 1 640px;min-width:0;max-width:860px}
.cine-hero .cine-title{margin:0 0 28px;font-size:clamp(44px,5.9vw,96px)!important;line-height:.95;font-weight:800;letter-spacing:-.045em;color:#FFFFFF;text-shadow:0 4px 40px rgba(0,0,0,.35)}
.cine-title .ln{display:block;overflow:hidden;padding-bottom:.06em}
.cine-title .ln>span{display:inline-block;transform:translateY(105%);animation:cineLine 1.1s cubic-bezier(.16,1,.3,1) both}
.cine-title .ln:nth-child(1)>span{animation-delay:.45s}
.cine-title .ln:nth-child(2)>span{animation-delay:.62s}
.cine-title .ln:nth-child(3)>span{animation-delay:.79s}
@keyframes cineLine{to{transform:translateY(0)}}
.cine-lead{margin:0 0 32px;font-size:clamp(18px,1.5vw,22px);line-height:1.5;color:#D6E0EA;max-width:560px;animation:cineFade 1s ease 1.35s both}
.cine-ctas{display:flex;flex-wrap:wrap;gap:12px;animation:cineFade 1s ease 1.55s both}
.cine-ctas .btn{min-height:52px;padding:14px 26px;font-size:17px}
.cine-ctas .btn-ghost{background:rgba(13,27,42,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cine-note{margin:28px 0 0;font-size:14px;color:#9FB0C2;animation:cineFade 1s ease 1.75s both}
@keyframes cineFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* the product card */
.cine-card{flex:0 0 320px;align-self:flex-end;margin-bottom:-20px;background:rgba(15,32,50,.78);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(0,200,212,.4);border-radius:28px;padding:22px 20px 16px;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 120px rgba(0,200,212,.16);animation:cineCard 1.2s cubic-bezier(.16,1,.3,1) 1.15s both}
@keyframes cineCard{from{opacity:0;transform:translateX(40px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.cc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cc-brand{font-weight:800;font-size:15px;color:#FFFFFF}
.cc-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0D1B2A;background:#00C8D4;border-radius:999px;padding:3px 10px}
.cc-live i{width:6px;height:6px;border-radius:50%;background:#0D1B2A;animation:ccPulse 1.4s ease-in-out infinite}
@keyframes ccPulse{50%{opacity:.25}}
.cc-when{margin:0;font-size:12px;color:#8FA0B3}
.cc-match{margin:2px 0 4px;font-size:18px;font-weight:700;color:#FFFFFF}
.cc-q{margin:0 0 12px;font-size:13px;color:#C9D3DE}
.cc-rows{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px}
.cc-rows li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0D1B2A;border:1px solid transparent;border-radius:12px;padding:8px 12px;opacity:0;transform:translateY(8px);animation:ccRow .5s ease both}
.cc-rows li:nth-child(1){animation-delay:1.8s}.cc-rows li:nth-child(2){animation-delay:2s}.cc-rows li:nth-child(3){animation-delay:2.2s}.cc-rows li:nth-child(4){animation-delay:2.4s}.cc-rows li:nth-child(5){animation-delay:2.6s}
@keyframes ccRow{to{opacity:1;transform:none}}
.cc-rows .chip{font-size:12px;font-weight:800;padding:4px 9px;border-radius:6px;letter-spacing:.01em}
.cc-rows b{font-size:16px;font-weight:700;color:#FFFFFF;font-variant-numeric:tabular-nums}
.cc-rows em{position:absolute;right:58px;font-style:normal;font-size:11px;font-weight:700;color:#0D1B2A;background:#00C8D4;border-radius:999px;padding:2px 8px;opacity:0;animation:cineFade .5s ease 3.3s both}
.cc-rows li.best{animation:ccRow .5s ease 2.4s both,ccBest .6s ease 3.1s both}
@keyframes ccBest{to{border-color:#00C8D4;background:rgba(0,200,212,.14);box-shadow:0 0 30px rgba(0,200,212,.25)}}
.cc-rows li.best b{color:#00C8D4}
.cc-slip{display:flex;justify-content:space-between;align-items:baseline;background:#00C8D4;color:#0D1B2A;border-radius:14px;padding:12px 14px;animation:cineFade .7s ease 3.7s both}
.cc-slip span{font-size:14px;font-weight:600}
.cc-slip strong{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.cc-foot{margin:10px 0 0;text-align:center;font-size:11px;color:#8FA0B3}

/* ticker */
.cine-ticker{position:absolute;left:0;right:0;bottom:0;height:46px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(0,200,212,.3);background:rgba(6,14,23,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cineFade 1s ease 2s both}
.cine-ticker .tk{display:flex;flex:0 0 auto;white-space:nowrap;animation:cineTick 48s linear infinite}
.cine-ticker span{display:inline-flex;align-items:center;gap:18px;padding-right:18px;font-size:14px;font-weight:600;color:#C9D3DE;letter-spacing:.01em}
.cine-ticker span::after{content:"";width:6px;height:6px;border-radius:50%;background:#00C8D4;box-shadow:0 0 10px #00C8D4}
@keyframes cineTick{to{transform:translateX(-50%)}}
.cine-scroll{position:absolute;left:50%;bottom:62px;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.45);border-radius:14px;animation:cineFade 1s ease 2.4s both}
.cine-scroll span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#00C8D4;animation:cineWheel 1.8s ease-in-out infinite}
@keyframes cineWheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}

/* ===== Cinematic finale ===== */
main section.cine-finale{position:relative;padding:0!important;min-height:min(92vh,880px);display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#060E17}
.cf-bg{position:absolute;inset:-12% 0;z-index:-2}
.cf-bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transform:translate3d(0,var(--py,0px),0) scale(1.06);will-change:transform}
.cf-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0D1B2A 0%,rgba(13,27,42,.55) 22%,rgba(6,14,23,.62) 60%,#0D1B2A 100%),radial-gradient(ellipse at 30% 60%,rgba(6,14,23,.75) 0%,rgba(6,14,23,0) 70%)}
.cf-inner{width:100%;max-width:1280px;margin:0 auto;padding:140px 40px}
.cf-small{margin:0 0 14px;font-size:clamp(18px,1.8vw,24px);color:#C9D3DE;max-width:640px}
.cine-finale .cf-big{margin:0 0 26px;font-size:clamp(44px,7vw,104px)!important;line-height:.96;font-weight:800;letter-spacing:-.04em;max-width:1000px;color:#FFFFFF;text-shadow:0 6px 50px rgba(0,0,0,.5)}
.cf-sub{margin:0 0 34px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#D6E0EA;max-width:600px}
.cf-ctas{animation:none}
.js .cine-finale [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}
.cine-finale.in [data-reveal]{opacity:1;transform:none}
.cine-finale.in [data-reveal="2"]{transition-delay:.15s}
.cine-finale.in [data-reveal="3"]{transition-delay:.3s}
.cine-finale.in [data-reveal="4"]{transition-delay:.45s}

@media (max-height:820px) and (min-width:901px){
  .cine-inner{padding-top:40px;padding-bottom:96px}
  .cine-card{flex-basis:290px;padding:16px 16px 12px;border-radius:24px}
  .cc-q{margin-bottom:8px}
  .cc-rows{gap:5px;margin-bottom:8px}
  .cc-rows li{padding:5px 10px}
  .cc-rows .chip{font-size:11px;padding:3px 8px}
  .cc-slip{padding:9px 12px}
  .cc-slip strong{font-size:20px}
  .cine-bg img{object-position:20% 22%}
  .cine-scroll{display:none}
}
@media (max-width:900px){
  .cine-inner{flex-direction:column;align-items:flex-start;padding:56px 20px 130px;gap:40px}
  .cine-card{align-self:stretch;flex:0 0 auto;max-width:400px;width:100%;margin:0 auto}
  .cine-bg img{object-position:22% 40%}
  .cine-shade{background:linear-gradient(180deg,rgba(6,14,23,.7) 0%,rgba(6,14,23,.55) 40%,rgba(13,27,42,.9) 75%,#0D1B2A 100%)}
  .cine-scroll{display:none}
  .cf-inner{padding:110px 20px}
}
@media (prefers-reduced-motion:reduce){
  .cine-hero *,.cine-hero *::before,.cine-hero *::after{animation:none!important;transition:none!important}
  .cine-title .ln>span,.cc-rows li,.cc-rows em{transform:none;opacity:1}
  .cc-rows li.best{border-color:#00C8D4;background:rgba(0,200,212,.14)}
  .cine-flare{opacity:.45}
  .cine-ticker .tk{transform:none}
  .cine-finale [data-reveal]{opacity:1;transform:none;transition:none}
  .cf-bg img{transform:scale(1.06)!important}
}

/* scroll reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* demo video */
main section.vid-sec{padding:96px 0!important;background:#0A1622}
.vid{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#060E17;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(0,200,212,.25)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid-poster{position:absolute;inset:0;display:block;color:#FFFFFF}
.vid-poster:hover{color:#FFFFFF}
.vid-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.vid-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,14,23,.85) 0%,rgba(6,14,23,.25) 55%,rgba(6,14,23,.45) 100%)}
.vid-play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:#00C8D4;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 0 0 12px rgba(0,200,212,.18),0 20px 60px rgba(0,0,0,.5);transition:transform .3s ease}
.vid-cap{position:absolute;left:28px;right:28px;bottom:24px;display:flex;flex-direction:column;gap:4px}
.vid-cap b{font-size:clamp(18px,2vw,26px);font-weight:800}
.vid-cap small{font-size:13px;color:#C9D3DE}
.vid-poster:hover img{transform:scale(1.04)}
.vid-poster:hover .vid-play{transform:scale(1.08)}
.cine-watch{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:#FFFFFF;font-weight:600;font-size:16px;animation:cineFade 1s ease 1.7s both}
.cine-watch span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid #00C8D4;color:#00C8D4;font-size:12px;padding-left:2px}
.cine-watch:hover{color:#00C8D4}
@media (max-width:760px){main section.vid-sec{padding:64px 0!important}.vid-play{width:68px;height:68px;margin:-34px 0 0 -34px}.vid-cap{left:16px;right:16px;bottom:14px}.vid-cap small{display:none}.vid{border-radius:14px}}

/* jargon buster */
table.cmp.jargon th[scope="row"]{background:transparent;color:#0D1B2A;font-weight:700;width:24%;border-top:1px solid #E3E8EE;padding:14px 16px;vertical-align:top}
table.cmp.jargon tr:nth-child(even) th[scope="row"]{background:#F8F9FA}
table.cmp.jargon td:first-child{font-weight:400;width:auto}
table.cmp.jargon td:last-child{font-weight:600;color:#00727A;width:24%}

/* FAQ */
.faq-chips{display:flex;flex-wrap:wrap;gap:10px}
.faq-chips a{border:1px solid rgba(0,200,212,.5);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:#FFFFFF}
.faq-chips a:hover{background:rgba(0,200,212,.15)}
.faq-sec{padding-top:24px;margin-bottom:56px}
.faq-sec .lead{margin-bottom:20px}
details.qa{border-bottom:1px solid #DDE3EA}
details.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;font-size:18px;font-weight:700;color:#0D1B2A}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary::after{content:"+";flex:0 0 32px;height:32px;border-radius:50%;background:#E6FAFB;color:#00727A;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}
details.qa[open] summary::after{transform:rotate(45deg)}
details.qa summary:hover{color:#00727A}
.qa-a{padding:0 48px 20px 4px}
.qa-a p{margin:0;font-size:16.5px;line-height:1.65;color:#3C4A5A}
.qa-a a{color:#00727A;font-weight:600;text-decoration:underline}
.faq-home details.qa:first-child{border-top:1px solid #DDE3EA}
@media (max-width:760px){details.qa summary{font-size:16.5px;padding:16px 2px}.qa-a{padding-right:8px}}

.cine-eyebrow{margin:0 0 22px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00C8D4;animation:cineFade 1s ease .3s both}
@media (max-width:760px){.cine-eyebrow{font-size:12px;margin-bottom:16px}}

/* betting slips illustration */
@font-face{font-family:"Caveat";src:url("fonts/caveat-600.woff2") format("woff2");font-weight:600}
.slips{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin:8px 0 10px}
.slipc{flex:0 1 300px;min-width:0}
.paper{background:#FBFAF6;border:1px solid #D9D6CC;border-radius:4px;box-shadow:0 14px 34px rgba(13,27,42,.18);padding:0 0 12px;color:#2B3440;font-family:Inter,sans-serif;transform:rotate(-1.2deg)}
.slipc:nth-child(2) .paper{transform:rotate(1.4deg)}
.paper .ph{background:#5B6B7A;color:#FFFFFF;font-size:11px;font-weight:800;letter-spacing:2px;padding:8px 14px;text-transform:uppercase}
.paper .pi{font-size:9px;color:#6B7785;padding:6px 14px 2px;letter-spacing:.5px;text-transform:uppercase}
.paper .hw{font-family:"Caveat",cursive;font-weight:600;color:#1F3A93;font-size:23px;line-height:1.15;padding:2px 14px}
.paper .ln{border-bottom:1px solid #E2DFD6}
.paper .row{display:flex;justify-content:space-between;align-items:baseline}
.paper .od{border:1.5px solid #1F3A93;border-radius:50%;padding:0 6px;font-size:19px}
.paper .tot{display:flex;justify-content:space-between;align-items:center;margin:10px 14px 0;border:1.5px solid #5B6B7A;padding:4px 10px}
.paper .tot span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#5B6B7A}
.paper .tot b{font-family:"Caveat",cursive;font-size:30px;color:#C0392B;font-weight:600}
.slipc .cap{margin:14px 4px 0;font-size:14px;line-height:1.45;color:#33475A}
.slipc .cap strong{color:#0D1B2A}
.sec-wh .epi-q{margin:40px auto 0;max-width:820px;text-align:center}
.epi-q q{display:block;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.2;color:#0D1B2A;letter-spacing:-.5px}
.epi-q span{display:block;margin-top:12px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#00727A}
.slips .slipc{flex:0 1 350px}
.slips .paper .hw{font-size:21px;white-space:nowrap}
.slips .paper .od{font-size:17px}
@media (max-width:420px){.slips .paper .hw{font-size:18px}.slips .paper .od{font-size:15px}}
/* betting dictionary */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dsearch{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px}
.dsearch input{flex:1 1 320px;max-width:560px;font:inherit;font-size:17px;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#FFFFFF}
.dsearch input:focus{outline:2px solid #00C8D4;outline-offset:2px}
.dchips{display:flex;flex-wrap:wrap;gap:8px}
.dchip{font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid rgba(0,200,212,.45);color:#00C8D4;text-decoration:none}
.dchip:hover{background:rgba(0,200,212,.12)}
.dchip-hl{background:#00C8D4;color:#0D1B2A;border-color:#00C8D4}
.dchip-hl:hover{background:#3FDCE5}
.dsec{margin:0 0 56px}
.dsec:last-of-type{margin-bottom:8px}
.dintro{margin:-6px 0 22px;max-width:760px}
.dlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0}
.dterm{background:#FFFFFF;border:1px solid #E3E8EE;border-left:4px solid #00C8D4;border-radius:10px;padding:16px 18px}
.dterm dt{font-weight:800;color:#0D1B2A;font-size:17px;margin:0 0 6px}
.dterm dd{margin:0;color:#3B4A5C;font-size:15px;line-height:1.55}
.dterm[hidden],.dsec[hidden]{display:none}
.ladder-ctl{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.ladder-ctl label{font-weight:700}
.ladder-ctl .lpre{font-weight:700;margin-right:-6px}
.ladder-ctl input{width:110px;font:inherit;font-size:17px;padding:10px 12px;border-radius:10px;border:1px solid #C9D2DC;background:#FFFFFF;color:#0D1B2A}
.lkey{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.lkey .k{font-size:13px;font-weight:600;padding:5px 10px;border-radius:6px;color:#0D1B2A}
.lkey .on,table.ladder tr.lr-on td:first-child{box-shadow:inset 4px 0 0 #8DA6B5}
.lkey .ev,table.ladder tr.lr-ev td:first-child{box-shadow:inset 4px 0 0 #F97316}
.lkey .ag,table.ladder tr.lr-ag td:first-child{box-shadow:inset 4px 0 0 #00C8D4}
.lkey .k{background:#FFFFFF;padding-left:14px}
table.ladder{min-width:560px}
table.ladder td{padding:10px 16px;font-variant-numeric:tabular-nums}
table.ladder td:first-child{width:30%}
table.ladder tr.lr-ev td{background:#FFF4EB}
table.ladder td.ret{font-weight:700;color:#00727A}
table.ladder .nick{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;color:#5A6E85;font-style:italic}
@media (max-width:600px){.dlist{grid-template-columns:1fr}.lkey{margin-left:0}}
@media (max-width:600px){table.ladder{min-width:0;font-size:13px}table.ladder th,table.ladder td{padding:9px 7px}table.ladder .nick{display:block;margin:2px 0 0}}
@media (max-width:600px){table.ladder{font-size:12.5px}table.ladder th,table.ladder td{padding:9px 5px}table.ladder td:first-child{width:auto;padding-left:9px}table.ladder th{font-size:11.5px;line-height:1.25}}
/* player protection */
.pp-img{width:100%;height:auto;border-radius:18px;display:block;aspect-ratio:4/3;object-fit:cover}
/* guides dropdown and homepage guides */
.nav-desktop{align-items:center}
.nav-dd{position:relative}
.nav-dd button{font:inherit;color:#C9D3DE;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav-dd button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav-dd:hover button,.nav-dd:focus-within button,.nav-dd.is-cur button{color:#FFFFFF}
.nav-dd .dd{display:none;position:absolute;left:-16px;top:100%;padding-top:14px;min-width:240px;z-index:60}
.nav-dd .dd::before{content:"";position:absolute;inset:14px 0 0;background:#13263A;border:1px solid #2B4462;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.4);z-index:-1}
.nav-dd:hover .dd,.nav-dd:focus-within .dd{display:flex;flex-direction:column;padding:22px 8px 8px}
.nav-dd .dd a{color:#FFFFFF;padding:10px 12px;border-radius:8px;white-space:nowrap}
.nav-dd .dd a:hover,.nav-dd .dd a[aria-current="page"]{background:#1C3450;color:#00C8D4}
.nav-mobile nav .mh{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00C8D4;padding:10px 14px 2px}
.nav-mobile nav .mh2{padding:0;margin:6px 8px;border-top:1px solid #2B4462}
.nav-mobile nav{max-height:calc(100vh - 90px);overflow-y:auto}
.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.gcard{display:block;background:#0D1B2A;color:#FFFFFF;border-radius:16px;padding:28px;text-decoration:none;border-top:5px solid #00C8D4;transition:transform .2s}
.gcard:hover{transform:translateY(-3px)}
.gcard .gk{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#00C8D4}
.gcard h3{margin:0 0 10px;font-size:23px;line-height:1.2}
.gcard p{margin:0 0 16px;color:#C9D3DE}
.gcard span{font-weight:700;color:#00C8D4}
.nav-desktop{flex-wrap:nowrap;gap:18px;white-space:nowrap;font-size:14.5px}
.hdr-cta{white-space:nowrap}
.hdr{gap:24px}
/* homepage dictionary feature */
.lx{background:radial-gradient(1200px 500px at 85% 0%,rgba(0,200,212,.14),transparent 60%),#0A1622;overflow:hidden}
.lx-wall{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:baseline;margin:34px 0 40px;max-width:1100px}
.lx-w{color:#7F95AA;text-decoration:none;font-weight:700;letter-spacing:-.01em;line-height:1.15;transition:color .2s}
.lx-w:hover{color:#00C8D4}
.lx-s0{font-size:30px;color:#FFFFFF}.lx-s1{font-size:19px}.lx-s2{font-size:24px;color:#B9C7D4}.lx-s3{font-size:16px}.lx-s4{font-size:27px;color:#00C8D4}
.lx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 34px}
.lx-stats div{background:#0D1B2A;border:1px solid #1F3650;border-radius:14px;padding:22px}
.lx-stats b{display:block;font-size:44px;line-height:1;color:#00C8D4;font-weight:800;margin-bottom:10px}
.lx-stats span{color:#C9D3DE;font-size:15px}
.lx-same{background:#13263A;border-radius:16px;padding:26px 28px}
.lx-q{margin:0 0 14px;font-weight:800;font-size:20px;color:#FFFFFF}
.lx-row{display:flex;flex-wrap:wrap;gap:12px}
.lx-row span{font-size:26px;font-weight:800;padding:10px 18px;border-radius:10px;background:#0D1B2A;color:#C9D3DE;font-variant-numeric:tabular-nums}
.lx-row .lx-ours{background:#00C8D4;color:#0D1B2A}
.lx-cap{margin:12px 0 0;color:#8DA6B5;font-size:14px}
@media (max-width:900px){.lx-stats{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.lx-s0{font-size:22px}.lx-s2{font-size:18px}.lx-s4{font-size:20px}.lx-s1{font-size:16px}.lx-s3{font-size:14px}.lx-stats b{font-size:34px}.lx-row span{font-size:19px;padding:8px 12px}}
.brand{flex-shrink:0}.brand span{white-space:nowrap}
/* betting by numbers paper */
.gcards{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.bn-hero{background:radial-gradient(900px 420px at 90% 10%,rgba(249,115,22,.12),transparent 60%),radial-gradient(1000px 500px at 10% 100%,rgba(0,200,212,.12),transparent 60%),#0D1B2A}
.bn-meta{color:#8DA6B5;font-size:14px;margin:0}
.bn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bn-stat{background:#0D1B2A;border-radius:14px;padding:24px}
.bn-stat b{display:block;font-size:46px;line-height:1;font-weight:800;color:#00C8D4;margin-bottom:12px;letter-spacing:-.02em}
.bn-stat span{color:#C9D3DE;font-size:15px;line-height:1.5}
.bn-stat sup a,.bn-paper sup a{color:#00C8D4;text-decoration:none;font-size:11px;font-weight:700}
.bn-paper sup a{color:#00727A}
.bn-col{max-width:780px}
.bn-paper p{font-size:18px;line-height:1.7;color:#24364A;margin:0 0 18px}
.bn-paper .h2{margin:52px 0 16px;font-size:32px}
.bn-paper .bn-col > .h2:first-child{margin-top:0}
.bn-paper .callout{margin:26px 0}
.bn-paper .callout p{font-size:17px;margin:0}
.bn-quote{font-size:30px;font-weight:800;line-height:1.2;color:#0D1B2A;border-left:5px solid #F97316;padding:6px 0 6px 22px;margin:30px 0}
.bn-src{padding-left:22px;color:#3C4A5A;font-size:14.5px;line-height:1.6}
.bn-src li{margin:0 0 8px}
.bn-src a{color:#00727A;word-break:break-word}
.bn-note{font-size:14px!important;color:#5A6E85!important}
@media (max-width:1000px){.bn-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.bn-stat b{font-size:34px}.bn-paper p{font-size:17px}.bn-quote{font-size:24px}.bn-paper .h2{font-size:26px}}
.lx-menu{border-top:1px solid #1F3650;border-bottom:1px solid #1F3650;padding:26px 0 24px;margin:0 0 34px}
.lx-mh{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F97316}
.lx-mrow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lx-mrow b{display:block;font-size:40px;line-height:1;font-weight:800;color:#FFFFFF;letter-spacing:-.02em;margin-bottom:8px;white-space:nowrap}
.lx-mrow b i{font-style:normal;color:#F97316;font-size:.7em;vertical-align:.08em}
.lx-mrow span{color:#B9C7D4;font-size:15px;line-height:1.5}
.lx-mlink{display:inline-block;margin-top:18px;font-weight:700;color:#00C8D4}
@media (max-width:900px){.lx-mrow{grid-template-columns:1fr}.lx-mrow b{font-size:34px}}
/* fun pass: word wall explainer and quiz */
.lx-w{cursor:pointer}
.lx-w.on{color:#F97316!important;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.lx-w:hover{transform:translateY(-2px)}
.lx-w{display:inline-block;transition:color .2s,transform .2s}
.lx-explain{background:#13263A;border-left:4px solid #F97316;border-radius:12px;padding:18px 22px;margin:-14px 0 34px;max-width:860px;min-height:64px;transition:transform .25s}
.lx-explain.pop{transform:scale(1.015)}
.lx-explain b{display:block;color:#FFFFFF;font-size:19px;margin-bottom:4px}
.lx-explain span{color:#C9D3DE;font-size:16px;line-height:1.55}
.lx-explain a{color:#00C8D4;font-weight:700;white-space:nowrap}
.lx-quiz{background:linear-gradient(135deg,#13263A,#0D1B2A);border:1px solid #1F3650;border-radius:16px;padding:26px 28px;margin:0 0 34px}
.lx-qh{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00C8D4}
.lx-qh span{color:#8DA6B5;margin-left:8px;letter-spacing:.04em}
.lx-qq{margin:0 0 16px;font-size:22px;font-weight:800;color:#FFFFFF;line-height:1.3}
.lx-qa{display:flex;flex-wrap:wrap;gap:10px}
.lx-opt{font:inherit;font-size:16px;font-weight:600;padding:12px 18px;border-radius:10px;border:1px solid #2B4462;background:#0D1B2A;color:#FFFFFF;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.lx-opt:hover{border-color:#00C8D4;transform:translateY(-1px)}
.lx-opt.ok{background:#00C8D4;border-color:#00C8D4;color:#0D1B2A}
.lx-opt.no{background:#3A1F14;border-color:#F97316;color:#FFFFFF}
.lx-qf{margin:16px 0 0;color:#C9D3DE;font-size:16px;min-height:1px}
.lx-next{margin-top:16px}
@media (max-width:600px){.lx-qq{font-size:19px}.lx-opt{width:100%;text-align:left}}
.dsearch .btn{padding:12px 18px}
.dterm.dhit{border-left-color:#F97316;box-shadow:0 0 0 3px rgba(249,115,22,.35);animation:dhit 1.2s ease}
@keyframes dhit{0%{transform:scale(1)}20%{transform:scale(1.04)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.dterm.dhit{animation:none}.lx-w:hover{transform:none}}
.lx-next[hidden]{display:none!important}
/* sports participation section */
.pt{background:radial-gradient(900px 420px at 15% 0%,rgba(249,115,22,.12),transparent 60%),#0D1B2A}
.pt-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;margin:0 0 40px}
.pt-intro .lead{margin:0}
.pt-big{margin:0;font-size:clamp(30px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#FFFFFF}
.pt-big span{color:#00C8D4}
.pt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pt-card{background:#13263A;border-radius:16px;padding:28px;border-top:4px solid #2B4462}
.pt-card h3{margin:0 0 10px;font-size:22px}
.pt-card p{margin:0;color:#C9D3DE;line-height:1.6}
.pt-card .pt-k{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00C8D4}
.pt-card:nth-child(1){border-top-color:#00C8D4}.pt-card:nth-child(2){border-top-color:#3FDCE5}.pt-bet{border-top-color:#F97316!important}
.pt-bet .pt-k{color:#F97316!important}
.pt-foot{margin:26px 0 0;color:#8DA6B5;font-size:15.5px;max-width:860px}
@media (max-width:900px){.pt-intro,.pt-grid{grid-template-columns:1fr}.pt-intro{gap:20px}}
/* term pages */
.tm{max-width:820px}
.crumb{font-size:14px;color:#8DA6B5;margin:0 0 18px}
.crumb a{color:#00C8D4}
.crumb span{margin:0 6px}
.tm-p{font-size:18px;line-height:1.7;color:#24364A;margin:0}
.tm-rel .dchip{color:#00727A;border-color:rgba(0,114,122,.35)}
.tm-rel .dchip:hover{background:#E6FAFB}
.dmore{white-space:nowrap;font-weight:700;color:#00727A;margin-left:4px}
/* odds converter */
.oc{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:stretch}
.oc-in{background:#FFFFFF;border:1px solid #DDE3EA;border-radius:16px;padding:24px;display:grid;gap:14px}
.oc-in label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#0D1B2A;font-size:14px}
.oc-in input{font:inherit;font-size:22px;font-weight:700;padding:12px 14px;border-radius:10px;border:1px solid #C9D2DC;color:#0D1B2A;background:#F8F9FA;font-variant-numeric:tabular-nums}
.oc-in input:focus{outline:2px solid #00C8D4;outline-offset:1px;background:#FFFFFF}
.oc-out{background:#0D1B2A;border-radius:16px;padding:28px;color:#FFFFFF;display:flex;flex-direction:column;justify-content:center}
.oc-big{font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.15;margin:0 0 22px;color:#00C8D4}
.oc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oc-row div{background:#13263A;border-radius:12px;padding:16px}
.oc-row b{display:block;font-size:24px;font-variant-numeric:tabular-nums}
.oc-row span{color:#B9C7D4;font-size:14px}
.oc-err{margin:14px 0 0;color:#F97316;font-weight:600}
@media (max-width:860px){.oc{grid-template-columns:1fr}}
.oc{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.oc-in input{min-width:0;width:100%}
@media (max-width:860px){.oc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.oc-row{grid-template-columns:1fr}.oc-out{padding:22px}}
.sec-wh .btn-ghost,.sec-lt .btn-ghost{border-color:#C9D2DC;color:#0D1B2A}
.sec-wh .btn-ghost:hover,.sec-lt .btn-ghost:hover{border-color:#00727A;color:#00727A}

.pp-paper{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.pp-stats{grid-template-columns:repeat(2,1fr);margin:0}
.pp-stats b{font-size:38px}
.pp-stats span{font-size:14px}
@media (max-width:900px){.pp-paper{grid-template-columns:1fr}}
@media (max-width:420px){.pp-stats{grid-template-columns:1fr}}

/* Nov 2026 update: homepage story (brief of 1 November 2026) */
.cine-hero .nov-title{font-size:clamp(42px,5.2vw,86px)!important}
.cine-hero .nov-title .ln:nth-child(2)>span{color:#00C8D4}
.srcline{margin:22px 0 0;font-size:13px;line-height:1.6;color:#8DA6B5;max-width:900px}
.srcline a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sec-wh .srcline,.sec-lt .srcline{color:#5A6E85}
.sec-wh .srcline a,.sec-lt .srcline a{color:#00727A}
/* stat boxes: navy background, teal number */
.sboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sboxes.s3{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 36px}
.sbox{background:#0D1B2A;border-radius:14px;padding:26px 26px 24px;border-top:3px solid #00C8D4}
.sbox b{display:block;font-size:clamp(34px,3.2vw,44px);line-height:1;font-weight:800;color:#00C8D4;letter-spacing:-.02em;margin-bottom:12px;white-space:nowrap}
.sbox span{display:block;color:#C9D3DE;font-size:15.5px;line-height:1.5}
/* the pattern */
.pat{padding:40px 0 104px}
.pat-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:10px 0 34px}
.pat-t{background:#13263A;border:1px solid #1F3650;border-radius:14px;padding:16px 18px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:108px}
.pat-t span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8DA6B5}
.pat-t b{font-size:19px;line-height:1.25;font-weight:800;color:#FFFFFF}
.pat-last{grid-column:span 2;background:#00C8D4;border-color:#00C8D4;box-shadow:0 18px 50px rgba(0,200,212,.25)}
.pat-last span{color:#0D1B2A;opacity:.8}
.pat-last b{color:#0D1B2A;font-size:28px;line-height:1.1}
.pat-close{margin:0 0 24px;font-size:clamp(24px,2.6vw,34px);line-height:1.2;font-weight:800;max-width:900px}
.pat-close span{color:#00C8D4}
/* the owners */
.own-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin:6px 0 28px}
.own-grid .lead{margin:0;max-width:none}
.own-proof{margin:0}
/* same fans, same bookmakers, a new model */
.why2{background:radial-gradient(ellipse at 80% 0%,rgba(0,200,212,0.14) 0%,rgba(13,27,42,0) 60%),#0A1622}
.why2 .lead{margin-bottom:34px}
.nm{margin:0 0 36px;border:1px solid #1F3650;border-radius:18px;overflow:hidden;background:#0D1B2A}
.nm-r{display:grid;grid-template-columns:22% minmax(0,1fr) minmax(0,1fr);border-top:1px solid #1F3650}
.nm-r:first-child{border-top:0}
.nm-r>span{padding:16px 22px;font-size:16.5px;line-height:1.5}
.nm-r>span:first-child{font-weight:700;color:#FFFFFF}
.nm-r>span:nth-child(2){color:#8DA6B5}
.nm-r>span:nth-child(3){color:#FFFFFF;font-weight:600;background:rgba(0,200,212,.07)}
.nm-h>span{padding-top:14px;padding-bottom:14px;font-size:13px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8DA6B5!important}
.nm-h>span:nth-child(3){color:#00C8D4!important}
.nm-x{border-top:1px solid #1F3650;padding:18px 22px 22px calc(22% + 22px);background:#0A1622}
.nm-x .lx-same{background:#13263A}
.nm-lines{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:960px}
.nm-lines li{position:relative;padding-left:22px;font-size:18px;line-height:1.55;color:#D6E0EA}
.nm-lines li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:#00C8D4}
.nm-lines li strong{color:#FFFFFF}
/* follow, predict, bet */
.pt-habit{margin:0 0 30px;font-size:clamp(19px,1.8vw,23px);line-height:1.5;font-weight:600;color:#FFFFFF;max-width:860px}
/* the demand */
.dm-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 34px}
.dm-lines p{margin:0;color:#3C4A5A;font-size:16px;line-height:1.6;border-top:3px solid #00C8D4;padding-top:16px}
.dm-lines b{display:block;color:#0D1B2A;font-size:18px;margin-bottom:6px}
.dm-close{margin:0 0 24px;font-size:clamp(20px,2vw,25px);line-height:1.4;font-weight:700;color:#0D1B2A;max-width:900px}
/* the path */
.path{background:radial-gradient(1000px 460px at 10% 0%,rgba(0,200,212,.12),transparent 60%),#0A1622}
.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 40px}
.stage{background:#13263A;border:1px solid #1F3650;border-radius:16px;padding:24px 24px 26px;display:flex;flex-direction:column;gap:14px}
.stage.st1{border-color:#00C8D4;box-shadow:inset 0 3px 0 #00C8D4}
.st-top{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.st-n{font-size:20px;font-weight:800;color:#FFFFFF}
.st-n i{font-style:normal;color:#00C8D4;margin-right:6px}
.stage p.st-d{margin:0;color:#C9D3DE;font-size:15.5px;line-height:1.55}
.chip{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap}
.chip-live{background:#00C8D4;color:#0D1B2A}
.chip-build{border:1px solid #F97316;color:#F97316}
.chip-con{border:1px solid rgba(255,255,255,.45);color:#FFFFFF}
.chip-dest{border:1px solid #00C8D4;color:#00C8D4}
.moat{border-top:1px solid #1F3650;padding-top:28px}
.moat-h{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00C8D4}
.moat ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}
.moat li{position:relative;padding-left:22px;font-size:17px;line-height:1.55;color:#D6E0EA}
.moat li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:2px;background:#00C8D4}
/* leadership */
.fq{margin:0 0 44px;max-width:920px;padding:4px 0 4px 24px;border-left:4px solid #00C8D4}
.fq blockquote{margin:0 0 10px;font-size:clamp(20px,2.2vw,27px);line-height:1.35;font-weight:700;color:#0D1B2A}
.fq figcaption{font-size:14px;font-weight:700;color:#00727A}
.sl-line{margin:32px 0 0;font-size:15px;color:#3C4A5A}
/* what Funteron believes */
.bel-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:0 0 22px}
.bel{flex:0 1 calc((100% - 36px)/3);min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;background:#FFFFFF;border:1px solid #DDE3EA;border-top:4px solid #00C8D4;border-radius:14px;padding:24px 24px 22px;color:#0D1B2A!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.bel:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(13,27,42,.10)}
.bel-l{margin:0;font-size:20px;line-height:1.3;font-weight:800;color:#0D1B2A}
.bel-m{margin:0;font-size:13px;line-height:1.45;font-weight:700;color:#00727A}
.bel-k{margin:0;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00727A}
.bel .bel-m{margin-top:auto;padding-top:6px;font-size:14px;color:#3C4A5A}
/* the dictionary inside guides */
.lx-panel{margin-top:44px;border-radius:24px;padding:56px 52px;color:#FFFFFF}
.lx-panel .eyebrow{color:#00C8D4}
.lx-panel .h2{color:#FFFFFF}
.lx-panel .lead{color:#C9D3DE}
.lx-panel .btn-ghost{border-color:rgba(255,255,255,.3);color:#FFFFFF}
.lx-panel .btn-ghost:hover{border-color:#FFFFFF;color:#FFFFFF}
.lx-panel .lx-wall{margin-bottom:34px}
/* finale */
.cf-line{margin:0 0 18px;font-size:clamp(19px,1.9vw,25px);line-height:1.4;font-weight:700;color:#FFFFFF;max-width:760px}
.cine-finale.in [data-reveal="5"]{transition-delay:.6s}
@media (max-width:1100px){
.own-grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:1000px){
.pat-wall{grid-template-columns:repeat(4,minmax(0,1fr))}
.pat-last{grid-column:span 4}
.stages{grid-template-columns:repeat(2,minmax(0,1fr))}
.bel{flex-basis:calc((100% - 18px)/2)}
}
@media (max-width:900px){
.own-grid{grid-template-columns:1fr;gap:28px}
.sboxes.s3,.dm-lines{grid-template-columns:1fr}
.moat ul{grid-template-columns:1fr}
}
@media (max-width:760px){
.nm{border:0;border-radius:0;overflow:visible;background:none}
.nm-h{display:none}
.nm-r{grid-template-columns:1fr;border:1px solid #1F3650;border-radius:14px;margin:0 0 12px;overflow:hidden;background:#0D1B2A}
.nm-r:first-child{border-top:1px solid #1F3650}
.nm-r>span{padding:12px 16px;font-size:15.5px}
.nm-r>span:first-child{background:#13263A;font-size:14px;letter-spacing:.02em}
.nm-r>span[data-l]::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8DA6B5;margin-bottom:4px}
.nm-r>span:nth-child(3)::before{color:#00C8D4}
.nm-x{padding:0;margin:-2px 0 14px;border:0;background:none}
.lx-panel{padding:34px 20px;border-radius:18px;margin-left:-4px;margin-right:-4px}
.sbox b{font-size:40px}
}
@media (max-width:600px){
.pat-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pat-last{grid-column:span 2}
.pat-t{padding:14px 14px 15px;min-height:96px}
.pat-t b{font-size:16px}
.pat-last b{font-size:22px}
.sboxes{grid-template-columns:1fr}
.stages{grid-template-columns:1fr}
.bel{flex-basis:100%}
.fq{padding-left:18px}
}
#pattern .h2,#owners .h2,#why .h2,#demand .h2,#path .h2{max-width:1000px;text-wrap:balance}
#faq .lead{color:#3C4A5A}
@media (prefers-reduced-motion:reduce){.js .cine-finale [data-reveal]{opacity:1;transform:none;transition:none}}
/* end Nov 2026 update */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Legal pages and accessibility fixes, 1 November 2026 */
button.btn-ghost{background:transparent}
main p a:not(.btn),main li[id] a,.prose li a,.prose dd a,.callout a,.site-footer .co a,.form small a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.sec-wh p a:not(.btn),.sec-lt p a:not(.btn),.sec-wh li a:not(.btn),.sec-lt li a:not(.btn),.prose a:not(.btn),.callout a{color:#00727A}
.sec-wh p a:not(.btn):hover,.sec-lt p a:not(.btn):hover,.sec-wh li a:not(.btn):hover,.sec-lt li a:not(.btn):hover,.prose a:not(.btn):hover,.callout a:hover{color:#004E54}
.paper .pi{color:#5E6A78}
.table-wrap:focus-visible{outline:3px solid #00C8D4;outline-offset:2px}
/* ticker pause */
.cine-ticker .tk-pause{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;border-radius:50%;border:1px solid rgba(0,200,212,.55);background:#0D1B2A;color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 0 0 9px #08111C}
.cine-ticker .tk-pause::before{content:"";position:absolute;right:calc(100% + 1px);top:-9px;bottom:-9px;width:56px;background:linear-gradient(to right,rgba(8,17,28,0),#08111C 85%);pointer-events:none}
.cine-ticker .tk-pause::after{content:"";position:absolute;left:100%;top:-9px;bottom:-9px;width:13px;background:#08111C;pointer-events:none}
.cine-ticker .tk-pause:hover{border-color:#00C8D4}
.cine-ticker .tk-pause span{display:block;padding:0;gap:0;width:10px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.cine-ticker .tk-pause span::after{content:none}
.cine-ticker.paused .tk-pause span{width:0;height:0;border-right:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.cine-ticker.paused .tk,.cine-ticker:hover .tk,.cine-ticker:focus-within .tk{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.cine-ticker .tk-pause{display:none}}
/* legal pages */
.prose .lede{font-size:19px;color:#0D1B2A;line-height:1.6}
.prose h2{scroll-margin-top:90px}
.facts{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);margin:24px 0 8px;border:1px solid #DDE3EA;border-radius:12px;overflow:hidden}
.facts dt,.facts dd{margin:0;padding:13px 18px;border-top:1px solid #E3E8EE;font-size:16px;line-height:1.5}
.facts dt{font-weight:700;color:#0D1B2A}
.facts dd{color:#3C4A5A}
.facts dt:first-of-type,.facts dt:first-of-type+dd{border-top:0}
.facts dt:nth-of-type(even),.facts dt:nth-of-type(even)+dd{background:#F8F9FA}
.prose .table-wrap{margin:20px 0 8px}
.prose table.cmp{min-width:560px;font-size:15.5px}
.prose table.cmp td:first-child{width:46%}
.prose table.cmp td{color:#3C4A5A}
.prose table.cmp td:first-child{color:#0D1B2A}
.prose .callout{margin:24px 0}
.prose .callout p{font-size:16.5px;color:#0D1B2A}
.pol{list-style:none;padding:0!important;margin:20px 0 8px;display:grid;gap:12px}
.pol li{border:1px solid #DDE3EA;border-left:4px solid #00C8D4;border-radius:10px;padding:14px 18px}
.pol li a{font-weight:700}
.pol li span{display:block;color:#3C4A5A;font-size:15.5px;margin-top:2px}
.route{margin:26px 0 0;border-top:1px solid #E3E8EE;padding-top:6px}
.sig{margin:30px 0 0;padding:18px 22px;border:1px solid #DDE3EA;border-radius:12px;background:#F8F9FA}
.sig p{margin:0;color:#0D1B2A;font-size:16px}
.sig p:first-child{font-weight:700;font-size:18px}
/* footer groups */
.ftr nav.fcols{display:grid;grid-template-columns:repeat(3,auto);gap:12px 48px;align-items:start}
.fcol{display:flex;flex-direction:column;gap:9px}
.fcol .fh{margin:0 0 3px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8FA0B3}
@media (max-width:760px){.ftr nav.fcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}.facts{grid-template-columns:1fr}.facts dd{border-top:0;padding-top:0}.facts dt:nth-of-type(even)+dd{background:#F8F9FA}}
/* reflow at 320px (400% zoom) */
.dsearch input{min-width:0}
@media (max-width:420px){.bn-grid{grid-template-columns:minmax(0,1fr)}.dsearch input{flex:1 1 100%}}
@media (max-width:600px){.prose table.cmp{min-width:0;font-size:14.5px}.prose table.cmp th,.prose table.cmp td{padding:12px}}
main p sup a:not(.btn){text-decoration:none}
table.ladder .nick{margin-left:4px}
.st-n i{margin-right:1px}