:root{
  --pearl:#F5F4F0; --pearl-2:#FBFAF8; --card:#FFFFFF;
  --ink:#171513; --ink-2:#454039; --muted:#6E675E;
  --line:#E2DED6; --line-2:#EDEAE4;
  --accent:#7A1C20; --accent-soft:#F3E9E9;
  --ok:#2F6B4F;
  --bg:var(--pearl); --fg:var(--ink); --fg-2:var(--ink-2);
  --surface:var(--card); --surface-2:var(--pearl-2);
  --hairline:var(--line); --hairline-2:var(--line-2);
  --shadow:0 1px 2px rgba(23,21,19,.04), 0 12px 32px -18px rgba(23,21,19,.25);
  --maxw:1120px;
  --font-ar:"Tajawal", -apple-system, "Segoe UI", Tahoma, sans-serif;
  --font-en:"Inter", -apple-system, "Segoe UI", Arial, sans-serif;
  --font:var(--font-ar);
}
html[lang="en"]{--font:var(--font-en)}
[data-theme="ink"]{
  --bg:#0E0D0C; --fg:#F4F2EF; --fg-2:#B9B2A8; --muted:#8B847A;
  --surface:#171514; --surface-2:#121110;
  --hairline:#2A2724; --hairline-2:#211E1C;
  --accent:#C9A227; --accent-soft:#231F16;
  --ok:#5BB98C;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 16px 40px -20px rgba(0,0,0,.8);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:17px;line-height:1.75;
  -webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}
h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.25;letter-spacing:-.01em}
p{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
svg{flex:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.lead{color:var(--fg-2);font-size:19px;line-height:1.9}
.hair{height:1px;background:var(--hairline);border:0;margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.ltr{direction:ltr;unicode-bidi:isolate}

.btn{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:12px 22px;font-size:16px;font-weight:700;
  border:1px solid transparent;transition:background .18s,border-color .18s,color .18s,transform .18s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--fg);color:var(--bg)}
.btn-primary:hover{background:var(--accent);color:#fff}
[data-theme="ink"] .btn-primary:hover{color:#1A1508}
.btn-ghost{border-color:var(--hairline);background:transparent}
.btn-ghost:hover{border-color:var(--fg);background:var(--surface)}
.btn-sm{padding:9px 16px;font-size:14.5px}
.arrow{transition:transform .18s}
html[dir="rtl"] .btn:hover .arrow{transform:translateX(-3px)}
html[dir="ltr"] .btn:hover .arrow{transform:translateX(3px)}
html[dir="ltr"] .arrow{transform:scaleX(-1)}
html[dir="ltr"] .btn:hover .arrow{transform:scaleX(-1) translateX(-3px)}

header{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--bg) 86%, transparent);
  backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
header.scrolled{border-bottom-color:var(--hairline)}
.nav{display:flex;align-items:center;gap:24px;height:70px}
.brand{display:flex;align-items:baseline;gap:2px;font-weight:800;font-size:21px;letter-spacing:-.02em;font-family:var(--font-en)}
.brand i{font-style:normal;color:var(--accent)}
.nav-links{display:flex;gap:20px;margin-inline-start:12px}
.nav-links a{font-size:15px;color:var(--fg-2);transition:color .15s;white-space:nowrap}
.nav-links a:hover{color:var(--fg)}
.nav-right{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.icon-btn{height:38px;min-width:38px;padding:0 12px;border-radius:999px;border:1px solid var(--hairline);background:transparent;
  display:grid;place-items:center;transition:border-color .18s,background .18s;font-size:13.5px;font-weight:700;letter-spacing:.04em}
.icon-btn:hover{border-color:var(--fg);background:var(--surface)}
.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
[data-theme="pearl"] .moon{display:block}[data-theme="pearl"] .sun{display:none}
[data-theme="ink"] .moon{display:none}[data-theme="ink"] .sun{display:block}

.hero{padding:100px 0 56px}
.hero .eyebrow{margin-bottom:22px}
.hero h1{font-size:clamp(38px,6.2vw,68px);letter-spacing:-.03em;line-height:1.16;max-width:17ch}
.hero h1 .muted-line{color:var(--muted)}
.hero .lead{margin-top:26px;max-width:62ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:34px;color:var(--muted);font-size:15px}
.hero-meta span{display:inline-flex;align-items:center;gap:8px}
.dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}

.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.loop{position:relative;width:100%;max-width:440px;margin-inline-start:auto}
.loop svg{width:100%;height:auto;overflow:visible}
.loop .track{fill:none;stroke:var(--hairline);stroke-width:2}
.loop .trail{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;opacity:.9}
.loop .node-dot{fill:var(--bg);stroke:var(--hairline);stroke-width:2;transition:stroke .3s,fill .3s}
.loop .node-dot.on{stroke:var(--accent);fill:var(--accent)}
.loop .node-lbl{font-family:var(--font);font-size:12.5px;fill:var(--muted);transition:fill .3s;direction:rtl}
.loop .node-lbl.on{fill:var(--fg);font-weight:700}
.loop .pulse{fill:var(--accent)}
.loop .halo{fill:var(--accent);opacity:.16}
.loop .hub{fill:var(--surface);stroke:var(--hairline);stroke-width:1.5}
.loop .hub-t{font-family:var(--font);font-size:12px;fill:var(--muted);text-anchor:middle}
.loop .hub-v{font-family:var(--font);font-size:26px;font-weight:800;fill:var(--fg);text-anchor:middle;letter-spacing:-.02em}
.loop .hub-s{font-family:var(--font);font-size:11.5px;fill:var(--muted);text-anchor:middle}
.loop-card{margin-top:18px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface);padding:13px 15px;
  display:flex;gap:11px;align-items:flex-start;min-height:78px}
.loop-card .lc-ico{width:30px;height:30px;border-radius:9px;background:var(--accent-soft);display:grid;place-items:center;flex:none}
.loop-card .lc-ico svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.loop-card b{display:block;font-size:14.5px;transition:opacity .25s}
.loop-card small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:2px;transition:opacity .25s}
.loop-card.fade b,.loop-card.fade small{opacity:0}
.loop-legend{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:13px;color:var(--muted);justify-content:center}
.loop-legend i{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse 4.5s infinite}

.devices{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0;margin:14px 0 24px;
  padding-bottom:20px;min-height:360px}
.dev{margin:0;position:relative;background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow)}
.dev img{display:block;width:100%;height:auto;border-radius:3px}

.laptop{width:min(640px,58%);border-radius:14px;padding:14px 12px 14px;z-index:2}
.laptop .cam{position:absolute;top:6px;inset-inline:calc(50% - 2.5px);width:5px;height:5px;border-radius:50%;background:var(--hairline)}
.laptop .base{position:absolute;bottom:-13px;inset-inline:-9%;height:13px;border-radius:0 0 12px 12px;
  background:var(--surface);border:1px solid var(--hairline);border-top:0}
.laptop .base:after{content:"";position:absolute;inset-inline:calc(50% - 32px);top:3px;height:4px;border-radius:4px;background:var(--hairline)}

.tablet{width:min(224px,20.5%);border-radius:14px;padding:9px;margin-bottom:36px;margin-inline-end:-28px;z-index:1}
.phone{width:min(134px,12.8%);border-radius:17px;padding:6px;margin-bottom:36px;margin-inline-start:-28px;z-index:3}
.phone .notch{position:absolute;top:12px;inset-inline:calc(50% - 15px);width:30px;height:4px;border-radius:4px;background:var(--hairline);z-index:2}
.devices-note{text-align:center;font-size:14.5px;color:var(--muted);margin-top:4px}
@media (max-width:820px){
  .devices{min-height:0;padding-bottom:14px}
  .laptop{width:70%}
  .tablet{width:22%;margin-bottom:22px;margin-inline-end:-18px}
  .phone{width:15%;margin-bottom:22px;margin-inline-start:-18px}
}
@media (max-width:520px){ .tablet{display:none} .laptop{width:80%} .phone{width:19%} }

.ill{width:100%;height:auto;display:block;aspect-ratio:4/3;background:var(--surface)}
.ill .s-bg{fill:var(--surface-2)}
.ill .s-ln{fill:none;stroke:var(--fg);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.82}
.ill .s-th{fill:none;stroke:var(--fg);stroke-width:1.1;stroke-linecap:round;opacity:.42}
.ill .s-fill{fill:var(--fg);opacity:.07}
.ill .s-ac{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ill .s-acf{fill:var(--accent);opacity:.9}

.frame-outer{padding:16px 0 92px}
.frame{border:1px solid var(--hairline);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.frame-bar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--hairline-2);background:var(--surface-2)}
.frame-bar i{width:9px;height:9px;border-radius:50%;background:var(--hairline);display:block}
.frame-bar b{margin-inline-start:10px;font-size:13px;font-weight:500;color:var(--muted)}
.frame-bar .live{margin-inline-start:auto;font-size:12.5px;color:var(--ok);display:inline-flex;align-items:center;gap:6px}
.frame-bar .live i{width:6px;height:6px;background:var(--ok);animation:pulse 2.4s infinite}
@keyframes pulse{0%{opacity:1}50%{opacity:.35}100%{opacity:1}}
.frame-body{padding:22px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{border:1px solid var(--hairline-2);border-radius:11px;padding:14px 16px;background:var(--bg)}
.kpi span{display:block;font-size:13.5px;color:var(--muted)}
.kpi b{display:block;font-size:25px;font-weight:800;margin-top:5px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi em{font-style:normal;font-size:13px;color:var(--muted);font-weight:500}
.panels{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-top:12px}
.panel{border:1px solid var(--hairline-2);border-radius:11px;padding:16px;background:var(--bg)}
.panel-title{font-size:14.5px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}
.panel-title em{font-style:normal;font-size:12.5px;font-weight:500;color:var(--muted)}
.bar-row{display:grid;grid-template-columns:92px 1fr 46px;gap:10px;align-items:center;font-size:13.5px;margin-bottom:9px}
.bar{height:6px;border-radius:4px;background:var(--hairline-2);overflow:hidden}
.bar i{display:block;height:100%;border-radius:4px;background:var(--fg)}
.bar.warn i{background:var(--accent)}
.bar-row b{text-align:end;font-variant-numeric:tabular-nums;font-weight:700;font-size:13px}
.mini{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--hairline-2);font-size:14.5px}
.mini:last-of-type{border-bottom:0}
.mini small{display:block;color:var(--muted);font-size:13px;line-height:1.55;margin-top:2px}
.tag{font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}
.tag.ok{background:transparent;color:var(--ok);border:1px solid var(--ok)}

section{padding:92px 0}
.sec-head{max-width:64ch;margin-bottom:52px}
.sec-head h2{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.02em;margin-top:14px}
.sec-head p{margin-top:18px;color:var(--fg-2);font-size:18.5px;line-height:1.9}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 44px}
.cap{padding:30px 0;border-top:1px solid var(--hairline)}
.cap svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.cap h3{font-size:19px}
.cap p{margin-top:10px;color:var(--fg-2);font-size:16px;line-height:1.85}

.cycle{border:1px solid var(--hairline);border-radius:16px;background:var(--surface);overflow:hidden}
.rail{position:relative;padding:30px 22px 8px;overflow-x:auto;scrollbar-width:thin}
.rail-track{position:relative;display:flex;gap:0;min-width:940px}
.rail-track:before{content:"";position:absolute;top:23px;inset-inline:34px;height:2px;background:var(--hairline-2)}
.rail-track:after{content:"";position:absolute;top:23px;inset-inline-start:34px;height:2px;background:var(--accent);width:var(--prog,0%);transition:width .4s ease}
.node{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;background:transparent;border:0;padding:0 4px 14px;text-align:center}
.node .ring{width:46px;height:46px;border-radius:50%;border:2px solid var(--hairline);background:var(--bg);display:grid;place-items:center;
  font-weight:800;font-size:14px;color:var(--muted);position:relative;z-index:1;transition:all .22s;font-variant-numeric:tabular-nums}
.node small{font-size:13px;line-height:1.45;color:var(--muted);transition:color .2s;max-width:12ch}
.node:hover .ring{border-color:var(--fg);color:var(--fg)}
.node.on .ring{border-color:var(--accent);background:var(--accent);color:#fff}
[data-theme="ink"] .node.on .ring{color:#1A1508}
.node.on small{color:var(--fg);font-weight:700}
.cycle-detail{border-top:1px solid var(--hairline);display:grid;grid-template-columns:1.1fr 1fr;gap:0}
.cd-main{padding:30px 28px}
.cd-main .step-no{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent);direction:ltr;text-align:start;unicode-bidi:isolate}
.cd-main h3{font-size:24px;margin-top:8px}
.cd-main p{margin-top:14px;color:var(--fg-2);font-size:17px;line-height:1.9;max-width:52ch}
.cd-side{padding:30px 28px;border-inline-start:1px solid var(--hairline);background:var(--surface-2)}
.cd-side h4{font-size:13px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:14px}
.cd-side ul{list-style:none;margin:0;padding:0}
.cd-side li{display:flex;gap:10px;padding:8px 0;font-size:15.5px;color:var(--fg-2);line-height:1.65}
.cd-side li svg{width:17px;height:17px;margin-top:5px;stroke:var(--ok);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cd-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--hairline)}
.chip{font-size:12.5px;font-weight:700;border:1px solid var(--hairline);border-radius:999px;padding:4px 12px;color:var(--fg-2)}
.cycle-nav{display:flex;gap:8px;margin-top:20px}
.cycle-nav button{width:38px;height:38px;border-radius:999px;border:1px solid var(--hairline);background:transparent;display:grid;place-items:center}
.cycle-nav button:hover{border-color:var(--fg);background:var(--bg)}
.cycle-nav svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[dir="rtl"] .cycle-nav svg{transform:scaleX(-1)}

.band{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--surface-2)}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
figure{margin:0}
.shot{border:1px solid var(--hairline);border-radius:14px;overflow:hidden;background:var(--bg)}
.shot .ph{aspect-ratio:4/3;width:100%;display:grid;place-items:center;position:relative;background:var(--surface)}
.shot img{aspect-ratio:4/3;object-fit:cover;width:100%}
.shot .ph svg{width:34px;height:34px;stroke:var(--muted);fill:none;stroke-width:1.4}
.shot .ph span{position:absolute;bottom:12px;font-size:12.5px;color:var(--muted)}
figcaption{padding:14px 16px;font-size:15px;color:var(--fg-2);border-top:1px solid var(--hairline)}

.head-ill{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;margin-bottom:52px}
.head-ill .sec-head{margin-bottom:0;max-width:none}
.scene{width:100%;height:auto;display:block;background:transparent;aspect-ratio:auto}
.scene .sc-div{stroke:var(--hairline);stroke-width:1.4;stroke-dasharray:5 6;fill:none}
.scene .sc-cap{font-family:var(--font);font-size:13px;font-weight:700;fill:var(--muted);text-anchor:middle}
.scene .sc-cap.ok{fill:var(--ok)}
.scene .sc-cap.no{fill:var(--accent)}
@media (max-width:900px){ .head-ill{grid-template-columns:1fr;gap:28px} }

.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--hairline-2);font-size:16.5px;color:var(--fg-2);line-height:1.7}
.list li:last-child{border-bottom:0}
.list svg{width:19px;height:19px;margin-top:4px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.list.before svg{stroke:var(--muted)}
.list.after svg{stroke:var(--ok)}
.sectors{display:flex;flex-wrap:wrap;gap:10px}
.sector{border:1px solid var(--hairline);border-radius:999px;padding:9px 18px;font-size:15.5px;color:var(--fg-2);transition:all .18s}
.sector:hover{border-color:var(--fg);color:var(--fg);background:var(--surface)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0 44px}
.stat{border-top:1px solid var(--hairline);padding:28px 0}
.stat b{display:block;font-size:38px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:6px;font-size:16px;color:var(--fg-2)}
.stat em{display:block;margin-top:4px;font-style:normal;font-size:13.5px;color:var(--muted)}

.contact{background:var(--surface);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.channels{display:grid;gap:12px}
.channel{display:flex;align-items:center;gap:14px;border:1px solid var(--hairline);border-radius:12px;padding:16px 18px;
  background:var(--bg);transition:border-color .18s,transform .18s}
.channel:hover{border-color:var(--fg);transform:translateY(-1px)}
.channel svg{width:21px;height:21px;stroke:var(--accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.channel span{display:block;font-size:13.5px;color:var(--muted)}
.channel b{display:block;font-size:18px;font-weight:700;direction:ltr;text-align:start;unicode-bidi:isolate}
.channel .go{margin-inline-start:auto;color:var(--muted);font-size:18px;transition:transform .18s}
html[dir="rtl"] .channel:hover .go{transform:translateX(-4px)}
html[dir="ltr"] .channel .go{transform:scaleX(-1)}
html[dir="ltr"] .channel:hover .go{transform:scaleX(-1) translateX(-4px)}
footer{padding:52px 0 60px}
.foot{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;font-size:15px;color:var(--muted)}
.foot .brand{font-size:18px;color:var(--fg)}
.foot a{color:var(--fg-2);border-bottom:1px solid var(--hairline)}
.foot a:hover{color:var(--accent);border-color:var(--accent)}
.foot .end{margin-inline-start:auto;font-size:14px}

@media (max-width:980px){
  .nav-links{display:none}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .loop{margin-inline:auto;max-width:380px}
  .grid-3,.stats,.shots{grid-template-columns:1fr 1fr}
  .panels,.split,.contact-grid,.cycle-detail{grid-template-columns:1fr}
  .cd-side{border-inline-start:0;border-top:1px solid var(--hairline)}
  .kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  .hero{padding:64px 0 40px}
  section{padding:64px 0}
  .sec-head{margin-bottom:38px}
  .grid-3,.stats,.shots{grid-template-columns:1fr}
  .frame-body{padding:14px}
  .rail{padding:24px 16px 4px}
  .cd-main,.cd-side{padding:24px 20px}
  .hero-cta .btn{flex:1 1 100%;justify-content:center}
  .foot .end{margin-inline-start:0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}

.visual-split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.visual-split .sec-head{margin-bottom:0;max-width:none}
.section-art{border:1px solid var(--hairline);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;padding:18px}
.section-art svg{display:block;width:100%;height:auto}
.art-bg{fill:var(--surface-2)}
.art-panel{fill:var(--surface);stroke:var(--hairline);stroke-width:1.4}
.art-line{fill:none;stroke:var(--fg);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.62}
.art-soft{fill:none;stroke:var(--hairline);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.art-accent{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.art-accent-fill{fill:var(--accent)}
.art-ok{fill:none;stroke:var(--ok);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.art-text{font-family:var(--font);fill:var(--muted);font-size:11px}
.flow-steps{margin-top:46px}

.sectors-head{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;margin-bottom:46px}
.sectors-head .sec-head{margin-bottom:0;max-width:none}
.sectors{gap:12px}
.sector{display:inline-flex;align-items:center;gap:9px}
.sector svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

.infra-head{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;margin-bottom:50px}
.infra-head .sec-head{margin-bottom:0;max-width:none}
.infra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.infra-card{border:1px solid var(--hairline);border-radius:14px;padding:24px;background:var(--surface);transition:transform .18s,border-color .18s}
.infra-card:hover{transform:translateY(-2px);border-color:var(--fg)}
.infra-icon{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;margin-bottom:16px}
.infra-icon svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.infra-card h3{font-size:19px}
.infra-card p{margin-top:9px;color:var(--fg-2);font-size:15.5px;line-height:1.82}

@media(max-width:900px){
  .visual-split,.sectors-head,.infra-head{grid-template-columns:1fr;gap:30px}
  .section-art{max-width:640px;width:100%;margin-inline:auto}
}
@media(max-width:620px){
  .infra-grid{grid-template-columns:1fr}
  .sector{padding:9px 14px;font-size:14.5px}
}

.bar-row .w87{width:87%}
.bar-row .w75{width:75%}
.bar-row .w71{width:71%}
.cycle-section{padding-top:0}
.sec-head-compact{margin-bottom:34px}
.compare-title{font-size:17px;margin-bottom:10px}
.stats-spaced{margin-top:60px}
.contact-title{margin-top:14px;font-size:clamp(26px,3.4vw,36px)}
.contact-lead{margin-top:18px;max-width:46ch}