*{box-sizing:border-box}
:root{
  --bg:#040607;
  --bg2:#070b0d;
  --panel:#0c1215;
  --panel2:#10171b;
  --line:#1f2a30;
  --text:#f5f7f8;
  --muted:#9ba8ae;
  --green:#a8ff32;
  --teal:#28e0a8;
  --cyan:#1cc8f3;
  --gradient:linear-gradient(90deg,var(--green),var(--teal),var(--cyan));
}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 82% 10%,rgba(28,200,243,.1),transparent 28%),
    radial-gradient(circle at 15% 30%,rgba(168,255,50,.06),transparent 25%),
    var(--bg);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
}
a{text-decoration:none;color:inherit}
img{display:block}
.topbar{
  height:82px;
  padding:0 4.5vw;
  position:sticky;
  top:0;
  z-index:50;
  display:grid;
  grid-template-columns:150px 1fr 170px;
  align-items:center;
  background:rgba(4,6,7,.84);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.055)
}
.logo-link img{width:92px;height:45px;object-fit:cover}
.nav{display:flex;justify-content:center;gap:38px;font-size:14px}
.nav a{padding:11px 0;color:#c9d1d5}
.nav a:hover,.nav .active{color:#fff}
.nav .active{border-bottom:2px solid var(--green)}
.menu-button{display:none;background:none;border:0;color:white;font-size:25px}
.top-launch,.primary-button,.run-button{
  background:var(--gradient);
  color:#071014;
  border-radius:10px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  box-shadow:0 0 28px rgba(40,224,168,.12);
  border:0;
}
.top-launch{height:44px;padding:0 18px;gap:18px}
.hero{
  min-height:720px;
  padding:75px 5vw 55px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:45px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.055)
}
.hero-copy{max-width:620px}
.hero h1{
  font-size:clamp(64px,6.8vw,112px);
  line-height:.92;
  letter-spacing:-.065em;
  margin:0 0 22px
}
.strapline{
  margin:0 0 18px;
  font-size:clamp(29px,3vw,45px);
  font-weight:850;
  background:var(--gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
.intro{font-size:19px;color:#b6c0c5;max-width:560px;margin:0 0 30px}
.hero-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}
.primary-button{height:58px;padding:0 28px;min-width:210px}
.scroll-link{color:var(--muted);font-size:14px}
.hero-visual{position:relative;min-height:560px}
.pitch{
  position:absolute;
  width:82%;
  height:58%;
  left:8%;
  top:24%;
  transform:perspective(900px) rotateX(64deg) rotateZ(3deg);
  border:1px solid rgba(55,225,201,.32);
  background:
    repeating-linear-gradient(90deg,transparent 0 9.7%,rgba(39,223,171,.07) 10%),
    repeating-linear-gradient(0deg,transparent 0 9.7%,rgba(28,200,243,.07) 10%);
  box-shadow:0 0 70px rgba(26,211,200,.12),inset 0 0 50px rgba(20,190,200,.07)
}
.halfway{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(126,255,223,.48)}
.centre-circle{position:absolute;left:41%;top:32%;width:18%;aspect-ratio:1;border:1px solid rgba(126,255,223,.48);border-radius:50%}
.penalty{position:absolute;top:27%;width:18%;height:46%;border:1px solid rgba(126,255,223,.4)}
.penalty.left{left:0}.penalty.right{right:0}
.bars{position:absolute;inset:0;transform:rotateX(-64deg)}
.bars i{
  position:absolute;
  left:var(--x);
  bottom:42%;
  width:5px;
  height:var(--h);
  background:linear-gradient(var(--cyan),var(--green));
  box-shadow:0 0 16px var(--teal);
  border-radius:4px
}
.data-card{
  position:absolute;
  min-width:150px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(10,16,19,.9);
  backdrop-filter:blur(12px)
}
.data-card>span{font-size:11px;color:#c8d0d4}
.data-card strong{display:block;font-size:38px;color:var(--green)}
.data-card small{color:var(--muted)}
.data-card div{display:flex;justify-content:space-between;gap:25px;margin-top:10px;font-size:13px}
.data-card b{font-weight:500;color:#cbd3d7}.data-card em{font-style:normal;color:var(--green);font-weight:800}
.a-number{left:10%;top:5%}
.live-state{right:7%;top:5%}
.edge{right:0;bottom:20%}
.confidence{height:5px;background:#263138;border-radius:4px;overflow:hidden;margin-top:12px!important}
.confidence i{display:block;width:72%;height:100%;background:var(--gradient)}
.visual-caption{position:absolute;bottom:5%;left:18%;right:10%;text-align:center;color:#d6dde0;font-family:ui-monospace,Consolas,monospace}
.visual-caption span:nth-child(1){color:var(--green)}
.visual-caption span:nth-child(2){color:var(--cyan)}
.visual-caption span:nth-child(3){color:var(--green)}
.about,.engine-section,.research{padding:95px 5vw}
.about{text-align:center}
.kicker{display:block;color:var(--green);letter-spacing:.22em;font-size:12px;font-weight:800;margin-bottom:14px}
.about h2,.engine-section h2,.research h2{
  font-size:clamp(48px,5vw,78px);
  line-height:1;
  letter-spacing:-.045em;
  margin:0
}
.section-logo{width:175px;height:80px;object-fit:cover;margin:8px auto 48px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:auto}
.feature-card{
  min-height:230px;
  padding:28px;
  text-align:left;
  position:relative;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,#0e1518,#080d0f)
}
.number{position:absolute;right:22px;top:16px;color:#344147;font-size:26px;font-weight:900}
.icon{width:52px;height:52px;border:1px solid var(--teal);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:24px;margin-bottom:30px}
.feature-card h3{font-size:27px;margin:0 0 10px}.feature-card p{color:var(--muted);margin:0}
.results-strip{
  margin:0 5vw 80px;
  padding:22px 28px;
  display:grid;
  grid-template-columns:1.2fr 130px 1fr 220px;
  align-items:center;
  gap:24px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#080d0f
}
.result-title{display:flex;align-items:center;gap:18px}.result-icon{font-size:34px;color:var(--green)}
.result-title h3,.accuracy-copy h3{margin:0}.result-title p,.accuracy-copy p{margin:3px 0 0;color:var(--muted)}
.accuracy-ring{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 62%,#20292e 62%)}
.accuracy-ring>div{width:78px;height:78px;border-radius:50%;background:#0a1013;display:grid;place-items:center}
.accuracy-ring strong{font-size:25px}
.accuracy-copy p{display:flex;gap:25px}.good{color:var(--green)}.bad{color:#ff6060}
.blind-button{border:1px solid var(--green);border-radius:9px;padding:14px 20px;display:flex;justify-content:space-between}
.engine-intro{max-width:650px;color:var(--muted);font-size:18px}
.engine-shell{margin-top:40px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(155deg,#0e1518,#080c0e)}
.engine-head{height:72px;display:flex;align-items:center;gap:15px;padding:0 24px;border-bottom:1px solid var(--line)}
.engine-head img{width:100px;height:45px;object-fit:cover}.engine-head span{letter-spacing:.2em;color:var(--muted);font-size:12px}.engine-head button{margin-left:auto;background:none;border:0;color:#cbd3d7}
.engine-grid{display:grid;grid-template-columns:.85fr 1fr 1.15fr 1.25fr}
.engine-card{padding:24px;min-height:410px;border-right:1px solid var(--line)}
.engine-card:last-child{border-right:0}.step{display:block;color:var(--green);font-size:11px;letter-spacing:.2em;margin-bottom:10px}
.engine-card h3{margin:0 0 20px}.engine-card label{display:block;color:var(--muted);font-size:12px;margin:14px 0}
select,input{width:100%;margin-top:6px;background:#10171a;border:1px solid #2a373d;border-radius:8px;color:white;padding:10px;font:inherit}
.field{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center;font-size:12px;margin:7px 0}.field input{margin:0;padding:7px;text-align:center}
.meter{display:grid;grid-template-columns:72px 1fr 40px;gap:9px;align-items:center;font-size:12px;margin:12px 0}
.meter i{height:7px;background:#243036;border-radius:8px;overflow:hidden}.meter u{display:block;height:100%;background:var(--gradient);border-radius:8px}
.divider{height:1px;background:#223038;margin:18px 0}.a-read{display:flex;justify-content:space-between;align-items:end;margin-top:25px}.a-read strong{font-size:39px;color:var(--green)}
.table-head,.table-row{display:grid;grid-template-columns:1.2fr repeat(3,.65fr);gap:8px;font-size:11px;padding:8px 0}
.table-head{color:var(--muted);border-bottom:1px solid #27343a}.table-row{border-bottom:1px solid #202b30}
.table-row span:not(:first-child){text-align:right}.table-row em{font-style:normal;color:var(--green);text-align:right}.negative{color:#ff6666!important}
.run-button{height:50px;width:100%;margin-top:24px}
.research{text-align:center;border-top:1px solid rgba(255,255,255,.055)}
.research-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.research-grid article{padding:27px;border:1px solid var(--line);border-radius:15px;background:#090f12}
.research-grid span{font-size:30px;color:var(--green)}.research-grid h3{margin:10px 0 6px}.research-grid p{margin:0;color:var(--muted)}
footer{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:#06090b;color:var(--muted)}
footer img{width:95px;height:44px;object-fit:cover}
@media(max-width:1040px){
  .hero{grid-template-columns:1fr}.hero-visual{min-height:520px}
  .results-strip{grid-template-columns:1fr 110px 1fr}.blind-button{grid-column:1/-1}
  .engine-grid{grid-template-columns:1fr 1fr}.engine-card:nth-child(2){border-right:0}.engine-card{border-bottom:1px solid var(--line)}
}
@media(max-width:760px){
  .topbar{grid-template-columns:1fr auto}.topbar>.top-launch{display:none}.menu-button{display:block}
  .nav{display:none;position:absolute;top:82px;left:0;right:0;padding:18px;background:#070b0d;flex-direction:column;gap:8px}
  .nav.open{display:flex}
  .hero{padding-top:55px;min-height:auto}.hero h1{font-size:66px}.hero-visual{min-height:430px}
  .feature-grid,.engine-grid,.research-grid{grid-template-columns:1fr}
  .results-strip{grid-template-columns:1fr;text-align:center}.result-title{justify-content:center}.accuracy-ring{margin:auto}.accuracy-copy p{justify-content:center;flex-wrap:wrap}
  .engine-card{border-right:0}
  footer{flex-direction:column;gap:10px;text-align:center}
}


/* AMI ENGINE V6 */
.app-shell{max-width:1240px}
.engine-flow{padding:22px;display:grid;gap:18px}
.flow-card{
  padding:26px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,#0d1417,#080d0f);
  transition:opacity .25s ease,border-color .25s ease,transform .25s ease
}
.flow-card.locked{
  opacity:.38;
  pointer-events:none;
  filter:saturate(.45)
}
.flow-card:not(.locked):hover{border-color:#33444c}
.flow-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}
.flow-heading .step{
  min-width:42px;height:42px;border:1px solid rgba(168,255,50,.45);
  border-radius:50%;display:grid;place-items:center;margin:0
}
.flow-heading h3{margin:0 0 4px;font-size:24px}
.flow-heading p{margin:0;color:var(--muted)}
.form-grid{display:grid;gap:14px}
.form-grid.three{grid-template-columns:repeat(3,1fr)}
.form-grid.inputs{grid-template-columns:repeat(3,1fr)}
.form-grid.prices{grid-template-columns:repeat(6,1fr)}
.form-grid label{color:var(--muted);font-size:12px}
.form-grid input,.form-grid select{min-height:44px}
.secondary-action{
  margin-top:20px;min-width:175px;height:46px;padding:0 20px;
  border:1px solid var(--green);border-radius:9px;background:transparent;
  color:#f5f7f8;font-weight:800;display:inline-flex;align-items:center;
  justify-content:center;gap:24px;cursor:pointer
}
.secondary-action:hover{background:rgba(168,255,50,.08)}
.form-message{min-height:22px;margin:12px 0 0;font-size:13px}
.form-message.error{color:#ff7272}
.form-message.success{color:var(--green)}
.eligibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.eligibility-grid fieldset{
  border:1px solid #27343a;border-radius:12px;padding:18px;background:#0b1114
}
.eligibility-grid legend{padding:0 8px;font-weight:750}
.choice{display:inline-flex;align-items:center;gap:8px;margin:8px 20px 0 0;color:#dce3e6}
.choice input{width:auto;margin:0;accent-color:var(--green)}
.market-entry{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.market-entry-head h4{margin:0 0 4px}.market-entry-head p{margin:0 0 15px;color:var(--muted);font-size:13px}
.main-run{max-width:280px;margin-top:24px;cursor:pointer}
.results-card{background:linear-gradient(160deg,#0d1518,#070b0d)}
.result-hero{
  text-align:center;padding:32px 18px;border:1px solid rgba(40,224,168,.25);
  border-radius:15px;background:
  radial-gradient(circle at 50% 35%,rgba(40,224,168,.11),transparent 50%),#080e10
}
.result-hero span,.ami-description span,.value-title span{
  display:block;color:var(--green);letter-spacing:.2em;font-size:11px;font-weight:850
}
.result-hero strong{display:block;font-size:76px;line-height:1;color:var(--green);margin:14px 0 10px}
.result-hero b{display:block;font-size:15px;letter-spacing:.12em}
.result-hero small{display:block;color:var(--muted);margin-top:8px}
.ami-description{margin-top:18px;padding:20px;border-left:3px solid var(--cyan);background:#0b1215;border-radius:0 12px 12px 0}
.ami-description p{margin:9px 0 0;color:#ced6da}
.probability-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.probability-panels>div{padding:20px;border:1px solid var(--line);border-radius:13px;background:#090f12}
.probability-panels h4{margin:0 0 16px}
.probability-row{display:grid;grid-template-columns:85px 1fr 45px;gap:10px;align-items:center;font-size:12px;margin:13px 0}
.probability-row i{height:7px;background:#243036;border-radius:8px;overflow:hidden}
.probability-row u{display:block;height:100%;background:var(--gradient);border-radius:8px;width:50%}
#barHome{width:43%}#barDraw{width:31%}#barAway{width:26%}
#barO15{width:71%}#barO25{width:49%}#barO35{width:22%}
.value-monitor{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#090f12}
.value-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}
.value-title h4{margin:5px 0 0}.value-title small{color:var(--muted)}
.value-row{display:grid;grid-template-columns:1.35fr repeat(3,.8fr) .75fr;gap:10px;align-items:center;padding:11px 8px;border-bottom:1px solid #202b30;font-size:12px}
.value-row span:not(:first-child){text-align:right}
.value-head{color:var(--muted);font-size:10px;letter-spacing:.08em}
.status{justify-self:end;padding:4px 8px;border-radius:5px;font-size:10px;letter-spacing:.06em}
.status.neutral{color:#b9c3c8;background:#1a2328}
.status.positive{color:#071014;background:var(--green)}
.status.negative{color:#fff;background:#a53131}
.exclusion-card{
  display:flex;gap:22px;align-items:center;border-color:rgba(255,96,96,.45);
  background:linear-gradient(145deg,rgba(110,25,25,.28),#090d0f)
}
.exclusion-card.hidden{display:none}
.exclusion-symbol{
  width:60px;height:60px;border-radius:50%;display:grid;place-items:center;
  background:#a53131;font-size:40px;line-height:1
}
.exclusion-card span{color:#ff7777;letter-spacing:.18em;font-size:11px;font-weight:850}
.exclusion-card h3{margin:4px 0}.exclusion-card p{margin:0;color:#cbd3d7}

@media(max-width:1040px){
  .form-grid.prices{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .form-grid.three,.form-grid.inputs,.form-grid.prices,.eligibility-grid,.probability-panels{grid-template-columns:1fr}
  .flow-card{padding:20px}
  .result-hero strong{font-size:62px}
  .value-table{overflow-x:auto}
  .value-row{min-width:620px}
}


/* AMI ENGINE V8 — COMPARATIVE HALF-TIME INPUTS */
.halftime-comparison{
  display:grid;
  grid-template-columns:minmax(110px,.72fr) minmax(0,1fr) minmax(0,1fr);
  gap:0;
  border:1px solid #27343a;
  border-radius:14px;
  overflow:hidden;
  background:#0a1013;
}
.comparison-header{
  padding:15px 16px;
  background:#0d1518;
  border-bottom:1px solid #27343a;
  color:#f4f7f8;
  font-weight:800;
}
.comparison-header:not(:last-child){
  border-right:1px solid #27343a;
}
.metric-title{
  color:var(--muted);
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.team-title{
  text-align:center;
  color:var(--green);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.metric-label,
.comparison-field{
  min-height:76px;
  display:flex;
  align-items:center;
  padding:14px 16px;
  border-bottom:1px solid #202b30;
}
.metric-label{
  color:#dfe6e9;
  font-weight:750;
  background:#0b1215;
}
.comparison-field{
  margin:0;
  background:#090f12;
}
.metric-label:not(:nth-last-child(-n+3)),
.comparison-field:not(:nth-last-child(-n+3)){
  border-bottom:1px solid #202b30;
}
.comparison-field:nth-child(3n+2),
.comparison-field:nth-child(3n+3),
.metric-label{
  border-right:1px solid #202b30;
}
.comparison-field input{
  width:100%;
  min-height:48px;
  font-size:17px;
  text-align:center;
  font-weight:800;
}
.mobile-field-label{
  display:none;
}

@media(max-width:760px){
  .halftime-comparison{
    grid-template-columns:1fr 1fr;
    gap:14px;
    border:0;
    border-radius:0;
    overflow:visible;
    background:transparent;
  }
  .comparison-header{
    border:1px solid #27343a;
    border-radius:10px;
    text-align:center;
  }
  .metric-title,
  .metric-label{
    display:none;
  }
  .comparison-field{
    min-height:auto;
    display:block;
    padding:0;
    border:0 !important;
    background:transparent;
  }
  .mobile-field-label{
    display:block;
    margin:0 0 7px;
    color:var(--muted);
    font-size:12px;
  }
  .comparison-field input{
    text-align:left;
  }
}