:root{
  --o:#F26B1D; --o-soft:#FFF1E7; --o-line:#FFD9BF;
  --ink:#1E1424; --ink2:#3A2F40; --muted:#6E6573; --line:#ECE7EE;
  --bg:#FFFFFF; --bg2:#FBF9F8; --surface:#FFFFFF; --r:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15.5px/1.6 Inter,system-ui,sans-serif}
a{color:inherit}
.in{max-width:1220px;margin:0 auto;padding:0 20px}
svg{flex:none}

/* header */
.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .in{display:flex;align-items:center;gap:30px;height:66px}
.lock{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.word{font:800 19px/1 "Inter Tight",sans-serif;letter-spacing:-.02em;white-space:nowrap}
.word span{font-weight:600;color:var(--o)}
.top nav{display:flex;gap:24px;white-space:nowrap}
.top nav a{text-decoration:none;font:500 14.5px Inter,sans-serif;color:var(--ink2)}
.top nav a[aria-current]{color:var(--o)}
.top .right{margin-left:auto;display:flex;gap:10px}
.burger{display:none;width:40px;height:40px;margin-left:auto;padding:0 10px;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:var(--r);background:none;cursor:pointer}
.burger i{display:block;height:2px;border-radius:2px;background:var(--ink)}
.drawer{display:none;padding:0 20px 16px;border-top:1px solid var(--line)}
.drawer.open{display:block}
.drawer a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500}
.drawer a.btn{display:flex;margin-top:12px;border-bottom:0}

/* buttons: one height per size, equal widths in a group */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-width:150px;padding:0 18px;border:1px solid transparent;border-radius:var(--r);font:500 14.5px Inter,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn.sm{height:34px;min-width:118px;padding:0 12px;font-size:13.5px}
.btn.primary{background:var(--o);color:#fff}
.btn.primary:hover{background:#DB5A0F}
.btn.ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--o);color:var(--o)}
.foot{padding:54px 0 28px;background:var(--bg2);border-top:1px solid var(--line);font-size:14px}
.fcols{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px}
.fcols>*{min-width:0}
.fcols h4{margin:0 0 12px;font:700 14px "Inter Tight",sans-serif}
.fcols a{display:block;padding:3px 0;color:var(--muted);text-decoration:none;white-space:nowrap}
.fcols a.lock{display:flex;color:var(--ink)}
.fcols a:hover{color:var(--o)}
.fdesc{margin:14px 0 0;max-width:280px;color:var(--muted)}
.legal{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}

/* coverage */
.chero{position:relative;overflow:hidden;padding:52px 0 56px;background:linear-gradient(180deg,#FFF6EF 0%,var(--bg) 100%);border-bottom:1px solid var(--line)}
.chero .bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.chero .in{position:relative}
.drift{animation:drift 18s linear infinite}
@keyframes drift{to{stroke-dashoffset:-280}}
.kw{margin:0 0 12px;font:500 13px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--o)}
.title{margin:0;font:600 48px/1.05 "Inter Tight",sans-serif;letter-spacing:-.03em}
.title em,h2 em{font-style:normal;color:var(--o)}
.lead{margin:16px 0 0;max-width:720px;font-size:17px;color:var(--ink2)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.tile{position:relative;padding:18px 18px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 30px rgba(30,20,36,.05)}
.tl{display:flex;align-items:center;gap:8px;margin:0;font:500 13px Inter,sans-serif;color:var(--muted)}
.tl svg,.eyebrow svg,.find svg,.dt svg,.mat svg,.btn svg{width:16px;height:16px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tl svg,.eyebrow svg{stroke:var(--o)}
.tv{margin:8px 0 0;font:600 34px/1 "Inter Tight",sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ts{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.ts b{font-weight:600;color:var(--ink)}
.spark{position:absolute;right:16px;top:16px;width:96px;height:30px}
.spark polyline{fill:none;stroke:var(--o);stroke-width:2;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.6s ease-out .2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}

.blk{padding:72px 0}
.blk.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:500 12.5px Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--o)}
h2{margin:0;font:600 32px/1.1 "Inter Tight",sans-serif;letter-spacing:-.02em}
.side{margin:0;max-width:380px;font-size:14.5px;color:var(--muted);text-align:right}
.seg{display:grid;grid-template-columns:repeat(3,96px);gap:4px;padding:5px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r)}
.seg a,.chips a{display:flex;align-items:center;justify-content:center;height:34px;border-radius:8px;text-decoration:none;font:500 13.5px Inter,sans-serif;color:var(--ink2);white-space:nowrap}
.seg a[aria-current]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(30,20,36,.12)}
.chips{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}
.chips a{background:#fff;border:1px solid var(--line)}
.chips a:hover{border-color:var(--o);color:var(--o)}
.chips a[aria-current]{background:var(--o);border-color:var(--o);color:#fff}
.find{position:relative;width:300px;margin:0}
.find svg{position:absolute;left:12px;top:12px;stroke:var(--muted)}
.find input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font:400 14px Inter,sans-serif}
.find input:focus{outline:2px solid var(--o-line);border-color:var(--o)}

.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.panel+.panel{margin-top:16px}
.ph{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 18px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.key{display:flex;align-items:center;gap:8px}
.key i{width:10px;height:10px;border-radius:3px}
.key i+i,.key .kb{margin-left:10px}
.ki{background:var(--ink)}
.kb{background:var(--o)}
.mono{font:500 12.5px "JetBrains Mono",monospace}
.chartwrap{padding:14px 10px 6px}
.ychart{display:block;width:100%;height:auto}
.ychart text{font:500 11px "JetBrains Mono",monospace;fill:var(--muted)}
.ychart .gt{text-anchor:end}
.gl{stroke:var(--line)}
.bi{fill:var(--ink)}
.bb{fill:var(--o)}
.yb:hover rect{opacity:.8}
.yb rect{transform-origin:bottom;transform-box:fill-box;animation:grow .8s ease-out both}
@keyframes grow{from{transform:scaleY(0)}}

.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{padding:11px 16px;text-align:left;font:600 11.5px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg2);border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:10px 16px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink2)}
.tbl tbody tr:hover td{background:#FFFBF8}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl .act{width:120px;text-align:right}
.tbl .act .btn{min-width:96px}
.yr{font:600 15px "Inter Tight",sans-serif;color:var(--ink)}
.so{margin-left:6px;padding:2px 7px;border-radius:var(--r);background:var(--o-soft);font:500 11.5px Inter,sans-serif;color:var(--o)}
.cellbar{display:inline-block;width:70px;height:6px;margin-right:10px;vertical-align:middle;border-radius:3px;background:var(--bg2);overflow:hidden}
.cellbar i{display:block;height:100%;background:var(--o);border-radius:3px}
.nil{color:var(--muted)}
.pf{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13.5px;color:var(--muted);background:var(--bg2)}
.cn{display:block;font:600 14.5px Inter,sans-serif;color:var(--ink)}
.cs{display:block;font-size:12.5px;color:var(--muted)}
.kind{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:var(--r);background:var(--o-soft);color:var(--o);font:500 12px Inter,sans-serif;white-space:nowrap}
.dts{display:flex;gap:6px}
.dt{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#E7F6EE}
.dt svg{stroke:#1F7A4D}
.dt.off{background:var(--bg2)}
.dt.off svg{stroke:var(--muted)}

.cgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.cgrid>*{min-width:0}
.cmeta{overflow:hidden;text-overflow:ellipsis}
.ctry{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.ctry:hover{border-color:var(--o)}
.cc{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r);background:var(--ink);color:#fff;font:600 13px "JetBrains Mono",monospace}
.cname{font:600 15px "Inter Tight",sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmeta{font-size:12.5px;color:var(--muted);white-space:nowrap}
.cmeta b{font-weight:600;color:var(--ink)}

.mat th[scope=row]{padding:11px 16px;text-align:left;font:500 14px Inter,sans-serif;color:var(--ink);background:#fff;border-bottom:1px solid var(--line);text-transform:none;letter-spacing:0;white-space:normal}
.mat thead th{text-align:center}
.mat td{text-align:center}
.mat .y svg{stroke:#1F7A4D}
.mat .x svg{stroke:var(--muted)}

.final{padding:72px 0 88px}
.band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 44px;border-radius:var(--r);background:var(--o);color:#fff}
.bt{margin:0;font:600 30px/1.1 "Inter Tight",sans-serif;letter-spacing:-.02em}
.bd{margin:10px 0 0;max-width:600px;color:#FFF3EA}
.bacts{display:flex;gap:10px}
.btn.wh{background:#fff;color:var(--o)}
.btn.line{border-color:rgba(255,255,255,.6);color:#fff}
.btn.ghost svg,.btn.wh svg{stroke:currentColor}

@media (max-width:1060px){
  .top nav,.top .right{display:none}
  .burger{display:flex}
  .tiles{grid-template-columns:1fr 1fr}
  .cgrid{grid-template-columns:repeat(3,1fr)}
  .chips{grid-template-columns:repeat(3,1fr)}
  .fcols{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .title{font-size:34px}
  .tiles{grid-template-columns:1fr}
  .shead{flex-direction:column;align-items:stretch}
  .side{text-align:left}
  .find{width:100%}
  .seg{grid-template-columns:repeat(3,1fr)}
  .chips{grid-template-columns:1fr 1fr}
  .cgrid{grid-template-columns:1fr 1fr}
  .ctry{min-width:0;padding:12px;column-gap:10px}
  .cc{width:34px;height:34px;font-size:12px}
  .cmeta{white-space:normal}
  .tbl th:nth-child(n+3):not(.act),.tbl td:nth-child(n+3):not(.act){display:none}
  .tbl.mat th:nth-child(n+3),.tbl.mat td:nth-child(n+3){display:table-cell}
  .tbl.ctab th:nth-child(2),.tbl.ctab td:nth-child(2){display:none}
  .mat{font-size:12.5px;table-layout:fixed}
  .mat thead th{white-space:normal;font-size:10px;letter-spacing:0}
  .mat thead th:first-child{width:34%}
  .mat th,.mat td{padding:9px 6px}
  .cellbar{display:none}
  .band{flex-direction:column;align-items:stretch;padding:28px}
  .bacts{flex-direction:column}
  .bacts .btn{width:100%}
  .fcols a{white-space:normal}
}


.chero.sm{padding:36px 0 40px}
.crumbs{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--o);text-decoration:none}
.crumbs svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ---- no sideways scroll anywhere; scrollbars in the brand colour ---- */
html,body{overflow-x:clip}
html{scrollbar-color:var(--o) var(--bg2)}
*{scrollbar-width:thin;scrollbar-color:var(--o) transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--o);border-radius:var(--r)}
::-webkit-scrollbar-thumb:hover{background:#D95A10}
pre,code{max-width:100%}