/* --- site.css --- */
:root{
  --brand:#1f87ff;--brand-2:#63dcff;--success:#32d583;--danger:#ff6b78;--warning:#ffb547;
  --radius-sm:14px;--radius-md:20px;--radius-lg:28px;--container:1240px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
html{scroll-behavior:smooth;background:#eef4f8;color-scheme:light;}
html[data-theme="dark"]{color-scheme:dark;background:#071421;}
*{box-sizing:border-box}
body{margin:0;font-family:"DeltaNoto",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .45s ease,color .45s ease}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(var(--container),calc(100% - 42px));margin-inline:auto}
:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}

/* SITE THEME TOKENS */
body{--bg:#eef4f8;--surface:#ffffff;--surface-2:#f7fbfd;--surface-3:#edf5f9;--text:#102c45;--text-2:#294b63;--muted:#6d8496;--line:#d9e6ee;--line-strong:#bfd4e0;--shadow:0 24px 70px rgba(16,57,85,.11);--shadow-lg:0 38px 100px rgba(11,43,68,.15)}
html[data-theme="dark"] body{--bg:#071421;--surface:#0c1c2a;--surface-2:#0a1724;--surface-3:#102536;--text:#eaf8ff;--text-2:#c4dae7;--muted:#87a5b8;--line:rgba(144,205,235,.15);--line-strong:rgba(144,205,235,.24);--shadow:0 24px 70px rgba(0,0,0,.28);--shadow-lg:0 38px 100px rgba(0,0,0,.38)}
.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:900;color:var(--brand);margin-bottom:10px}.muted{color:var(--muted);line-height:2}

/* TOP NAV */
.header{position:fixed;inset:0 0 auto;z-index:100;padding:13px 0;transition:.35s var(--ease)}
.header.scrolled,.header.page{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(0,0,0,.10);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:20px}.logo{margin-inline-end:auto}.logo img{width:86px;height:68px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(90,199,255,.28))}
.links{display:flex;align-items:center;gap:18px}.links a{font-size:12px;color:var(--text);font-weight:800;white-space:nowrap;position:relative}.links a:after{content:"";position:absolute;inset:auto 0 -8px;height:2px;background:linear-gradient(90deg,transparent,var(--brand-2),transparent);transform:scaleX(0);transition:.25s}.links a:hover:after,.links a.active:after{transform:scaleX(1)}
.head-actions{display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:999px;padding:10px 15px;font-size:11px;font-weight:800;transition:transform .25s var(--ease),box-shadow .25s,background .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,111,178,.12)}.btn.primary{background:linear-gradient(135deg,#2f83ff,#5ad9ff);color:#061523;border-color:transparent}.btn.primary:hover{box-shadow:0 15px 35px rgba(48,144,232,.28)}
.lang{position:relative}.lang-menu{display:none;position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:160px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.lang.open .lang-menu{display:grid}.lang-menu a{color:var(--text);padding:10px 11px;border-radius:10px;font-size:11px}.lang-menu a:hover{background:var(--surface-3)}
.menu{display:none;width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:21px}

/* PROFESSIONAL THEME CONTROL */
.theme-toggle,.gateway-theme-toggle{display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}
.theme-toggle .theme-track,.gateway-theme-toggle .theme-track{width:46px;height:26px;border-radius:999px;padding:3px;background:var(--surface-3);border:1px solid var(--line);display:flex;align-items:center;transition:.35s var(--ease)}
.theme-toggle .theme-knob,.gateway-theme-toggle .theme-knob{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ffcf67,#ff9e46);box-shadow:0 4px 14px rgba(255,156,57,.25);transition:.35s var(--ease);display:block}
html[data-theme="dark"] .theme-toggle .theme-track,html[data-theme="dark"] .gateway-theme-toggle .theme-track{justify-content:flex-end;background:#102c3f}
html[data-theme="dark"] .theme-toggle .theme-knob,html[data-theme="dark"] .gateway-theme-toggle .theme-knob{background:linear-gradient(135deg,#9beaff,#66c8ff);box-shadow:0 4px 15px rgba(102,200,255,.25)}
.theme-toggle .theme-text,.gateway-theme-toggle .theme-text{font-size:10px;font-weight:900;min-width:28px;text-align:center}.theme-icon{font-size:13px;line-height:1}

/* HERO */
.hero{position:relative;min-height:880px;display:grid;align-items:center;overflow:hidden;background:#041321;color:#fff;padding:145px 0 105px}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,11,21,.10),rgba(2,15,28,.82)),none center/cover no-repeat;animation:heroZoom 16s ease-in-out infinite alternate}.hero-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(52,155,255,.19),transparent 36%),linear-gradient(90deg,rgba(0,12,25,.26),transparent 35%,transparent 65%,rgba(0,12,25,.26))}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg))}
.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:34px;align-items:center}.hero-side{display:grid;gap:15px}.glass{display:flex;align-items:center;gap:13px;padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(14,58,96,.67),rgba(6,34,61,.44));border:1px solid rgba(156,224,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 45px rgba(0,0,0,.17);backdrop-filter:blur(15px);animation:float 6s ease-in-out infinite}.glass:nth-child(2){animation-delay:-2s}.glass:nth-child(3){animation-delay:-4s}.glass .ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(154,225,255,.28);background:rgba(79,175,242,.08);color:#dff8ff;font-size:22px}.glass b{font-size:13px}.glass small{display:block;color:#9fc7e3;font-size:9px;letter-spacing:1px;margin-top:3px}.hero-core{text-align:center;position:relative}.rings{position:absolute;left:50%;top:45%;width:500px;height:500px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(106,220,255,.16);box-shadow:0 0 100px rgba(65,185,255,.12);animation:spinSlow 18s linear infinite}.rings:before,.rings:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(106,220,255,.12);border-radius:50%}.rings:before{width:350px;height:350px}.rings:after{width:420px;height:420px}.hero-logo{position:relative;z-index:2;width:min(315px,76%);margin:auto;filter:drop-shadow(0 0 35px rgba(111,212,255,.42));animation:pulse 5.5s ease-in-out infinite}.slogan{margin-top:-4px;font-size:10px;letter-spacing:6px;color:#a6d1e9}.hero h1{font-size:31px;line-height:1.5;margin:16px auto 7px;max-width:700px}.hero p{max-width:650px;margin:auto;color:#bed5e9;font-size:13px;line-height:2}.scroll{margin-top:26px;color:#9ebbd1;font-size:10px}.scroll span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 16px var(--brand-2);margin-inline-end:6px;animation:blink 1.6s infinite}
.character-float{position:fixed;z-index:60;width:132px;right:16px;bottom:16px;filter:drop-shadow(0 18px 32px rgba(0,0,0,.26)) drop-shadow(0 0 28px rgba(91,215,255,.16));animation:cornerMascot 5.8s ease-in-out infinite;pointer-events:none}.gateway-mascot{width:100%;height:100%;object-fit:contain}

/* CONTENT */
.stats{position:relative;z-index:10;margin-top:-62px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:var(--shadow)}.stat{display:flex;justify-content:center;align-items:center;gap:12px;padding:18px 10px;color:var(--text);border-inline-end:1px solid var(--line)}.stat:last-child{border-inline-end:0}.stat strong{display:block;font-size:25px}.stat span{display:block;color:var(--muted);font-size:10px}.sicon{font-size:26px;color:var(--brand)}
.section{padding:95px 0;position:relative}.section.light{background:var(--surface-2)}.section.white{background:var(--surface)}.section:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(34,118,216,.06),transparent 70%);top:30px;inset-inline-start:-70px;pointer-events:none}.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.about h2,.section-head h2{font-size:31px;margin:0 0 10px;color:var(--text)}.line{width:50px;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:9px;margin:16px 0 20px}.about p{font-size:14px;line-height:2.1;color:var(--muted);margin-bottom:22px}.media{border-radius:30px;overflow:hidden;position:relative;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.media img{width:100%;height:430px;object-fit:cover}.badge{position:absolute;left:18px;bottom:18px;background:rgba(4,22,40,.82);color:#dff6ff;border:1px solid rgba(136,216,255,.2);padding:10px 13px;border-radius:14px;font-size:9px;letter-spacing:1px;backdrop-filter:blur(12px)}.section-head{text-align:center;max-width:780px;margin:0 auto 42px}.section-head p{color:var(--muted);line-height:2}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{padding:25px;border:1px solid var(--line);background:var(--surface);border-radius:24px;box-shadow:0 14px 40px rgba(18,54,90,.07);transition:.35s var(--ease);position:relative;overflow:hidden}.service:before{content:"";position:absolute;inset:auto -30px -40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(48,149,228,.12),transparent 70%)}.service:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(18,54,90,.12)}.service .sicon{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--surface-3),rgba(96,196,244,.15));border:1px solid var(--line);color:var(--brand);margin-bottom:20px}.service h3{margin:0 0 8px;font-size:16px}.service p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.projects{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.project{height:220px;position:relative;border-radius:21px;overflow:hidden;box-shadow:0 18px 45px rgba(10,40,70,.13);transition:.4s;border:1px solid var(--line);background:var(--surface)}.project img{width:100%;height:100%;object-fit:cover;transition:.5s}.project:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,17,31,.85))}.project span{position:absolute;z-index:2;bottom:15px;inset-inline:14px;color:#fff;font-size:12px;font-weight:800}.project:hover{transform:translateY(-7px)}.project:hover img{transform:scale(1.06)}.cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 32px;background:linear-gradient(135deg,#0a2947,#0e4c7f);border-radius:27px;color:#fff;box-shadow:0 25px 70px rgba(8,44,76,.2)}.cta h2{margin:0 0 8px;font-size:24px}.cta p{margin:0;color:#bcd6e8}.cta .btn{background:#fff;color:#0b2d4d;border-color:#fff;min-width:160px}
.footer{background:#061625;color:#c9dced;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.footer img{width:100px;margin-bottom:10px}.footer p{color:#88a5bc;font-size:12px;line-height:1.9}.footer h4{color:#fff;margin:0 0 14px}.footer a,.footer span{display:block;color:#9db6ca;font-size:11px;margin:8px 0}.copy{margin-top:35px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:#7691aa}.site-credit{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#8eabbd}.site-credit a{color:#64d9ff;font-weight:900;transition:.25s}.site-credit a:hover{transform:translateY(-1px);text-shadow:0 0 16px rgba(91,215,255,.3)}
.page-hero{position:relative;min-height:520px;display:flex;align-items:center;background:#031323;color:#fff;overflow:hidden;padding:118px 0 100px}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,11,21,.22),rgba(2,15,28,.82)),none center/cover no-repeat;animation:heroZoom 16s ease-in-out infinite alternate}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(52,155,255,.18),transparent 34%)}.page-hero .container{position:relative;z-index:2;text-align:center}.page-hero .hero-mini-logo{width:min(150px,34vw);margin:0 auto 18px;filter:drop-shadow(0 0 28px rgba(111,212,255,.42))}.page-hero h1{font-size:38px;margin:0 0 10px}.page-hero p{max-width:740px;margin:auto;color:#c5dceb;line-height:2}
.form-card,.contact-card{padding:26px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid .full{grid-column:1/-1}.field{display:grid;gap:7px}.field label{font-size:11px;font-weight:800;color:var(--text-2)}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);outline:0;transition:.25s}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(31,135,255,.55);box-shadow:0 0 0 4px rgba(31,135,255,.10)}

/* GATEWAY */
.gateway-page{--g-text:#f4fbff;--g-muted:#8ca8ba;background:#061320;color:var(--g-text);min-height:100vh;transition:background .5s,color .5s}.gateway-page.theme-light{background:#edf5f9;color:#15364e}.gateway-noise{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.gateway-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(91,215,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,215,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%);animation:gridDrift 18s linear infinite}.gateway-orbit{position:fixed;border:1px solid rgba(106,220,255,.12);border-radius:50%;pointer-events:none}.orbit-a{width:62vw;height:62vw;right:-28vw;top:-25vw;animation:spinSlow 22s linear infinite}.orbit-b{width:36vw;height:36vw;left:-16vw;bottom:-12vw;animation:spinSlow 30s linear infinite reverse}.gateway-glow{position:fixed;border-radius:50%;filter:blur(40px);pointer-events:none}.glow-a{width:360px;height:360px;background:rgba(38,146,255,.18);right:8%;top:18%}.glow-b{width:320px;height:320px;background:rgba(77,213,255,.14);left:5%;bottom:5%}.gateway-page.theme-light .gateway-noise{opacity:.018}.gateway-page.theme-light .gateway-grid{background-image:linear-gradient(rgba(33,105,146,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(33,105,146,.055) 1px,transparent 1px)}.gateway-page.theme-light .gateway-orbit{border-color:rgba(36,120,160,.10)}.gateway-page.theme-light .gateway-glow{opacity:.42}.gateway-shell{min-height:100vh;max-width:1280px;margin:auto;padding:24px 24px 18px;display:flex;flex-direction:column;position:relative;z-index:2}.gateway-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.gateway-code{font-size:10px;letter-spacing:2px;color:#9bb8ca}.security-chip{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;border:1px solid rgba(154,220,245,.14);background:rgba(255,255,255,.05);font-size:8px;letter-spacing:1.4px;color:#9cbacc;backdrop-filter:blur(12px)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(50,213,131,.08),0 0 16px rgba(50,213,131,.55)}.gateway-hero{padding:5.5vh 0 3.8vh;text-align:center;position:relative}.gateway-mascot-wrap{position:absolute;width:180px;height:180px;right:1%;bottom:-4px;pointer-events:none;filter:drop-shadow(0 18px 35px rgba(0,0,0,.25))}.gateway-mascot-wrap .mascot-halo{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(87,214,255,.20),transparent 68%);animation:pulse 4s ease-in-out infinite}.gateway-mascot-wrap .gateway-mascot{position:relative;width:100%;height:100%;animation:cornerMascot 5s ease-in-out infinite;object-fit:contain}.gateway-logo-wrap{width:170px;height:170px;margin:0 auto;position:relative;display:grid;place-items:center}.gateway-logo{width:145px;position:relative;z-index:2;filter:drop-shadow(0 0 30px rgba(100,218,255,.42));animation:pulse 5.2s ease-in-out infinite}.logo-energy{position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(104,221,255,.18);box-shadow:0 0 70px rgba(104,221,255,.10);animation:spinSlow 16s linear infinite}.gateway-kicker{margin-top:13px;font-size:10px;letter-spacing:3.8px;font-weight:900;color:#82c7e2}.gateway-hero h1{font-size:clamp(30px,4vw,52px);margin:13px 0 5px;letter-spacing:-1px}.gateway-hero p{margin:0;color:#a9c1d1;font-size:13px}.gateway-line{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;color:#8099aa;font-size:8px;letter-spacing:2px}.gateway-line span{width:75px;height:1px;background:linear-gradient(90deg,transparent,rgba(104,221,255,.35))}.gateway-line span:last-child{background:linear-gradient(90deg,rgba(104,221,255,.35),transparent)}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;width:100%;margin:auto}.language-card{position:relative;min-height:195px;border:1px solid rgba(154,220,245,.14);border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(12,31,48,.84),rgba(6,19,31,.78));color:#eaf8ff;box-shadow:0 24px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px);overflow:hidden;text-align:right;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}.language-card:before{content:"";position:absolute;inset:-40% auto auto -30%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(77,208,255,.16),transparent 68%);transition:.4s}.language-card:hover{transform:translateY(-9px);border-color:rgba(94,215,255,.34);box-shadow:0 34px 95px rgba(0,0,0,.28),0 0 40px rgba(71,192,255,.08)}.language-card:hover:before{transform:translate(18px,16px)}.language-card:focus-visible{outline:2px solid var(--brand-2)}.card-index{position:absolute;left:20px;top:20px;color:#6f8d9f;font-size:10px;letter-spacing:2px}.lang-symbol{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:19px;font-size:27px;font-weight:900;line-height:1;background:linear-gradient(145deg,rgba(91,215,255,.14),rgba(39,120,214,.08));border:1px solid rgba(91,215,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(39,120,214,.08);transition:.4s var(--ease)}.language-card:hover .lang-symbol{transform:translateY(-3px) rotate(7deg) scale(1.05);box-shadow:0 0 28px rgba(91,215,255,.18),inset 0 1px 0 rgba(255,255,255,.14)}.lang-name{display:block;font-size:22px;font-weight:900;margin-top:22px}.lang-native{display:block;margin-top:5px;font-size:10px;color:#7895a6}.card-arrow{position:absolute;right:20px;bottom:19px;font-size:22px;color:#7bdfff;transition:.3s}.language-card:hover .card-arrow{transform:translate(3px,-3px)}.card-scan{position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#65dbff,transparent);transform:translateX(-100%);transition:transform .6s}.language-card:hover .card-scan{transform:translateX(100%)}.gateway-footer{padding-top:22px;margin-top:auto;color:#718b9b;font-size:9px;text-align:center;display:grid;gap:8px}.gateway-credit{color:#6c8797}.gateway-credit a{color:#61d9ff;font-weight:900}.gateway-transition{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(9,40,63,.72),rgba(2,9,16,.98));opacity:0;visibility:hidden;transition:.45s}.gateway-transition.active{opacity:1;visibility:visible}.transition-ring{width:130px;height:130px;border-radius:50%;border:1px solid rgba(92,220,255,.55);box-shadow:0 0 70px rgba(92,220,255,.18);animation:spinSlow 1.2s linear infinite}.transition-text{position:absolute;font-size:10px;letter-spacing:4px;color:#c7efff;top:calc(50% + 88px)}.gateway-page.gateway-leave .gateway-shell{transform:scale(.98);filter:blur(2px);transition:.6s}
.gateway-page.theme-light .gateway-hero h1{color:#14364d}.gateway-page.theme-light .gateway-hero p{color:#658094}.gateway-page.theme-light .gateway-code{color:#4d7084}.gateway-page.theme-light .security-chip{background:rgba(255,255,255,.72);border-color:rgba(39,120,174,.14);color:#3b667c;box-shadow:0 10px 30px rgba(28,86,113,.08)}.gateway-page.theme-light .language-card{background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(240,248,252,.90));border-color:rgba(39,120,174,.16);color:#12354d;box-shadow:0 22px 60px rgba(41,94,121,.11),inset 0 1px 0 rgba(255,255,255,.96)}.gateway-page.theme-light .language-card .card-index,.gateway-page.theme-light .language-card .lang-native{color:#69879a}.gateway-page.theme-light .gateway-footer{color:#678193}.gateway-page.theme-light .gateway-credit{color:#597487}.gateway-page.theme-light .gateway-credit a{color:#146cc1}

/* MOBILE */
.mobile-open .links{display:grid;position:absolute;left:21px;right:21px;top:82px;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);gap:6px}.mobile-open .links a{padding:12px;border-radius:12px}.mobile-open .links a:hover{background:var(--surface-3)}
@media(max-width:1020px){.links{display:none}.menu{display:block}.hero-inner{grid-template-columns:1fr;gap:22px}.hero-side{grid-template-columns:repeat(3,1fr)}.hero-core{order:-1}.services{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(var(--container),calc(100% - 28px))}.head-actions{gap:5px}.btn.primary{display:none}.hero{min-height:820px;padding-top:125px}.hero-side{grid-template-columns:1fr}.stats{margin-top:-35px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(3){border-top:1px solid var(--line)}.about{grid-template-columns:1fr;gap:32px}.projects{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.character-float{width:88px;right:8px;bottom:8px}.gateway-shell{padding:16px 13px 12px}.gateway-mascot-wrap{width:118px;height:118px;right:0;bottom:-10px}.gateway-hero{padding-top:6vh}.gateway-logo-wrap{width:140px;height:140px}.gateway-logo{width:118px}.language-grid{grid-template-columns:1fr;max-width:420px}.language-card{min-height:155px}.gateway-footer{margin-top:28px}}
@media(max-width:500px){.theme-toggle .theme-text,.gateway-theme-toggle .theme-text{display:none}.hero h1{font-size:26px}.section{padding:74px 0}.footer-grid{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.stat{border-inline-end:0!important;border-top:1px solid var(--line)}.stat:first-child{border-top:0}.gateway-topbar{gap:8px}.security-chip{order:3;position:absolute;top:64px;left:50%;transform:translateX(-50%)}.gateway-hero{padding-top:10vh}.gateway-kicker{font-size:8px;letter-spacing:2.4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.035);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,100%{opacity:.5}50%{opacity:1}}@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes cornerMascot{0%,100%{transform:translate3d(0,0,0) rotate(-1.2deg)}50%{transform:translate3d(0,-12px,0) rotate(1.3deg)}}@keyframes gridDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(42px,42px,0)}}


/* ===================== DELTA V13 VISUAL SYSTEM ===================== */
:root{--ease-smooth:cubic-bezier(.22,.75,.2,1);--brand:#3a8dff;--cyan:#63dcff}
html{background:var(--bg,#06121d);transition:background .45s ease}
body{position:relative;isolation:isolate;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:linear-gradient(180deg,rgba(88,212,255,.22),rgba(14,92,167,.08) 35%,rgba(4,10,16,.94) 100%);transform:translateY(-105%);opacity:0;transition:transform .78s var(--ease-smooth),opacity .18s ease}
body.theme-transitioning::before{transform:translateY(0);opacity:1}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;background:radial-gradient(circle at 50% -10%,rgba(90,216,255,.10),transparent 38%);opacity:.8}
.theme-toggle,.gateway-theme-toggle{border-radius:999px;min-height:42px;padding:4px 7px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line-strong);box-shadow:0 12px 32px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .28s var(--ease-smooth),box-shadow .28s ease,border-color .28s ease}
.theme-toggle:hover,.gateway-theme-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(38,150,255,.15);border-color:rgba(98,220,255,.38)}
.theme-toggle .theme-track,.gateway-theme-toggle .theme-track{position:relative;width:78px;height:32px;padding:3px;border-radius:999px;background:linear-gradient(90deg,rgba(255,195,73,.14),rgba(76,197,255,.16));border-color:rgba(115,203,239,.20);overflow:hidden}
.theme-toggle .theme-track::before,.gateway-theme-toggle .theme-track::before{content:"☀";position:absolute;left:8px;top:4px;font-size:15px;opacity:.82}.theme-toggle .theme-track::after,.gateway-theme-toggle .theme-track::after{content:"☾";position:absolute;right:8px;top:4px;font-size:15px;opacity:.82}
.theme-toggle .theme-knob,.gateway-theme-toggle .theme-knob{position:relative;z-index:2;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff,#dcecff 36%,#63d7ff 80%);box-shadow:0 3px 18px rgba(74,205,255,.38);transition:transform .48s var(--ease-smooth),box-shadow .35s ease}
html[data-theme="dark"] .theme-toggle .theme-track,html[data-theme="dark"] .gateway-theme-toggle .theme-track{justify-content:flex-end}.theme-toggle .theme-text,.gateway-theme-toggle .theme-text{display:none}
html[data-theme="light"] .theme-toggle .theme-track,html[data-theme="light"] .gateway-theme-toggle .theme-track{background:linear-gradient(90deg,rgba(255,189,58,.16),rgba(47,139,255,.09))}
html[data-theme="light"] .theme-toggle .theme-knob,html[data-theme="light"] .gateway-theme-toggle .theme-knob{transform:translateX(-42px);background:radial-gradient(circle at 32% 30%,#fff,#fff2ca 34%,#ffbf45 78%);box-shadow:0 3px 18px rgba(255,182,43,.28)}
.gateway-page{background:var(--bg);color:var(--text)}
.gateway-page::selection{background:rgba(72,199,255,.25)}
.gateway-shell{max-width:1320px;padding:22px 28px 16px}
.gateway-topbar{min-height:48px}.gateway-code{opacity:.78}.security-chip{box-shadow:0 10px 28px rgba(0,0,0,.12)}
.gateway-hero{padding:4vh 0 3.2vh;min-height:390px;display:flex;flex-direction:column;justify-content:center}
.gateway-logo-wrap{width:156px;height:156px}.gateway-logo{width:132px}
.gateway-mascot-wrap{right:auto;left:2%;bottom:-10px;width:190px;height:190px;filter:drop-shadow(0 20px 36px rgba(0,0,0,.28)) drop-shadow(0 0 26px rgba(79,210,255,.22));z-index:4}
.gateway-mascot-wrap .gateway-mascot{animation:mascotFloat 4.8s ease-in-out infinite}.gateway-mascot-wrap::after{content:"";position:absolute;left:15%;right:15%;bottom:3px;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(74,208,255,.35),transparent 70%);filter:blur(10px);animation:mascotShadow 4.8s ease-in-out infinite}
.gateway-hero h1{font-size:clamp(34px,4.8vw,64px);line-height:1.18;text-shadow:0 12px 40px rgba(54,176,255,.16);margin:12px auto 8px;max-width:950px}
.gateway-hero p{font-size:14px}.gateway-line{margin-top:18px}
.language-grid{max-width:980px;gap:18px;position:relative;z-index:3}.language-card{min-height:178px;padding:24px;border-radius:26px;text-align:right;transform:translateY(0);transition:transform .42s var(--ease-smooth),box-shadow .42s var(--ease-smooth),border-color .42s ease}
.language-card:nth-child(1){animation:cardRise .72s .08s both}.language-card:nth-child(2){animation:cardRise .72s .18s both}.language-card:nth-child(3){animation:cardRise .72s .28s both}
.language-card:hover{transform:translateY(-11px) scale(1.015)}
.language-card::after{content:"";position:absolute;inset:1px;border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%,transparent 72%,rgba(100,210,255,.08));pointer-events:none}
.lang-symbol{border-radius:18px;box-shadow:0 14px 34px rgba(49,167,255,.10)}
.card-arrow{width:36px;height:36px;border:1px solid rgba(105,213,255,.20);border-radius:12px;display:grid;place-items:center}
.gateway-footer{position:relative;z-index:3;padding-top:22px}.gateway-credit a{transition:color .25s ease,text-shadow .25s ease}.gateway-credit a:hover{text-shadow:0 0 18px rgba(97,217,255,.35)}
.gateway-transition{background:linear-gradient(180deg,rgba(2,10,17,.10),rgba(2,10,17,.96))}.gateway-page.theme-light .gateway-transition{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(240,248,252,.98))}
.gateway-page.theme-light .language-card{color:#12354d}.gateway-page.theme-light .gateway-kicker{color:#2b7eb1}.gateway-page.theme-light .lang-name{color:#12354d}
.character-float{width:146px;right:20px;bottom:20px;filter:drop-shadow(0 20px 32px rgba(0,0,0,.22)) drop-shadow(0 0 24px rgba(91,215,255,.22));animation:cornerMascotPro 5s ease-in-out infinite;transition:transform .35s var(--ease-smooth),filter .35s ease}
.character-float:hover{transform:translateY(-9px) rotate(-2deg) scale(1.04);filter:drop-shadow(0 26px 38px rgba(0,0,0,.24)) drop-shadow(0 0 32px rgba(91,215,255,.3))}
.header.page{backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 76%,transparent);border-bottom:1px solid var(--line)}
.links a{transition:color .25s ease,transform .25s ease}.links a:hover{transform:translateY(-1px)}
@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
@keyframes mascotShadow{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.1);opacity:.88}}
@keyframes cornerMascotPro{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-12px) rotate(-2deg)}}
@keyframes cardRise{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.gateway-shell{padding:14px 13px 12px}.gateway-hero{min-height:auto;padding:8vh 0 4vh}.gateway-mascot-wrap{left:auto;right:-6px;width:116px;height:116px;bottom:-22px}.gateway-hero h1{font-size:clamp(31px,10vw,44px);max-width:92%}.language-grid{gap:12px}.language-card{min-height:150px}.character-float{width:92px;right:8px;bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* DELTA V42 — bundled typography + reliable light theme */
@font-face{font-family:"DeltaNoto";src:url("../fonts/NotoSansArabic-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DeltaNoto";src:url("../fonts/NotoSansArabic-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DeltaNoto";src:url("../fonts/NotoSansArabic-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"DeltaNoto";src:url("../fonts/NotoSansArabic-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
html,body,button,input,textarea,select{font-family:"DeltaNoto",Tahoma,Arial,sans-serif!important}
html{background:var(--bg)}
/* Light-mode repair: no dark fixed surfaces/text leaking into the light palette. */
html[data-theme="light"] body{--bg:#f4f8fc;--surface:#ffffff;--surface-2:#f8fbfe;--surface-3:#edf5fa;--text:#102f49;--text-2:#31536a;--muted:#647f92;--line:#d7e5ee;--line-strong:#bfd4e2;--shadow:0 24px 70px rgba(22,73,104,.10);--shadow-lg:0 38px 100px rgba(22,73,104,.14)}
html[data-theme="light"] .header.page,html[data-theme="light"] .header.scrolled{background:rgba(255,255,255,.84);border-color:#dbe8ef;box-shadow:0 10px 35px rgba(28,75,103,.08)}
html[data-theme="light"] .links a{color:#153b56}
html[data-theme="light"] .btn:not(.primary){background:rgba(255,255,255,.92);color:#173d58;border-color:#cbdde8}
html[data-theme="light"] .section.light{background:linear-gradient(180deg,#f0f7fb,#fbfdff)}
html[data-theme="light"] .section.white{background:linear-gradient(180deg,#fff,#f7fbfe)}
html[data-theme="light"] .stats-grid{background:linear-gradient(135deg,#ffffff,#eef7fc)!important;border-color:#cbdfe9!important;box-shadow:0 24px 70px rgba(24,83,116,.12)!important}
html[data-theme="light"] .stat{color:#173b55!important;border-color:#d7e5ee!important}
html[data-theme="light"] .stat span{color:#658094!important}
html[data-theme="light"] .service,html[data-theme="light"] .product-card,html[data-theme="light"] .info-card,html[data-theme="light"] .project,html[data-theme="light"] .media{background:linear-gradient(145deg,#fff,#f5faff)!important;border-color:#d3e3ec!important;color:#173b55}
html[data-theme="light"] .service h3,html[data-theme="light"] .product-card h3,html[data-theme="light"] .info-card h3,html[data-theme="light"] .project h3{color:#123b58!important}
html[data-theme="light"] .service p,html[data-theme="light"] .product-card p,html[data-theme="light"] .info-card p,html[data-theme="light"] .project p{color:#607c8f!important}
html[data-theme="light"] .intro-video-section{background:radial-gradient(circle at 15% 25%,rgba(48,157,255,.08),transparent 28%),linear-gradient(180deg,#eef7fc,#ffffff)}
html[data-theme="light"] .intro-video-card{background:linear-gradient(135deg,#fff,#f0f8fd);border-color:#cfe1eb;box-shadow:0 30px 90px rgba(27,83,112,.13)}
html[data-theme="light"] .intro-video-copy h2{color:#123b58}
html[data-theme="light"] .intro-video-copy p{color:#5c788b}
html[data-theme="light"] .video-highlights{color:#31566d}
html[data-theme="light"] .footer{background:#071522;color:#eaf8ff}
/* Better Persian/Latin numeral rendering */
.count,.stat strong,.stat .sicon{font-variant-numeric:tabular-nums lining-nums}
.count{direction:ltr;unicode-bidi:isolate;display:inline-block}


/* --- brand-upgrade.css --- */
@font-face{font-family:"NotoSansArabic";src:url("../fonts/NotoSansArabic-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"NotoSansArabic";src:url("../fonts/NotoSansArabic-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"NotoSansArabic";src:url("../fonts/NotoSansArabic-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"NotoSansArabic";src:url("../fonts/NotoSansArabic-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{--delta-lime:#c8ff38;--delta-cyan:#55e6ff;--delta-ease:cubic-bezier(.2,.8,.2,1);--delta-shadow:0 16px 42px rgba(0,0,0,.16)}
html{scroll-behavior:smooth}body,button,input,textarea,select{font-family:"NotoSansArabic","Segoe UI",Tahoma,sans-serif}body{font-weight:400;letter-spacing:0;font-feature-settings:"kern","liga"}.hero h1,.section-head h2,.about h2,.cta h2,.page-hero h1{font-weight:900;line-height:1.45}.hero p,.section-head p,.service p,.product-card p,.project p{line-height:2}
.links a{font-weight:700}.links a:after{background:linear-gradient(90deg,var(--delta-lime),var(--delta-cyan));transition:width .25s ease,left .25s ease,right .25s ease}.hero-logo{filter:drop-shadow(0 0 22px rgba(85,230,255,.18));animation:deltaLogoFloat 7s ease-in-out infinite}.rings:before,.rings:after{border-color:rgba(200,255,56,.18)!important;box-shadow:0 0 36px rgba(85,230,255,.08)}
.glass,.service,.product-card,.project,.info-card,.dark-card,.media{border:1px solid var(--delta-line)!important;box-shadow:var(--delta-shadow)!important}
.stat{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.stat:hover{transform:translateY(-5px)}
@keyframes deltaLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* --- performance.css --- */
/* DELTA v26 — lightweight visual system */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
.header{will-change:transform}
.header,.footer,.service,.product-card,.project,.media,.dark-card,.info-card,.glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.gateway-noise,.gateway-grid{display:none!important}
.gateway-glow{filter:none!important;opacity:.35!important}
.gateway-orbit{animation-duration:18s!important;opacity:.35!important}
.gateway-mascot,.gateway-logo{filter:drop-shadow(0 12px 24px rgba(0,0,0,.16))!important}
.reveal{filter:none!important;transition:opacity .45s ease,transform .45s ease!important}
.project,.service,.product-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.project:hover,.service:hover,.product-card:hover{transform:translateY(-5px)!important}
.theme-toggle,.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
@media(max-width:760px){.gateway-orbit{display:none!important}.hero{min-height:650px!important}.section{padding-block:64px!important}}


/* --- fixes-v27.css --- */
/* DELTA v27 — layout, typography, motion and responsive fixes */
:root{--v27-accent:#67e8ff;--v27-accent2:#a7ff3f;--v27-deep:#061522;--v27-card:rgba(9,27,42,.86);--v27-border:rgba(104,220,255,.16);--v27-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:smooth}body,button,input,textarea,select{font-family:Tahoma,"Segoe UI",sans-serif!important}body{line-height:1.8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,li{overflow-wrap:anywhere}
/* shared layout */
.content-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:30px;align-items:start}.section-head{position:relative;z-index:2}.section-head h2,.about h2{letter-spacing:-.02em}.services{position:relative;z-index:2}.service{isolation:isolate}.service:after,.product-card:after,.info-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.08) 48%,transparent 72%);transform:translateX(-120%);transition:transform .9s var(--v27-ease)}.service:hover:after,.product-card:hover:after,.info-card:hover:after{transform:translateX(120%)}
/* products */
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative;z-index:2}.product-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:0 18px 55px rgba(8,39,66,.12);transition:transform .45s var(--v27-ease),box-shadow .45s var(--v27-ease),border-color .45s ease;transform:translateZ(0)}.product-card:hover{transform:translateY(-10px);box-shadow:0 28px 75px rgba(10,77,125,.18);border-color:rgba(103,232,255,.35)}.product-card img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .8s var(--v27-ease),filter .8s ease}.product-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.03)}.product-card .body{padding:24px}.product-card h3{font-size:22px;margin:0 0 8px}.product-card p{color:var(--muted);font-size:13px;line-height:2;margin:0 0 13px}.product-card ul{margin:0;padding:0 20px 0 0;color:var(--text);display:grid;gap:7px}.product-card li{font-size:12px;color:var(--muted)}.product-card li::marker{color:var(--brand)}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px}.hero-chip{padding:8px 14px;border:1px solid rgba(121,221,255,.2);border-radius:999px;background:rgba(8,35,56,.55);color:#dff7ff;font-size:11px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform .3s var(--v27-ease),border-color .3s,background .3s}.hero-chip:hover{transform:translateY(-4px);border-color:rgba(167,255,63,.45);background:rgba(167,255,63,.08)}
/* contact */
.contact-form{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 22px 60px rgba(12,58,90,.11);overflow:hidden}.contact-form:before{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(90,218,255,.13),transparent 68%);pointer-events:none}.contact-form label{display:grid;gap:7px;color:var(--text);font-size:11px;font-weight:800;position:relative;z-index:1}.contact-form label.full{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);outline:0;font:inherit;transition:border-color .25s,box-shadow .25s,transform .25s}.contact-form input{height:49px}.contact-form textarea{min-height:155px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(103,232,255,.55);box-shadow:0 0 0 4px rgba(103,232,255,.08),0 12px 30px rgba(19,125,176,.08);transform:translateY(-1px)}.contact-form .btn{justify-self:start;min-width:170px;position:relative;z-index:1}.form-status{grid-column:1/-1;min-height:25px;padding:8px 11px;border-radius:12px;font-size:11px;font-weight:800}.form-status:empty{display:none}.form-status.ok{color:#cfff9b;background:rgba(168,255,63,.08);border:1px solid rgba(168,255,63,.18)}.form-status.bad{color:#ffb2bd;background:rgba(255,92,112,.08);border:1px solid rgba(255,92,112,.18)}
/* mobile navigation */
.menu{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:9px 11px;font-size:16px}.mobile-open .links{display:flex;position:fixed;top:72px;right:14px;left:14px;flex-direction:column;align-items:stretch;gap:3px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(5,18,29,.97);box-shadow:0 25px 70px rgba(0,0,0,.35);z-index:110}.mobile-open .links a{padding:12px 13px;border-radius:11px}.mobile-open .links a:hover{background:rgba(103,232,255,.08)}
/* richer but light motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--v27-ease),transform .7s var(--v27-ease);transition-delay:var(--reveal-delay,0ms)}.reveal.show{opacity:1;transform:none}.delta-motion-ready .hero-logo{animation:deltaHeroFloat 6s ease-in-out infinite}.delta-motion-ready .hero-core:before{content:"";position:absolute;inset:8% 14%;border-radius:50%;background:radial-gradient(circle,rgba(103,232,255,.10),transparent 66%);animation:deltaBreath 5s ease-in-out infinite;pointer-events:none}.delta-scroll-progress{position:fixed;z-index:1000;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--v27-accent2),var(--v27-accent));transform-origin:100% 50%;box-shadow:0 0 18px rgba(103,232,255,.55)}.delta-cursor-dot{display:none!important}.delta-particle{position:fixed;z-index:0;border-radius:50%;background:var(--v27-accent);box-shadow:0 0 12px rgba(103,232,255,.7);pointer-events:none;animation:deltaParticle 12s linear infinite;opacity:.45}.service,.product-card,.info-card,.dark-card,.glass{--spot-x:50%;--spot-y:50%}.service:hover,.product-card:hover,.info-card:hover{box-shadow:0 28px 75px rgba(10,77,125,.18),0 0 0 1px rgba(103,232,255,.06)}
@keyframes deltaHeroFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-9px) rotate(.6deg)}}@keyframes deltaBreath{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.8;transform:scale(1.05)}}@keyframes deltaParticle{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.5}80%{opacity:.35}100%{transform:translate3d(var(--dx),-120vh,0);opacity:0}}
@media(max-width:1020px){.content-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu{display:block}.links{display:none}.hero-side{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.content-grid{gap:18px}.product-grid{grid-template-columns:1fr}.product-card img{height:205px}.product-card .body{padding:20px}.contact-form{grid-template-columns:1fr;padding:19px;border-radius:20px}.contact-form label.full{grid-column:auto}.contact-form .btn{width:100%}.hero-chips{gap:7px}.hero-chip{font-size:10px;padding:7px 11px}.menu{display:block}.delta-particle{display:none}.page-hero{min-height:430px}.services{grid-template-columns:1fr!important}.service{padding:21px}.footer-grid{gap:22px}.site-credit{line-height:2.1}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.delta-particle,.delta-scroll-progress{display:none!important}.product-card,.service,.btn,.hero-logo{animation:none!important;transition:none!important}.product-card:hover,.service:hover{transform:none}}

/* v32: optional home hero video */
.hero-video{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;background:#07121b}
.hero-video video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.03)}
.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,16,.88),rgba(3,10,16,.42),rgba(3,10,16,.72))}
.hero-video-toggle{pointer-events:auto;position:absolute;bottom:18px;left:18px;border:1px solid rgba(255,255,255,.22);background:rgba(4,15,24,.58);color:#fff;border-radius:999px;width:40px;height:40px;backdrop-filter:blur(12px)}
@media(max-width:700px){.hero-video{position:absolute}.hero-video-overlay{background:linear-gradient(180deg,rgba(3,10,16,.62),rgba(3,10,16,.78))}.hero-video-toggle{bottom:12px;left:12px}}


/* --- site-v28.css --- */
/* DELTA v28 — final visual layer: premium, fast, mobile-first */
:root{--v28-cyan:#5ee7ff;--v28-blue:#2f86ff;--v28-lime:#b6ff52;--v28-ink:#061522;--v28-ease:cubic-bezier(.16,1,.3,1)}
html,body{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}
body{line-height:1.85}
/* HERO / GECKO */
.hero{min-height:min(900px,100svh);padding:128px 0 95px;background:#03121e;isolation:isolate}
.hero-bg{background-image:linear-gradient(90deg,rgba(2,13,24,.97) 0%,rgba(2,15,27,.86) 30%,rgba(2,15,27,.40) 57%,rgba(2,15,27,.20) 100%),linear-gradient(180deg,rgba(0,10,20,.16),rgba(2,14,26,.72)),url('../images/delta-gecko-hero.jpg');background-position:center;background-size:cover;animation:heroKenBurns 18s ease-in-out infinite alternate;filter:saturate(1.06) contrast(1.03)}
.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 46%,rgba(69,209,255,.16),transparent 31%),linear-gradient(0deg,rgba(1,12,22,.85),transparent 35%,rgba(1,12,22,.15));pointer-events:none}
.hero-inner{grid-template-columns:minmax(250px,.75fr) minmax(420px,1.25fr) minmax(250px,.75fr);gap:26px}
.hero-core{padding:38px 34px;border:1px solid rgba(184,237,255,.20);border-radius:34px;background:linear-gradient(145deg,rgba(3,22,37,.74),rgba(3,18,30,.42));box-shadow:0 35px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.10);backdrop-filter:blur(18px);overflow:hidden}
.hero-core:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.10) 48%,transparent 72%);transform:translateX(-130%);animation:heroSheen 7s var(--v28-ease) infinite;pointer-events:none}
.hero-logo{width:145px!important;height:145px!important;object-fit:contain;margin-inline:auto;filter:drop-shadow(0 0 32px rgba(77,211,255,.35))}
.hero-core h1{font-size:clamp(30px,4vw,52px);line-height:1.35;max-width:720px;margin:13px auto 12px;text-shadow:0 12px 38px rgba(0,0,0,.35)}
.hero-core p{font-size:14px;color:#c8e3ee;max-width:650px;margin:0 auto 20px}
.hero-core .btn.primary{display:inline-flex!important;margin-top:7px}
.hero-side .glass{background:linear-gradient(145deg,rgba(8,38,61,.72),rgba(4,24,41,.52));border-color:rgba(149,229,255,.20);box-shadow:0 20px 55px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.character-float{display:none!important}
/* keep the real gecko visible on all sizes */
.gecko-badge{display:flex;align-items:center;gap:9px;position:absolute;right:22px;bottom:22px;z-index:8;padding:9px 13px;border-radius:999px;background:rgba(3,20,32,.72);border:1px solid rgba(160,236,255,.20);backdrop-filter:blur(12px);color:#e8faff;font-size:10px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.25)}
.gecko-badge i{width:8px;height:8px;border-radius:50%;background:var(--v28-lime);box-shadow:0 0 14px var(--v28-lime)}
/* section polish */
.section{position:relative}.section-head h2{font-size:clamp(25px,3vw,40px)}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-card{border-radius:28px}.product-card .body{padding:25px}
/* navigation */
.header{padding:10px 0}.nav{min-height:68px}.logo img{width:80px;height:58px}
/* motion */
@keyframes heroKenBurns{0%{transform:scale(1)}100%{transform:scale(1.045)}}
@keyframes heroSheen{0%,58%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}
@media(max-width:1020px){.hero{min-height:820px}.hero-inner{grid-template-columns:1fr;max-width:780px}.hero-side{grid-template-columns:repeat(4,1fr)}.hero-core{order:-1}.hero-side .glass{padding:13px}.hero-side .glass small{font-size:8px}}
@media(max-width:760px){
  .hero{min-height:760px;padding:105px 0 70px;display:flex;align-items:flex-end}
  .hero-bg{background-image:linear-gradient(180deg,rgba(2,12,21,.22) 0%,rgba(2,13,23,.38) 34%,rgba(2,13,23,.91) 70%,rgba(2,13,23,.98) 100%),url('../images/delta-gecko-hero.jpg');background-position:center 20%;animation:none}
  .hero-inner{width:min(100% - 22px,520px);gap:12px}
  .hero-core{padding:22px 18px 20px;border-radius:25px;background:linear-gradient(150deg,rgba(3,22,37,.83),rgba(3,18,30,.68));backdrop-filter:blur(14px)}
  .hero-logo{width:92px!important;height:92px!important}
  .hero-core h1{font-size:clamp(26px,8.5vw,38px);line-height:1.45;margin:8px auto}
  .hero-core p{font-size:11px;line-height:2;color:#c6dce6}
  .hero-side{grid-template-columns:repeat(2,1fr);gap:8px}
  .hero-side .glass{min-height:74px;padding:11px;border-radius:16px}
  .hero-side .glass .ic{font-size:14px}.hero-side .glass b{font-size:10px}.hero-side .glass small{font-size:7px}
  .gecko-badge{right:10px;bottom:10px;font-size:8px;padding:7px 10px}
  .product-grid{grid-template-columns:1fr}
  .product-card img{height:205px}
  .contact-form{grid-template-columns:1fr}
  .header{padding:7px 0}.nav{min-height:58px}
}
@media(max-width:430px){.hero{min-height:700px;padding-top:90px}.hero-inner{width:calc(100% - 16px)}.hero-core{padding:18px 14px}.hero-logo{width:78px!important;height:78px!important}.hero-core h1{font-size:25px}.hero-core p{font-size:10px}.hero-side .glass{min-height:67px;padding:9px}.hero-side .glass b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-core:after{animation:none!important}}
.contact-form label>span{display:block;line-height:1.7}
@media(max-width:760px){.contact-form label{font-size:10px}.contact-form input{height:47px}.contact-form textarea{min-height:135px}}


/* --- delta-final.css --- */
/* DELTA V41 — PREMIUM BLUE / CYAN VISUAL SYSTEM */
@font-face{font-family:"DeltaNoto";src:url("../fonts/NotoSansArabic-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DeltaNoto";src:url("../fonts/NotoSansArabic-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DeltaNoto";src:url("../fonts/NotoSansArabic-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"DeltaNoto";src:url("../fonts/NotoSansArabic-Black.woff2") format("woff2");font-weight:900;font-display:swap}
:root{--brand:#2d8cff;--brand-2:#55e8ff;--delta-deep:#061321;--delta-blue:#1677ff;--delta-cyan:#65edff;--delta-silver:#d9f5ff;--delta-glow:rgba(52,188,255,.34);--delta-ease:cubic-bezier(.16,1,.3,1)}
html,body,button,input,textarea,select{font-family:"DeltaNoto","Segoe UI",Tahoma,sans-serif!important}body{font-feature-settings:"kern","liga";text-rendering:optimizeLegibility}
/* Remove the old lime accent and give the whole brand one cinematic palette. */
.hero,.dark{--brand:#55e8ff;--brand-2:#8bdfff}
.links a:after,.line{background:linear-gradient(90deg,#1677ff,#55e8ff,#fff)!important}
.btn.primary{background:linear-gradient(135deg,#146eff 0%,#2d9dff 48%,#62eaff 100%)!important;color:#03101d!important;box-shadow:0 12px 38px rgba(29,133,255,.22),inset 0 1px 0 rgba(255,255,255,.6)}
.btn.primary:hover{box-shadow:0 18px 55px rgba(38,157,255,.36),0 0 35px rgba(85,232,255,.16)!important}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px;position:relative;z-index:5}.hero-ghost{background:rgba(255,255,255,.07)!important;color:#eafaff!important;border-color:rgba(150,225,255,.28)!important;backdrop-filter:blur(12px)}
/* Cinematic hero */
.hero{isolation:isolate}.hero:before{content:"";position:absolute;inset:-30%;z-index:1;pointer-events:none;background:conic-gradient(from 90deg at 50% 50%,transparent 0 18%,rgba(77,216,255,.10) 24%,transparent 31% 64%,rgba(37,126,255,.09) 72%,transparent 78%);animation:deltaCinematicSpin 18s linear infinite}.hero:after{z-index:2;background:linear-gradient(180deg,transparent 68%,var(--bg) 100%)}.hero-bg{filter:saturate(1.16) contrast(1.08);transform-origin:center;animation:deltaHeroZoom 18s ease-in-out infinite alternate}.hero-core{filter:drop-shadow(0 25px 55px rgba(15,105,190,.18));animation:deltaHeroFloat 6s ease-in-out infinite}.hero-logo{filter:drop-shadow(0 0 20px rgba(102,220,255,.30)) drop-shadow(0 0 55px rgba(25,120,255,.22));animation:deltaLogoPulse 4.8s ease-in-out infinite}.rings{border-color:rgba(86,220,255,.28)!important;box-shadow:0 0 120px rgba(35,154,255,.16),inset 0 0 70px rgba(85,232,255,.05);animation:deltaRingSpin 22s linear infinite}.rings:before,.rings:after{border-color:rgba(85,232,255,.18)!important}.glass{background:linear-gradient(135deg,rgba(11,57,99,.72),rgba(4,25,48,.50));border-color:rgba(105,218,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 70px rgba(0,0,0,.25),0 0 30px rgba(38,153,255,.07)!important}.glass:hover{border-color:rgba(102,231,255,.58)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 85px rgba(0,0,0,.34),0 0 45px rgba(56,186,255,.18)!important}
/* Stats */
.stats-grid{background:linear-gradient(135deg,rgba(7,28,48,.96),rgba(8,35,60,.91))!important;border-color:rgba(90,203,255,.20)!important;box-shadow:0 30px 90px rgba(2,21,38,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}.stat{color:#eafaff!important;border-color:rgba(130,211,245,.13)!important}.stat span{color:#91b9ce!important}.stat:hover{background:rgba(35,142,220,.10)!important;box-shadow:0 20px 55px rgba(20,112,183,.20)!important}.sicon{color:#67e9ff!important;text-shadow:0 0 18px rgba(79,220,255,.32)}
/* Intro Instagram video */
.intro-video-section{padding:78px 0 88px;background:radial-gradient(circle at 15% 25%,rgba(48,157,255,.11),transparent 28%),linear-gradient(180deg,#edf5fb 0%,#f8fbfe 100%);position:relative;overflow:hidden}.intro-video-section:before{content:"";position:absolute;width:720px;height:720px;right:-320px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(74,205,255,.16),transparent 67%);animation:deltaOrb 10s ease-in-out infinite}.intro-video-card{position:relative;display:grid;grid-template-columns:minmax(280px,.70fr) minmax(0,1.30fr);gap:34px;align-items:center;padding:25px;border:1px solid rgba(51,141,206,.20);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(235,247,254,.92));box-shadow:0 30px 110px rgba(31,86,119,.16),inset 0 1px 0 #fff;overflow:hidden}.intro-video-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(88,211,255,.12) 48%,transparent 62%);transform:translateX(-110%);animation:deltaSweep 7s ease-in-out infinite}.intro-video-copy{padding:25px 22px;position:relative;z-index:2}.intro-video-copy h2{font-size:clamp(28px,3.4vw,45px);font-weight:900;color:#0d3150;margin:10px 0}.intro-video-copy p{color:#557185;line-height:2.05;font-size:13px}.video-highlights{display:grid;gap:9px;margin:22px 0;color:#284e67;font-size:11px;font-weight:800}.video-highlights span{display:flex;align-items:center;gap:9px}.video-highlights i{font-style:normal;color:#1683ff;text-shadow:0 0 14px rgba(30,142,255,.25)}.video-instagram-btn{display:inline-flex;align-items:center;gap:9px;margin-top:4px}.video-instagram-btn b{font-size:16px}.intro-video-frame{position:relative;min-height:470px;border-radius:27px;overflow:hidden;background:#020b14;border:1px solid rgba(93,216,255,.32);box-shadow:0 28px 80px rgba(3,24,39,.30),0 0 60px rgba(41,166,255,.10);z-index:2}.intro-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;min-height:470px;border:0;background:#050d15;z-index:3}.video-glow{position:absolute;inset:-35%;background:conic-gradient(from 20deg,transparent,rgba(40,151,255,.22),transparent 28%,rgba(86,230,255,.17),transparent 60%);animation:deltaCinematicSpin 16s linear infinite;z-index:1}.instagram-fallback{display:none;position:absolute;inset:0;z-index:4;align-content:center;justify-items:center;text-align:center;gap:10px;color:#eafaff;background:linear-gradient(145deg,rgba(2,18,31,.62),rgba(2,8,16,.94))}.instagram-fallback span{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:linear-gradient(145deg,#fff,#b9f1ff);color:#1468bf;font-size:31px;padding-left:4px;box-shadow:0 0 0 10px rgba(255,255,255,.06),0 0 55px rgba(85,211,255,.34);animation:deltaVideoPulse 2.5s ease-in-out infinite}.instagram-fallback b{font-size:17px}.instagram-fallback small{color:#b7d5e4}.intro-video-card.reveal.show{animation:deltaFloatIn .9s var(--delta-ease) both}
/* Cards / sections */
.service,.product-card,.info-card,.project,.media{border-color:rgba(42,126,185,.18)!important;box-shadow:0 18px 55px rgba(18,54,90,.08)!important}.service:hover,.product-card:hover,.info-card:hover{border-color:rgba(46,159,239,.35)!important;box-shadow:0 28px 75px rgba(17,93,146,.16),0 0 35px rgba(57,175,255,.08)!important}.section.white{background:linear-gradient(180deg,#fff,#f5faff)}.section.light{background:linear-gradient(180deg,#edf5fb,#f8fbfe)}
/* More premium motion */
.delta-scroll-progress{height:3px!important;background:linear-gradient(90deg,#146eff,#55e8ff,#fff)!important;box-shadow:0 0 14px rgba(85,232,255,.45)!important}.delta-particle{background:#64eaff!important;box-shadow:0 0 14px rgba(90,226,255,.72)!important}.delta-tilt{will-change:transform}
@keyframes deltaHeroZoom{from{transform:scale(1)}to{transform:scale(1.075)}}@keyframes deltaHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes deltaLogoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(102,220,255,.28)) drop-shadow(0 0 48px rgba(25,120,255,.18))}50%{transform:scale(1.035);filter:drop-shadow(0 0 32px rgba(102,220,255,.55)) drop-shadow(0 0 70px rgba(25,120,255,.28))}}@keyframes deltaRingSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes deltaCinematicSpin{to{transform:rotate(360deg)}}@keyframes deltaSweep{0%,20%{transform:translateX(-110%)}58%,100%{transform:translateX(115%)}}@keyframes deltaOrb{50%{transform:translate3d(-30px,35px,0) scale(1.08)}}@keyframes deltaVideoPulse{50%{transform:scale(1.06);box-shadow:0 0 0 15px rgba(255,255,255,.04),0 0 70px rgba(85,211,255,.44)}}@keyframes deltaFloatIn{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:900px){.intro-video-card{grid-template-columns:1fr}.intro-video-copy{padding:14px 8px}.intro-video-frame,.intro-video-frame iframe{min-height:520px}.hero-actions{margin-top:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.intro-video-section{padding:45px 0 60px}.intro-video-card{padding:12px;border-radius:25px;gap:10px}.intro-video-copy h2{font-size:27px}.intro-video-copy p{font-size:11px}.intro-video-frame,.intro-video-frame iframe{min-height:460px;border-radius:21px}.hero-actions{gap:8px}.hero-actions .btn{padding:10px 13px;font-size:10px}.stats-grid{border-radius:20px}.stat{padding:14px 7px}.stat strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-bg,.hero-core,.hero-logo,.rings,.intro-video-section:before,.intro-video-card:after,.video-glow{animation:none!important}.service:hover,.product-card:hover,.info-card:hover,.stat:hover,.glass:hover{transform:none!important}}

/* DELTA V42 premium refinements */
html,body{font-synthesis:none}
.hero .hero-core h1,.hero .hero-core p,.glass b,.glass small,.slogan{letter-spacing:normal}
.hero .hero-core h1{font-weight:900;text-shadow:0 3px 24px rgba(0,0,0,.28)}
.stats-grid{position:relative;overflow:hidden}
.stats-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(93,222,255,.10) 48%,transparent 68%);transform:translateX(-120%);animation:deltaStatSweep 8s ease-in-out infinite}
.stat{position:relative;z-index:1}
.intro-video-card{box-shadow:0 35px 100px rgba(17,73,105,.14),inset 0 1px 0 rgba(255,255,255,.95)}
.aparat-video-frame{position:relative;min-height:470px;border-radius:27px;overflow:hidden;background:#07131f;border:1px solid rgba(83,213,255,.32);box-shadow:0 28px 80px rgba(3,24,39,.22),0 0 60px rgba(41,166,255,.10);z-index:2}
.aparat-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#07131f}
.aparat-badge{position:absolute;right:16px;top:16px;z-index:5;padding:8px 12px;border-radius:999px;background:rgba(4,18,31,.72);color:#dffaff;border:1px solid rgba(91,221,255,.25);backdrop-filter:blur(14px);font-size:9px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.18)}
@keyframes deltaStatSweep{0%,20%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@media(max-width:900px){.aparat-video-frame{min-height:520px}.aparat-video-frame iframe{min-height:520px}}
@media(max-width:600px){.aparat-video-frame{min-height:460px;border-radius:21px}.aparat-video-frame iframe{min-height:460px}}
@media(prefers-reduced-motion:reduce){.stats-grid:before{animation:none}}

.video-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.video-links .btn{display:inline-flex;align-items:center;gap:8px}.video-links b{font-size:14px}


/* --- delta-v43-premium.css --- */
/* DELTA V43 — PREMIUM DARK-FIRST VISUAL SYSTEM
   Local fonts only. No Google Fonts. */
:root{
  --v43-blue:#2f8cff;
  --v43-cyan:#45e7ff;
  --v43-violet:#8b6cff;
  --v43-pink:#d96cff;
  --v43-green:#47e0a5;
  --v43-amber:#ffc857;
}

/* Keep dark mode genuinely dark on every section. */
html[data-theme="dark"] body,
html[data-theme="dark"] .section,
html[data-theme="dark"] .section.light,
html[data-theme="dark"] .section.white,
html[data-theme="dark"] .intro-video-section{
  background:#06111d;
  color:#eaf8ff;
}
html[data-theme="dark"] .section.light{
  background:
    radial-gradient(circle at 8% 15%,rgba(47,140,255,.12),transparent 27%),
    radial-gradient(circle at 92% 75%,rgba(139,108,255,.10),transparent 26%),
    linear-gradient(180deg,#081827 0%,#06111d 100%) !important;
}
html[data-theme="dark"] .section.white{
  background:
    radial-gradient(circle at 82% 18%,rgba(69,231,255,.08),transparent 25%),
    linear-gradient(180deg,#071522 0%,#081a2a 100%) !important;
}
html[data-theme="dark"] .intro-video-section{
  background:
    radial-gradient(circle at 10% 30%,rgba(47,140,255,.16),transparent 28%),
    radial-gradient(circle at 88% 65%,rgba(139,108,255,.13),transparent 28%),
    linear-gradient(180deg,#06121f 0%,#081a2a 55%,#06111d 100%) !important;
}
html[data-theme="dark"] .intro-video-card{
  background:
    linear-gradient(135deg,rgba(9,31,52,.96),rgba(7,21,36,.94)) !important;
  border-color:rgba(82,209,255,.25) !important;
  box-shadow:0 32px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] .intro-video-copy h2,
html[data-theme="dark"] .about h2,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .cta h2{color:#effbff !important}
html[data-theme="dark"] .intro-video-copy p,
html[data-theme="dark"] .about p,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .service p{color:#91b4c9 !important}
html[data-theme="dark"] .video-highlights{color:#c9e7f4}
html[data-theme="dark"] .service,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .project,
html[data-theme="dark"] .media{
  background:linear-gradient(145deg,rgba(10,31,50,.92),rgba(7,20,34,.94)) !important;
  border-color:rgba(91,201,245,.17) !important;
  color:#e9f7fd !important;
  box-shadow:0 22px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html[data-theme="dark"] .service:hover,
html[data-theme="dark"] .product-card:hover,
html[data-theme="dark"] .info-card:hover{
  border-color:rgba(69,231,255,.42) !important;
  box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 40px rgba(47,140,255,.12) !important;
}
html[data-theme="dark"] .stats-grid{
  background:linear-gradient(135deg,rgba(7,28,47,.97),rgba(8,22,38,.97)) !important;
  border-color:rgba(69,231,255,.20) !important;
}
html[data-theme="dark"] .stat{color:#effbff !important}
html[data-theme="dark"] .stat span{color:#89adbf !important}
html[data-theme="dark"] .badge{background:rgba(4,18,31,.82);color:#dff8ff}
html[data-theme="dark"] .btn:not(.primary){background:rgba(9,28,46,.76);color:#dff6ff;border-color:rgba(110,203,240,.24)}
html[data-theme="dark"] .hero-ghost{background:rgba(8,28,48,.50) !important}

/* More varied premium accents without losing Delta's identity. */
.eyebrow{background:linear-gradient(90deg,var(--v43-cyan),var(--v43-blue),var(--v43-violet));-webkit-background-clip:text;background-clip:text;color:transparent !important}
.line,.links a:after{background:linear-gradient(90deg,var(--v43-blue),var(--v43-cyan),var(--v43-violet)) !important}
.sicon{color:var(--v43-cyan) !important;text-shadow:0 0 18px rgba(69,231,255,.28)}
.service:nth-child(4n+1)::before{background:radial-gradient(circle,rgba(47,140,255,.18),transparent 70%)}
.service:nth-child(4n+2)::before{background:radial-gradient(circle,rgba(69,231,255,.17),transparent 70%)}
.service:nth-child(4n+3)::before{background:radial-gradient(circle,rgba(139,108,255,.18),transparent 70%)}
.service:nth-child(4n+4)::before{background:radial-gradient(circle,rgba(71,224,165,.16),transparent 70%)}

/* Cinematic motion layers. */
.hero::before{
  background:conic-gradient(from 0deg at 50% 50%,transparent 0 18%,rgba(69,231,255,.10) 23%,transparent 30% 52%,rgba(139,108,255,.10) 59%,transparent 66% 84%,rgba(47,140,255,.10) 90%,transparent 96%) !important;
  animation:v43Orbit 20s linear infinite !important;
}
.hero-core{animation:v43Float 6.5s ease-in-out infinite !important}
.hero-logo{animation:v43Logo 4.2s ease-in-out infinite !important}
.rings{animation:v43Rings 24s linear infinite !important}
.glass{animation:v43CardFloat 7s ease-in-out infinite !important}
.glass:nth-child(2){animation-delay:-2.2s !important}
.hero-side:last-child .glass:first-child{animation-delay:-1.1s !important}
.hero-side:last-child .glass:last-child{animation-delay:-3.5s !important}

.intro-video-card::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 15%,rgba(69,231,255,.12) 38%,rgba(139,108,255,.12) 52%,transparent 70%);
  transform:translateX(-115%);animation:v43Sweep 6.5s ease-in-out infinite;z-index:1;
}
.aparat-video-frame{box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 65px rgba(47,140,255,.13) !important}
.aparat-video-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;
  background:linear-gradient(120deg,transparent 0 35%,rgba(255,255,255,.08) 48%,transparent 61%);
  transform:translateX(-120%);animation:v43VideoSweep 5.8s ease-in-out infinite;
}

/* Localized numbers: prevent mixed Persian/Latin glyphs in counters. */
.count,.stat-number,.localized-number{font-variant-numeric:tabular-nums lining-nums;direction:ltr;unicode-bidi:plaintext}
html[lang="fa"] .count,html[lang="fa"] .stat-number,html[lang="fa"] .localized-number{font-family:"DeltaNoto",Tahoma,sans-serif}

/* Light mode: intentionally clean, not washed-out. */
html[data-theme="light"] .intro-video-section{background:radial-gradient(circle at 8% 25%,rgba(47,140,255,.10),transparent 28%),radial-gradient(circle at 92% 70%,rgba(139,108,255,.08),transparent 26%),linear-gradient(180deg,#edf7fc,#fbfdff) !important}
html[data-theme="light"] .intro-video-card{background:linear-gradient(135deg,#ffffff,#f2f9fd) !important}
html[data-theme="light"] .service,html[data-theme="light"] .product-card,html[data-theme="light"] .info-card,html[data-theme="light"] .project,html[data-theme="light"] .media{background:linear-gradient(145deg,#ffffff,#f3f9fd) !important}

@keyframes v43Orbit{to{transform:rotate(360deg)}}
@keyframes v43Float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes v43Logo{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 22px rgba(69,231,255,.30)) drop-shadow(0 0 50px rgba(47,140,255,.18))}50%{transform:translateY(-9px) scale(1.025);filter:drop-shadow(0 0 30px rgba(69,231,255,.55)) drop-shadow(0 0 75px rgba(139,108,255,.22))}}
@keyframes v43Rings{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes v43CardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes v43Sweep{0%,20%{transform:translateX(-115%)}55%,100%{transform:translateX(115%)}}
@keyframes v43VideoSweep{0%,18%{transform:translateX(-120%)}52%,100%{transform:translateX(120%)}}

@media(max-width:900px){
  .intro-video-card{grid-template-columns:1fr}
  .intro-video-copy{order:2}.aparat-video-frame{order:1}
}
@media(max-width:600px){
  .hero{min-height:760px}
  .hero-inner{gap:16px}
  .glass{padding:13px}
  .glass .ic{width:42px;height:42px}
  .aparat-video-frame,.aparat-video-frame iframe{min-height:390px}
}
@media(prefers-reduced-motion:reduce){
  .hero::before,.hero-core,.hero-logo,.rings,.glass,.intro-video-card::before,.aparat-video-frame::after{animation:none !important}
}


/* --- delta-v46.css --- */
/* DELTA V46 — requested visual refinements */
.hero-four-domains{grid-template-columns:1fr 1.6fr 1fr;grid-template-areas:"security core energy" "construction core business";gap:22px 28px;max-width:1120px}
.hero-four-domains .hero-core{grid-area:core}
.hero-four-domains .domain-security{grid-area:security}
.hero-four-domains .domain-energy{grid-area:energy}
.hero-four-domains .domain-construction{grid-area:construction}
.hero-four-domains .domain-business{grid-area:business}
.hero-domain{display:flex;justify-content:center;align-items:center}
.hero-domain a{width:min(250px,100%);min-height:104px;padding:18px 22px;border:1px solid rgba(130,220,255,.28);border-radius:24px;background:linear-gradient(135deg,rgba(12,58,96,.55),rgba(4,27,49,.35));box-shadow:0 18px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(12px);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;color:#fff;transition:.3s var(--delta-ease)}
.hero-domain a:hover{transform:translateY(-5px);border-color:rgba(105,231,255,.65);box-shadow:0 25px 70px rgba(0,0,0,.28),0 0 35px rgba(52,175,255,.13)}
.domain-icon{grid-row:1/3;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(72,182,255,.10);border:1px solid rgba(145,229,255,.25);font-size:21px;color:#aef2ff}
.hero-domain b{font-size:15px;text-align:right}.hero-domain small{font-size:9px;letter-spacing:1.8px;color:#91bfd8;text-align:right}
.hero-four-domains .hero-logo{width:min(390px,82%)} 
.hero-four-domains .rings{width:520px;height:520px}
.hero-four-domains .hero-core h1{margin-top:14px}
.links{flex:1;justify-content:center}.logo{margin-inline-end:0}.head-actions{margin-inline-start:auto}
.footer-grid a{color:#9db6ca;font-size:11px;margin:8px 0;display:block}.footer-grid a:hover{color:#fff}
.service-link{display:block;color:inherit;height:100%}.service-link:hover{color:inherit}
.service-link h3{color:inherit}
.contact-form select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);outline:none}
.contact-form label span{display:block;margin-bottom:7px;font-size:12px;font-weight:800}
.detail-hero{padding:145px 0 90px;background:#031323;color:#fff;position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,11,21,.15),rgba(2,15,28,.9)),none center/cover}.detail-hero .container{position:relative;z-index:2}.detail-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.detail-copy h1{font-size:42px;margin:0 0 12px}.detail-copy p{color:#c6dcea;line-height:2;font-size:15px}.detail-image{border-radius:28px;overflow:hidden;border:1px solid rgba(150,225,255,.22);box-shadow:0 30px 90px rgba(0,0,0,.3)}.detail-image img{width:100%;height:360px;object-fit:cover}.brand-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-link{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-align:center;font-weight:900;transition:.25s}.brand-link:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.consult-box{margin-top:26px}
@media(max-width:900px){.hero-four-domains{grid-template-columns:1fr 1fr;grid-template-areas:"core core" "security energy" "construction business";}.hero-four-domains .hero-core{grid-area:core}.hero-four-domains .hero-logo{width:min(310px,65%)}.links{display:none}.head-actions .primary{display:none}.brand-links{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr}.detail-image{order:-1}}
@media(max-width:600px){.hero-four-domains{grid-template-columns:1fr;grid-template-areas:"core" "security" "energy" "construction" "business";}.hero-four-domains .rings{width:350px;height:350px}.hero-domain a{max-width:330px}.hero{min-height:auto;padding-top:125px}.brand-links{grid-template-columns:1fr}.detail-copy h1{font-size:32px}}

.domain-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0}.domain-tabs a{padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:900}.domain-tabs a:hover{border-color:var(--brand);color:var(--brand)}
.domain-panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.domain-panel{scroll-margin-top:100px;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);transition:.3s}.domain-panel:target{border-color:var(--brand);box-shadow:0 22px 65px rgba(28,131,205,.16);transform:translateY(-3px)}.domain-panel-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--surface-3);color:var(--brand);font-size:22px;margin-bottom:15px}.domain-panel h3{margin:0 0 5px;font-size:17px}.domain-panel p{margin:0;color:var(--muted);font-size:11px}.domain-items{display:grid;gap:8px;margin-top:18px}.domain-items a{padding:10px 12px;border-radius:12px;background:var(--surface-3);font-size:11px;font-weight:800;border:1px solid transparent}.domain-items a:hover{border-color:var(--line-strong);color:var(--brand)}
.footer{font-size:13px}.footer h4{font-size:15px}.footer p,.footer a,.footer span{font-size:12px}
@media(max-width:1000px){.domain-panel-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.domain-panel-grid{grid-template-columns:1fr}}


/* --- delta-v48.css --- */

/* Delta V48 navigation/link fixes */
.service-link{display:block;color:inherit;text-decoration:none;height:100%;position:relative;z-index:3}.domain-link{padding:2px}.service-more{display:inline-block;margin-top:12px;font-size:11px;font-weight:900;color:#1683ff;transition:transform .25s ease}.domain-link:hover .service-more{transform:translateX(-4px)}.product-card .body ul a{color:inherit;text-decoration:none;display:inline-block;position:relative;z-index:4}.product-card .body ul a:hover{color:#1683ff;text-decoration:underline}.service-link:focus-visible,.product-card a:focus-visible{outline:2px solid #58d9ff;outline-offset:4px;border-radius:12px}


/* --- delta-v49.css --- */
/* DELTA V49 - richer color system + lightweight motion */
:root{
  --v49-blue:#1788ff;--v49-cyan:#54e6ff;--v49-violet:#8a63ff;--v49-magenta:#ff4f9a;--v49-amber:#ffb648;--v49-green:#28d7a0;
  --v49-gradient:linear-gradient(120deg,var(--v49-blue),var(--v49-cyan) 48%,var(--v49-violet));
  --v49-soft:linear-gradient(135deg,rgba(23,136,255,.12),rgba(84,230,255,.08) 45%,rgba(138,99,255,.12));
}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 15% 10%,rgba(23,136,255,.06),transparent 22%),radial-gradient(circle at 90% 22%,rgba(138,99,255,.06),transparent 24%),var(--bg,#071421);overflow-x:hidden}
body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;filter:blur(60px);opacity:.18;border-radius:50%;animation:v49Float 14s ease-in-out infinite alternate}
body:before{width:280px;height:280px;top:8%;left:-100px;background:radial-gradient(circle,rgba(84,230,255,.35),transparent 68%)}
body:after{width:340px;height:340px;right:-140px;top:46%;background:radial-gradient(circle,rgba(255,79,154,.24),transparent 70%);animation-duration:18s;animation-delay:-4s}
.header,.page-hero,.section,.footer{position:relative;z-index:1}
.header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header:after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(84,230,255,.6),rgba(138,99,255,.55),transparent);opacity:.55}
.btn.primary,.brand-link,.service-link{transition:transform .28s ease,box-shadow .28s ease,filter .28s ease,background .28s ease}
.btn.primary{background:linear-gradient(110deg,var(--v49-blue),#2fc5ff 48%,var(--v49-violet));background-size:180% 100%;animation:v49Gradient 7s ease infinite;box-shadow:0 10px 28px rgba(23,136,255,.22)}
.btn.primary:hover,.brand-link:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(23,136,255,.22),0 0 0 1px rgba(84,230,255,.12)}
.service,.product-card,.info-card,.contact-card,.dark-card,.media,.project{position:relative;overflow:hidden;isolation:isolate;transition:transform .34s ease,box-shadow .34s ease,border-color .34s ease}
.service:before,.product-card:before,.info-card:before,.contact-card:before,.dark-card:before,.media:before,.project:before{content:"";position:absolute;inset:0;background:var(--v49-soft);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:-1}
.service:hover,.product-card:hover,.info-card:hover,.contact-card:hover,.project:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(9,56,90,.18),0 0 0 1px rgba(84,230,255,.08)}
.service:hover:before,.product-card:hover:before,.info-card:hover:before,.contact-card:hover:before,.dark-card:hover:before,.media:hover:before,.project:hover:before{opacity:1}
.service:nth-child(4n+1){--accent:var(--v49-blue)}
.service:nth-child(4n+2){--accent:var(--v49-violet)}
.service:nth-child(4n+3){--accent:var(--v49-green)}
.service:nth-child(4n){--accent:var(--v49-magenta)}
.service .sicon{color:var(--accent,#54e6ff);text-shadow:0 0 22px color-mix(in srgb,var(--accent,#54e6ff) 45%,transparent);animation:v49IconFloat 4.6s ease-in-out infinite}
.service:nth-child(2n) .sicon{animation-delay:-1.4s}.service:nth-child(3n) .sicon{animation-delay:-2.5s}
.service-link:after{content:"↗";position:absolute;inset-inline-end:18px;bottom:16px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:900;color:var(--accent,#1683ff);background:rgba(255,255,255,.06);border:1px solid rgba(84,230,255,.16);opacity:.65;transition:transform .3s ease,opacity .3s ease}
.service-link:hover:after{transform:translate(2px,-2px) rotate(5deg);opacity:1}
.brand-link{position:relative;display:inline-flex;align-items:center;gap:8px;padding:13px 16px;border-radius:14px;border:1px solid rgba(84,230,255,.18);background:linear-gradient(135deg,rgba(23,136,255,.08),rgba(138,99,255,.08));overflow:hidden}
.brand-link:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.14) 48%,transparent 62%);transform:translateX(-130%);transition:transform .6s ease}
.brand-link:hover:before{transform:translateX(130%)}
.page-hero:after,.detail-hero:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--v49-blue),var(--v49-cyan),var(--v49-violet),transparent);background-size:220% 100%;animation:v49Gradient 9s linear infinite;opacity:.55}
.reveal{opacity:0;transform:translateY(24px) scale(.985);filter:blur(4px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease;transition-delay:var(--reveal-delay,0ms)}
.reveal.show{opacity:1;transform:none;filter:none}
.delta-scroll-progress{height:3px!important;background:linear-gradient(90deg,var(--v49-blue),var(--v49-cyan),var(--v49-violet),var(--v49-magenta))!important;background-size:240% 100%;animation:v49Gradient 8s linear infinite;box-shadow:0 0 16px rgba(84,230,255,.45)!important;transform-origin:100% 50%;z-index:1200}
.delta-particle{position:fixed;z-index:0;border-radius:50%;pointer-events:none;background:var(--v49-cyan)!important;box-shadow:0 0 16px rgba(84,230,255,.65)!important;animation:v49Particle 15s linear infinite;opacity:.35}
.delta-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.38);transform:translate(-50%,-50%) scale(1);pointer-events:none;animation:v49Ripple .65s ease-out forwards}
.social-links a,.footer a{transition:color .2s ease,transform .2s ease}.footer a:hover{color:var(--v49-cyan)!important;transform:translateX(-3px)}
body.delta-pointer-active:before{transform:translate(calc((var(--mx,50vw) - 50vw)/40),calc((var(--my,50vh) - 50vh)/40))}
@keyframes v49Float{to{transform:translate3d(0,34px,0) scale(1.04)}}
@keyframes v49Particle{0%{transform:translate3d(0,0,0) scale(.8);opacity:0}14%{opacity:.4}78%{opacity:.34}100%{transform:translate3d(var(--dx),-115vh,0) scale(1.25);opacity:0}}
@keyframes v49Ripple{to{transform:translate(-50%,-50%) scale(48);opacity:0}}
@keyframes v49Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes v49IconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(max-width:760px){
 body:before,body:after{opacity:.1;filter:blur(48px)}
 .service:hover,.product-card:hover,.info-card:hover,.contact-card:hover,.project:hover{transform:translateY(-4px)}
 .delta-particle{display:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;filter:none!important}.delta-particle,.delta-scroll-progress{display:none!important}*{animation:none!important;transition:none!important}
}
/* V50 performance tuning */
@media (min-width: 768px){
  .section.light,.section.white,.section.dark,.stats{content-visibility:auto;contain-intrinsic-size:720px}
}

/* =========================================================
   DELTA V51 — Mobile-first polish
   Designed for 320–767px screens with touch-safe controls.
   ========================================================= */
@media (max-width: 767px){
  :root{--container:100%;}
  html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;}
  body{font-size:14px;}
  .container{width:calc(100% - 24px);max-width:100%;}

  /* Compact header that never crushes the content. */
  .header{padding:8px 0;}
  .nav{min-height:58px;gap:7px;}
  .logo{margin-inline-end:auto;flex:0 0 auto;}
  .logo img{width:66px;height:52px;}
  .head-actions{gap:6px;flex:0 0 auto;}
  .head-actions .theme-toggle{display:none;}
  .head-actions .primary{display:inline-flex!important;padding:9px 11px;font-size:10px;white-space:nowrap;}
  .lang-current{padding:9px 10px;font-size:10px;white-space:nowrap;}
  .menu{display:grid!important;place-items:center;width:42px;height:42px;padding:0;font-size:19px;flex:0 0 42px;}

  /* Mobile navigation panel. */
  .mobile-open{overflow:hidden;}
  .mobile-open .links{display:flex!important;position:fixed;top:70px;left:12px;right:12px;flex-direction:column;gap:4px;padding:10px;z-index:220;
    border-radius:20px;background:rgba(7,20,33,.97);border:1px solid rgba(110,215,255,.20);box-shadow:0 24px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    max-height:calc(100svh - 84px);overflow:auto;
  }
  .mobile-open .links a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:11px 14px;border-radius:13px;font-size:12px;}
  .mobile-open .links a.active{background:linear-gradient(90deg,rgba(47,140,255,.14),rgba(84,230,255,.08));}
  .mobile-open .links a:after{display:none;}
  .lang-menu{min-width:132px;right:auto;left:0;max-height:60vh;overflow:auto;}

  /* Give the first viewport a clean, fast composition. */
  .hero{min-height:auto!important;padding:104px 0 52px;}
  .hero-inner{grid-template-columns:1fr!important;gap:14px!important;width:100%;}
  .hero-core{order:-1;padding:4px 0 2px;}
  .hero-core h1{font-size:26px;line-height:1.6;margin:11px auto 6px;max-width:330px;}
  .hero-core p{font-size:11px;line-height:2;max-width:330px;}
  .hero-logo{width:min(190px,66vw)!important;}
  .rings{width:270px!important;height:270px!important;opacity:.55;}
  .slogan{font-size:8px;letter-spacing:4px;}
  .scroll{margin-top:16px;font-size:9px;}
  .hero-side{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .glass{min-height:86px;padding:11px!important;border-radius:17px;gap:9px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
  .glass .ic{width:38px;height:38px;min-width:38px;border-radius:12px;font-size:18px;}
  .glass b{font-size:10px;line-height:1.5;}
  .glass small{font-size:7px;letter-spacing:.6px;line-height:1.5;}

  /* Domain hero cards. */
  .hero-four-domains{grid-template-columns:1fr!important;grid-template-areas:"core" "security" "energy" "construction" "business"!important;gap:10px!important;padding-inline:2px;}
  .hero-four-domains .hero-logo{width:min(200px,66vw)!important;}
  .hero-four-domains .rings{width:280px!important;height:280px!important;}
  .hero-domain a{width:100%;max-width:none!important;min-height:76px;padding:12px 13px;border-radius:18px;grid-template-columns:auto 1fr;}
  .domain-icon{width:42px;height:42px;}
  .hero-domain b{font-size:12px;}
  .hero-domain small{font-size:7px;letter-spacing:1px;}

  /* Sections, headings and spacing. */
  .section{padding:56px 0;}
  .section-head{margin-bottom:26px;}
  .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:8px;}
  .section-head h2,.about h2{font-size:24px;line-height:1.55;}
  .section-head p,.about p{font-size:11px;line-height:2;}
  .about{grid-template-columns:1fr!important;gap:22px!important;}
  .media img{height:260px;}
  .badge{left:12px;bottom:12px;padding:8px 10px;font-size:8px;}

  /* Cards: one column, large touch targets, no hover-lag. */
  .services,.product-grid,.projects-grid,.content-grid,.domain-panel-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .service,.product-card,.info-card,.contact-card,.dark-card,.project,.domain-panel{border-radius:19px;}
  .service{padding:18px!important;min-height:150px;}
  .service h3{font-size:15px;}
  .service p,.service-more{font-size:10px;line-height:1.9;}
  .service-link:after{inset-inline-end:13px;bottom:13px;width:26px;height:26px;}
  .domain-panel{padding:17px;}
  .domain-panel h3{font-size:15px;}
  .domain-panel p,.domain-items a{font-size:10px;}
  .domain-tabs{gap:7px;margin:15px 0 20px;overflow:auto;justify-content:flex-start;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none;}
  .domain-tabs::-webkit-scrollbar{display:none;}
  .domain-tabs a{flex:0 0 auto;font-size:10px;padding:9px 13px;}

  /* Hero/page internal pages. */
  .page-hero{min-height:auto!important;padding:112px 0 48px!important;}
  .page-hero h1{font-size:29px!important;line-height:1.45!important;}
  .page-hero p{font-size:10px!important;line-height:2!important;}
  .hero-mini-logo{width:58px!important;height:58px!important;object-fit:contain;}
  .hero-mini-slogan{font-size:7px!important;letter-spacing:2.5px!important;}
  .hero-chips{gap:6px;}
  .hero-chip{font-size:9px;padding:6px 9px;}

  .detail-hero{padding:110px 0 50px;}
  .detail-layout{grid-template-columns:1fr!important;gap:18px;}
  .detail-image{order:-1!important;border-radius:20px;}
  .detail-image img{height:220px;}
  .detail-copy h1{font-size:28px!important;line-height:1.5;}
  .detail-copy p{font-size:11px;line-height:2;}
  .brand-links{grid-template-columns:1fr!important;gap:9px;}
  .brand-link{padding:13px 14px;font-size:11px;border-radius:14px;}
  .consult-box{margin-top:18px;}

  /* Stats / numbers become swipe-friendly instead of cramped. */
  .stats{margin-top:-28px;}
  .stats-grid{grid-template-columns:repeat(2,1fr);padding:8px;border-radius:19px;gap:0;}
  .stat{min-height:78px;padding:12px 7px;gap:8px;justify-content:flex-start;}
  .stat strong{font-size:19px;}
  .stat span{font-size:8px;}

  /* Video blocks and media. */
  .intro-video-section{padding:44px 0 54px;}
  .intro-video-card{grid-template-columns:1fr!important;padding:9px;border-radius:20px;gap:9px;}
  .intro-video-copy{order:2!important;padding:14px 7px!important;}
  .intro-video-copy h2{font-size:23px;line-height:1.6;}
  .intro-video-copy p{font-size:10px;line-height:2;}
  .aparat-video-frame,.aparat-video-frame iframe,.intro-video-frame,.intro-video-frame iframe{min-height:220px!important;height:220px!important;border-radius:17px;}

  /* Forms: thumb-friendly fields and no accidental horizontal scroll. */
  .contact-form{grid-template-columns:1fr!important;padding:15px!important;border-radius:18px!important;gap:12px!important;}
  .contact-form label.full{grid-column:auto!important;}
  .contact-form input,.contact-form select,.contact-form textarea{width:100%;font-size:13px;min-height:48px;}
  .contact-form textarea{min-height:130px;}
  .contact-form .btn{width:100%;min-height:48px;}
  .contact-form label span{font-size:10px;}
  .form-status{font-size:10px;line-height:1.9;}

  /* Footer: clear blocks, not tiny columns. */
  .footer{padding:38px 0 20px;}
  .footer-grid{grid-template-columns:1fr!important;gap:18px!important;text-align:center;}
  .footer-grid>div{padding:4px 0;}
  .footer-grid img{width:70px;margin:0 auto 8px;}
  .footer h4{font-size:13px;}
  .footer p,.footer a,.footer span{font-size:10px;line-height:1.9;}
  .site-credit{flex-wrap:wrap;justify-content:center;text-align:center;gap:7px;font-size:9px!important;line-height:1.9;}
  .developer-mark{max-width:80px;height:auto;}

  /* Buttons / tap areas. */
  .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;font-size:10px;}
  .hero-actions{flex-wrap:wrap;justify-content:center;gap:7px;}
  .hero-actions .btn{min-width:120px;}

  /* Reduce expensive visual effects on small devices while keeping motion. */
  .header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
  .glass,.hero-domain a,.brand-link{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
  body:before,body:after{opacity:.06;filter:blur(36px);}
  .hero-bg{animation:none!important;}
  .rings{animation-duration:34s!important;}
  .hero-core,.hero-logo,.glass{animation-duration:9s!important;}
  .service:hover,.product-card:hover,.info-card:hover,.contact-card:hover,.project:hover,.media:hover{transform:none!important;}
}

@media (max-width:430px){
  .container{width:calc(100% - 18px);}
  .logo img{width:60px;height:48px;}
  .head-actions .primary{padding:8px 9px;font-size:9px;}
  .lang-current{padding:8px 8px;font-size:9px;}
  .menu{width:40px;height:40px;flex-basis:40px;}
  .hero{padding-top:98px;}
  .hero-core h1{font-size:23px;max-width:290px;}
  .hero-core p{font-size:10px;max-width:290px;}
  .hero-logo,.hero-four-domains .hero-logo{width:min(175px,60vw)!important;}
  .hero-side{grid-template-columns:1fr!important;}
  .glass{min-height:72px;}
  .glass small{font-size:6.5px;}
  .page-hero h1{font-size:26px!important;}
  .detail-copy h1{font-size:25px!important;}
  .media img{height:220px;}
}

@media (min-width:431px) and (max-width:767px){
  .hero-side{grid-template-columns:1fr 1fr!important;}
  .service{min-height:164px;}
}

@media (prefers-reduced-motion:reduce){
  .hero-core,.hero-logo,.glass,.rings,.btn.primary,.service .sicon,.page-hero:after,.detail-hero:after{animation:none!important;}
}

/* =========================================================
   DELTA V52 — requested visual refinement
   Lighter blue spectrum, cleaner logo treatment, richer domains
   ========================================================= */
:root{
  --brand:#1f78d1;
  --brand-2:#58c9f4;
  --delta-deep:#08233d;
  --delta-blue:#246fca;
  --delta-cyan:#65d5f5;
}
html,body,button,input,textarea,select{font-family:"DeltaNoto",Tahoma,Arial,sans-serif!important}

/* Header: wider, calmer and more legible on the second page. */
.header.page{padding:12px 0;background:rgba(5,20,34,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.header.page .nav{gap:28px;min-height:64px}
.header.page .logo img{width:102px;height:74px;filter:drop-shadow(0 8px 22px rgba(45,151,225,.20))}
.header.page .links{gap:27px;flex:1;justify-content:center}
.header.page .links a{font-size:13px;font-weight:800;color:#dcecf7;padding:8px 0}
.header.page .links a.active{color:#fff}
.header.page .head-actions{gap:10px}
.header.page .head-actions .primary{padding-inline:18px}
html[data-theme="light"] .header.page{background:rgba(246,251,254,.82)}
html[data-theme="light"] .header.page .links a{color:#21435b}

/* First/language page: lift the dark blue cast without making it flat. */
.gateway-page{background:radial-gradient(circle at 50% 12%,#163f63 0,#0a243d 34%,#061522 78%);}
.gateway-page.theme-light{background:radial-gradient(circle at 50% 8%,#ffffff 0,#eef7fb 45%,#e4f0f6 100%)}
.gateway-grid{opacity:.55}
.gateway-glow.glow-a{background:rgba(47,142,226,.13)}
.gateway-glow.glow-b{background:rgba(78,200,239,.10)}
.gateway-logo{filter:drop-shadow(0 0 24px rgba(77,183,238,.22));animation:pulse 6.5s ease-in-out infinite}
.gateway-logo-wrap{width:182px;height:182px}
.gateway-logo{width:154px}
.gateway-hero h1{font-weight:900;letter-spacing:-.7px}
.gateway-hero h1 strong{display:inline-block;color:#63cff0}
.gateway-hero p{font-size:14px;color:#b9d2e1}
.gateway-kicker{color:#69c8eb}
.gateway-line span{background:linear-gradient(90deg,transparent,rgba(101,207,240,.34))}
.gateway-line span:last-child{background:linear-gradient(90deg,rgba(101,207,240,.34),transparent)}
.gateway-page.theme-light .gateway-hero p{color:#5d7b8d}
.gateway-page.theme-light .gateway-kicker{color:#2a78ae}
.gateway-page.theme-light .gateway-hero h1 strong{color:#1e74c6}
.gateway-page .language-card{background:linear-gradient(145deg,rgba(15,45,70,.76),rgba(6,24,40,.72));border-color:rgba(116,208,242,.18)}
.gateway-page .language-card:hover{border-color:rgba(101,210,244,.45);box-shadow:0 34px 90px rgba(0,0,0,.26),0 0 38px rgba(62,170,228,.10)}
.gateway-page.theme-light .language-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,248,252,.93))}

/* Main hero: cleaner, brighter, more like the supplied reference. */
.hero-v51{min-height:760px;padding:138px 0 92px;background:#071b2d}
.hero-v51 .hero-bg{background:
  radial-gradient(circle at 50% 43%,rgba(77,190,246,.20),transparent 28%),
  radial-gradient(circle at 50% 100%,rgba(32,113,192,.22),transparent 50%),
  linear-gradient(180deg,#071a2c 0%,#0a2946 55%,#071b2d 100%);animation:none}
.hero-v51 .hero-bg:before{background:
  linear-gradient(90deg,rgba(2,14,27,.34),transparent 30%,transparent 70%,rgba(2,14,27,.34)),
  repeating-linear-gradient(90deg,rgba(111,206,247,.035) 0 1px,transparent 1px 86px),
  repeating-linear-gradient(0deg,rgba(111,206,247,.028) 0 1px,transparent 1px 74px)}
.hero-v51:after{height:150px;background:linear-gradient(transparent,var(--bg))}
.hero-light-orb{position:absolute;border-radius:50%;filter:blur(30px);pointer-events:none;z-index:1}
.hero-v51 .orb-one{width:360px;height:360px;right:7%;top:15%;background:rgba(42,143,219,.12)}
.hero-v51 .orb-two{width:300px;height:300px;left:4%;bottom:3%;background:rgba(69,194,234,.10)}
.hero-v51 .hero-four-domains{grid-template-columns:1fr 1.45fr 1fr;gap:22px 34px;max-width:1180px}
.hero-v51 .hero-core{padding:8px 0}
.hero-v51 .hero-logo-stage{position:relative;z-index:2;width:clamp(220px,30vw,330px);height:clamp(220px,30vw,330px);margin:0 auto;display:grid;place-items:center}
.hero-v51 .hero-logo-stage:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(95,210,248,.14),transparent 65%);filter:blur(6px)}
.hero-v51 .hero-logo{width:82%;filter:drop-shadow(0 0 28px rgba(73,182,238,.22));animation:pulse 7s ease-in-out infinite}
.hero-v51 .rings{width:470px;height:470px;opacity:.72;border-color:rgba(99,206,244,.15)}
.hero-v51 .hero-core h1{font-size:34px;line-height:1.6;margin-top:2px;text-shadow:0 8px 32px rgba(0,0,0,.25)}
.hero-v51 .hero-core p{font-size:13px;color:#b8d4e5}
.hero-v51 .slogan{color:#8fc4de;letter-spacing:5px}
.hero-v51 .hero-actions{margin-top:20px}
.hero-v51 .hero-ghost{background:rgba(255,255,255,.06);color:#e8f7ff;border-color:rgba(145,219,242,.24)}
.hero-v51 .hero-domain{position:relative;z-index:4}
.hero-v51 .domain-card{width:min(270px,100%);min-height:112px;padding:17px 19px;border-radius:22px;border:1px solid rgba(137,216,243,.23);background:linear-gradient(135deg,rgba(16,62,95,.70),rgba(6,31,53,.56));box-shadow:0 20px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;display:grid;grid-template-columns:52px 1fr 22px;align-items:center;gap:12px;text-align:right;transition:.35s var(--ease-smooth);font-family:inherit}
.hero-v51 .domain-card:hover,.hero-v51 .domain-card:focus-visible{transform:translateY(-6px);border-color:rgba(102,213,246,.60);box-shadow:0 27px 65px rgba(0,0,0,.28),0 0 28px rgba(47,162,219,.12);outline:none}
.hero-v51 .domain-card.is-selected{border-color:rgba(102,213,246,.68);box-shadow:0 25px 65px rgba(0,0,0,.25),0 0 36px rgba(47,162,219,.15)}
.hero-v51 .domain-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(85,196,239,.17),rgba(28,109,191,.10));border:1px solid rgba(141,222,245,.24);color:#dff8ff;font-size:21px}
.hero-v51 .domain-card b{display:block;font-size:14px}
.hero-v51 .domain-card small{display:block;margin-top:4px;color:#91bfd5;font-size:8px;letter-spacing:1.5px}
.hero-v51 .domain-card i{font-style:normal;color:#78d8f5;font-size:20px;transition:.3s}
.hero-v51 .domain-card:hover i{transform:translate(-3px,-3px)}
.hero-v51 .domain-security{transform:translateY(18px)}
.hero-v51 .domain-energy{transform:translateY(18px)}
.hero-v51 .domain-construction{transform:translateY(-18px)}
.hero-v51 .domain-business{transform:translateY(-18px)}

/* The four domain cards open their sub-services graphically. */
.domain-services-section{background:linear-gradient(180deg,#f1f7fb 0%,#fbfdff 100%);overflow:hidden}
.domain-services-section:before{width:420px;height:420px;background:radial-gradient(circle,rgba(43,142,215,.09),transparent 70%);top:-90px;inset-inline-start:-140px}
.domain-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;min-height:440px}
.domain-feature{position:relative;min-height:430px;overflow:hidden;border-radius:26px;border:1px solid rgba(31,111,171,.16);background:#0b2944 center/cover no-repeat;box-shadow:0 20px 55px rgba(18,67,101,.12);cursor:pointer;isolation:isolate;transition:flex .5s var(--ease-smooth),transform .4s var(--ease-smooth),box-shadow .4s ease;flex:1;background-image:var(--domain-image)}
.domain-feature:hover,.domain-feature.is-active{transform:translateY(-7px);box-shadow:0 30px 75px rgba(15,66,104,.20);}
.domain-feature.is-active{flex:1.18}
.domain-feature-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,19,33,.08) 15%,rgba(3,19,33,.46) 45%,rgba(3,19,33,.96) 100%);transition:.45s}
.domain-feature:hover .domain-feature-overlay,.domain-feature.is-active .domain-feature-overlay{background:linear-gradient(180deg,rgba(3,19,33,.02),rgba(3,19,33,.30) 34%,rgba(3,19,33,.96) 100%)}
.domain-feature-content{position:absolute;inset:auto 18px 18px;z-index:2;color:#fff}
.domain-feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.10);border:1px solid rgba(177,228,244,.28);font-size:22px;color:#e8fbff;backdrop-filter:blur(10px)}
.feature-number{font-size:10px;letter-spacing:2px;color:#9fd3e7}
.domain-feature h3{font-size:22px;margin:0 0 7px;font-weight:900}
.domain-feature p{font-size:10px;color:#c0dce9;margin:0;line-height:1.9}
.domain-subitems{display:grid;gap:7px;margin-top:18px;max-height:0;opacity:0;transform:translateY(18px);overflow:hidden;transition:max-height .5s var(--ease-smooth),opacity .4s ease,transform .5s var(--ease-smooth)}
.domain-feature:hover .domain-subitems,.domain-feature.is-active .domain-subitems{max-height:170px;opacity:1;transform:none}
.domain-subitems a{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.075);border:1px solid rgba(160,222,241,.13);font-size:10px;color:#f2fbff;transition:.25s}
.domain-subitems a:hover{background:rgba(83,195,237,.15);border-color:rgba(114,211,242,.36);transform:translateX(-3px)}
.domain-subitems a span{font-size:8px;color:#79d5f2;letter-spacing:1px}

/* Intro video and about media: visual hierarchy closer to the reference. */
.about-v51{padding-top:88px}
.about-v51 .about-media{min-height:430px;background:#09253e}
.about-v51 .about-media img{height:430px;object-fit:cover;opacity:.92}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:rgba(255,255,255,.94);color:#176dc1;font-size:25px;box-shadow:0 0 0 9px rgba(255,255,255,.12),0 12px 35px rgba(4,34,58,.28)}

.method-v51{background:linear-gradient(180deg,#071b2d,#0b2b48);color:#fff}
.method-v51 .section-head h2{color:#fff}
.method-v51 .section-head p{color:#a8c8da}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.method-card{position:relative;padding:24px 20px;border-radius:22px;border:1px solid rgba(127,211,239,.16);background:linear-gradient(145deg,rgba(17,62,94,.68),rgba(5,30,50,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;transition:.35s var(--ease-smooth)}
.method-card:hover{transform:translateY(-7px);border-color:rgba(106,214,244,.42);box-shadow:0 25px 55px rgba(0,0,0,.20),0 0 25px rgba(47,161,220,.10)}
.method-card>span{position:absolute;top:16px;inset-inline-end:17px;color:#70cdea;font-size:9px;letter-spacing:2px}
.method-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(84,195,238,.10);border:1px solid rgba(125,216,240,.20);font-size:22px;color:#dff9ff;margin-bottom:20px}
.method-card h3{margin:0 0 8px;font-size:16px}.method-card p{margin:0;color:#a8c7d8;font-size:10px;line-height:2}
.projects-v51{padding-top:82px}.projects-showcase{grid-template-columns:repeat(5,1fr);gap:14px}.projects-showcase .project{height:205px;border-radius:20px}

/* Mobile / tablet behaviour: tap-to-open replaces hover. */
@media(max-width:1000px){
  .header.page .links{gap:15px}.header.page .links a{font-size:11px}
  .hero-v51 .hero-four-domains{grid-template-columns:1fr 1fr;grid-template-areas:"core core" "security energy" "construction business"}
  .hero-v51 .hero-core{grid-area:core}.hero-v51 .domain-security{grid-area:security;transform:none}.hero-v51 .domain-energy{grid-area:energy;transform:none}.hero-v51 .domain-construction{grid-area:construction;transform:none}.hero-v51 .domain-business{grid-area:business;transform:none}
  .domain-showcase{grid-template-columns:1fr 1fr}.domain-feature{min-height:380px}.method-grid{grid-template-columns:1fr 1fr}.projects-showcase{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767px){
  .header.page .nav{gap:8px}.header.page .logo img{width:72px;height:56px}.header.page .links{display:none}.header.page .head-actions{gap:5px}
  .hero-v51{padding-top:105px;min-height:auto;padding-bottom:64px}.hero-v51 .hero-four-domains{grid-template-columns:1fr;grid-template-areas:"core" "security" "energy" "construction" "business";gap:10px}.hero-v51 .hero-logo-stage{width:220px;height:220px}.hero-v51 .hero-logo{width:72%}.hero-v51 .rings{width:310px;height:310px}.hero-v51 .hero-core h1{font-size:24px;line-height:1.6}.hero-v51 .hero-core p{font-size:10px;max-width:320px}.hero-v51 .domain-card{width:100%;min-height:78px;padding:12px 13px;border-radius:18px}.hero-v51 .domain-icon{width:42px;height:42px}.hero-v51 .domain-card b{font-size:12px}.hero-v51 .domain-card small{font-size:7px}
  .domain-showcase{grid-template-columns:1fr;gap:11px}.domain-feature{min-height:260px}.domain-feature.is-active{min-height:370px}.domain-feature h3{font-size:19px}.domain-feature p{font-size:9px}.domain-subitems a{font-size:9px}
  .about-v51{padding-top:58px}.about-v51 .about-media,.about-v51 .about-media img{min-height:260px;height:260px}.media-play{width:64px;height:64px;font-size:20px}
  .method-grid{grid-template-columns:1fr}.projects-showcase{grid-template-columns:1fr 1fr}.projects-showcase .project{height:175px}
}
@media(max-width:430px){.projects-showcase{grid-template-columns:1fr}.projects-showcase .project{height:190px}.gateway-logo-wrap{width:160px;height:160px}.gateway-logo{width:138px}}

/* DELTA V62.1 — visual refinement requested */
:root{--delta-ui-bright:#bfefff;--delta-ui-blue:#238dff;--delta-ui-cyan:#65efff}

/* Wider, more breathable horizontal navigation */
.header.page .nav{max-width:1480px;gap:26px}
.header.page .links{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,48px);min-width:0}
.header.page .links a{font-size:clamp(13px,1.05vw,16px);white-space:nowrap;padding:17px 9px;letter-spacing:0;color:#214b68!important}
.header.page .links a:after{height:3px;bottom:5px}
.header.page .head-actions{gap:10px;flex-shrink:0}

/* Remove the middle rectangle/panel and make the supplied-style logo the hero focus */
.hero-v51 .hero-core{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:26px 12px 30px!important;overflow:visible!important;filter:drop-shadow(0 24px 55px rgba(20,120,210,.20))}
.hero-v51 .hero-core:after{display:none!important}
.hero-v51 .hero-logo-stage{width:min(560px,100%);height:auto;aspect-ratio:1/1;margin:0 auto 10px;display:grid;place-items:center;background:transparent!important;border:0!important;box-shadow:none!important}
.hero-v51 .hero-logo{width:min(490px,94%)!important;height:auto!important;max-height:none;object-fit:contain;filter:brightness(1.13) saturate(1.12) drop-shadow(0 0 24px rgba(91,222,255,.42)) drop-shadow(0 0 75px rgba(37,129,255,.28));}
.hero-v51 .hero-core h1{color:#e9faff!important;text-shadow:0 3px 24px rgba(0,0,0,.18)!important;font-size:clamp(27px,3.1vw,47px)!important}
.hero-v51 .hero-core p{color:#d5f4ff!important;font-size:clamp(12px,1.1vw,15px)!important}
.hero-v51 .slogan{color:#a8eaff!important}
.hero-v51 .rings{opacity:.68;filter:brightness(1.18);}

/* Simple, relevant, attractive graphic backgrounds for the four domains */
.domain-feature[data-domain-panel="security"]{--domain-image:url('../images/graphics/security.svg')!important}
.domain-feature[data-domain-panel="energy"]{--domain-image:url('../images/graphics/energy.svg')!important}
.domain-feature[data-domain-panel="construction"]{--domain-image:url('../images/graphics/construction.svg')!important}
.domain-feature[data-domain-panel="business"]{--domain-image:url('../images/graphics/business.svg')!important}
.domain-feature{background-position:center;background-size:cover;border-color:rgba(126,224,255,.30)!important;box-shadow:0 18px 50px rgba(9,55,105,.16)!important}
.domain-feature-overlay{background:linear-gradient(180deg,rgba(3,18,38,.08) 10%,rgba(3,18,38,.28) 42%,rgba(3,15,32,.92) 100%)!important}
.domain-feature:hover,.domain-feature.is-active{border-color:rgba(148,239,255,.72)!important;box-shadow:0 22px 65px rgba(15,107,180,.24),0 0 28px rgba(77,211,255,.12)!important}

/* Social links and external brand links are visibly interactive */
.footer-grid a[href*="instagram.com"],.footer-grid a[href*="t.me"],.footer-grid a[href*="wa.me"],.footer-grid a[href*="eitaa.com"],.footer-grid a[href*="rubika.ir"],.brand-link,.brand-card,.cms-external-link{cursor:pointer;transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease}
.footer-grid a[href*="instagram.com"]:hover,.footer-grid a[href*="t.me"]:hover,.footer-grid a[href*="wa.me"]:hover,.footer-grid a[href*="eitaa.com"]:hover,.footer-grid a[href*="rubika.ir"]:hover{color:#fff!important;transform:translateX(-3px)}
.brand-link,.brand-card{position:relative}
.brand-link:after,.brand-card:after{content:'↗';display:inline-block;margin-inline-start:7px;color:var(--brand);font-weight:700}

@media(max-width:1100px){.header.page .nav{gap:14px}.header.page .links{gap:14px}.header.page .links a{font-size:12px;padding-inline:4px}.hero-v51 .hero-logo{width:min(430px,94%)!important}}
@media(max-width:900px){.header.page .links{display:none}.hero-v51 .hero-core{padding-top:12px!important}.hero-v51 .hero-logo-stage{width:min(470px,100%)}.hero-v51 .hero-logo{width:min(420px,92%)!important}}
@media(max-width:600px){.hero-v51 .hero-logo-stage{width:320px}.hero-v51 .hero-logo{width:300px!important}.hero-v51 .hero-core h1{font-size:25px!important}.hero-v51 .hero-core p{font-size:11px!important}}

/* Refined welcome heading typography */
.gateway-hero h1{font-family:'DeltaUI',Tahoma,Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.8px!important;line-height:1.35!important;text-shadow:0 8px 28px rgba(73,192,255,.16)!important}
.gateway-hero h1 strong{display:inline-block;color:#bdefff!important;font-weight:700!important;margin-inline-start:8px}
.gateway-hero h1 span{color:#f3fbff!important;font-weight:700!important}