@font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/fira-sans-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/fira-sans-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/fira-sans-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/fira-sans-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/poppins-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/poppins-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/poppins-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/poppins-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/poppins-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/poppins-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root{
  --magenta:#FF1B6D; --graphite:#1A1A1A; --white:#fff; --slate:#65677D;
  --gray:#F5F5F7; --gray2:#F0F0F2; --grid:#E3E4EA; --azure:#0A9FDF; --emerald:#10B981; --coral:#FF6B35;
  --socar-blue:#00B5E2; --socar-red:#EF3340; --socar-green:#509E2F;
  --display:'Poppins',-apple-system,'Segoe UI',sans-serif;
  --body:'Fira Sans',-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#0d0d0d;font-family:var(--body);color:var(--graphite);overflow:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
#viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
#deck{width:1280px;height:720px;position:relative;transform-origin:center center;flex:none}
.slide{position:absolute;inset:0;background:var(--white);padding:48px 72px 56px 88px;display:none;flex-direction:column;overflow:hidden}
.slide.active{display:flex}
.slide::before{content:"";position:absolute;left:0;top:0;bottom:0;width:24px;background:var(--magenta)}
.dark{background:var(--graphite);color:var(--white)}
.tri{position:absolute;right:0;top:0;width:96px;height:6px;display:flex}
.tri i{flex:1}.tri i:nth-child(1){background:var(--socar-blue)}.tri i:nth-child(2){background:var(--socar-red)}.tri i:nth-child(3){background:var(--socar-green)}
.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.head span{font:500 12px var(--display);letter-spacing:.5px;color:var(--slate);text-transform:uppercase}
.logo-a{height:22px;display:block}
.dark .logo-a{filter:invert(1)}
.pg{display:none;position:absolute;right:72px;bottom:22px;font-size:11px;color:#8a8c9c}
.kicker{font:600 13px var(--display);letter-spacing:1.5px;text-transform:uppercase;color:var(--magenta);margin-bottom:10px}
h1{font:700 56px/1.08 var(--display);letter-spacing:-.5px}
h2{font:700 38px/1.15 var(--display);letter-spacing:-.5px}
h3{font:600 19px/1.25 var(--display)}
p{font-size:19px;line-height:1.5;color:var(--slate)}
.dark p{color:#c9cbd8}
.split{display:grid;grid-template-columns:4fr 8fr;gap:44px;align-items:center;flex:1;min-height:0}
.split h2{font-size:34px}
.full{flex:1;display:flex;flex-direction:column;min-height:0}
.pts{list-style:none;margin-top:22px}
.pts li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:19px;color:var(--graphite)}
.pts li svg{width:22px;height:22px;flex:none;color:var(--magenta)}
svg.ic{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.panel{background:var(--gray);border-radius:12px;padding:20px 22px;position:relative}
.tag{font:600 11px var(--display);letter-spacing:.8px;text-transform:uppercase;color:#C2410C;margin-bottom:10px}
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart text{font-family:var(--body);fill:var(--slate);font-size:12px}
.chart .lbl{fill:var(--graphite);font-weight:500;font-size:13px}
.chart .ttl{font-weight:500;fill:var(--slate);font-size:12px}
.halo7{paint-order:stroke;stroke:#F5F5F7;stroke-width:5px;stroke-linejoin:round}
.halo{paint-order:stroke;stroke:#EDEEF3;stroke-width:4px;stroke-linejoin:round}
[data-tk]{cursor:default}
/* module tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px}
.tile{background:var(--gray);border-radius:12px;padding:26px 22px;display:flex;flex-direction:column;gap:14px;border-top:3px solid var(--magenta)}
.tile:nth-child(2),.tile:nth-child(5){border-top-color:var(--azure)}
.tile:nth-child(3),.tile:nth-child(6){border-top-color:var(--emerald)}
.tile .ic{width:40px;height:40px;color:var(--graphite)}
.tile b{font:600 21px/1.2 var(--display)}
.tile small{font-size:17px;color:var(--slate)}
.tile.big{background:var(--graphite);color:#fff}
.tile.big .ic{color:var(--magenta)}.tile.big small{color:#c9cbd8}
.flow{display:grid;grid-template-columns:1fr 60px 1.1fr 60px 1fr;align-items:center;gap:0;margin-top:14px}
.col{display:flex;flex-direction:column;gap:14px}
.chip{display:flex;align-items:center;gap:14px;background:var(--gray);border-radius:12px;padding:22px 20px;font:600 20px var(--display)}
.chip svg{width:32px;height:32px;color:var(--magenta);flex:none}
.core{background:var(--graphite);color:#fff;border-radius:14px;padding:30px 24px;text-align:center;border-bottom:5px solid var(--magenta)}
.core b{font:700 30px/1.2 var(--display);display:block;margin-top:10px}
.core svg{width:56px;height:56px;color:var(--magenta)}
.arr{text-align:center;color:var(--magenta);font-size:34px;line-height:1}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.kpi{background:#fff;border-radius:8px;padding:10px 12px}
.kpi small{display:block;font-size:11px;color:var(--slate);text-transform:uppercase;letter-spacing:.5px}
.kpi strong{font:700 24px var(--display)}
.alerts{display:flex;flex-direction:column;gap:8px}
.alert{background:#fff;border-radius:8px;padding:11px 12px;display:flex;gap:12px;align-items:center;font-size:15px;color:var(--graphite)}
.alert svg{width:20px;height:20px;flex:none}
/* driver bars */
.hb{display:grid;grid-template-columns:150px 1fr 70px;gap:12px;align-items:center;font-size:17px;color:var(--graphite);padding:9px 0}
.hb .tr{height:12px;background:var(--grid);border-radius:4px;position:relative}
.hb .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:0 4px 4px 0}
.hb .tr u{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--graphite);text-decoration:none}
.hb em{font-style:normal;font-weight:500;font-size:15px}
.legend-line{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--slate);margin-top:6px}
.legend-line u{display:inline-block;width:2px;height:14px;background:var(--graphite)}
/* maintenance */
.rows{display:flex;flex-direction:column;gap:14px}
.row{background:#fff;border-radius:10px;padding:18px 18px;display:grid;grid-template-columns:120px 1fr 170px;gap:18px;align-items:center;font-size:17px;color:var(--graphite)}
.bar{height:12px;border-radius:4px;background:var(--grid);overflow:hidden}
.bar i{display:block;height:100%;border-radius:0 4px 4px 0}
.st{display:flex;align-items:center;gap:8px;font:600 14px var(--display);padding:7px 12px;border-radius:9999px;color:var(--graphite)}
.st svg{width:18px;height:18px;flex:none}
.cap{font-size:12px;color:var(--slate);margin-top:10px}
/* legend list */
.lg{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--graphite);margin-top:6px}
.lg div{display:flex;align-items:center;gap:8px}
.lg i{width:10px;height:10px;border-radius:2px;flex:none}
.lg b{margin-left:auto;font-weight:500}
/* timeline */
.gantt{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;margin-top:10px}
.gw{font:600 11px var(--display);color:var(--slate);text-align:center}
.gb{border-radius:12px;padding:64px 18px;color:#fff;font:600 22px var(--display);display:flex;flex-direction:column;gap:4px;justify-content:center}
.gb small{font:400 16px var(--body);opacity:.95}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:10px}
.stat{background:var(--gray);border-radius:12px;padding:36px 20px;;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.stat small{font-size:16px;color:var(--slate)}
.stat svg{width:64px;height:64px;color:var(--magenta);margin-bottom:14px}
.stat b{font:600 22px/1.25 var(--display);display:block}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.step{background:#262626;border-radius:12px;padding:44px 26px;border-top:3px solid var(--magenta)}
.step .n{font:700 40px var(--display);color:var(--magenta);line-height:1}
.step b{font:600 22px var(--display);display:block;margin-top:10px}
.step small{font-size:17px;color:#c9cbd8;display:block;margin-top:6px}
/* chrome: nav + language */
.nav{position:fixed;bottom:12px;right:18px;color:#8a8c9c;font:12px var(--body);z-index:9;display:flex;align-items:center}
.nav>button{background:#262626;color:#ddd;border:0;border-radius:6px;padding:6px 12px;margin-left:6px;cursor:pointer;font:12px var(--body)}
.lang{display:inline-flex;vertical-align:middle;background:#262626;border-radius:9999px;padding:3px;font:600 12px var(--display);margin-right:10px}
.lang button{border:0;background:transparent;color:#bbb;padding:6px 14px;border-radius:9999px;cursor:pointer;font:inherit;letter-spacing:.5px}
.lang button[aria-pressed="true"]{background:var(--magenta);color:#fff}
#tip{position:fixed;z-index:20;pointer-events:none;background:#1A1A1A;color:#fff;font:400 14px/1.35 var(--body);padding:9px 12px;border-radius:8px;max-width:260px;box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;transition:opacity .12s}
@media print{
  .pg{display:block}
  @page{size:1280px 720px;margin:0}
  html,body{overflow:visible;height:auto;background:#fff}
  #viewport{position:static;display:block}
  #deck{transform:none!important;width:auto;height:auto}
  .slide{display:flex!important;position:relative;width:1280px;height:720px;break-after:page}
  .nav,.lang,#tip{display:none}
}


.lgb{font:600 11px var(--display);padding:3px 9px;border-radius:9999px;background:#E3E4EA;color:#1A1A1A}
.lgb[data-l="en"]{background:#1A1A1A;color:#fff}