:root {
  --bg: #f6f7fb;
  --surface: rgba(255,255,255,.74);
  --surface-solid: #ffffff;
  --surface-2: #eef2f8;
  --text: #091426;
  --muted: #637087;
  --line: rgba(13,35,67,.11);
  --navy: #061a3c;
  --navy-2: #0c2b5a;
  --blue: #123f81;
  --gold: #c99a3c;
  --gold-2: #f2d38d;
  --gold-3: #8c611b;
  --success: #45b88a;
  --shadow: 0 26px 80px rgba(24, 42, 73, .13);
  --radius: 28px;
  --header-h: 88px;
}

html[data-theme="dark"] {
  --bg: #050a12;
  --surface: rgba(12,21,36,.72);
  --surface-solid: #0b1320;
  --surface-2: #0e1928;
  --text: #f5f7fb;
  --muted: #9aa7ba;
  --line: rgba(255,255,255,.09);
  --shadow: 0 26px 80px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
  transition: background .35s ease, color .35s ease;
}
html[dir="rtl"] body { font-family: "Noto Kufi Arabic", "Manrope", sans-serif; }
body.loading { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }

.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section-pad { padding: 120px 0; }

.ambient { position: fixed; inset: 0; pointer-events: none; z-index: -2; overflow: hidden; }
.orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .22; }
.orb-1 { width: 420px; height: 420px; background: #d5a84d; left: -150px; top: 120px; animation: drift 12s ease-in-out infinite alternate; }
.orb-2 { width: 500px; height: 500px; background: #155cc1; right: -200px; top: 38%; animation: drift 15s ease-in-out infinite alternate-reverse; }
.grid-glow { position: absolute; inset: 0; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg,var(--line) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.35), transparent 75%); opacity: .28; }
@keyframes drift { to { transform: translate3d(50px,-30px,0) scale(1.08); } }

.splash { position: fixed; inset: 0; z-index: 9999; background: radial-gradient(circle at 50% 45%, #0d2a59 0, #06152f 42%, #030813 100%); display: grid; place-items: center; transition: opacity .8s ease, visibility .8s ease; overflow: hidden; }
.splash.hidden { opacity: 0; visibility: hidden; }
.splash-noise { position: absolute; inset: 0; opacity: .15; background-image: radial-gradient(rgba(255,255,255,.55) .6px, transparent .6px); background-size: 15px 15px; mask-image: radial-gradient(circle, #000 10%, transparent 68%); }
.splash-orbit { position: absolute; border: 1px solid rgba(234,196,107,.3); border-radius: 50%; animation: splashSpin 10s linear infinite; }
.orbit-a { width: 520px; height: 220px; transform: rotate(-15deg); }
.orbit-b { width: 360px; height: 360px; border-color: rgba(255,255,255,.1); animation-direction: reverse; animation-duration: 14s; }
@keyframes splashSpin { to { rotate: 360deg; } }
.splash-inner { text-align: center; position: relative; z-index: 2; color: white; }
.splash-mark { width: 130px; margin: 0 auto 18px; filter: drop-shadow(0 20px 40px rgba(0,0,0,.25)); animation: splashPulse 2s ease-in-out infinite; }
@keyframes splashPulse { 50% { transform: translateY(-6px) scale(1.03); filter: drop-shadow(0 0 32px rgba(224,178,79,.35)); } }
.splash-brand { font-size: 22px; letter-spacing: .28em; font-weight: 800; }
.splash-brand span { color: var(--gold-2); font-size: 11px; letter-spacing: .45em; display:block; margin-top: 4px; }
.splash-tagline { margin-top: 20px; color: rgba(255,255,255,.68); font-size: 14px; }
.splash-loader { width: 180px; height: 2px; background: rgba(255,255,255,.12); margin: 22px auto 0; overflow:hidden; }
.splash-loader span { display:block; height:100%; width:36%; background: linear-gradient(90deg, transparent, var(--gold-2), transparent); animation: load 1.3s linear infinite; }
@keyframes load { from { transform: translateX(-120%); } to { transform: translateX(380%); } }

.site-header { position: sticky; top: 0; z-index: 80; height: var(--header-h); display:flex; align-items:center; background: color-mix(in srgb, var(--bg) 72%, transparent); backdrop-filter: blur(18px) saturate(140%); border-bottom: 1px solid transparent; transition: .3s ease; }
.site-header.scrolled { border-bottom-color: var(--line); box-shadow: 0 8px 28px rgba(0,0,0,.05); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:11px; min-width:max-content; }
.brand img { width:46px; height:46px; object-fit:contain; }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy strong { letter-spacing:.17em; font-size:15px; }
.brand-copy span { letter-spacing:.4em; font-size:8px; color:var(--gold); margin-top:6px; }
.nav-links { display:flex; gap:28px; align-items:center; }
.nav-links a { font-size:13px; font-weight:700; color:var(--muted); position:relative; transition:.25s; }
.nav-links a:hover { color:var(--text); }
.nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:-9px; height:1px; background:var(--gold); transition:.25s; }
.nav-links a:hover::after { right:0; }
.nav-actions { display:flex; align-items:center; gap:10px; }
.lang-switch { display:flex; border:1px solid var(--line); border-radius:999px; padding:3px; background:var(--surface); }
.lang-btn { width:34px; height:30px; border:0; background:transparent; border-radius:999px; font-size:10px; font-weight:800; cursor:pointer; color:var(--muted); }
.lang-btn.active { background:var(--navy); color:white; box-shadow:0 6px 16px rgba(0,20,55,.18); }
.icon-btn { width:40px; height:40px; border-radius:50%; border:1px solid var(--line); background:var(--surface); display:grid; place-items:center; cursor:pointer; }
.icon-btn svg { width:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
html[data-theme="light"] .moon { display:none; }
html[data-theme="dark"] .sun { display:none; }
.nav-cta { padding:11px 16px; font-size:12px; }
.menu-btn { display:none; width:42px; height:42px; border-radius:50%; border:1px solid var(--line); background:var(--surface); cursor:pointer; }
.menu-btn span { display:block; width:17px; height:1.5px; background:currentColor; margin:5px auto; transition:.25s; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; border-radius:999px; border:1px solid transparent; font-weight:800; transition:transform .25s ease, box-shadow .25s ease, background .25s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { color:white; background:linear-gradient(135deg,#081b3c,#154780); box-shadow:0 14px 34px rgba(9,39,86,.2); }
.btn-primary:hover { box-shadow:0 18px 42px rgba(9,39,86,.28); }
.btn-secondary { background:var(--surface); border-color:var(--line); color:var(--text); }
.btn-gold { color:#122038; background:linear-gradient(135deg,#f4dfaa,#c6973e); box-shadow:0 14px 34px rgba(209,164,72,.2); }
.btn-ghost { color:white; border-color:rgba(255,255,255,.22); }
.btn-lg { padding:15px 22px; font-size:13px; }
.arrow { font-size:16px; }
.play-dot { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:var(--surface-2); font-size:8px; }

.hero { padding-top:90px; min-height:calc(100vh - var(--header-h)); display:flex; align-items:center; }
.hero-grid { display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:70px; }
.eyebrow { display:flex; align-items:center; gap:10px; color:var(--muted); font-weight:800; text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
.pulse { width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 0 rgba(201,154,60,.45); animation:pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow:0 0 0 9px rgba(201,154,60,0); } 100% { box-shadow:0 0 0 0 rgba(201,154,60,0); } }
.hero h1, .section-head h2, .academy-copy h2, .green-copy h2, .about-copy h2, .cta-card h2 { margin:22px 0 18px; font-size:clamp(46px,5.2vw,76px); line-height:1.02; letter-spacing:-.055em; font-weight:800; }
.hero h1 span, .section-head h2 span, .academy-copy h2 span, .green-copy h2 span, .about-copy h2 span, .cta-card h2 span { background:linear-gradient(105deg,var(--text) 5%,var(--gold) 70%,var(--gold-3)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-lead { color:var(--muted); font-size:17px; max-width:590px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.hero-proof { display:flex; gap:32px; margin-top:44px; }
.hero-proof div { display:flex; flex-direction:column; padding-right:28px; border-right:1px solid var(--line); }
html[dir="rtl"] .hero-proof div { padding-right:0; padding-left:28px; border-right:0; border-left:1px solid var(--line); }
.hero-proof div:last-child { border:0; }
.hero-proof strong { font-size:22px; letter-spacing:-.04em; }
.hero-proof span { color:var(--muted); font-size:10px; margin-top:2px; }
.hero-frame { position:relative; border-radius:36px; padding:10px; background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(255,255,255,.15)); border:1px solid var(--line); box-shadow:var(--shadow); overflow:visible; }
html[data-theme="dark"] .hero-frame { background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.01)); }
.hero-frame::before { content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; background:linear-gradient(135deg,rgba(230,197,116,.65),transparent 35%,rgba(17,74,150,.38)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.hero-frame img { width:100%; border-radius:28px; }
.floating-card { position:absolute; display:flex; gap:10px; align-items:center; min-width:170px; padding:12px 14px; border-radius:16px; background:color-mix(in srgb,var(--surface-solid) 86%,transparent); backdrop-filter:blur(18px); border:1px solid var(--line); box-shadow:0 16px 38px rgba(0,0,0,.11); animation:float 4s ease-in-out infinite; }
.floating-card small { display:block; color:var(--muted); font-size:9px; }
.floating-card strong { font-size:12px; }
.mini-icon { width:30px; height:30px; border-radius:10px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,var(--navy),var(--blue)); }
.float-a { left:-34px; top:24%; }
.float-b { right:-26px; bottom:14%; animation-delay:-2s; }
@keyframes float { 50% { transform:translateY(-9px); } }

.trust-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--surface); }
.trust-inner { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.trust-inner > span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.trust-items { display:flex; align-items:center; gap:24px; color:var(--muted); font-size:12px; font-weight:700; }
.trust-items i { width:3px; height:3px; background:var(--gold); border-radius:50%; }

.section-head { display:flex; justify-content:space-between; align-items:end; gap:60px; margin-bottom:58px; }
.section-head h2, .academy-copy h2, .green-copy h2, .about-copy h2, .cta-card h2 { font-size:clamp(36px,4.4vw,58px); }
.section-head p { max-width:440px; color:var(--muted); font-size:14px; }
.journey { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.journey-line { position:absolute; left:7%; right:7%; top:60px; height:1px; background:linear-gradient(90deg,transparent,var(--gold),var(--blue),var(--gold),transparent); opacity:.55; }
.journey-step { position:relative; padding:26px 20px 22px; border:1px solid var(--line); border-radius:22px; background:var(--surface); backdrop-filter:blur(14px); transition:.3s ease; }
.journey-step:hover { transform:translateY(-6px); border-color:rgba(201,154,60,.36); box-shadow:var(--shadow); }
.journey-step > span { position:absolute; top:16px; right:16px; font-size:9px; color:var(--muted); }
html[dir="rtl"] .journey-step > span { right:auto; left:16px; }
.journey-icon { width:62px; height:62px; border-radius:19px; display:grid; place-items:center; font-size:23px; background:linear-gradient(145deg,var(--navy),var(--blue)); color:var(--gold-2); box-shadow:0 14px 24px rgba(10,34,74,.16); }
.journey-step h3 { margin:22px 0 6px; font-size:15px; }
.journey-step p { margin:0; font-size:11px; color:var(--muted); }

.muted-section { background:color-mix(in srgb,var(--surface-2) 62%,transparent); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.solutions-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:20px; }
.feature-card { position:relative; min-height:390px; border-radius:var(--radius); border:1px solid var(--line); background:var(--surface-solid); overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.03); }
.feature-card.large { padding:34px; display:grid; grid-template-columns:1fr .9fr; gap:28px; }
.card-index { position:absolute; top:26px; right:28px; font-size:10px; color:var(--muted); }
html[dir="rtl"] .card-index { right:auto; left:28px; }
.feature-content { position:relative; z-index:2; align-self:center; }
.badge { display:inline-flex; padding:7px 10px; border-radius:999px; border:1px solid rgba(201,154,60,.28); color:var(--gold-3); background:rgba(201,154,60,.08); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
html[data-theme="dark"] .badge { color:var(--gold-2); }
.feature-content h3 { font-size:clamp(24px,2.6vw,36px); line-height:1.08; letter-spacing:-.04em; margin:18px 0 13px; }
.feature-content p { color:var(--muted); font-size:13px; }
.feature-content ul { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:9px; }
.feature-content li { font-size:11px; padding-left:22px; position:relative; }
html[dir="rtl"] .feature-content li { padding-left:0; padding-right:22px; }
.feature-content li::before { content:"✦"; position:absolute; left:0; color:var(--gold); font-size:9px; }
html[dir="rtl"] .feature-content li::before { left:auto; right:0; }
.mini-dashboard { align-self:end; border-radius:20px; padding:18px; background:linear-gradient(145deg,#06152e,#102d5c); color:white; box-shadow:0 22px 42px rgba(6,25,56,.25); transform:perspective(900px) rotateY(-6deg) rotateX(2deg); }
html[dir="rtl"] .mini-dashboard { transform:perspective(900px) rotateY(6deg) rotateX(2deg); }
.dash-top { display:flex; gap:5px; margin-bottom:18px; }
.dash-top span { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.22); }
.dash-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.metric { padding:11px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.06); border-radius:12px; }
.metric small { color:rgba(255,255,255,.55); font-size:8px; display:block; }
.metric strong { display:block; margin-top:3px; font-size:17px; }
.metric em { color:#77dcb2; font-size:8px; font-style:normal; }
.chart-bars { height:120px; display:flex; align-items:end; gap:8px; margin-top:16px; padding:0 4px; }
.chart-bars i { flex:1; border-radius:5px 5px 2px 2px; background:linear-gradient(to top,#164e9a,#e3bc67); opacity:.9; }
.visual-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.92); }
.visual-card img.portrait { object-position:center 45%; }
.visual-card::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(2,10,22,.95),rgba(2,10,22,.18) 72%); }
.overlay-content { position:absolute; z-index:2; left:28px; right:28px; bottom:26px; color:white; }
html[dir="rtl"] .overlay-content { text-align:right; }
.overlay-content p { color:rgba(255,255,255,.65); max-width:520px; }
.overlay-content .badge { color:var(--gold-2); background:rgba(255,255,255,.07); }
.dark-card { padding:34px; color:white; background:radial-gradient(circle at 80% 20%,#173d79,#071730 46%,#030a16 100%); }
.dark-card .feature-content p { color:rgba(255,255,255,.65); }
.chat-preview { display:grid; gap:12px; margin-top:26px; }
.chat { max-width:86%; border-radius:17px; padding:12px 14px; font-size:11px; }
.chat.q { margin-left:auto; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.1); }
html[dir="rtl"] .chat.q { margin-left:0; margin-right:auto; }
.chat.a { display:flex; gap:10px; align-items:flex-start; background:linear-gradient(145deg,rgba(221,182,91,.18),rgba(255,255,255,.05)); border:1px solid rgba(221,182,91,.18); }
.chat.a span { color:var(--gold-2); }
.chat.a p { margin:0; }

.academy-grid, .green-grid, .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.image-shell { border-radius:34px; padding:10px; background:linear-gradient(145deg,rgba(201,154,60,.22),var(--surface)); border:1px solid var(--line); box-shadow:var(--shadow); }
.image-shell img { border-radius:26px; }
.academy-copy > p, .green-copy > p, .about-copy > p { color:var(--muted); font-size:14px; }
.academy-flow { display:flex; align-items:center; gap:10px; margin-top:28px; flex-wrap:wrap; }
.academy-flow div { min-width:96px; padding:12px 13px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.academy-flow strong { display:block; font-size:9px; color:var(--gold); }
.academy-flow span { display:block; font-size:10px; font-weight:700; }
.academy-flow b { color:var(--muted); font-size:11px; }
html[dir="rtl"] .academy-flow b { transform:rotate(180deg); }
.tag-cloud { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.tag-cloud span { font-size:9px; font-weight:800; padding:8px 10px; border-radius:999px; background:var(--surface-2); color:var(--muted); }

.green-section { position:relative; background:linear-gradient(180deg,transparent,color-mix(in srgb,#0d5d4a 7%,transparent),transparent); }
.green-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:28px; }
.green-metrics div { padding:16px; border-radius:16px; background:var(--surface); border:1px solid var(--line); }
.green-metrics span { color:var(--muted); font-size:9px; display:block; }
.green-metrics strong { display:block; font-size:18px; margin-top:4px; }
.orbital-card { position:relative; height:430px; display:grid; place-items:center; }
.orbital-card img { width:210px; position:relative; z-index:3; filter:drop-shadow(0 25px 40px rgba(0,0,0,.18)); }
.orbit-ring { position:absolute; border:1px solid rgba(201,154,60,.45); border-radius:50%; animation:rotateOrbit 16s linear infinite; }
.ring-1 { width:410px; height:190px; transform:rotate(-15deg); }
.ring-2 { width:310px; height:310px; border-color:rgba(21,84,161,.32); animation-direction:reverse; animation-duration:22s; }
@keyframes rotateOrbit { to { rotate:360deg; } }
.planet { position:absolute; z-index:4; padding:9px 12px; border-radius:999px; background:var(--surface-solid); border:1px solid var(--line); font-size:8px; font-weight:800; box-shadow:0 10px 24px rgba(0,0,0,.08); }
.p1 { top:74px; right:15%; }
.p2 { left:10%; top:48%; }
.p3 { right:20%; bottom:60px; }

.roadmap { position:relative; display:grid; gap:10px; }
.roadmap::before { content:""; position:absolute; left:20px; top:25px; bottom:25px; width:1px; background:linear-gradient(var(--gold),var(--line)); }
html[dir="rtl"] .roadmap::before { left:auto; right:20px; }
.roadmap-item { display:grid; grid-template-columns:64px 1fr; gap:14px; padding:16px 18px; border-radius:18px; border:1px solid var(--line); background:var(--surface); position:relative; }
.roadmap-item > span { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--surface-solid); border:1px solid var(--line); z-index:2; color:var(--muted); font-size:8px; font-weight:800; }
.roadmap-item.active { border-color:rgba(201,154,60,.32); box-shadow:0 16px 34px rgba(0,0,0,.05); }
.roadmap-item.active > span { background:linear-gradient(145deg,#0b2b60,#123f81); color:var(--gold-2); }
.roadmap-item strong { font-size:13px; }
.roadmap-item p { color:var(--muted); font-size:10px; margin:3px 0 0; }

.cta-card { position:relative; overflow:hidden; border-radius:38px; padding:62px; background:radial-gradient(circle at 85% 15%,#1c4e93,#071a3b 44%,#030a15 100%); color:white; display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; box-shadow:0 35px 70px rgba(3,14,31,.22); }
.cta-card::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(90deg,#000,transparent); }
.cta-star { position:absolute; right:40px; top:22px; font-size:120px; color:rgba(239,207,132,.12); line-height:1; }
html[dir="rtl"] .cta-star { right:auto; left:40px; }
.cta-card > * { position:relative; z-index:2; }
.cta-card h2 span { background:linear-gradient(105deg,#fff,var(--gold-2)); -webkit-background-clip:text; background-clip:text; }
.cta-card p { color:rgba(255,255,255,.62); max-width:580px; }
.cta-actions { display:flex; gap:10px; flex-direction:column; min-width:190px; }

.footer { padding:30px 0 24px; border-top:1px solid var(--line); }
.footer-top { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
.footer-brand img { width:38px; height:38px; }
.footer-top > p { color:var(--muted); font-size:9px; letter-spacing:.11em; }
.footer-links { display:flex; justify-content:flex-end; gap:20px; font-size:10px; font-weight:700; color:var(--muted); }
.footer-bottom { margin-top:24px; padding-top:18px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:9px; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.12s; }

@media (max-width: 1080px) {
  .nav-links { display:none; position:absolute; top:calc(var(--header-h) - 4px); left:20px; right:20px; padding:20px; border:1px solid var(--line); border-radius:22px; background:var(--surface-solid); box-shadow:var(--shadow); flex-direction:column; align-items:stretch; }
  .nav-links.open { display:flex; }
  .menu-btn { display:block; }
  .nav-cta { display:none; }
  .hero-grid { grid-template-columns:1fr; gap:45px; }
  .hero { padding-top:56px; }
  .hero-copy { max-width:760px; }
  .journey { grid-template-columns:repeat(3,1fr); }
  .journey-line { display:none; }
  .solutions-grid { grid-template-columns:1fr; }
  .academy-grid,.green-grid,.about-grid { grid-template-columns:1fr; gap:45px; }
  .green-visual { order:-1; }
}

@media (max-width: 760px) {
  :root { --header-h:76px; --radius:22px; }
  .container { width:min(100% - 28px,1180px); }
  .section-pad { padding:82px 0; }
  .brand-copy { display:none; }
  .brand img { width:42px; height:42px; }
  .nav-actions { gap:7px; }
  .lang-switch { display:none; }
  .hero h1 { font-size:44px; }
  .hero-lead { font-size:14px; }
  .hero-proof { gap:16px; }
  .hero-proof div { padding-right:14px; }
  html[dir="rtl"] .hero-proof div { padding-left:14px; }
  .hero-frame { border-radius:24px; padding:6px; }
  .hero-frame img { border-radius:19px; }
  .floating-card { min-width:140px; padding:9px 10px; }
  .float-a { left:-7px; top:9%; }
  .float-b { right:-7px; bottom:8%; }
  .trust-inner { flex-direction:column; align-items:flex-start; padding:20px 0; }
  .trust-items { flex-wrap:wrap; gap:12px; }
  .section-head { flex-direction:column; align-items:flex-start; gap:10px; }
  .section-head h2,.academy-copy h2,.green-copy h2,.about-copy h2,.cta-card h2 { font-size:38px; }
  .journey { grid-template-columns:1fr 1fr; }
  .feature-card.large { grid-template-columns:1fr; }
  .feature-card { min-height:420px; }
  .mini-dashboard { transform:none; }
  html[dir="rtl"] .mini-dashboard { transform:none; }
  .academy-flow b { display:none; }
  .green-metrics { grid-template-columns:1fr; }
  .orbital-card { height:340px; }
  .ring-1 { width:330px; height:160px; }
  .ring-2 { width:250px; height:250px; }
  .cta-card { padding:38px 26px; grid-template-columns:1fr; }
  .footer-top { grid-template-columns:1fr; }
  .footer-links { justify-content:flex-start; }
  .footer-bottom { flex-direction:column; }
  .mobile-langbar { display:flex; }
}

@media (max-width: 480px) {
  .journey { grid-template-columns:1fr; }
  .hero-actions,.cta-actions { width:100%; }
  .hero-actions .btn,.cta-actions .btn { width:100%; }
  .hero-proof { display:grid; grid-template-columns:repeat(3,1fr); }
  .hero-proof span { font-size:8px; }
  .overlay-content { left:20px; right:20px; bottom:20px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
}