/* boxingapi.net: the home page's stylesheet, as approved (boxingapi-home-11-hero.html); header and footer included, so the page loads this file alone. */
:root{
  --ink:#17161A; --accent:#7A2230; --accent-2:#94303F; --accent-tint:#F5ECED;
  --fine:#A59FA3; --page:#F7F6F3; --card:#FFFFFF; --line:#E7E3DF; --line-2:#F0EDEA;
  --text:#1F1D22; --muted:#76707A; --knock:#FFFFFF;
  --ok:#2F7A55; --ok-tint:#E8F3EC; --steel:#4A6788; --steel-tint:#EDF1F6;
  --r:10px; --gap:20px;
  --sans:Manrope,Roboto,Calibri,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--page);color:var(--text);font:400 14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
.in{max-width:1240px;margin:0 auto;padding:0 16px}
/* header (approved) */
.strip{display:flex;align-items:center;justify-content:center;gap:10px;height:34px;background:var(--ink);color:#E9E2DF;font-size:12.5px;padding:0 16px;white-space:nowrap;overflow:hidden}
.strip i{width:6px;height:6px;border-radius:50%;background:#D45A6B;flex:none;animation:pulse 1.6s ease-in-out infinite}
.strip a{color:#fff;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
@keyframes pulse{50%{opacity:.25}}
.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.hdr{display:flex;align-items:center;height:64px;gap:28px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand svg{width:32px;height:32px}
.wm{font-size:14px;letter-spacing:.3em;color:var(--ink);white-space:nowrap}
.wm em{font-style:normal;color:var(--accent)}
.nav{display:flex;gap:4px;flex:1}
.nav a{text-decoration:none;padding:8px 12px;border-radius:8px;white-space:nowrap;font-size:13.5px}
.nav a:hover{background:var(--line-2)}
.right{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;min-width:132px;padding:0 16px;border-radius:var(--r);font:inherit;font-size:13.5px;white-space:nowrap;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s}
.btn.pri{background:var(--accent);color:#fff}
.btn.pri:hover{background:var(--accent-2)}
.btn.alt{background:var(--card);border-color:var(--line);color:var(--ink)}
.btn.alt:hover{border-color:var(--fine)}
.btn svg{width:15px;height:15px}
.burger{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center;justify-content:center;margin-left:auto}
.burger svg{width:18px;height:18px}
[hidden]{display:none!important}
.me{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);text-decoration:none}
.me i{width:30px;height:30px;border-radius:50%;background:var(--steel-tint);color:var(--steel);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px}
@media (max-width:1100px){.me span{display:none}.nav.open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--card);border-bottom:1px solid var(--line);padding:10px 16px}}
/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;inset:0;background:
  radial-gradient(600px 380px at 82% 30%,rgba(122,34,48,.07),transparent 70%),
  radial-gradient(500px 300px at 10% 90%,rgba(74,103,136,.06),transparent 70%),
  linear-gradient(var(--line-2) 1px,transparent 1px) 0 0/40px 40px,
  linear-gradient(90deg,var(--line-2) 1px,transparent 1px) 0 0/40px 40px;
  -webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent);pointer-events:none}
.hero .in{position:relative;display:grid;grid-template-columns:1fr 600px;gap:48px;align-items:center;padding-top:72px;padding-bottom:64px}
.hero-kw{font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:400;display:flex;align-items:center;gap:10px}
.hero-kw:before{content:"";width:22px;height:1px;background:var(--accent)}
.hero-title{display:block;font-size:52px;line-height:1.08;font-weight:300;letter-spacing:-.025em;color:var(--ink);margin-top:18px}
.hero-title em{font-style:normal;color:var(--accent)}
.lead{font-size:16px;color:var(--muted);max-width:520px;margin-top:20px;line-height:1.6}
.ctas{display:grid;grid-template-columns:repeat(2,180px);gap:12px;margin-top:30px}
.ctas .btn{height:46px;font-size:14.5px}
.fine{font-size:12.5px;color:var(--muted);margin-top:14px;display:flex;align-items:center;gap:8px}
.fine svg{width:14px;height:14px;color:var(--ok)}
.counts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid var(--line)}
.counts div{padding-top:16px}
.counts div+div{padding-left:18px;border-left:1px solid var(--line-2)}
.counts b{display:block;font-weight:300;font-size:26px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.counts span{font-size:12px;color:var(--muted)}
/* hero: the fight-night board */
.board-x{position:relative;border-radius:var(--r);overflow:hidden;background:#111014;color:#EDE6E2;box-shadow:0 50px 90px -40px rgba(23,22,26,.6);font-size:13px}
.board-x:before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(420px 220px at 50% 0,rgba(122,34,48,.32),transparent 70%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 28px)}
.bx-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#A89E9A}
.bx-top b{font-weight:400;color:#EDE6E2}
.bx-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#D45A6B;margin-right:8px;animation:pulse 1.6s infinite}
.tape{position:relative;padding:22px 20px 8px}
.tape-names{display:grid;grid-template-columns:1fr 60px 1fr;align-items:end}
.tape-names div:last-child{text-align:right}
.tape-names small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8E8590}
.tape-names span{display:block;font-size:24px;font-weight:300;letter-spacing:-.01em;margin-top:4px;white-space:nowrap}
.tape-names em{font-style:normal;text-align:center;font-size:11px;letter-spacing:.24em;color:#8E8590;padding-bottom:6px}
.red small{color:#E7A3AE}.blue small{color:#9FB6D4}
.rows{margin-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.row{display:grid;grid-template-columns:1fr 132px 1fr;align-items:center;height:38px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}
.row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(180,73,90,.18),transparent);opacity:0;transition:opacity .6s}
.row.hit:after{opacity:1}
.row .lab{text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8E8590}
.row .v{font-family:var(--mono);font-size:14px;color:#fff;font-variant-numeric:tabular-nums;transition:opacity .4s}
.row .v.r{text-align:right}
.row .v.wait{color:#4A4448}
.row .v .ch{display:inline-block;font-family:var(--sans);font-size:10.5px;letter-spacing:.1em;background:#7A2230;color:#fff;border-radius:4px;padding:2px 7px;vertical-align:1px}
.chbar{display:flex;height:4px;margin:10px 0 2px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.08)}
.chbar i{display:block;height:100%;transition:width 1s cubic-bezier(.5,0,.2,1)}
.chbar .a{background:#B4495A}.chbar .b{background:#5E7FA6;margin-left:auto}
.wire{position:relative;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28);padding:12px 20px 14px;font-family:var(--mono);font-size:11.5px;line-height:1.75;height:142px;overflow:hidden}
.wire .ln{display:grid;grid-template-columns:44px 1fr auto;gap:10px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}
.wire .ln.on{opacity:1;transform:none}
.wire .m{color:#E7A3AE}
.wire .p{color:#D9D0CB;overflow:hidden;text-overflow:ellipsis}
.wire .ok{color:#7FC29B}
.wire .ok.wait{color:#6A6266}
.lineage{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08)}
.lineage div{padding:12px 16px}
.lineage div+div{border-left:1px solid rgba(255,255,255,.06)}
.lineage small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8E8590}
.lineage span{display:block;font-size:15px;color:#fff;margin-top:3px;font-variant-numeric:tabular-nums}
@media (max-width:1100px){.nav,.right .btn.alt{display:none}.hero .in{grid-template-columns:1fr;gap:40px}.board-x{max-width:600px}}
@media (max-width:700px){.row{grid-template-columns:1fr 84px 1fr}.row .v{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape-names span{font-size:18px;white-space:normal}.bx-top{flex-direction:column;align-items:flex-start;gap:4px}.wire .ln{grid-template-columns:34px 1fr}.wire .ok{display:none}.lineage{grid-template-columns:1fr 1fr}.lineage div:nth-child(3){border-left:0}.lineage div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.06)}.right{display:none}.burger{display:flex}.hero .in{padding-top:44px}.hero-title{font-size:36px}.ctas{grid-template-columns:1fr 1fr}.ctas .btn{min-width:0}.counts{grid-template-columns:1fr 1fr;row-gap:16px}.counts div:nth-child(3){padding-left:0;border-left:0}.strip{justify-content:flex-start}}

/* shared section heads */
.s-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.s-kw{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px}
.s-kw:before{content:"";width:22px;height:1px;background:var(--accent)}
.s-title{font-size:34px;font-weight:300;letter-spacing:-.02em;color:var(--ink);margin-top:10px;line-height:1.15}
.s-lead{color:var(--muted);max-width:580px;margin-top:10px;font-size:15px}
.seg{display:grid;grid-template-columns:repeat(4,128px);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.seg button{height:38px;border:0;background:var(--card);font:inherit;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap}
.seg button+button{border-left:1px solid var(--line)}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.mono{font-family:var(--mono);font-size:12.5px;color:var(--ink);background:#FBFAF8;border:1px solid var(--line);border-radius:8px;padding:3px 8px;white-space:nowrap}
/* section 2: upcoming fights */
.sec2{padding:72px 0 80px;background:var(--card);border-bottom:1px solid var(--line)}
.board{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.board-scroll{overflow-x:auto}
.board table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:960px}
.board th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 14px;background:#FBFAF8;border-bottom:1px solid var(--line);white-space:nowrap}
.board td{padding:12px 14px;border-bottom:1px solid var(--line-2);white-space:nowrap;vertical-align:middle}
.board tr.ev td{background:#FBFAF8;padding:9px 14px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}
.board tr.ev td span{color:var(--ink);margin-right:10px}
.board tbody tr:not(.ev):hover td{background:#FCFBFA}
.board .num{text-align:right;font-variant-numeric:tabular-nums}
.tm{font-variant-numeric:tabular-nums;color:var(--muted);width:64px}
.pair{display:flex;flex-direction:column;gap:4px}
.pair .fav{color:var(--ink)}
.pair span:not(.fav){color:var(--muted)}
.price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:var(--mono);font-size:12.5px}
.price span{padding:2px 7px;border-radius:6px;transition:background .4s,color .4s}
.price span.flash{background:var(--accent-tint);color:var(--accent)}
.chance{width:200px}
.bar2{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--line-2)}
.bar2 i{display:block;height:100%;background:var(--ink);transition:width .6s}
.bar2 i+i{background:var(--fine)}
.chance div:last-child{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:5px;font-variant-numeric:tabular-nums}
.mg{color:var(--muted);font-size:12.5px}
.mg.arb{color:var(--ok)}
.acts{text-align:right;width:210px}
.board th.acts{text-align:right}
.acts .btn{min-width:92px;height:30px;font-size:12.5px;padding:0 10px}
.acts .btn+.btn{margin-left:6px}
.board-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.board-foot div{padding:16px 18px;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.board-foot div+div{border-left:1px solid var(--line-2)}
.board-foot b{font-weight:300;font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums}
.s-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.s-cta p{color:var(--muted);font-size:13px}
/* section 3: what's inside */
.sec3{padding:80px 0 88px}
.inside{display:grid;grid-template-columns:340px 1fr;gap:var(--gap);align-items:stretch}
.fam{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.fam button{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;height:58px;padding:0 18px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--text)}
.fam button+button{border-top:1px solid var(--line-2)}
.fam button svg{width:18px;height:18px;color:var(--fine)}
.fam button span{font-size:14px;white-space:nowrap}
.fam button em{font-style:normal;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.fam button:hover{background:#FCFBFA}
.fam button[aria-selected="true"]{background:#FBFAF8}
.fam button[aria-selected="true"] svg,.fam button[aria-selected="true"] span{color:var(--accent)}
.fam button i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent)}
.fam button[aria-selected="true"] i{animation:fill 5s linear forwards}
@keyframes fill{to{width:100%}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;min-height:464px}
.p-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line-2)}
.p-head h3{font-weight:300;font-size:22px;color:var(--ink)}
.p-head p{color:var(--muted);font-size:13px;margin-top:2px}
.p-body{flex:1;padding:6px 22px;opacity:1;transition:opacity .25s}
.p-body.fade{opacity:0}
.sample{width:100%;border-collapse:collapse;font-size:13.5px}
.sample th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 10px 10px 0;border-bottom:1px solid var(--line)}
.sample td{padding:12px 10px 12px 0;border-bottom:1px solid var(--line-2);white-space:nowrap}
.sample tr:last-child td{border-bottom:0}
.sample .num{text-align:right;font-variant-numeric:tabular-nums;padding-right:0}
.sample th.num{padding-right:0}
.sample .w{color:var(--ok)}
.sample .m{color:var(--muted)}
.fields{display:flex;flex-wrap:wrap;gap:6px;padding:14px 22px 18px;border-top:1px solid var(--line-2)}
.fields span{font-family:var(--mono);font-size:11.5px;color:var(--steel);background:var(--steel-tint);border-radius:6px;padding:3px 8px}
@media (max-width:1100px){.seg{grid-template-columns:repeat(4,1fr);width:100%}.inside{grid-template-columns:1fr}.fam{display:grid;grid-template-columns:repeat(2,1fr)}.fam button+button{border-top:0}.fam button{border-bottom:1px solid var(--line-2)}.fam button:nth-child(even){border-left:1px solid var(--line-2)}}
@media (max-width:700px){.board table{min-width:0}.board thead{display:none}.board tbody tr:not(.ev){display:grid;grid-template-columns:48px 1fr auto;column-gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-2)}.board tbody tr:not(.ev) td{padding:0;border:0}.board tbody tr:not(.ev) td:nth-child(n+5){display:none}.board tbody tr:not(.ev) td:nth-child(4){grid-column:2/-1;margin-top:10px;width:auto}.board tr.ev td{display:block}.sec2,.sec3{padding:48px 0 56px}.s-title{font-size:27px}.seg{grid-template-columns:repeat(2,1fr)}.seg button:nth-child(3){border-left:0}.seg button:nth-child(n+3){border-top:1px solid var(--line)}.board-foot{grid-template-columns:1fr}.board-foot div+div{border-left:0;border-top:1px solid var(--line-2)}.fam{grid-template-columns:1fr}.fam button:nth-child(even){border-left:0}.p-body{overflow-x:auto}.p-head{flex-direction:column;align-items:flex-start}}

/* section 4: rankings */
.sec4{padding:80px 0 88px;background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rk{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.rk-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.seg3{grid-template-columns:repeat(3,168px)}
.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.rk-scroll{overflow-x:auto}
.mx{width:100%;border-collapse:collapse;font-size:13.5px;min-width:900px}
.mx th{font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 10px 10px;border-bottom:1px solid var(--line);background:#FBFAF8;white-space:nowrap;text-align:center}
.mx th small{display:block;font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--fine);margin-top:2px}
.mx th:first-child{text-align:left;padding-left:18px}
.mx th.ours{color:var(--accent)}
.mx td{padding:10px;border-bottom:1px solid var(--line-2);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.mx td:first-child{text-align:left;padding-left:18px}
.mx tbody tr:hover td{background:#FCFBFA}
.mx td.ours{background:#FCF8F8}
.mx tbody tr:hover td.ours{background:#F9F1F2}
.cell{display:inline-flex;align-items:center;justify-content:center;width:34px;height:26px;border-radius:6px;font-size:13px}
.cell.r1{background:var(--ink);color:#fff}
.cell.top3{background:var(--line-2);color:var(--ink)}
.cell.c{background:var(--accent);color:#fff;font-size:11px;letter-spacing:.06em}
.cell.out{color:var(--fine)}
.agree{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding-right:8px}
.agree i{display:block;width:70px;height:5px;border-radius:3px;background:var(--line-2);overflow:hidden}
.agree i b{display:block;height:100%;background:var(--steel)}
.agree span{font-size:12px;color:var(--muted);width:28px;text-align:right}
.rk-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.rk-foot div{padding:18px 20px}
.rk-foot div+div{border-left:1px solid var(--line-2)}
.rk-foot small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rk-foot p{margin-top:6px;color:var(--ink);font-size:14.5px}
.rk-foot p em{font-style:normal;color:var(--muted);font-size:13px}
.methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:var(--gap)}
.method{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;display:grid;grid-template-columns:44px 1fr;gap:14px;background:var(--card)}
.method b{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r);background:var(--accent-tint);color:var(--accent);font-weight:400;font-size:13px;letter-spacing:.06em}
.method h3{font-weight:400;font-size:16px;color:var(--ink)}
.method p{color:var(--muted);font-size:13.5px;margin-top:4px}
@media (max-width:1100px){.seg3{grid-template-columns:repeat(3,1fr);width:100%}.rk-foot,.methods{grid-template-columns:1fr}.rk-foot div+div{border-left:0;border-top:1px solid var(--line-2)}}
@media (max-width:700px){.sec4{padding:48px 0 56px}.seg3 button{font-size:12px}}

/* section 5: upsets */
.sec5{padding:80px 0 88px}
.up-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--gap);align-items:start}
.up-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.up-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.up-bar b{font-weight:400;color:var(--ink);font-size:15px}
.seg3s{grid-template-columns:repeat(3,112px)}
.ut{width:100%;border-collapse:collapse;font-size:13.5px}
.ut td{padding:12px 10px;border-bottom:1px solid var(--line-2);white-space:nowrap;vertical-align:middle}
.ut td:first-child{padding-left:18px;color:var(--fine);width:28px;font-variant-numeric:tabular-nums}
.ut td:last-child{padding-right:18px}
.ut tr:last-child td{border-bottom:0}
.ut tbody tr:hover td{background:#FCFBFA}
.who{display:flex;flex-direction:column;gap:2px}
.who span{color:var(--ink)}
.who small{color:var(--muted);font-size:12px}
.meth{color:var(--muted);font-size:12.5px}
.px{font-family:var(--mono);font-size:13px;color:var(--accent);text-align:right}
.imp{width:118px}
.imp i{display:block;height:5px;border-radius:3px;background:var(--line-2);overflow:hidden}
.imp i b{display:block;height:100%;background:var(--accent)}
.imp small{display:block;font-size:11px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}
.empty{padding:28px 18px;color:var(--muted)}
.side{display:flex;flex-direction:column;gap:var(--gap)}
.stat-big{padding:22px 22px 14px}
.stat-big small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.stat-big p{font-size:30px;font-weight:300;color:var(--ink);letter-spacing:-.01em;margin-top:6px}
.stat-big em{font-style:normal;display:block;font-size:13px;color:var(--muted);margin-top:2px}
.yrs{width:100%;height:170px;display:block;padding:0 14px 12px}
.yrs text{font:11px var(--sans);fill:var(--muted)}
.yrs .bar{fill:var(--line)}
.yrs .bar.hi{fill:var(--accent)}
.yrs .big{fill:var(--ink)}
.yr-key{display:flex;align-items:center;gap:8px;padding:0 22px 16px;font-size:12px;color:var(--muted)}
.yr-key i{width:10px;height:10px;border-radius:2px;background:var(--line);display:inline-block}
.yr-key i.d{background:var(--ink);margin-left:10px}
.each li{list-style:none;display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:11px 18px;border-top:1px solid var(--line-2);font-size:13px}
.each li:first-child{border-top:0}
.each li b{font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
.each li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.each li em{font-style:normal;font-family:var(--mono);font-size:12.5px;color:var(--accent)}
.up-head{padding:14px 18px;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
@media (max-width:1100px){.up-grid{grid-template-columns:1fr}.seg3s{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.sec5{padding:48px 0 56px}.ut td:nth-child(3),.ut td:nth-child(4){display:none}.ut td{white-space:normal}.up-bar .seg{width:100%}}

/* section 6: judges' scorecards */
.sec6{padding:80px 0 88px;background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jc-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--gap);align-items:stretch}
.sheet{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:#FDFCFA}
.sh-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sh-top em{font-style:normal;color:var(--accent)}
.sh-main{padding:22px 20px 8px;transition:opacity .4s}
.sh-main.fade{opacity:0}
.sh-bout{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:14px}
.sh-bout div:last-child{text-align:right}
.sh-bout small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sh-bout span{display:block;font-size:22px;font-weight:300;color:var(--ink);margin-top:4px;white-space:nowrap}
.sh-bout b{font-weight:400;font-size:11px;letter-spacing:.2em;color:var(--fine);padding-bottom:6px}
.sh-res{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sh-res .chip{background:var(--accent-tint);color:var(--accent)}
.sh-res span:last-child{color:var(--muted);font-size:13px}
.judges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 20px 22px}
.judge{border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:14px 14px 12px}
.judge small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.judge p{font-family:var(--mono);font-size:22px;color:var(--ink);margin-top:6px;font-variant-numeric:tabular-nums}
.judge .lean{display:flex;height:4px;border-radius:2px;overflow:hidden;background:var(--line-2);margin-top:10px}
.judge .lean i{display:block;height:100%;transition:width .6s}
.judge .lean .l{background:var(--ink)}
.judge .lean .r{background:var(--fine);margin-left:auto}
.judge em{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-top:6px}
.judge.dis{border-color:#E9C9CF;background:#FFFBFB}
.judge.dis em{color:var(--accent)}
.sh-sum{display:grid;grid-template-columns:repeat(3,1fr);margin:auto 20px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.sh-sum div{padding:12px 14px}
.sh-sum div+div{border-left:1px solid var(--line-2)}
.sh-sum small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sh-sum span{display:block;font-size:15px;color:var(--ink);margin-top:4px;font-variant-numeric:tabular-nums}
.sh-dots{display:flex;gap:6px;justify-content:center;padding:0 0 18px}
.sh-dots button{width:22px;height:4px;border:0;border-radius:2px;background:var(--line);cursor:pointer;padding:0}
.sh-dots button[aria-current="true"]{background:var(--accent)}
.jt-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.jt-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.jt-head b{font-weight:400;font-size:15px;color:var(--ink)}
.jt-head small{color:var(--muted);font-size:12px}
.jt{width:100%;border-collapse:collapse;font-size:13.5px}
.jt th{font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);background:#FBFAF8;text-align:left;white-space:nowrap}
.jt td{padding:11px 12px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.jt th:first-child,.jt td:first-child{padding-left:18px}
.jt .num{text-align:right;font-variant-numeric:tabular-nums}
.jt tbody tr:hover td{background:#FCFBFA}
.dis-bar{display:flex;align-items:center;gap:8px}
.dis-bar i{display:block;width:72px;height:5px;border-radius:3px;background:var(--line-2);overflow:hidden}
.dis-bar i b{display:block;height:100%;background:var(--accent)}
.dis-bar span{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;width:38px}
.mix{padding:16px 18px 18px;border-top:1px solid var(--line);margin-top:auto}
.mix small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mix p{font-size:14.5px;color:var(--ink);margin-top:4px}
.stack{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-top:10px}
.stack i{display:block;height:100%}
.keys{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;color:var(--muted)}
.keys span{display:flex;align-items:center;gap:6px}
.keys span i{width:9px;height:9px;border-radius:2px;display:inline-block}
@media (max-width:1100px){.jc-grid{grid-template-columns:1fr}}
@media (max-width:700px){.sec6{padding:48px 0 56px}.sh-sum{grid-template-columns:1fr}.sh-sum div+div{border-left:0;border-top:1px solid var(--line-2)}.judges{grid-template-columns:1fr}.sh-bout span{font-size:18px;white-space:normal}.jt th:nth-child(4),.jt td:nth-child(4){display:none}}

/* section 7: fighter profiles */
.sec7{padding:80px 0 88px}
.prof{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.pf-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.seg2{grid-template-columns:repeat(2,168px)}
.pf-bar .mono{font-size:12px}
.pf-top{display:grid;grid-template-columns:320px 1fr;border-bottom:1px solid var(--line)}
.ident{padding:22px;border-right:1px solid var(--line)}
.ident small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ident h3{font-weight:300;font-size:28px;color:var(--ink);margin-top:6px;letter-spacing:-.01em}
.ident .rec{display:flex;align-items:baseline;gap:10px;margin-top:10px}
.ident .rec b{font-weight:300;font-size:34px;color:var(--ink);font-variant-numeric:tabular-nums}
.ident .rec span{font-size:13px;color:var(--muted)}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:18px}
.facts div small{font-size:10.5px}
.facts div span{display:block;font-size:14px;color:var(--ink);margin-top:2px;font-variant-numeric:tabular-nums}
.chart{padding:18px 22px 10px;display:flex;flex-direction:column}
.chart-head{display:flex;justify-content:space-between;align-items:baseline}
.chart-head b{font-weight:400;color:var(--ink);font-size:15px}
.chart-head span{font-size:12px;color:var(--muted)}
.rt{width:100%;height:auto;aspect-ratio:640/220;margin-top:6px}
.rt text{font:11px var(--sans);fill:var(--muted)}
.rt .grid{stroke:var(--line-2)}
.rt .line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.4s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.rt .area{fill:url(#rtfill)}
.rt .pt{fill:var(--card);stroke:var(--accent);stroke-width:1.6}
.rt .lab{fill:var(--ink);font-size:10.5px}
.pb{width:100%;border-collapse:collapse;font-size:13.5px}
.pb th{font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 12px;background:#FBFAF8;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.pb td{padding:11px 12px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.pb th:first-child,.pb td:first-child{padding-left:18px}
.pb tr:last-child td{border-bottom:0}
.pb tbody tr:hover td{background:#FCFBFA}
.pb .num{text-align:right;font-variant-numeric:tabular-nums}
.pb td.num{font-family:var(--mono);font-size:12.5px}
.pb .ttl{color:var(--muted);font-size:12.5px;max-width:280px;overflow:hidden;text-overflow:ellipsis}
.res{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;border-radius:6px;font-size:12px}
.res.w{background:var(--ok-tint);color:var(--ok)}
.res.s{background:var(--line-2);color:var(--muted)}
.pb-scroll{overflow-x:auto}
@media (max-width:1100px){.pf-top{grid-template-columns:1fr}.ident{border-right:0;border-bottom:1px solid var(--line)}.seg2{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.sec7{padding:48px 0 56px}.pb th:nth-child(5),.pb td:nth-child(5),.pb th:nth-child(6),.pb td:nth-child(6){display:none}.pf-bar .mono{display:none}.pf-bar .seg{width:100%}}

/* section 8: for developers */
.sec8{padding:80px 0 88px;background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dev{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--gap)}
.cp{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:#FBFAF8}
.cp-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:var(--card)}
.cp-tabs button{height:42px;border:0;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.cp-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.cp pre{margin:0;padding:18px 20px;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--text);overflow-x:auto;white-space:pre}
.cp pre.req{border-bottom:1px solid var(--line);background:var(--card);min-height:150px}
.cp .k{color:var(--accent)} .cp .s{color:var(--steel)} .cp .n{color:var(--ok)} .cp .c{color:var(--fine)}
.cp-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:var(--card);margin-top:auto}
.cp-foot span{display:flex;align-items:center;gap:6px}
.cp-foot i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.mcp{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.mcp-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.mcp-head b{font-weight:400;font-size:15px;color:var(--ink)}
.mcp-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1;background:#FDFCFA}
.bub{max-width:88%;padding:11px 14px;border-radius:var(--r);font-size:13.5px;line-height:1.5;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
.bub.on{opacity:1;transform:none}
.bub.you{align-self:flex-end;background:var(--ink);color:#fff}
.bub.tool{align-self:flex-start;background:var(--card);border:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}
.bub.tool em{font-style:normal;color:var(--accent)}
.bub.ai{align-self:flex-start;background:var(--card);border:1px solid var(--line);color:var(--text)}
.mcp-foot{padding:12px 18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px}
.mcp-foot span{font-family:var(--mono);font-size:11.5px;color:var(--steel);background:var(--steel-tint);border-radius:6px;padding:3px 8px}
.perks{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r);margin-top:var(--gap);overflow:hidden}
.perks div{padding:18px 20px;display:grid;grid-template-columns:22px 1fr;gap:12px}
.perks div+div{border-left:1px solid var(--line-2)}
.perks svg{width:18px;height:18px;color:var(--accent);margin-top:2px}
.perks b{display:block;font-weight:400;color:var(--ink);font-size:14.5px}
.perks span{display:block;color:var(--muted);font-size:13px;margin-top:2px}
@media (max-width:1100px){.dev{grid-template-columns:1fr}.perks{grid-template-columns:1fr 1fr}.perks div:nth-child(3){border-left:0}.perks div:nth-child(n+3){border-top:1px solid var(--line-2)}}
@media (max-width:700px){.sec8{padding:48px 0 56px}.perks{grid-template-columns:1fr}.perks div+div{border-left:0;border-top:1px solid var(--line-2)}}

/* section 9: pricing */
.sec9{padding:80px 0 88px}
.bill{display:grid;grid-template-columns:repeat(2,140px);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.bill button{height:38px;border:0;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap}
.bill button+button{border-left:1px solid var(--line)}
.bill button[aria-pressed="true"]{background:var(--ink);color:#fff}
.bill em{font-style:normal;color:#E7A3AE;margin-left:6px;font-size:11.5px}
.bill button[aria-pressed="false"] em{color:var(--accent)}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;position:relative}
.plan.rec{border-color:var(--ink);box-shadow:0 24px 50px -30px rgba(23,22,26,.35)}
.plan .tag{position:absolute;top:-11px;left:22px;background:var(--accent);color:#fff;font-size:11px;letter-spacing:.08em;padding:3px 10px;border-radius:999px}
.plan h3{font-weight:400;font-size:16px;color:var(--ink)}
.plan .pr{display:flex;align-items:baseline;gap:6px;margin-top:12px}
.plan .pr b{font-weight:300;font-size:38px;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.plan .pr span{color:var(--muted);font-size:13px}
.plan .sub{color:var(--muted);font-size:13px;margin-top:6px;min-height:40px}
.plan .btn{width:100%;margin-top:16px}
.plan ul{list-style:none;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:9px}
.plan li{display:grid;grid-template-columns:16px 1fr;gap:8px;font-size:13px;color:var(--text)}
.plan li svg{width:14px;height:14px;color:var(--ok);margin-top:3px}
.cmp{margin-top:var(--gap);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.cmp-scroll{overflow-x:auto}
.cmp table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
.cmp th{font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 14px;background:#FBFAF8;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}
.cmp th:first-child,.cmp td:first-child{text-align:left;padding-left:20px;width:34%}
.cmp td{padding:11px 14px;border-bottom:1px solid var(--line-2);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.cmp tr:last-child td{border-bottom:0}
.cmp td svg{width:15px;height:15px;color:var(--ok)}
.cmp .no{color:var(--line)}
.cmp .part{color:var(--muted);font-size:12.5px}
.cmp tbody tr:hover td{background:#FCFBFA}
.cmp-note{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
@media (max-width:1100px){.plans{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.sec9{padding:48px 0 56px}.plans{grid-template-columns:1fr}.bill{width:100%;grid-template-columns:1fr 1fr}}

/* section 10: questions, call to action, footer */
.sec10{padding:80px 0 72px;background:var(--card);border-top:1px solid var(--line)}
.cta{position:relative;overflow:hidden;background:#121115;color:#fff}
.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 260px at 80% 40%,rgba(122,34,48,.45),transparent 70%),radial-gradient(400px 220px at 10% 100%,rgba(201,168,106,.12),transparent 70%)}
.cta .in{position:relative;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}
.cta small{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#E7A3AE}
.cta h2{font-weight:300;font-size:40px;letter-spacing:-.02em;line-height:1.12;margin-top:10px}
.cta p{color:#CFC6C2;margin-top:12px;max-width:560px}
.cta-btns{display:grid;grid-template-columns:repeat(2,190px);gap:12px}
.cta-btns .btn{height:48px;font-size:14.5px}
.cta-btns .btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.cta-btns .btn.alt:hover{border-color:#fff}
.foot{background:var(--page);border-top:1px solid var(--line);padding:56px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.foot-brand p{color:var(--muted);font-size:13px;margin-top:14px;max-width:280px}
.foot h4{font-weight:400;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.foot a{text-decoration:none;font-size:13.5px;color:var(--text)}
.foot a:hover{color:var(--accent)}
.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.faq-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}
.faq-grid .s-lead{margin-bottom:22px}
/* questions, every answer open */
.qa{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line)}
.qa.one{grid-template-columns:1fr}
.qa div{padding:20px 4px;border-bottom:1px solid var(--line)}
.qa h3{font-weight:400;font-size:15px;color:var(--ink)}
.qa p{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.65}
.qa a{color:var(--accent);text-decoration:none}
@media (max-width:700px){.qa{grid-template-columns:1fr}}
@media (max-width:1100px){.faq-grid{grid-template-columns:1fr;gap:8px}.cta .in{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:700px){.sec10{padding:48px 0 48px}.cta h2{font-size:30px}.cta-btns{grid-template-columns:1fr}.faq p{padding-right:4px}}