:root{
    --bg:#08090b; --bg-elev:#0e1013; --panel:#111418; --line:rgba(255,255,255,.08);
    --line-2:rgba(255,255,255,.14);
    --fg:#f3f5f7; --mut:#9aa1ac; --dim:#737a85;
    --acc:#6ea8ff; --acc-dim:rgba(110,168,255,.14);
    --up:#44d07f; --dn:#f0616d;
    --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
    --r:10px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%}
  body{background:var(--bg);color:var(--fg);font-family:var(--sans);
    line-height:1.5;letter-spacing:-0.011em;
    background-image:radial-gradient(60% 50% at 50% -10%,rgba(110,168,255,.07),transparent 70%);
    background-repeat:no-repeat;min-height:100vh}
  [data-num]{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
  ::selection{background:var(--acc);color:#05070a}
  a{color:inherit;text-decoration:none}
  :focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}
  ::-webkit-scrollbar{width:11px;height:11px}
  ::-webkit-scrollbar-thumb{background:#242933;border-radius:20px;border:3px solid var(--bg)}
  ::-webkit-scrollbar-thumb:hover{background:#30363f}

  .wrap{max-width:1180px;margin:0 auto;padding-inline:28px}

  /* ---- nav ---- */
  nav{position:sticky;top:0;z-index:40;background:rgba(8,9,11,.72);
    backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);
    border-bottom:1px solid var(--line)}
  .nav-in{display:flex;align-items:center;gap:22px;height:62px}
  .brand{display:flex;align-items:baseline;gap:7px;font-weight:620;font-size:17px;letter-spacing:-.02em}
  .brand .dot{width:6px;height:6px;border-radius:50%;background:var(--acc);
    align-self:center;box-shadow:0 0 10px var(--acc)}
  .brand .sub{color:var(--dim);font-weight:500;font-size:13px}
  .nav-links{display:flex;gap:22px;margin-inline-start:14px}
  .nav-links a{color:var(--mut);font-size:14px;transition:color .15s}
  .nav-links a:hover{color:var(--fg)}
  .nav-right{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
  .langs{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
  .langs button{appearance:none;background:transparent;border:0;color:var(--mut);
    font-family:var(--sans);font-size:12.5px;padding:6px 11px;cursor:pointer;transition:.15s;
    min-width:40px}
  .langs button:hover{color:var(--fg)}
  .langs button[aria-pressed="true"]{background:var(--fg);color:#07090c;font-weight:600}
  .btn{font-size:14px;font-weight:560;padding:9px 16px;border-radius:8px;cursor:pointer;
    border:1px solid transparent;transition:transform .12s,background .15s,border-color .15s;
    font-family:var(--sans);white-space:nowrap}
  .btn.primary{background:var(--fg);color:#07090c}
  .btn.primary:hover{background:#fff;transform:translateY(-1px)}
  .btn.primary:active{transform:translateY(0)}
  .btn.ghost{background:transparent;border-color:var(--line-2);color:var(--fg)}
  .btn.ghost:hover{border-color:var(--fg);background:rgba(255,255,255,.03)}

  /* ---- hero ---- */
  .hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);
    gap:56px;align-items:center;padding:94px 0 70px}
  .h-reveal{opacity:0;transform:translateY(14px);animation:rise .9s cubic-bezier(.16,1,.3,1) forwards}
  .h-reveal.d1{animation-delay:.05s}.h-reveal.d2{animation-delay:.14s}
  .h-reveal.d3{animation-delay:.23s}.h-reveal.d4{animation-delay:.32s}
  @keyframes rise{to{opacity:1;transform:none}}
  h1{font-size:clamp(40px,6.2vw,88px);line-height:1.01;font-weight:600;
    letter-spacing:-.035em;text-wrap:balance;max-width:14ch}
  .lede{margin-top:22px;color:var(--mut);font-size:clamp(15px,1.5vw,18px);
    max-width:54ch;line-height:1.6}
  .lede b{color:var(--fg);font-weight:560}
  .cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}

  /* KETER live module */
  .keter{background:
      linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--panel);
    border:1px solid var(--line);border-radius:14px;padding:22px 22px 18px}
  .keter .k-top{display:flex;align-items:center;justify-content:space-between}
  .k-label{font-size:12.5px;color:var(--mut);letter-spacing:.02em}
  .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);
    font-size:11px;color:var(--up);letter-spacing:.14em}
  .live .d{width:7px;height:7px;border-radius:50%;background:var(--up);
    box-shadow:0 0 0 0 rgba(68,208,127,.55);animation:pulse 2.4s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(68,208,127,.5)}
    70%{box-shadow:0 0 0 9px rgba(68,208,127,0)}100%{box-shadow:0 0 0 0 rgba(68,208,127,0)}}
  .k-val{font-size:46px;font-weight:600;margin-top:16px;letter-spacing:-.03em;display:flex;
    align-items:baseline;gap:8px}
  .k-val .u{font-size:15px;color:var(--dim);font-weight:500}
  .k-delta{font-size:13.5px;margin-top:4px}
  .k-delta.up{color:var(--up)} .k-delta.dn{color:var(--dn)}
  .k-foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);
    display:flex;gap:18px}
  .k-foot div{flex:1}
  .k-foot .t{font-size:11px;color:var(--dim);letter-spacing:.02em}
  .k-foot .v{font-size:14px;margin-top:3px}

  /* ---- sections ---- */
  section{padding:40px 0}
  .s-head{display:flex;align-items:baseline;justify-content:space-between;
    margin-bottom:20px;gap:16px;flex-wrap:wrap}
  h2{font-size:clamp(21px,2.4vw,28px);font-weight:560;letter-spacing:-.025em}
  .s-sub{color:var(--dim);font-size:13px}

  /* data table */
  .tbl{border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .tr{display:grid;grid-template-columns:1.5fr 2fr .9fr 1.1fr .8fr;gap:14px;
    align-items:center;padding:16px 20px}
  .tr+.tr{border-top:1px solid var(--line)}
  .tr.head{background:rgba(255,255,255,.015);color:var(--dim);font-size:11px;
    letter-spacing:.09em;text-transform:uppercase}
  .tr.row:hover{background:rgba(255,255,255,.022)}
  .vessel{font-weight:550;font-size:15px}
  .vessel .imo{display:block;color:var(--dim);font-size:11.5px;margin-top:3px;
    font-family:var(--mono)}
  .route{font-family:var(--mono);font-size:13.5px;color:var(--mut);
    direction:ltr;unicode-bidi:isolate}
  .route b{color:var(--fg);font-weight:600}
  .eta{font-family:var(--mono);font-size:13px;color:var(--dim);direction:ltr;unicode-bidi:isolate}
  .px{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px;
    direction:ltr;unicode-bidi:isolate}
  .px .u{color:var(--dim);font-size:11px}
  .tag{justify-self:start;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;
    padding:4px 9px;border-radius:999px;border:1px solid var(--line-2);color:var(--mut)}
  .tag.live{color:var(--up);border-color:rgba(68,208,127,.4)}
  .tag.half{color:var(--acc);border-color:rgba(110,168,255,.4)}

  /* price strip */
  .strip{display:grid;grid-template-columns:repeat(3,1fr);
    border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .cell{padding:22px 24px}
  .cell+.cell{border-inline-start:1px solid var(--line)}
  .cell .a{font-size:14px;color:var(--mut)}
  .cell .a .uu{color:var(--dim);font-size:11.5px;margin-inline-start:6px}
  .cell .big{font-family:var(--mono);font-variant-numeric:tabular-nums;
    font-size:30px;font-weight:600;margin-top:12px;letter-spacing:-.02em;
    display:flex;align-items:baseline;gap:7px;direction:ltr}
  .cell .big .u{font-size:12px;color:var(--dim);font-weight:500}
  .cell .dd{font-family:var(--mono);font-size:13px;margin-top:5px;direction:ltr}
  .cell .dd.up{color:var(--up)} .cell .dd.dn{color:var(--dn)}

  .note{color:var(--dim);font-size:12.5px;margin-top:16px;max-width:76ch;line-height:1.65}

  /* status strip */
  .statusbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}
  .sb-in{display:flex;gap:26px;height:38px;align-items:center;font-family:var(--mono);
    font-size:11.5px;color:var(--dim);letter-spacing:.03em}
  .sb-item{display:inline-flex;align-items:center;gap:7px}
  .sb-item [data-num]{color:var(--mut)}
  .sb-item .d{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 8px rgba(68,208,127,.6)}
  /* shadow table */
  .tbl.shadow .tr{grid-template-columns:1.6fr 1.7fr 1fr .8fr}
  .sig{font-family:var(--mono);font-size:13px;color:var(--mut)}
  .tag.dark{color:#cfd4db;border-color:var(--line-2);background:rgba(255,255,255,.05);letter-spacing:.16em}
  /* crisis choke */
  .choke{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .ck{padding:20px 22px}
  .ck+.ck{border-inline-start:1px solid var(--line)}
  .ck-top{display:flex;align-items:center;gap:9px}
  .ck-name{font-size:15px;font-weight:550;direction:ltr;unicode-bidi:isolate}
  .ck .d{width:8px;height:8px;border-radius:50%}
  .ck .d.ok{background:var(--up)}.ck .d.warn{background:var(--warn)}.ck .d.bad{background:var(--dn)}
  .ck-st{font-size:13px;color:var(--mut);margin-top:10px}
  .ck-flow{font-family:var(--mono);font-size:13px;color:var(--dim);margin-top:6px;direction:ltr;unicode-bidi:isolate}
  @media (max-width:860px){
    .sb-in{gap:14px;font-size:10.5px}
    .tbl.shadow .tr{grid-template-columns:1.4fr 1fr}
    .choke{grid-template-columns:1fr}
    .ck+.ck{border-inline-start:0;border-top:1px solid var(--line)}
  }

  /* demo + film */
  a.btn{display:inline-block}
  .demo{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--warn);
    border:1px solid rgba(226,162,74,.45);border-radius:999px;padding:3px 8px;margin-inline-start:4px}
  .film-box{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#000}
  .film-box video{display:block;width:100%;aspect-ratio:16/9;background:#000}
  .film-langs{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
  .film-langs button{appearance:none;background:transparent;border:1px solid var(--line-2);color:var(--mut);
    font-family:var(--sans);font-size:13px;padding:7px 14px;border-radius:999px;cursor:pointer}
  .film-langs button:hover{color:var(--fg);border-color:var(--fg)}
  .film-langs button[aria-pressed="true"]{background:var(--fg);color:#07090c;border-color:var(--fg);font-weight:600}

  .mtbl{border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .mrow{display:grid;grid-template-columns:1.6fr .8fr 1fr 1fr;gap:12px;padding:12px 20px;align-items:baseline;font-size:14px}
  .mrow+.mrow{border-top:1px solid var(--line)}
  .mrow.head{color:var(--dim);font-size:11px;letter-spacing:.09em;text-transform:uppercase;background:rgba(255,255,255,.015)}
  .mrow .w,.mrow .p,.mrow .d{font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
  .mrow .d{color:var(--dim)} .mrow .st{color:var(--warn)}
  .k-delta.up{color:var(--up)} .k-delta.dn{color:var(--dn)}

  /* ---- dynamics ---- */
  .k-spark{margin-top:14px}
  .spark-lg{display:block;width:100%;height:64px}
  .k-rng{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:4px}
  .spark{display:block;width:100%;height:34px;margin-top:10px}
  .spark path.ln,.spark-lg path.ln{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}
  .ln.up{stroke:var(--up)} .ln.dn{stroke:var(--dn)} .ln.fl{stroke:var(--acc)}
  .ar.up{fill:rgba(68,208,127,.10)} .ar.dn{fill:rgba(240,97,109,.10)} .ar.fl{fill:var(--acc-dim)}
  .tape{display:grid;grid-template-columns:repeat(8,1fr);background:var(--panel);
    border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .q{padding:14px 16px 10px;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line);cursor:pointer}
  .q .ql{font-size:11.5px;color:var(--mut);display:flex;justify-content:space-between;gap:8px}
  .q .qv{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:19px;margin-top:6px;direction:ltr;unicode-bidi:isolate;
    border-radius:4px;transition:color .6s ease,background-color .6s ease}
  .q .qc{font-family:var(--mono);font-size:12px;margin-top:2px;direction:ltr;unicode-bidi:isolate;color:var(--dim)}
  .q .qc.up{color:var(--up)} .q .qc.dn{color:var(--dn)}
  .q .spark{height:26px;margin-top:6px}
  .q .qd{font-size:10.5px;color:var(--dim);margin-top:3px} .q .qd.lv{color:var(--up)}
  @media (max-width:1180px){.tape{grid-template-columns:repeat(4,1fr)}}
  .warn-note{color:var(--warn)} .warn-note:empty{display:none}
  .flash-up{color:var(--up)!important;background:rgba(68,208,127,.13)}
  .flash-dn{color:var(--dn)!important;background:rgba(240,97,109,.13)}
  .chart-box{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px 14px 8px}
  .chart-ctl{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
  .seg{display:flex;gap:6px;flex-wrap:wrap}
  .seg button{appearance:none;background:transparent;border:1px solid var(--line-2);color:var(--mut);font-family:var(--mono);
    font-size:12px;padding:5px 10px;border-radius:999px;cursor:pointer}
  .seg button:hover{color:var(--fg);border-color:var(--fg)}
  .seg button[aria-pressed="true"]{background:var(--fg);color:#07090c;border-color:var(--fg)}
  .chart-wrap{position:relative}
  #chart{display:block;width:100%;height:260px;touch-action:pan-y}
  #chart text{fill:var(--dim);font-family:var(--mono);font-size:11px}
  #chart .grid{stroke:var(--line);stroke-width:1}
  #chart .gap{stroke:var(--line-2);stroke-dasharray:3 4;stroke-width:1}
  #chart .cross{stroke:var(--line-2);stroke-width:1}
  #chart .dot{fill:var(--fg)}
  .chart-tip{position:absolute;top:6px;pointer-events:none;background:var(--bg-elev);border:1px solid var(--line-2);border-radius:8px;
    padding:6px 9px;font-family:var(--mono);font-size:12px;white-space:nowrap}
  .chart-tip .tt{color:var(--dim);font-size:11px}
  .px .cpx{font-variant-numeric:tabular-nums}
  @media (prefers-reduced-motion:reduce){.q,.q .qv{transition:none}}
  @media (max-width:520px){.tape{grid-template-columns:repeat(2,1fr)} .q .qv{font-size:17px} #chart{height:220px}}
  /* phones: the nav row was wider than the screen in every language (sideways scroll) */
  @media (max-width:600px){.nav-in{gap:12px} .nav-right .btn{display:none} .brand .sub{display:none}
    .sb-in{overflow:hidden;white-space:nowrap} .sb-in .sb-item:nth-child(3){display:none}}   /* fix time is also in «Как считается KETER» */

  /* ---- how + simulator ---- */
  .how{padding-top:8px}
  .why{font-size:clamp(18px,2vw,23px);font-weight:520;letter-spacing:-.015em;max-width:60ch;text-wrap:balance}
  .steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
    border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:20px}
  .steps li{background:var(--panel);padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mut)}
  .steps li b{color:var(--fg);font-weight:560;font-size:15px}
  .sn{font-family:var(--mono);font-size:12px;color:var(--acc);width:24px;height:24px;border:1px solid rgba(110,168,255,.4);
    border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
  .like{margin-top:14px;color:var(--mut);font-size:14px;max-width:70ch}
  .sim{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px 18px 16px}
  .sim-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
  .sim-tabs button{appearance:none;background:transparent;border:1px solid var(--line-2);color:var(--mut);font-family:var(--sans);
    font-size:13.5px;padding:7px 14px;border-radius:999px;cursor:pointer}
  .sim-tabs button:hover{color:var(--fg);border-color:var(--fg)}
  .sim-tabs button[aria-selected="true"]{background:var(--fg);color:#07090c;border-color:var(--fg);font-weight:600}
  .sim-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}
  .sim-in{display:flex;flex-direction:column;gap:16px}
  .fld{display:flex;flex-direction:column;gap:8px}
  .fl{font-size:12.5px;color:var(--mut)} .fl b{color:var(--fg);font-weight:600}
  .num{font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
  .chips{display:flex;gap:6px;flex-wrap:wrap}
  .chips button{appearance:none;background:transparent;border:1px solid var(--line-2);color:var(--mut);font-family:var(--sans);
    font-size:13px;padding:6px 11px;border-radius:9px;cursor:pointer;text-align:start;line-height:1.3}
  .chips button small{display:block;color:var(--dim);font-size:11px}
  .chips button:hover{color:var(--fg);border-color:var(--fg)}
  .chips button[aria-pressed="true"]{border-color:var(--acc);color:var(--fg);background:var(--acc-dim)}
  input[type=range]{width:100%;accent-color:var(--acc);height:28px}
  .amt{width:100%;background:var(--bg-elev);border:1px solid var(--line-2);border-radius:9px;color:var(--fg);font-size:20px;padding:9px 12px}
  .voy{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mut)}
  .track{flex:1;height:2px;background:var(--line-2);position:relative;border-radius:2px}
  .ship{position:absolute;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc);
    transform:translateX(-50%);transition:left .8s ease}
  .voy-eta{font-size:12.5px;color:var(--dim);margin-top:-8px}
  .sim-out{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
  .o-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--mut)}
  .o-row b{color:var(--fg)}
  .o-big{font-size:38px;font-weight:600;letter-spacing:-.02em;margin-top:6px;display:flex;align-items:baseline;gap:8px}
  .o-big .u{font-size:14px;color:var(--dim);font-weight:500}
  .o-cur{font-size:16px;color:var(--fg);margin-top:2px}
  .o-chg{font-size:14px;margin-top:4px} .o-chg.up{color:var(--up)} .o-chg.dn{color:var(--dn)}
  .o-note{font-size:12.5px;color:var(--dim);margin-top:12px}
  .flow{margin-top:14px;padding-inline-start:20px;font-size:13px;color:var(--mut);display:flex;flex-direction:column;gap:4px}
  .flow li::marker{color:var(--acc);font-family:var(--mono)}
  .bars{margin-top:12px;display:flex;flex-direction:column;gap:6px}
  .bar{display:grid;grid-template-columns:7.5em 1fr 4.5em;gap:8px;align-items:center;font-size:12px;color:var(--mut)}
  .bar .bt{height:6px;background:var(--line);border-radius:3px;position:relative;overflow:hidden}
  .bar .bf{position:absolute;inset-block:0;inset-inline-start:0;background:var(--acc);border-radius:3px;transition:width .3s ease}
  .bar .bv{text-align:end}
  .conv-all{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13px;color:var(--mut)}
  .conv-all div{display:flex;justify-content:space-between;gap:8px} .conv-all b{color:var(--fg);font-weight:500}
  .w-reset{align-self:flex-start;padding:6px 12px;font-size:13px}
  .sim-disc{margin-top:14px;font-size:12px;color:var(--dim)}
  @media (max-width:860px){.steps{grid-template-columns:repeat(2,1fr)} .sim-grid{grid-template-columns:1fr}}
  @media (max-width:520px){.steps li{padding:12px 12px 11px;font-size:12.5px;gap:4px} .steps li b{font-size:13.5px} .sn{width:20px;height:20px;font-size:11px}
    .like{font-size:13px} .o-big{font-size:32px} .conv-all{grid-template-columns:1fr}}
  @media (prefers-reduced-motion:reduce){.ship,.bar .bf{transition:none}}

  :root{--warn:#e2a24a}   /* was referenced (DEMO badge, strait dots) but never defined */
  /* ---- world ---- */
  .qa{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .qa a{background:var(--panel);padding:14px 14px 12px;display:flex;flex-direction:column;gap:8px;color:var(--mut);font-size:13px;text-decoration:none}
  .qa a:hover{background:var(--bg-elev)}
  .qa .qq{color:var(--fg);font-weight:560;font-size:14px}
  .qa .qn2{color:var(--acc);font-family:var(--mono);font-size:12px}
  .wo-block{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px 18px}
  .wo-main{border-color:rgba(110,168,255,.35)}
  .wo-bh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
  .wo-bh h3{font-size:18px;font-weight:580;letter-spacing:-.01em}
  .wo-lead{color:var(--mut);font-size:14px;margin-top:8px;max-width:75ch}
  .wo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .heat{margin-top:12px;display:grid;grid-template-columns:minmax(9em,1.4fr) repeat(3,1fr);gap:4px}
  .heat .hh{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px}
  .heat .hn{font-size:13.5px;padding:9px 8px;display:flex;flex-direction:column;gap:2px}
  .heat .hn small{font-size:11px;color:var(--dim)}
  .heat .hc{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13.5px;padding:9px 8px;border-radius:7px;text-align:center;
    direction:ltr;unicode-bidi:isolate;background:var(--bg-elev);color:var(--mut)}
  .heat .hc.p1{background:rgba(68,208,127,.12);color:var(--up)} .heat .hc.p2{background:rgba(68,208,127,.24);color:var(--up)}
  .heat .hc.p3{background:rgba(68,208,127,.40);color:#eafff2}
  .heat .hc.n1{background:rgba(240,97,109,.12);color:var(--dn)} .heat .hc.n2{background:rgba(240,97,109,.24);color:var(--dn)}
  .heat .hc.n3{background:rgba(240,97,109,.42);color:#fff0f1}
  .heat .pend{color:var(--dim);font-size:12px;font-family:var(--sans)}
  .enso-v{display:flex;align-items:baseline;gap:12px;margin-top:8px}
  .enso-v .num{font-size:34px;font-weight:600}
  .enso-ph{font-size:14px;color:var(--warn)}
  .oni{display:block;width:100%;height:70px;margin-top:8px}
  .oni .pos{fill:rgba(226,162,74,.75)} .oni .neg{fill:rgba(110,168,255,.75)} .oni .ax{stroke:var(--line-2)}
  .oni text{fill:var(--dim);font-family:var(--mono);font-size:9.5px}
  .risk{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--mut)}
  .risk b{color:var(--fg);font-weight:560}
  .food{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .food .fc{background:var(--bg-elev);padding:12px 14px 8px}
  .food .fh{display:flex;justify-content:space-between;font-size:13px;color:var(--mut)} .food .fh b{color:var(--fg);font-weight:560}
  .food .fv{font-family:var(--mono);font-size:19px;margin-top:4px;direction:ltr;unicode-bidi:isolate}
  .food .fv small,.food .fu{font-size:12px;color:var(--dim)}
  .food .fu{font-family:var(--mono);direction:ltr;unicode-bidi:isolate}
  .food .fd{font-family:var(--mono);font-size:12px;color:var(--dim)}
  .food .fd .up{color:var(--up)} .food .fd .dn{color:var(--dn)}
  .food .spark{height:28px}
  .race{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .rc{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
  .rc .rh{display:flex;justify-content:space-between;gap:8px;font-size:14px} .rc .rh b{font-weight:580}
  .rc .rv{font-family:var(--mono);font-size:22px;margin-top:6px;direction:ltr;unicode-bidi:isolate}
  .rc .rv.up{color:var(--up)} .rc .rv.dn{color:var(--dn)}
  .rc .rs{font-size:11.5px;color:var(--dim)}
  .rc .spark{height:34px}
  .rc table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}
  .rc td{padding:3px 0;font-family:var(--mono);direction:ltr;text-align:end;color:var(--mut)} .rc td:first-child{text-align:start;color:var(--fg)}
  .rc td.up{color:var(--up)} .rc td.dn{color:var(--dn)}
  .ep-film{margin-top:14px} .ep-film .film-langs{margin-top:10px}
  .tag{border:1px solid var(--line-2);border-radius:999px;padding:2px 9px;font-size:11.5px}
  @media (max-width:1000px){.qa{grid-template-columns:repeat(2,1fr)} .qa a:last-child{grid-column:1/-1} .race{grid-template-columns:1fr}}
  @media (max-width:860px){.wo-grid{grid-template-columns:1fr} .food{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:520px){.qa{grid-template-columns:1fr} .heat{grid-template-columns:minmax(7em,1.2fr) repeat(3,1fr)} .heat .hc{font-size:12px;padding:8px 4px}}

  /* ---- live AIS ---- */
  .choke.ais{grid-template-columns:repeat(5,1fr)}
  .ck .d.none{background:var(--dim)} .ck .d.live{background:var(--up);box-shadow:0 0 8px rgba(68,208,127,.6)}
  .ck .ck-n{font-size:20px;color:var(--fg)}
  .ck.nocov .ck-st{color:var(--dim)}
  .ais-live{margin-bottom:18px}
  .ais-tbl{margin-top:10px}
  .ais-tbl .tr{grid-template-columns:1.6fr 1.1fr .8fr .9fr .9fr .8fr}
  .ais-tbl .num{font-family:var(--mono)}
  .ais-tbl .cog{display:inline-flex;align-items:center;gap:6px}
  .ais-tbl .cog svg{width:16px;height:16px} .ais-tbl .cog path{fill:var(--acc)}
  .ais-tbl .mv{color:var(--up)} .ais-tbl .st{color:var(--dim)}
  .demo-cap{font-size:12px;color:var(--warn);margin:14px 0 8px}
  @media (max-width:860px){.choke.ais{grid-template-columns:repeat(2,1fr)} .choke.ais .ck:nth-child(odd){border-inline-start:0}
    .ais-tbl .tr{grid-template-columns:1.4fr 1fr .9fr} .ais-tbl .tr > :nth-child(n+4){display:none}}

  /* footer */
  footer{border-top:1px solid var(--line);margin-top:30px;padding:34px 0 60px}
  .f-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
  .f-brand{display:flex;align-items:baseline;gap:7px;font-weight:600}
  .f-meta{font-family:var(--mono);font-size:11.5px;color:var(--dim);letter-spacing:.18em}
  .f-note{color:var(--dim);font-size:11.5px;margin-top:18px;max-width:80ch;line-height:1.7}

  /* RTL */
  html[dir="rtl"] .nav-right{margin-inline-start:auto}
  html[dir="rtl"] h1,html[dir="rtl"] .lede{margin-inline-end:0}

  @media (max-width:860px){
    .hero{grid-template-columns:1fr;gap:34px;padding:64px 0 48px}
    .nav-links{display:none}
    .tr{grid-template-columns:1.4fr 1fr;gap:6px 14px}
    .tr .eta,.tr.head{display:none}
    .tr .tag{justify-self:end}
    .strip{grid-template-columns:1fr}
    .cell+.cell{border-inline-start:0;border-top:1px solid var(--line)}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none!important}
    .h-reveal{opacity:1;transform:none}
  }
  .f-brand .sub2{color:var(--dim);font-weight:500;font-size:13px}