:root {
  --ink: #0a1119;
  --ink-2: #0e1924;
  --panel: #101e2d;
  --panel-2: #152739;
  --line: rgba(174, 202, 222, .16);
  --line-strong: rgba(174, 202, 222, .28);
  --text: #eff5f8;
  --muted: #94a7b4;
  --copper: #d7a35d;
  --copper-soft: #f0c986;
  --blue: #67d7ff;
  --green: #82e2a2;
  --max: 1240px;
  --radius: 3px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--text); background: var(--ink); font-family: "IBM Plex Sans Arabic", "Tajawal", "Segoe UI", Arial, sans-serif; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::selection { background: var(--copper); color: var(--ink); }

.site-shell { overflow: hidden; }
.topline { height: 34px; border-bottom: 1px solid var(--line); color: #8396a4; display: flex; align-items: center; justify-content: space-between; padding: 0 max(24px, calc((100% - var(--max)) / 2)); font: 10px/1 "IBM Plex Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.topline-status { display: flex; align-items: center; gap: 8px; }
.topline-status i, .pulse-dot { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(130,226,162,.08); }

.site-header { max-width: var(--max); height: 88px; margin: auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; }
.brand { display: flex; gap: 12px; align-items: center; }
.brand strong { display: block; font: 800 21px/1 "Arial", sans-serif; letter-spacing: -.04em; }
.brand small { color: var(--copper); display: block; font: 8px/1.2 "IBM Plex Mono", monospace; letter-spacing: .18em; margin-top: 7px; }
.brand-mark { display: inline-flex; height: 34px; width: 34px; align-items: flex-end; justify-content: center; gap: 3px; position: relative; }
.brand-mark b { display: block; width: 7px; background: var(--copper); border-radius: 1px 1px 0 0; }
.brand-mark b:nth-child(1) { height: 22px; opacity: .75; }.brand-mark b:nth-child(2) { height: 30px; }.brand-mark b:nth-child(3) { height: 17px; opacity: .85; }
.brand-mark em { position: absolute; width: 31px; height: 13px; border-bottom: 2px solid var(--blue); border-radius: 50%; transform: rotate(-13deg); bottom: 9px; left: 0; }
.primary-nav { display: flex; align-items: center; gap: 28px; color: #aebdc7; font-size: 13px; }
.primary-nav a { transition: color .25s ease; }.primary-nav a:hover { color: var(--copper-soft); }.primary-nav .nav-cta { color: var(--ink); background: var(--copper); font-weight: 800; padding: 11px 16px; border-radius: 2px; }.primary-nav .nav-cta:hover { color: var(--ink); background: var(--copper-soft); }.nav-cta span { font-size: 18px; line-height: 0; margin-right: 5px; }
.nav-toggle { display: none; background: none; border: 0; color: var(--text); align-items: center; gap: 4px; }.nav-toggle span { width: 21px; height: 1px; background: var(--copper); display: block; margin: 4px; }.nav-toggle em { font-style: normal; font-size: 10px; margin-right: 7px; }

.section-pad { max-width: var(--max); margin: auto; padding-left: 24px; padding-right: 24px; }
.hero { min-height: 650px; padding-top: 74px; padding-bottom: 90px; display: grid; grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr); gap: 70px; align-items: center; position: relative; }
.hero::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 620px; background: radial-gradient(circle at 13% 20%, rgba(103,215,255,.08), transparent 30%), linear-gradient(90deg, transparent 0 48%, rgba(215,163,93,.04) 48% 48.1%, transparent 48.1%); pointer-events: none; }
.eyebrow, .section-kicker, .visual-topline, .detail-index, .form-progress, .section-kicker { font: 10px/1.2 "IBM Plex Mono", "Courier New", monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--copper); }
.eyebrow { display: flex; gap: 10px; align-items: center; }.eyebrow-line { width: 35px; height: 1px; background: var(--copper); display: inline-block; }
.hero h1 { font-size: clamp(44px, 5.4vw, 76px); line-height: 1.12; letter-spacing: -.06em; margin: 27px 0 23px; max-width: 650px; }.hero h1 span, h2 em { color: var(--copper); font-style: normal; }
.hero-lede { color: #adbec8; max-width: 535px; font-size: 16px; line-height: 2; margin-bottom: 30px; }.hero-lede bdi { color: var(--blue); font-family: "IBM Plex Mono", monospace; }
.hero-actions { display: flex; gap: 11px; flex-wrap: wrap; }.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; padding: 13px 19px; min-height: 48px; border-radius: 2px; font-weight: 800; font-size: 13px; transition: transform .25s ease, background .25s ease, border-color .25s ease; }.btn:hover { transform: translateY(-2px); }.btn-primary { color: var(--ink); background: var(--copper); }.btn-primary:hover { background: var(--copper-soft); }.btn-ghost { color: var(--text); border-color: var(--line-strong); background: rgba(255,255,255,.02); }.btn-ghost:hover { border-color: var(--copper); }.btn span { font-size: 18px; line-height: 0; }
.hero-note { display: flex; gap: 10px; align-items: center; margin-top: 32px; color: #718692; font-size: 11px; }.hero-note .pulse-dot { margin-right: 1px; }

.hero-visual { min-height: 490px; position: relative; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(19,41,59,.88), rgba(8,17,26,.8)); overflow: hidden; }.hero-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 20%, rgba(103,215,255,.03) 50%, transparent 75%), repeating-linear-gradient(90deg, transparent 0 64px, rgba(174,202,222,.06) 65px, transparent 66px); pointer-events: none; }
.visual-topline { display: flex; position: relative; z-index: 2; justify-content: space-between; color: #8096a5; padding: 20px 22px; }.visual-topline span:last-child { color: var(--blue); }
.energy-grid { position: absolute; inset: 70px 0 0; background-image: linear-gradient(rgba(103,215,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(103,215,255,.09) 1px, transparent 1px); background-size: 46px 46px; opacity: .45; transform: perspective(430px) rotateX(57deg) scale(1.5); transform-origin: bottom; }
.container-scene { height: 295px; width: 80%; position: absolute; top: 142px; right: 10%; perspective: 700px; }.scene-floor { position: absolute; width: 100%; height: 45px; bottom: 4px; background: linear-gradient(90deg, transparent, rgba(103,215,255,.13), transparent); transform: rotateX(65deg); }
.container-unit { position: absolute; width: 56%; height: 116px; transform: skewY(-8deg) rotateY(-27deg); background: linear-gradient(135deg, #274359 0 3%, #1b3142 3% 88%, #102330 88%); border: 1px solid rgba(103,215,255,.32); box-shadow: 30px 30px 0 rgba(4,11,18,.25); }.unit-front { bottom: 37px; right: 19%; z-index: 3; }.unit-back { top: 13px; right: 3%; opacity: .58; }.container-top { position: absolute; left: 0; top: -12px; width: 100%; height: 13px; background: linear-gradient(90deg, #376078, #1e394e); transform: skewX(-45deg); transform-origin: left; border: 1px solid rgba(103,215,255,.23); }.container-side { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 21px 18px; }.container-side i { display: block; width: 75%; height: 2px; background: linear-gradient(90deg, var(--copper), transparent); opacity: .72; }.container-unit strong { position: absolute; bottom: 9px; left: 13px; color: rgba(239,245,248,.58); font: 8px "IBM Plex Mono", monospace; letter-spacing: .12em; }
.signal-path { position: absolute; z-index: 5; right: 2%; top: 39%; width: 30%; height: 80px; border-top: 1px solid var(--blue); transform: skewY(-25deg); filter: drop-shadow(0 0 5px rgba(103,215,255,.45)); }.signal-path::before, .signal-path::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--blue); top: -4px; }.signal-path::before { right: 0; }.signal-path::after { left: 0; }.signal-path b { position: absolute; color: var(--blue); font: 8px "IBM Plex Mono", monospace; right: 14px; top: 18px; transform: skewY(25deg); }
.visual-stat { position: absolute; z-index: 4; padding: 12px 14px; border: 1px solid var(--line); background: rgba(10,17,25,.8); }.visual-stat small { display: block; color: #75909f; font: 8px "IBM Plex Mono", monospace; letter-spacing: .12em; }.visual-stat strong { display: block; font: 700 18px/1.2 "IBM Plex Mono", monospace; margin-top: 4px; }.visual-stat i { color: var(--copper); font-size: 10px; font-style: normal; }.stat-a { bottom: 24px; right: 23px; }.stat-b { bottom: 24px; left: 23px; }.visual-index { position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; align-items: center; color: #718692; font: 9px "IBM Plex Mono", monospace; }.visual-index span:first-child { color: var(--copper); }

.metric-rail { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: repeat(5, 1fr); }.metric-rail > div { padding: 26px 20px; border-left: 1px solid var(--line); }.metric-rail > div:last-child { border-left: 0; }.metric-rail small { color: #90a4b0; display: block; font-size: 11px; }.metric-rail strong { display: block; font: 700 clamp(22px, 2.55vw, 35px)/1.15 "IBM Plex Mono", monospace; letter-spacing: -.08em; margin: 7px 0; }.metric-rail bdi { color: var(--blue); font-size: .46em; letter-spacing: 0; }.metric-rail span { color: #5e7785; font: 8px "IBM Plex Mono", monospace; letter-spacing: .13em; }

.manifesto { padding-top: 142px; padding-bottom: 120px; }.manifesto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; margin-top: 35px; }.manifesto h2, .section-heading h2, .scope h2, .capacity h2, .process h2, .safety h2, .contact h2 { font-size: clamp(38px, 4.7vw, 63px); line-height: 1.15; letter-spacing: -.06em; margin: 0; }.manifesto-copy { padding-top: 12px; max-width: 470px; }.manifesto-copy p { color: #d3dfe4; font-size: 18px; line-height: 2; margin: 0 0 18px; }.manifesto-copy p.muted { color: var(--muted); font-size: 15px; }.text-link { color: var(--copper); font-weight: 800; font-size: 13px; border-bottom: 1px solid rgba(215,163,93,.35); padding-bottom: 5px; }.text-link span { font-size: 18px; margin-right: 6px; }.signal-line { display: flex; align-items: center; gap: 14px; color: #5d7582; margin-top: 70px; font: 9px "IBM Plex Mono", monospace; letter-spacing: .14em; }.signal-line span:first-child, .signal-line span:last-child { color: var(--copper); }.signal-line i { height: 1px; flex: 1; background: linear-gradient(90deg, var(--copper), var(--line), transparent); }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 60px; }.section-heading > p { color: var(--muted); max-width: 315px; margin: 0 0 7px; line-height: 2; font-size: 14px; }.systems { padding-bottom: 130px; }.system-map { height: 500px; margin: 66px 0 40px; position: relative; background: radial-gradient(circle at center, rgba(103,215,255,.08), transparent 32%), linear-gradient(90deg, transparent 49.9%, var(--line) 50%, transparent 50.1%), linear-gradient(0deg, transparent 49.9%, var(--line) 50%, transparent 50.1%); }.system-map::before { content: "SYSTEM ARCHITECTURE / 06 LAYERS"; position: absolute; top: 0; right: 0; color: #5c7683; font: 9px "IBM Plex Mono", monospace; letter-spacing: .15em; }.map-core { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 170px; height: 170px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #122d3e; border: 1px solid var(--blue); box-shadow: 0 0 0 12px rgba(103,215,255,.04), 0 0 55px rgba(103,215,255,.1); z-index: 2; text-align: center; }.core-icon { color: var(--copper); font-size: 34px; line-height: 1; }.map-core strong { font: 800 15px/1.05 "Arial", sans-serif; letter-spacing: .02em; margin-top: 5px; }.map-core small { color: var(--blue); font: 7px "IBM Plex Mono", monospace; margin-top: 7px; letter-spacing: .12em; }.core-orbit { border: 1px dashed rgba(103,215,255,.4); position: absolute; border-radius: 50%; width: 220px; height: 220px; }.orbit-two { width: 280px; height: 280px; border-color: rgba(215,163,93,.25); transform: rotate(30deg) scaleY(.42); }.map-node { position: absolute; width: 210px; min-height: 92px; padding: 14px 16px; border: 1px solid var(--line-strong); background: rgba(13,29,42,.92); z-index: 3; }.map-node span { color: var(--copper); font: 9px "IBM Plex Mono", monospace; display: block; margin-bottom: 3px; }.map-node strong { font-size: 15px; line-height: 1.2; display: block; }.map-node small { color: var(--muted); font-size: 10px; display: block; margin-top: 4px; }.node-1 { top: 32px; right: 6%; }.node-2 { top: 32px; left: 6%; }.node-3 { top: 50%; right: 2%; transform: translateY(-50%); }.node-4 { top: 50%; left: 2%; transform: translateY(-50%); }.node-5 { bottom: 25px; right: 6%; }.node-6 { bottom: 25px; left: 6%; }.map-connection { position: absolute; border-top: 1px dashed rgba(103,215,255,.5); width: 22%; transform-origin: right center; z-index: 1; }.con-1 { top: 28%; right: 30%; transform: rotate(-22deg); }.con-2 { top: 28%; left: 30%; transform: rotate(22deg); transform-origin: left center; }.con-3 { top: 50%; right: 28%; }.con-4 { top: 50%; left: 28%; }.con-5 { bottom: 28%; right: 30%; transform: rotate(22deg); }.con-6 { bottom: 28%; left: 30%; transform: rotate(-22deg); transform-origin: left center; }
.solution-list { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.solution-list article { padding: 20px 15px 24px; min-height: 165px; border-left: 1px solid var(--line); }.solution-list article:last-child { border-left: 0; }.solution-list span { color: var(--copper); font: 9px "IBM Plex Mono", monospace; }.solution-list h3 { font-size: 16px; line-height: 1.2; margin: 20px 0 9px; }.solution-list p { color: var(--muted); font-size: 11px; line-height: 1.8; margin: 0; }.solution-list bdi { color: var(--blue); font-family: "IBM Plex Mono", monospace; }

.scope { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; padding-top: 125px; padding-bottom: 135px; align-items: center; background: linear-gradient(90deg, rgba(103,215,255,.035), transparent 70%); }.scope p { max-width: 340px; color: var(--muted); margin: 20px 0; }.scope-annotation { display: flex; align-items: center; gap: 10px; color: #6a8391; font: 8px "IBM Plex Mono", monospace; }.annotation-line { width: 35px; height: 1px; background: var(--copper); }.scope-data { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }.big-data { min-height: 230px; background: var(--ink); padding: 27px; display: flex; flex-direction: column; justify-content: center; }.big-data strong { font: 700 clamp(50px, 7vw, 100px)/.95 "IBM Plex Mono", monospace; letter-spacing: -.1em; color: var(--text); }.big-data span { color: var(--blue); font: 14px "IBM Plex Mono", monospace; letter-spacing: .08em; }.big-data small { color: var(--muted); font-size: 12px; margin-top: 16px; }.scope-note { grid-column: span 2; padding: 14px 20px; color: #7e929e; font-size: 10px; background: var(--ink-2); }.scope-note b { color: var(--copper); margin-left: 4px; }

.sectors { padding-bottom: 130px; }.sector-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 20px; margin-top: 65px; }.sector-list { border-top: 1px solid var(--line); }.sector-item { width: 100%; background: none; color: var(--muted); border: 0; border-bottom: 1px solid var(--line); padding: 23px 0; display: grid; grid-template-columns: 34px 1fr 22px; text-align: right; align-items: center; gap: 10px; }.sector-item span { color: var(--copper); font: 9px "IBM Plex Mono", monospace; }.sector-item strong { font-size: 15px; font-weight: 500; }.sector-item i { font-style: normal; color: #5d7885; }.sector-item.active strong, .sector-item:hover strong { color: var(--text); }.sector-item.active i { color: var(--copper); }.sector-detail { position: relative; min-height: 350px; padding: 37px; background: var(--panel); border: 1px solid var(--line); overflow: hidden; }.detail-index { color: var(--blue); }.sector-detail h3 { font-size: 34px; letter-spacing: -.05em; margin: 22px 0 10px; }.sector-detail p { max-width: 430px; color: var(--muted); font-size: 14px; line-height: 2; }.detail-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 23px; }.detail-tags span { color: var(--blue); border: 1px solid rgba(103,215,255,.24); padding: 5px 8px; font: 9px "IBM Plex Mono", monospace; }.detail-graphic { position: absolute; bottom: -25px; left: 40px; width: 250px; height: 180px; transform: skewY(-11deg); opacity: .8; }.detail-graphic div { height: 8px; background: linear-gradient(90deg, transparent, var(--copper)); margin: 22px 0; }.detail-graphic div:nth-child(2) { width: 80%; }.detail-graphic div:nth-child(3) { width: 54%; }.detail-graphic span { position: absolute; bottom: 5px; right: 5px; color: rgba(103,215,255,.6); font: 11px/1 "IBM Plex Mono", monospace; }

.capacity { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); padding-top: 0; padding-bottom: 135px; }.capacity-card, .revenue-card { background: var(--ink); padding: 54px 42px 47px; }.capacity-card p { color: var(--muted); margin: 20px 0 38px; max-width: 340px; }.capacity-bars > div { margin-top: 25px; position: relative; }.capacity-bars span { color: #a6b8c2; font-size: 12px; }.capacity-bars strong { float: left; color: var(--copper); font: 28px/1 "IBM Plex Mono", monospace; }.capacity-bars i { display: block; height: 4px; background: #1a303d; margin-top: 13px; clear: both; }.capacity-bars b { display: block; height: 100%; background: linear-gradient(90deg, var(--copper), var(--blue)); }.revenue-card { background: var(--panel); }.revenue-card h3 { font-size: 28px; line-height: 1.2; margin: 23px 0 28px; }.revenue-row { display: flex; gap: 15px; align-items: center; border-top: 1px solid var(--line); padding: 13px 0; }.revenue-row span { color: var(--copper); font: 9px "IBM Plex Mono", monospace; }.revenue-row p { margin: 0; color: #d5e1e5; font-size: 13px; }.revenue-row bdi { color: var(--blue); font-family: "IBM Plex Mono", monospace; }

.process { padding-bottom: 135px; }.process-track { margin-top: 70px; display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); }.process-step { position: relative; padding: 29px 18px 10px; border-left: 1px solid var(--line); min-height: 230px; }.process-step:last-child { border-left: 0; }.process-step::before { content: ""; position: absolute; width: 8px; height: 8px; border: 1px solid var(--copper); border-radius: 50%; background: var(--ink); top: -5px; right: 20px; }.process-step > span { color: var(--copper); font: 9px "IBM Plex Mono", monospace; }.step-icon { height: 50px; display: flex; align-items: center; color: var(--blue); font: 35px "Times New Roman", serif; }.process-step h3 { font-size: 16px; margin: 5px 0; }.process-step p { color: var(--muted); font-size: 11px; line-height: 1.8; margin: 0; }

.safety { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; padding-top: 95px; padding-bottom: 140px; border-top: 1px solid var(--line); }.safety-visual { height: 370px; position: relative; }.safety-ring { position: absolute; border: 1px dashed rgba(103,215,255,.3); border-radius: 50%; top: 50%; right: 50%; transform: translate(50%, -50%); }.ring-outer { width: 315px; height: 315px; border-color: rgba(215,163,93,.25); }.ring-inner { width: 206px; height: 206px; box-shadow: 0 0 50px rgba(103,215,255,.07); }.safety-core { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); height: 122px; width: 122px; background: var(--panel-2); border: 1px solid var(--blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--green); font-size: 38px; line-height: 1; }.safety-core small { color: var(--text); font: 8px/1.5 "IBM Plex Mono", monospace; letter-spacing: .12em; text-align: center; margin-top: 8px; }.safety-label { position: absolute; color: var(--copper); font: 9px "IBM Plex Mono", monospace; letter-spacing: .12em; }.label-1 { top: 42px; right: 41%; }.label-2 { bottom: 37px; right: 8%; }.label-3 { top: 45%; left: 4%; }.safety-copy p { color: var(--muted); max-width: 520px; line-height: 2; margin: 20px 0; }.standards { display: flex; gap: 8px; margin: 24px 0 14px; flex-wrap: wrap; }.standards span { border: 1px solid var(--line-strong); padding: 6px 11px; color: var(--blue); font: 9px "IBM Plex Mono", monospace; }.disclaimer { color: #637b87; font-size: 10px; display: block; max-width: 580px; }


.contact { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; padding-top: 110px; padding-bottom: 120px; }.contact-intro p { color: var(--muted); max-width: 330px; line-height: 2; margin: 24px 0; }.contact-aside { border-top: 1px solid var(--line); margin-top: 48px; padding-top: 17px; }.contact-aside span { display: block; color: var(--copper); font: 9px "IBM Plex Mono", monospace; letter-spacing: .13em; }.contact-aside strong { display: block; font-size: 17px; margin: 8px 0 4px; }.contact-aside small { color: #627985; font-size: 10px; }.contact-form { padding: 29px; background: var(--panel); border: 1px solid var(--line); }.form-progress { color: #79909d; display: flex; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--line); }.form-progress span:last-child { color: var(--copper); font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 11px; }.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.contact-form label { display: block; color: #aebec5; font-size: 11px; margin-top: 19px; position: relative; }.contact-form input, .contact-form select, .contact-form textarea { display: block; width: 100%; color: var(--text); background: #0c1722; border: 1px solid var(--line); border-radius: 0; padding: 11px 12px; margin-top: 7px; outline: 0; transition: border-color .2s, box-shadow .2s; }.contact-form textarea { resize: vertical; min-height: 96px; }.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--copper); box-shadow: 0 0 0 3px rgba(215,163,93,.08); }.contact-form input::placeholder, .contact-form textarea::placeholder { color: #506774; }.contact-form select { color: #9eb1ba; }.contact-form label i { display: none; }.contact-form label.invalid input, .contact-form label.invalid select { border-color: #e27676; }.contact-form label.invalid i { display: block; color: #e27676; font-size: 9px; font-style: normal; position: absolute; left: 0; top: 0; }.form-submit { margin-top: 23px; width: 100%; }.form-success { display: none; padding: 16px 17px; margin-top: 16px; border-right: 2px solid var(--green); background: rgba(130,226,162,.06); }.form-success.show { display: block; }.form-success strong { display: block; color: var(--green); font-size: 13px; }.form-success span { display: block; color: #9ab0b7; font-size: 11px; margin-top: 3px; }

.site-footer { border-top: 1px solid var(--line); min-height: 100px; max-width: var(--max); margin: auto; padding: 25px 24px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; align-items: center; color: #708693; }.footer-brand { display: flex; align-items: center; gap: 10px; color: var(--text); }.footer-brand strong { font: 800 14px "Arial", sans-serif; }.brand-mark.small { transform: scale(.68); transform-origin: right center; margin-left: -8px; }.site-footer p { margin: 0; font-size: 11px; }.footer-links { display: flex; justify-content: end; gap: 18px; font-size: 10px; }.footer-links a:hover { color: var(--copper); }.footer-links span:last-child { color: #516875; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity: 1; transform: none; }.delay-1 { transition-delay: .12s; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }.btn { transition: none; } }

@media (max-width: 980px) {
  .primary-nav { gap: 17px; font-size: 12px; }.hero { grid-template-columns: 1fr; gap: 35px; padding-top: 55px; }.hero-copy { max-width: 680px; }.hero-visual { max-width: 720px; width: 100%; justify-self: center; }.manifesto-grid, .scope, .safety, .contact { grid-template-columns: 1fr; gap: 45px; }.manifesto-copy { padding-top: 0; }.system-map { height: 450px; }.solution-list { grid-template-columns: repeat(3, 1fr); }.solution-list article:nth-child(3) { border-left: 0; }.solution-list article:nth-child(n+4) { border-top: 1px solid var(--line); }.investment-grid { grid-template-columns: repeat(2, 1fr); }.invest-main { grid-column: span 2; }.process-track { grid-template-columns: repeat(3, 1fr); border-top: 0; gap: 1px; background: var(--line); }.process-step { background: var(--ink); border-top: 1px solid var(--line); }.process-step:nth-child(3) { border-left: 0; }.process-step:nth-child(n+4) { margin-top: 1px; }.site-footer { grid-template-columns: 1fr 1fr; }.site-footer p { order: 3; grid-column: span 2; }.footer-links { justify-content: end; }
}
@media (max-width: 700px) {
  .topline { padding: 0 18px; font-size: 8px; }.topline > span:first-child { max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.site-header { height: 76px; padding: 0 18px; }.nav-toggle { display: flex; }.primary-nav { display: none; position: absolute; top: 70px; left: 18px; right: 18px; background: var(--panel); border: 1px solid var(--line); padding: 12px; flex-direction: column; align-items: stretch; gap: 0; box-shadow: 0 20px 40px rgba(0,0,0,.3); }.primary-nav.open { display: flex; }.primary-nav a { padding: 11px 8px; border-bottom: 1px solid var(--line); }.primary-nav a:last-child { border-bottom: 0; }.primary-nav .nav-cta { margin-top: 8px; text-align: center; }.section-pad { padding-left: 18px; padding-right: 18px; }.hero { padding-top: 44px; padding-bottom: 63px; min-height: auto; }.hero h1 { font-size: 44px; }.hero-lede { font-size: 14px; line-height: 1.9; }.hero-visual { min-height: 375px; }.container-scene { top: 120px; width: 105%; right: -4%; transform: scale(.88); transform-origin: center; }.stat-a { bottom: 17px; right: 14px; }.stat-b { bottom: 17px; left: 14px; }.visual-stat { padding: 9px; }.visual-stat strong { font-size: 14px; }.metric-rail { grid-template-columns: repeat(2, 1fr); margin: 0 18px; }.metric-rail > div { padding: 18px 14px; border-bottom: 1px solid var(--line); }.metric-rail > div:nth-child(even) { border-left: 0; }.metric-rail > div:nth-child(5) { border-left: 0; }.metric-rail > div:nth-child(4), .metric-rail > div:nth-child(5) { border-bottom: 0; }.metric-rail strong { font-size: 25px; }.manifesto { padding-top: 85px; padding-bottom: 80px; }.manifesto-grid { gap: 22px; margin-top: 25px; }.manifesto h2, .section-heading h2, .scope h2, .capacity h2, .process h2, .safety h2 h2, .contact h2 { font-size: 42px; }.manifesto-copy p { font-size: 15px; }.signal-line { margin-top: 47px; gap: 8px; font-size: 7px; }.section-heading { display: block; }.section-heading > p { margin-top: 20px; font-size: 13px; }.systems { padding-bottom: 85px; }.system-map { height: 450px; margin: 45px -18px 35px; transform: scale(.9); transform-origin: top center; width: calc(100% + 36px); margin-bottom: -15px; }.map-node { width: 145px; padding: 10px; min-height: 76px; }.map-node strong { font-size: 11px; }.map-node small { font-size: 8px; }.node-1, .node-5 { right: 2%; }.node-2, .node-6 { left: 2%; }.node-3 { right: -2%; }.node-4 { left: -2%; }.map-core { width: 140px; height: 140px; }.core-orbit { width: 180px; height: 180px; }.orbit-two { width: 220px; height: 220px; }.solution-list { grid-template-columns: repeat(2, 1fr); }.solution-list article:nth-child(3) { border-left: 1px solid var(--line); }.solution-list article:nth-child(2n) { border-left: 0; }.solution-list article:nth-child(n+3) { border-top: 1px solid var(--line); }.solution-list h3 { font-size: 14px; }.scope { padding-top: 84px; padding-bottom: 90px; gap: 32px; }.scope-data { grid-template-columns: 1fr; }.big-data { min-height: 175px; }.scope-note { grid-column: auto; }.sectors { padding-bottom: 90px; }.sector-layout { grid-template-columns: 1fr; margin-top: 39px; gap: 28px; }.sector-detail { min-height: 330px; padding: 25px; }.sector-detail h3 { font-size: 27px; }.detail-graphic { left: -15px; }.capacity { grid-template-columns: 1fr; padding: 0 18px 90px; }.capacity-card, .revenue-card { padding: 35px 25px; }.process { padding-bottom: 90px; }.process-track { grid-template-columns: repeat(2, 1fr); margin-top: 42px; }.process-step:nth-child(2n) { border-left: 0; }.process-step:nth-child(n+3) { margin-top: 1px; }.safety { padding-top: 70px; padding-bottom: 90px; gap: 25px; }.safety-visual { height: 280px; transform: scale(.78); transform-origin: center; margin: -20px 0; }.investment-head { display: block; }.estimate-badge { margin-top: 25px; width: fit-content; }.investment-grid { margin-top: 40px; grid-template-columns: 1fr 1fr; }.invest-main { grid-column: span 2; }.invest-main, .invest-cell { min-height: 150px; padding: 18px; }.invest-main strong { font-size: 44px; margin-top: 19px; }.invest-cell strong { font-size: 21px; margin-top: 27px; }.investment-foot { display: block; }.investment-foot p { margin-top: 10px; }.contact { gap: 37px; padding-top: 75px; padding-bottom: 85px; }.contact-aside { margin-top: 30px; }.contact-form { padding: 20px 16px; }.field-grid { grid-template-columns: 1fr; gap: 0; }.site-footer { display: block; padding: 25px 18px; }.site-footer p { margin: 15px 0; }.footer-links { justify-content: start; flex-wrap: wrap; gap: 10px 16px; }.footer-links span:last-child { width: 100%; }
}