:root {
  --red: #f11d25;
  --red-dark: #b50d17;
  --navy: #071345;
  --blue: #0d2cad;
  --ink: #161927;
  --muted: #717582;
  --line: #e5e7ec;
  --paper: #fff;
  --soft: #f7f8fa;
  --container: 1240px;
  --header-h: 92px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Vazirmatn, Tahoma, Arial, sans-serif;
  line-height: 1.8;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img, video { display: block; max-width: 100%; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding: 112px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.skip-link { position: fixed; top: -80px; right: 24px; z-index: 9999; background: #fff; padding: 12px 18px; border-radius: 8px; }
.skip-link:focus { top: 20px; }

/* Scroll motion system */
.scroll-progress { position:fixed; z-index:1000; top:0; right:0; width:100%; height:3px; transform:scaleX(var(--scroll-progress,0)); transform-origin:right center; background:linear-gradient(90deg,#ff5a62,var(--red)); box-shadow:0 0 14px rgba(241,29,37,.55); pointer-events:none; }
.motion-ready .reveal { opacity:0; filter:blur(7px); transform:translate3d(0,72px,0) scale(.97); transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter .9s ease; transition-delay:var(--reveal-delay,0ms); will-change:opacity,transform; }
.motion-ready .reveal.reveal-left { transform:translate3d(90px,0,0) rotate(1.5deg); }
.motion-ready .reveal.reveal-scale { transform:scale(.88) translate3d(0,45px,0); }
.motion-ready .reveal.is-visible { opacity:1; transform:none; }
.motion-ready .reveal.is-visible { filter:none; }
.motion-ready .service-item.reveal:nth-child(odd),.motion-ready .news-card.reveal:nth-child(odd),.motion-ready .catalog-card.reveal:nth-child(odd) { transform:translate3d(0,85px,0) rotate(1.3deg); }
.motion-ready .service-item.reveal:nth-child(even),.motion-ready .news-card.reveal:nth-child(even),.motion-ready .catalog-card.reveal:nth-child(even) { transform:translate3d(0,85px,0) rotate(-1.3deg); }
.motion-ready .service-item.reveal.is-visible,.motion-ready .news-card.reveal.is-visible,.motion-ready .catalog-card.reveal.is-visible { transform:none; }
.service-item,.product-card,.news-card,.catalog-card { transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s; }
.service-item:hover { transform:translateY(-9px); box-shadow:0 24px 55px rgba(7,19,69,.09); border-color:rgba(241,29,37,.22); z-index:3; }
.product-card:hover { transform:translateY(-10px); box-shadow:0 28px 55px rgba(105,0,8,.22); }
.news-card:hover,.catalog-card:hover { transform:translateY(-7px); }
.motion-ready .section-intro h2,.motion-ready .section-heading h2 { background:linear-gradient(currentColor,currentColor) right bottom/0 2px no-repeat; transition:background-size 1s .25s ease; }
.motion-ready .is-visible .section-intro h2,.motion-ready .section-intro.is-visible h2,.motion-ready .section-heading.is-visible h2 { background-size:72px 2px; }
.motion-ready .product-card.reveal .product-image { opacity:0; transform:translateY(35px) scale(.78) rotate(-4deg); transition:opacity .75s .25s,transform 1.05s .2s cubic-bezier(.16,1,.3,1); }
.motion-ready .product-card.reveal.is-visible .product-image { opacity:1; transform:none; }
.product-card:hover .product-image img { transform:scale(1.08) rotate(-2deg); }
.product-image img { transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.motion-ready .motion-section:after { content:""; position:absolute; z-index:20; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%); transform:translateX(115%); }
.motion-section { position:relative; overflow:hidden; }
.motion-ready .service-item.reveal.is-visible:nth-child(n),.motion-ready .news-card.reveal.is-visible:nth-child(n),.motion-ready .catalog-card.reveal.is-visible:nth-child(n) { transform:none; }
.motion-ready .motion-section.section-visible:after { animation:section-sweep 1.35s .1s cubic-bezier(.2,.8,.2,1) both; }
@keyframes section-sweep { to{transform:translateX(-115%)} }

/* Global search */
.search-button { display:grid; place-items:center; font-size:29px; line-height:1; transition:transform .25s,color .25s; }
.search-button:hover { transform:scale(1.14) rotate(-8deg); color:#ff5961; }
.search-overlay { position:fixed; z-index:1200; inset:0; display:grid; place-items:start center; padding:clamp(70px,11vh,120px) 18px 30px; background:rgba(2,7,29,.88); backdrop-filter:blur(18px); opacity:0; visibility:hidden; transition:opacity .35s,visibility .35s; }
.search-overlay.open { opacity:1; visibility:visible; }
.search-dialog { width:min(760px,100%); max-height:calc(100vh - 130px); overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:24px; color:#fff; background:linear-gradient(145deg,rgba(15,35,99,.98),rgba(5,13,49,.98)); box-shadow:0 35px 100px rgba(0,0,0,.5); transform:translateY(-28px) scale(.96); transition:transform .45s cubic-bezier(.16,1,.3,1); }
.search-overlay.open .search-dialog { transform:none; }
.search-head { display:flex; gap:12px; align-items:center; padding:20px; border-bottom:1px solid rgba(255,255,255,.12); }
.search-head input { flex:1; min-width:0; height:58px; border:0; outline:0; border-radius:14px; padding:0 20px; color:#fff; background:rgba(255,255,255,.08); font:500 17px Vazirmatn,sans-serif; }
.search-head input::placeholder { color:rgba(255,255,255,.43); }
.search-close { width:50px; height:50px; border:0; border-radius:50%; background:var(--red); color:#fff; font-size:28px; }
.search-results { max-height:55vh; overflow:auto; padding:12px 20px 22px; }
.search-empty { padding:38px 12px; text-align:center; color:rgba(255,255,255,.55); }
.search-result { display:grid; grid-template-columns:46px 1fr auto; gap:14px; align-items:center; padding:14px 10px; border-bottom:1px solid rgba(255,255,255,.09); transition:.25s; }
.search-result:hover,.search-result:focus { padding-right:18px; color:#fff; background:rgba(255,255,255,.055); outline:0; }
.search-result__icon { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:rgba(241,29,37,.16); color:#ff5a62; }
.search-result strong,.search-result small { display:block; }
.search-result small { margin-top:3px; color:rgba(255,255,255,.45); }
.search-result>span:last-child { color:#ff5a62; font-size:20px; }
body.search-open { overflow:hidden; }

.site-header {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  height: var(--header-h);
  padding-inline: clamp(24px, 5vw, 82px);
  display: grid;
  grid-template-columns: 210px 1fr 210px;
  align-items: center;
  color: #fff;
  transition: background .3s, height .3s, box-shadow .3s, transform .3s;
}
.site-header.scrolled {
  position: fixed;
  height: 72px;
  background: rgba(7,19,69,.94);
  backdrop-filter: blur(18px);
  box-shadow: 0 8px 40px rgba(0,0,0,.12);
  animation: headerIn .35s ease both;
}
@keyframes headerIn { from { transform: translateY(-100%); } to { transform: translateY(0); } }
.brand { display: inline-flex; align-items: center; gap: 10px; direction: ltr; color: #fff; font: 800 28px/1 Arial,sans-serif; letter-spacing: -.5px; }
.brand-mark { width: 25px; height: 34px; position: relative; display: inline-block; }
.brand-mark i { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: currentColor; right: 0; }
.brand-mark i:nth-child(1) { top: 0; }
.brand-mark i:nth-child(2) { top: 11px; left: 0; right: auto; }
.brand-mark i:nth-child(3) { bottom: 0; }
.desktop-nav { display: flex; justify-content: center; align-items: center; gap: 34px; }
.desktop-nav>div { position:relative; height:var(--header-h); display:flex; align-items:center; }
.desktop-nav a { position: relative; font-size: 14px; font-weight: 500; opacity: .82; transition: .25s; }
.desktop-nav a:hover, .desktop-nav a.active { opacity: 1; }
.desktop-nav a.active:after { content:""; position:absolute; height:2px; right:0; left:0; bottom:-12px; background:var(--red); }
.desktop-nav .has-submenu>a { display:flex; align-items:center; gap:7px; }
.desktop-nav .has-submenu>a:before { content:"⌄"; order:2; font-size:12px; opacity:.7; transition:transform .25s; }
.desktop-nav .has-submenu:hover>a:before,
.desktop-nav .has-submenu:focus-within>a:before { transform:rotate(180deg); }
.submenu {
  position:absolute; top:calc(100% - 10px); right:50%; width:260px; padding:14px;
  background:rgba(255,255,255,.98); color:var(--ink); border:1px solid rgba(7,19,69,.08);
  border-radius:12px; box-shadow:0 24px 65px rgba(7,19,69,.16); transform:translate(50%,12px);
  opacity:0; visibility:hidden; pointer-events:none; transition:.25s; backdrop-filter:blur(18px);
}
.has-submenu:hover>.submenu,.has-submenu:focus-within>.submenu { opacity:1; visibility:visible; pointer-events:auto; transform:translate(50%,0); }
.submenu:before { content:""; position:absolute; top:-7px; right:50%; width:13px; height:13px; background:#fff; border-right:1px solid rgba(7,19,69,.08); border-top:1px solid rgba(7,19,69,.08); transform:translateX(50%) rotate(-45deg); }
.submenu a { display:block; padding:10px 12px; border-radius:7px; opacity:.72; white-space:nowrap; }
.submenu a:hover,.submenu a:focus { color:var(--red); background:#f7f7fa; opacity:1; outline:0; }
.submenu a:after { display:none!important; }
.header-tools { display: flex; align-items: center; justify-content: flex-end; gap: 15px; direction: ltr; }
.plain-button, .lang-button { border: 0; color: inherit; background: transparent; }
.search-button { width: 40px; font-size: 25px; }
.lang-button { padding: 8px; font-size: 13px; }
.menu-button, .floating-menu {
  width: 50px; height: 50px; border: 0; border-radius: 50%; background: var(--red); color: #fff;
  display: grid; place-content: center; gap: 7px; box-shadow: 0 12px 30px rgba(241,29,37,.28);
}
.menu-button span { display:block; width:19px; height:2px; background:#fff; transition:.25s; }
.menu-button span:last-child { width:13px; justify-self:end; }
.site-header .menu-button { display:none; }

.menu-drawer {
  position: fixed; z-index: 300; inset: 0 0 0 auto; width: min(100%, 480px); padding: 90px 55px;
  background: var(--navy); color: #fff; transform: translateX(105%); transition: transform .4s cubic-bezier(.77,0,.18,1); overflow-y:auto;
}
.menu-drawer.open { transform: translateX(0); }
.drawer-close { position:absolute; top:25px; left:25px; border:0; background:transparent; color:#fff; font-size:42px; }
.menu-drawer nav { display:flex; flex-direction:column; }
.menu-drawer nav a { font-size: clamp(27px,5vw,43px); font-weight:700; padding:9px 0; color:rgba(255,255,255,.76); }
.menu-drawer nav a:hover { color:#fff; padding-right:10px; }
.menu-drawer details { border-bottom:1px solid rgba(255,255,255,.1); }
.menu-drawer summary { list-style:none; cursor:pointer; font-size:clamp(27px,5vw,43px); font-weight:700; padding:9px 0; color:rgba(255,255,255,.76); display:flex; justify-content:space-between; }
.menu-drawer summary::-webkit-details-marker { display:none; }
.menu-drawer summary:after { content:"+"; font-weight:300; }
.menu-drawer details[open] summary:after { content:"−"; }
.menu-drawer details div { padding:0 18px 12px; }
.menu-drawer details div a { font-size:16px; padding:5px 0; color:rgba(255,255,255,.55); }
.menu-drawer p { position:absolute; bottom:35px; color:rgba(255,255,255,.5); }
.site-header.scrolled .desktop-nav>div { height:72px; }

.hero { position: relative; height: 100svh; min-height: 650px; overflow: hidden; color:#fff; isolation:isolate; }
.hero-media, .hero-poster, .hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.hero-media { object-fit:cover; z-index:-4; }
.hero-poster { z-index:-5; background-size:cover; background-position:center; background-color:#192037; }
.hero-shade { z-index:-3; background: linear-gradient(90deg,rgba(0,0,0,.64) 0%,rgba(2,8,27,.22) 54%,rgba(2,8,27,.44) 100%), linear-gradient(0deg,rgba(2,6,22,.4),transparent 45%); }
.hero-content { position:absolute; top:50%; right:clamp(24px,11vw,180px); transform:translateY(-42%); max-width:610px; }
.hero-poster { transition:opacity .65s,transform 7s ease; }
.hero-changing .hero-poster { animation:hero-media-in 1s ease both,hero-zoom 7s ease-out both; }
.hero-changing .hero-content>* { animation:hero-copy-in .85s cubic-bezier(.16,1,.3,1) both; }
.hero-changing .hero-content>*:nth-child(2){animation-delay:.09s}.hero-changing .hero-content>*:nth-child(3){animation-delay:.17s}.hero-changing .hero-content>*:nth-child(4){animation-delay:.24s}
@keyframes hero-media-in { from{opacity:.2} to{opacity:1} }
@keyframes hero-zoom { from{transform:scale(1.06)} to{transform:scale(1)} }
@keyframes hero-copy-in { from{opacity:0;filter:blur(8px);transform:translateY(42px)} to{opacity:1;filter:none;transform:none} }
.kicker { display:flex; align-items:center; gap:12px; color:#fff; font-size:13px; letter-spacing:3px; font-family:Arial,sans-serif; }
.kicker:before { content:""; width:36px; height:2px; background:var(--red); }
.hero h1 { margin:14px 0 18px; font-size:clamp(60px,7vw,108px); line-height:1.05; letter-spacing:-4px; text-shadow:0 10px 40px rgba(0,0,0,.2); }
.hero-content > p:not(.kicker) { font-size:18px; color:rgba(255,255,255,.74); max-width:520px; }
.hero-cta { display:inline-flex; align-items:center; gap:25px; margin-top:20px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.5); font-weight:700; }
.hero-cta span { color:var(--red); font-size:22px; }
.scroll-cue { position:absolute; bottom:30px; left:50%; transform:translateX(-50%); display:grid; justify-items:center; gap:7px; font-size:11px; }
.scroll-cue span { width:24px; height:38px; border:1px solid rgba(255,255,255,.65); border-radius:20px; position:relative; }
.scroll-cue span:after { content:""; position:absolute; top:8px; left:50%; width:3px; height:7px; border-radius:2px; background:#fff; animation:scroll 1.6s infinite; }
@keyframes scroll { 0% { transform:translate(-50%,0); opacity:0; } 35% { opacity:1; } 100% { transform:translate(-50%,13px); opacity:0; } }
.hero-status { position:absolute; left:clamp(25px,7vw,110px); bottom:42px; display:flex; gap:12px; align-items:center; font:12px Arial; }
.hero-status i { width:75px; height:1px; overflow:hidden; background:rgba(255,255,255,.35); }
.hero-status i b { display:block; width:100%; height:100%; background:#fff; transform-origin:right; }
.hero-changing .hero-status i b { animation:hero-progress 6.5s linear both; }
@keyframes hero-progress { from{transform:scaleX(0)} to{transform:scaleX(1)} }
.hero-controls { position:absolute; z-index:5; right:clamp(24px,11vw,180px); bottom:38px; display:flex; align-items:center; gap:13px; }
.hero-controls>button { width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.45); background:rgba(3,10,35,.18); color:#fff; backdrop-filter:blur(8px); font-size:18px; transition:.25s; }
.hero-controls>button:hover { border-color:var(--red); background:var(--red); transform:scale(1.08); }
.hero-dots { display:flex; gap:8px; direction:ltr; }
.hero-dot { width:8px; height:8px; padding:0; border:0; border-radius:8px; background:rgba(255,255,255,.42); transition:.35s; }
.hero-dot.active { width:28px; background:var(--red); }

.services { position:relative; overflow:hidden; }
.technical-grid { position:absolute; inset:0; opacity:.36; background-image:linear-gradient(#e9ebef 1px,transparent 1px),linear-gradient(90deg,#e9ebef 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,#000,transparent 26%,transparent 74%,#000); }
.section-intro { position:relative; z-index:2; }
.section-intro.centered { max-width:700px; text-align:center; margin:0 auto 65px; }
.section-intro span,.section-heading span,.product-copy>span { color:var(--red); font-size:13px; font-weight:800; }
.section-intro h2,.section-heading h2,.product-copy h2 { margin:8px 0 10px; font-size:clamp(38px,4.5vw,62px); line-height:1.2; letter-spacing:-2px; }
.section-intro p { color:var(--muted); }
.services-list { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-item { padding:45px 32px 38px; border-left:1px solid var(--line); position:relative; min-height:300px; }
.service-item:last-child { border-left:0; }
.service-no { position:absolute; top:21px; left:22px; font:800 55px/1 Arial; color:transparent; -webkit-text-stroke:1px #d4d7de; }
.service-icon { width:54px; height:54px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font-size:24px; margin-bottom:28px; }
.service-item h3 { font-size:20px; margin:0 0 10px; }
.service-item p { color:var(--muted); font-size:13px; margin:0 0 25px; }
.service-item a { color:var(--red); font-size:22px; }
.all-link { display:flex; justify-content:center; gap:15px; margin-top:35px; color:var(--red); font-weight:750; position:relative; z-index:2; }

.energy-lab { min-height:850px; padding:120px 0; position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 72% 45%,#182b77 0,rgba(13,44,173,.22) 28%,transparent 53%),linear-gradient(135deg,#040a29 0%,#071345 52%,#03071f 100%); isolation:isolate; }
.energy-lab:before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:55px 55px; mask-image:linear-gradient(90deg,transparent,#000 30%,#000 75%,transparent); }
.energy-lab__glow { position:absolute; width:560px; height:560px; left:12%; top:50%; transform:translateY(-50%); border-radius:50%; background:rgba(31,87,255,.12); filter:blur(90px); }
.energy-lab__layout { min-height:610px; display:grid; grid-template-columns:.82fr 1.25fr; align-items:center; gap:60px; position:relative; z-index:2; }
.energy-lab__copy { max-width:470px; }
.energy-lab__eyebrow { color:#ff5a62; font-size:13px; font-weight:800; display:flex; align-items:center; gap:12px; }
.energy-lab__eyebrow:before { content:""; width:38px; height:2px; background:var(--red); }
.energy-lab h2 { margin:18px 0 22px; font-size:clamp(48px,5vw,74px); line-height:1.15; letter-spacing:-3px; }
.energy-lab__copy>p { color:rgba(255,255,255,.59); max-width:450px; }
.energy-lab__metrics { display:grid; grid-template-columns:repeat(3,1fr); margin:42px 0; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); }
.energy-lab__metrics div { padding:20px 0; border-left:1px solid rgba(255,255,255,.14); }
.energy-lab__metrics div:last-child { border-left:0; }
.energy-lab__metrics strong,.energy-lab__metrics small { display:block; }
.energy-lab__metrics strong { font:700 23px Arial,sans-serif; }
.energy-lab__metrics small { margin-top:5px; color:rgba(255,255,255,.42); font-size:10px; }
.energy-lab__link { display:inline-flex; align-items:center; gap:35px; border-bottom:1px solid rgba(255,255,255,.4); padding:10px 0; font-weight:750; }
.energy-lab__link span { color:var(--red); font-size:23px; }
.energy-stage { height:650px; position:relative; perspective:1200px; cursor:grab; touch-action:pan-y; }
.energy-stage:active { cursor:grabbing; }
.energy-stage__hint { position:absolute; left:10px; bottom:5px; color:rgba(255,255,255,.3); font-size:10px; letter-spacing:.2px; }
.energy-scene { --rx:-9deg; --ry:-18deg; width:100%; height:100%; position:relative; transform-style:preserve-3d; transform:rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .18s ease-out; }
.energy-orbit { position:absolute; top:50%; left:50%; border:1px solid rgba(104,151,255,.25); border-radius:50%; transform-style:preserve-3d; }
.orbit-a { width:520px; height:520px; margin:-260px; transform:rotateX(70deg) translateZ(-50px); animation:orbit-spin 18s linear infinite; }
.orbit-b { width:410px; height:410px; margin:-205px; border-style:dashed; transform:rotateY(68deg) rotateZ(25deg); animation:orbit-spin-reverse 14s linear infinite; }
.orbit-c { width:620px; height:230px; margin:-115px -310px; transform:rotateX(70deg) rotateZ(-22deg); box-shadow:0 0 40px rgba(44,98,255,.08) inset; }
.energy-core { position:absolute; left:50%; top:50%; width:180px; height:180px; margin:-90px; border-radius:50%; transform:translateZ(-20px); background:radial-gradient(circle,#dce7ff 0 3%,#406cff 4%,rgba(35,78,213,.28) 20%,rgba(4,10,41,.1) 60%); box-shadow:0 0 55px rgba(62,108,255,.7),0 0 130px rgba(27,67,210,.35); animation:core-pulse 3.2s ease-in-out infinite; }
.energy-core i { position:absolute; inset:20px; border:1px solid rgba(255,255,255,.28); border-radius:50%; }
.energy-core i:nth-child(2){inset:40px}.energy-core i:nth-child(3){inset:62px;background:#fff;box-shadow:0 0 35px #78a0ff}
.busbar { position:absolute; left:50%; top:50%; width:390px; height:94px; margin:-47px -195px; transform-style:preserve-3d; transform:translateZ(85px) rotateZ(-17deg); filter:drop-shadow(0 35px 28px rgba(0,0,0,.45)); }
.busbar-cross { width:280px; height:70px; margin:-35px -140px; transform:translateZ(135px) rotateZ(68deg) translateX(45px); opacity:.92; }
.metal-face { position:absolute; display:block; background:linear-gradient(90deg,#6e7689,#e7edf7 24%,#788195 48%,#d6deeb 74%,#626b7c); border:1px solid rgba(255,255,255,.45); }
.face-front { inset:0; clip-path:polygon(0 16%,100% 0,100% 78%,0 100%); }
.face-top { height:26px; left:4px; right:0; top:-19px; transform-origin:bottom; transform:skewX(-18deg); background:linear-gradient(#f7faff,#7c879c); }
.face-side { width:28px; top:0; bottom:0; left:-20px; transform:skewY(-28deg); background:linear-gradient(90deg,#3d4658,#aeb8c8); }
.busbar b { position:absolute; z-index:3; right:48px; top:31px; width:185px; height:6px; border-radius:5px; background:#c87937; box-shadow:0 15px #d48b43,0 30px #b8662d; transform:rotate(-2deg); }
.energy-node { position:absolute; z-index:5; min-width:125px; padding:10px 13px; border:1px solid rgba(255,255,255,.22); border-radius:8px; background:rgba(7,19,69,.48); backdrop-filter:blur(12px); box-shadow:0 15px 35px rgba(0,0,0,.2); }
.energy-node:before { content:""; position:absolute; width:55px; height:1px; background:linear-gradient(90deg,rgba(255,255,255,.5),transparent); }
.energy-node span { color:#ff4d56; font:700 11px Arial; }
.energy-node small { display:block; margin-top:3px; color:rgba(255,255,255,.72); }
.node-one { right:4%; top:18%; transform:translateZ(170px); }.node-one:before{left:-56px;top:50%}
.node-two { left:3%; top:46%; transform:translateZ(90px); }.node-two:before{right:-56px;top:50%;transform:rotate(180deg)}
.node-three { right:11%; bottom:10%; transform:translateZ(130px); }.node-three:before{left:-56px;top:50%}
.energy-particle { position:absolute; width:5px; height:5px; border-radius:50%; background:#fff; box-shadow:0 0 14px #6d96ff; animation:particle-float 5s ease-in-out infinite; }
.p1{left:21%;top:22%}.p2{right:18%;top:38%;animation-delay:-1.3s}.p3{left:32%;bottom:18%;animation-delay:-2.5s}.p4{right:35%;bottom:27%;animation-delay:-3.7s}
@keyframes orbit-spin { to{transform:rotateX(70deg) rotateZ(360deg) translateZ(-50px)} }
@keyframes orbit-spin-reverse { to{transform:rotateY(68deg) rotateZ(-335deg)} }
@keyframes core-pulse { 50%{transform:translateZ(-20px) scale(1.08);opacity:.78} }
@keyframes particle-float { 50%{transform:translate3d(18px,-28px,80px);opacity:.35} }

/* Architectural energy sketch */
.building-stage { perspective:1450px; }
.building-scene { transform-origin:50% 55%; }
.building-ground { position:absolute; left:50%; top:69%; width:660px; height:340px; margin:-170px -330px; border:1px solid rgba(94,136,255,.28); border-radius:50%; transform:rotateX(72deg) translateZ(-120px); background:radial-gradient(circle at 50% 45%,rgba(76,122,255,.2),rgba(7,19,69,0) 56%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(105,145,255,.12) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(105,145,255,.12) 40px); box-shadow:0 0 100px rgba(48,91,226,.15) inset,0 0 90px rgba(15,45,145,.18); }
.building-ground i { position:absolute; width:9px; height:9px; border-radius:50%; background:#77a0ff; box-shadow:0 0 18px #477bff; }
.building-ground i:nth-child(1){right:18%;top:25%}.building-ground i:nth-child(2){left:22%;bottom:20%}.building-ground i:nth-child(3){right:44%;bottom:12%}
.building-reflection { position:absolute; left:50%; top:75%; width:430px; height:90px; margin-left:-210px; border-radius:50%; transform:rotateX(70deg) translateZ(-80px); background:radial-gradient(ellipse,rgba(55,101,235,.28),transparent 68%); filter:blur(14px); }
.building-frame { position:absolute; left:50%; top:49%; width:390px; height:470px; margin:-235px -195px; transform-style:preserve-3d; transform:translateZ(35px); filter:drop-shadow(0 36px 32px rgba(0,4,25,.42)); }
.building-front { position:absolute; inset:0; overflow:hidden; border:1px solid rgba(191,211,255,.8); border-radius:5px 5px 2px 2px; background:linear-gradient(112deg,rgba(255,255,255,.18) 0 5%,transparent 5% 35%,rgba(113,160,255,.13) 36% 42%,transparent 43%),linear-gradient(90deg,rgba(13,38,105,.5),rgba(39,78,177,.2) 48%,rgba(5,22,74,.55)); box-shadow:0 0 0 5px rgba(100,145,255,.045) inset,0 0 55px rgba(55,99,230,.17) inset; backdrop-filter:blur(3px); }
.building-front:after { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(106deg,transparent 20%,rgba(210,231,255,.18) 30%,transparent 39% 62%,rgba(148,190,255,.09) 70%,transparent 78%); transform:translateX(-80%); animation:glass-shine 8s ease-in-out infinite; }
.building-side { position:absolute; right:-112px; top:55px; width:112px; height:415px; overflow:hidden; border:1px solid rgba(126,161,247,.58); transform-origin:left; transform:skewY(-26deg); background:linear-gradient(90deg,rgba(9,30,88,.72),rgba(36,76,170,.22)); box-shadow:inset 22px 0 35px rgba(2,12,49,.3); }
.building-side i { display:block; height:calc(100% / 6); border-bottom:1px solid rgba(140,176,255,.32); background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(159,190,255,.24) 27px 28px); }
.building-side i:nth-child(2),.building-side i:nth-child(5) { background-color:rgba(255,205,105,.045); box-shadow:inset 0 0 25px rgba(255,199,94,.06); }
.building-roof { position:absolute; top:-55px; right:-56px; width:445px; height:57px; overflow:hidden; border:1px solid rgba(187,207,255,.7); transform:skewX(-64deg); transform-origin:bottom; background:linear-gradient(145deg,rgba(126,163,255,.22),rgba(8,28,86,.5)); box-shadow:inset 0 0 24px rgba(123,164,255,.16); }
.building-roof i { position:absolute; top:15px; width:105px; height:25px; border:1px solid rgba(175,202,255,.45); background:rgba(6,23,72,.4); }
.building-roof i:first-child{left:70px}.building-roof i:last-child{right:78px}
.floor { height:calc(100% / 6); display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid rgba(139,173,255,.52); position:relative; }
.floor span { position:relative; border-left:1px solid rgba(155,185,255,.31); background:linear-gradient(145deg,rgba(110,158,255,.09),rgba(2,16,59,.18)); }
.floor span:after { content:""; position:absolute; inset:9px 12px; border-radius:2px; background:linear-gradient(135deg,rgba(183,214,255,.1),rgba(33,74,164,.04)); box-shadow:inset 0 0 12px rgba(124,170,255,.07); }
.floor:nth-child(2) span:nth-child(2):after,.floor:nth-child(3) span:nth-child(1):after,.floor:nth-child(4) span:nth-child(3):after,.floor:nth-child(5) span:nth-child(2):after { background:linear-gradient(135deg,rgba(255,224,163,.2),rgba(255,177,65,.045)); box-shadow:0 0 22px rgba(255,191,89,.09) inset; }
.building-spine { position:absolute; z-index:3; inset:0; pointer-events:none; }
.building-spine i { position:absolute; top:-2px; bottom:-1px; width:5px; background:linear-gradient(90deg,rgba(207,224,255,.7),rgba(70,111,211,.25),rgba(222,234,255,.55)); box-shadow:0 0 8px rgba(92,139,255,.2); }
.building-spine i:nth-child(1){left:0}.building-spine i:nth-child(2){left:33.33%}.building-spine i:nth-child(3){left:66.66%}
.building-crown { position:absolute; z-index:7; top:13px; left:20px; display:flex; align-items:center; gap:8px; color:rgba(225,235,255,.85); font:600 7px Arial; letter-spacing:1.5px; }
.building-crown b { width:21px; height:21px; display:grid; place-items:center; border:1px solid rgba(178,204,255,.6); border-radius:50%; color:#fff; font-size:11px; background:rgba(50,97,211,.22); box-shadow:0 0 14px rgba(88,139,255,.3); }
.building-lobby { position:absolute; z-index:6; bottom:0; left:112px; width:150px; height:77px; border:1px solid rgba(198,218,255,.54); background:linear-gradient(180deg,rgba(136,179,255,.13),rgba(3,19,65,.48)); box-shadow:0 -18px 35px rgba(78,126,255,.06) inset; }
.building-lobby i { position:absolute; bottom:0; width:50%; height:58px; border:1px solid rgba(179,205,255,.42); background:linear-gradient(120deg,rgba(190,219,255,.12),transparent); }
.building-lobby i:first-child{left:0}.building-lobby i:nth-child(2){right:0}.building-lobby span { position:absolute; left:50%; top:0; width:1px; height:100%; background:rgba(211,226,255,.48); }
.power-riser { position:absolute; z-index:4; right:50px; top:31px; bottom:24px; width:5px; border-radius:6px; background:rgba(255,52,65,.22); box-shadow:0 0 12px rgba(255,49,63,.9),0 0 32px rgba(255,35,51,.42); }
.power-riser:before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(0deg,transparent,#fff,transparent); background-size:100% 90px; animation:power-rise 2.2s linear infinite; }
.power-riser i { position:absolute; right:-5px; width:15px; height:15px; border:2px solid #ff5360; border-radius:50%; background:#071345; box-shadow:0 0 15px rgba(255,43,58,.8); }
.power-riser i:nth-child(1){top:7%}.power-riser i:nth-child(2){top:25%}.power-riser i:nth-child(3){top:43%}.power-riser i:nth-child(4){top:61%}.power-riser i:nth-child(5){top:80%}
.power-branch { position:absolute; z-index:3; right:52px; width:175px; height:2px; background:linear-gradient(90deg,transparent,#ff4552); box-shadow:0 0 10px rgba(255,55,68,.65); transform-origin:right; }
.power-branch:after { content:""; position:absolute; left:0; top:-3px; width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 15px #ff4350; animation:branch-pulse 1.8s ease-in-out infinite; }
.branch-1{top:87px}.branch-2{top:160px}.branch-3{top:234px}.branch-4{top:308px}.branch-5{top:382px}
.main-panel { position:absolute; z-index:5; right:25px; bottom:16px; width:58px; height:75px; border:1px solid rgba(255,255,255,.65); background:linear-gradient(135deg,#8f9ab0,#3f485d); box-shadow:0 15px 24px rgba(0,0,0,.3),0 0 26px rgba(255,40,55,.25); display:grid; place-items:center; }
.main-panel b { width:17px; height:24px; border:2px solid #f64b56; border-radius:3px; }
.main-panel small { position:absolute; bottom:3px; font:7px Arial; }
.earth-line { position:absolute; z-index:3; right:52px; bottom:-60px; width:3px; height:78px; background:linear-gradient(#7df2a5,#279e52); box-shadow:0 0 12px rgba(74,231,126,.5); }
.earth-line i,.earth-line:before,.earth-line:after { content:""; position:absolute; height:2px; background:#62dd8d; left:50%; transform:translateX(-50%); }
.earth-line i{width:38px;bottom:0}.earth-line:before{width:26px;bottom:8px}.earth-line:after{width:14px;bottom:16px}
.safety-shield { position:absolute; z-index:8; left:16%; top:16%; width:74px; height:86px; clip-path:polygon(50% 0,92% 17%,85% 70%,50% 100%,15% 70%,8% 17%); display:grid; place-items:center; background:linear-gradient(145deg,rgba(62,116,255,.9),rgba(18,49,146,.35)); border:1px solid rgba(255,255,255,.5); filter:drop-shadow(0 0 24px rgba(70,119,255,.45)); animation:shield-float 4s ease-in-out infinite; }
.safety-shield:before { content:""; position:absolute; inset:5px; clip-path:inherit; border:1px solid rgba(255,255,255,.35); }
.safety-shield span { font-size:26px; }
@keyframes power-rise { to{background-position:0 -180px} }
@keyframes branch-pulse { 50%{transform:translateX(150px);opacity:.25} }
@keyframes shield-float { 50%{transform:translateY(-12px) rotateY(12deg)} }
@keyframes glass-shine { 0%,18%{transform:translateX(-85%)} 58%,100%{transform:translateX(95%)} }

.video-categories { height: min(820px, 86svh); min-height:620px; position:relative; overflow:hidden; background:#17212a; }
.category-video,.category-poster,.category-overlay { position:absolute; inset:0; width:100%; height:100%; }
.category-video { object-fit:cover; z-index:1; }
.category-poster { background-size:cover; background-position:center; z-index:0; transition:opacity .55s ease,transform 1.2s cubic-bezier(.2,.8,.2,1); }
.category-overlay { z-index:2; background:linear-gradient(90deg,rgba(30,206,231,.22),transparent 18%,transparent 76%,rgba(30,206,231,.22)); pointer-events:none; }
.floating-menu { position:absolute; z-index:5; top:32px; left:40px; font-size:0; }
.floating-menu:before { content:"☰"; font-size:19px; }
.category-panel { position:absolute; z-index:4; right:max(24px,6vw); top:50%; transform:translateY(-50%); width:min(520px,42vw); padding:25px 32px; background:rgba(255,255,255,.97); border-radius:12px; box-shadow:0 30px 70px rgba(0,0,0,.18); }
.category-panel { transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1),visibility .45s; }
.video-categories.video-mode .category-panel { opacity:0; visibility:hidden; pointer-events:none; transform:translate(70px,-50%); }
.video-categories.video-mode .category-poster { opacity:0; transform:scale(1.035); }
.video-categories.returning .category-video { animation:return-video-soften .45s ease both; }
@keyframes return-video-soften { from{filter:saturate(1)} to{filter:saturate(.9)} }
.category-tab { width:100%; min-height:73px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:15px; border:0; border-bottom:1px solid #e5e5e5; background:transparent; color:#838383; text-align:right; padding:0 7px; transition:.25s; }
.category-tab:last-child { border-bottom:0; }
.category-tab span { display:flex; align-items:center; gap:17px; font-size:18px; }
.category-tab span:before { content:"↖"; color:#bfc1c5; font-size:20px; }
.category-tab small { font:11px Arial; color:#b0b2b7; }
.category-tab.active { color:var(--red); font-weight:700; }
.category-tab.active span:before { content:"Ⅱ"; color:var(--red); }
.video-toggle { position:absolute; z-index:5; bottom:28px; left:50%; transform:translateX(-50%); width:52px; height:52px; border-radius:50%; border:1px solid rgba(255,255,255,.6); color:#fff; background:rgba(0,0,0,.14); backdrop-filter:blur(8px); }
.category-back { position:absolute; z-index:6; top:34px; right:max(24px,6vw); min-height:52px; padding:7px 9px 7px 20px; display:flex; align-items:center; gap:12px; border:1px solid rgba(255,255,255,.35); border-radius:28px; color:#fff; background:rgba(4,13,47,.42); backdrop-filter:blur(14px); box-shadow:0 16px 40px rgba(0,0,0,.2); opacity:0; visibility:hidden; transform:translateY(-15px); transition:.4s; }
.category-back span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--red); font-size:18px; }
.category-back strong { font-size:12px; }.category-back:disabled{cursor:wait;opacity:.65}
.video-categories.video-mode .category-back { opacity:1; visibility:visible; transform:none; }
.video-categories:not(.video-mode) .video-toggle { opacity:0; visibility:hidden; }

.products { position:relative; overflow:hidden; background:linear-gradient(125deg,#f51c24 0%,#e8131b 52%,#be0914 100%); color:#fff; }
.product-orbit { position:absolute; border:1px solid rgba(255,255,255,.09); border-radius:50%; }
.product-orbit.one { width:600px; height:600px; right:-160px; top:-260px; }
.product-orbit.two { width:420px; height:420px; left:-120px; bottom:-210px; }
.products-layout { display:grid; grid-template-columns:280px 1fr; gap:55px; position:relative; z-index:2; }
.product-copy h2 { font-size:48px; }
.product-copy>span { color:rgba(255,255,255,.7); }
.product-tabs { margin-top:32px; display:flex; flex-direction:column; align-items:flex-start; }
.product-tab { border:0; background:transparent; color:rgba(255,255,255,.6); padding:8px 0; text-align:right; transition:.2s; }
.product-tab.active { color:#fff; font-weight:800; }
.product-tab.active:before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#fff; margin-left:10px; }
.slider-controls { display:flex; gap:10px; margin-top:30px; }
.slider-controls button { width:48px; height:48px; border-radius:50%; color:#fff; background:transparent; border:1px solid rgba(255,255,255,.45); font-size:20px; }
.product-track-wrap { overflow:hidden; }
.product-track { display:flex; gap:22px; transition:transform .45s cubic-bezier(.2,.8,.2,1); direction:rtl; }
.product-card { flex:0 0 calc((100% - 44px)/3); min-width:260px; min-height:450px; border:1px solid rgba(255,255,255,.42); border-radius:8px; padding:32px 24px; text-align:center; display:flex; flex-direction:column; position:relative; background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,0)); }
.product-card:before { content:"+"; position:absolute; top:14px; right:17px; font-size:20px; }
.product-image { height:250px; display:grid; place-items:center; margin-bottom:18px; }
.product-image img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 24px 25px rgba(76,0,0,.22)); }
.product-card h3 { font:800 24px Arial; margin:0; }
.product-card p { font-size:13px; margin:4px 0 18px; }
.product-card a { align-self:center; margin-top:auto; border:1px solid rgba(255,255,255,.7); padding:8px 24px; border-radius:24px; font-size:12px; }

.news { background:#fff; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:50px; }
.section-heading h2 { font-size:48px; }
.section-heading>a { color:var(--red); font-size:14px; font-weight:700; }
.news-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.news-card { min-width:0; }
.news-image { aspect-ratio:1.28; overflow:hidden; border-radius:8px; background:#e9ebef; }
.news-image img { width:100%; height:100%; object-fit:cover; transition:transform .45s; }
.news-card:hover img { transform:scale(1.045); }
.news-card time { display:block; margin-top:17px; color:#999; font-size:11px; direction:ltr; text-align:right; }
.news-card h3 { margin:8px 0; font-size:17px; line-height:1.75; }
.news-card>a:last-child { color:var(--red); font-size:12px; font-weight:700; }

.footer { background:var(--navy); color:#fff; padding:0 0 25px; position:relative; }
.consultation { transform:translateY(-50%); margin-bottom:-25px; padding:34px 45px; border:1px solid rgba(255,255,255,.2); border-radius:20px; background:linear-gradient(110deg,#8f0611,#d70e1a 60%,#8e0612); box-shadow:0 30px 70px rgba(0,0,0,.22); display:flex; align-items:center; justify-content:space-between; gap:30px; overflow:hidden; position:relative; }
.consultation:after { content:""; position:absolute; width:480px; height:170px; border:1px solid rgba(255,255,255,.09); border-radius:50%; left:15%; bottom:-110px; }
.consultation span,.consultation p { color:rgba(255,255,255,.7); }
.consultation h2 { margin:3px 0; font-size:32px; }
.consultation p { margin:0; font-size:13px; }
.consultation-actions { display:flex; gap:12px; position:relative; z-index:2; }
.button { min-height:48px; padding:0 24px; border-radius:28px; display:inline-flex; align-items:center; gap:24px; font-size:13px; font-weight:700; }
.button.light { background:#fff; color:var(--red); }
.button.outline { border:1px solid rgba(255,255,255,.55); }
.footer-main { display:grid; grid-template-columns:1.8fr repeat(3,1fr); gap:55px; padding:55px 0 45px; }
.footer-brand p { color:rgba(255,255,255,.62); font-size:13px; max-width:350px; }
.official { display:block; margin:20px 0; }
.certs { display:flex; gap:9px; flex-wrap:wrap; direction:ltr; }
.certs span { padding:5px 8px; border:1px solid rgba(255,255,255,.25); border-radius:4px; font:700 10px Arial; }
.footer-column { border-right:1px solid rgba(255,255,255,.13); padding-right:30px; }
.footer-column h3 { margin:0 0 18px; font-size:16px; }
.footer-column a { display:block; color:rgba(255,255,255,.56); font-size:13px; padding:4px 0; }
.footer-column a:hover { color:#fff; }
.newsletter { border:1px solid rgba(255,255,255,.2); border-radius:16px; padding:24px 30px; display:flex; align-items:center; justify-content:space-between; gap:35px; }
.newsletter h3 { margin:0; }
.newsletter p { margin:3px 0 0; color:rgba(255,255,255,.55); font-size:12px; }
.newsletter form { width:min(100%,450px); height:53px; border:1px solid rgba(255,255,255,.25); border-radius:27px; display:flex; padding:4px; }
.newsletter input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:#fff; padding:0 18px; }
.newsletter button { width:43px; height:43px; border:0; border-radius:50%; color:#fff; background:var(--red); font-size:20px; }
.contact-row { display:grid; grid-template-columns:repeat(4,1fr); margin:35px 0; }
.contact-item { padding:0 25px; border-left:1px solid rgba(255,255,255,.15); }
.contact-item:last-child { border-left:0; }
.contact-item small { display:block; color:rgba(255,255,255,.45); }
.contact-item span { font-size:13px; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.15); padding-top:20px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:rgba(255,255,255,.42); font-size:11px; }
.socials { display:flex; gap:8px; direction:ltr; }
.socials a { width:34px; height:34px; border:1px solid rgba(255,255,255,.35); border-radius:50%; display:grid; place-items:center; color:#fff; font:bold 12px Arial; }
.legal { display:flex; gap:18px; align-items:center; }
.legal button { border:0; background:transparent; color:#fff; }
.toast { position:fixed; z-index:500; bottom:24px; left:50%; transform:translate(-50%,30px); background:#fff; color:var(--ink); padding:13px 22px; border-radius:10px; box-shadow:0 20px 50px rgba(0,0,0,.22); opacity:0; pointer-events:none; transition:.3s; }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (max-width: 1100px) {
  .site-header { grid-template-columns:180px 1fr 160px; padding-inline:28px; }
  .desktop-nav { gap:20px; }
  .services-list { grid-template-columns:repeat(2,1fr); }
  .service-item:nth-child(2) { border-left:0; }
  .service-item:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .products-layout { grid-template-columns:230px 1fr; gap:30px; }
  .product-card { flex-basis:calc((100% - 22px)/2); }
  .news-grid { grid-template-columns:repeat(2,1fr); }
  .footer-main { grid-template-columns:1.5fr repeat(3,1fr); gap:25px; }
}

@media (max-width: 820px) {
  :root { --header-h:76px; }
  .container { width:min(calc(100% - 30px),var(--container)); }
  .section { padding:82px 0; }
  .site-header { grid-template-columns:1fr auto; padding-inline:18px; }
  .site-header .brand { grid-column:1; }
  .site-header .desktop-nav,
  .site-header .lang-button { display:none!important; }
  .site-header .search-button { display:grid!important; width:42px; height:42px; }
  .header-tools { grid-column:2; }
  .site-header .menu-button { display:grid!important; visibility:visible!important; opacity:1!important; width:46px; height:46px; background:var(--red); position:relative; z-index:3; }
  .hero { min-height:600px; }
  .hero-content { right:22px; left:22px; }
  .hero h1 { font-size:clamp(52px,15vw,80px); letter-spacing:-3px; }
  .hero-content>p:not(.kicker) { font-size:15px; }
  .hero-status { display:none; }
  .hero-controls { right:20px; bottom:24px; }
  .services .services-list { display:flex!important; overflow-x:auto; scroll-snap-type:x mandatory; margin-left:-15px; padding-left:15px; scrollbar-width:none; border-bottom:0; }
  .services-list::-webkit-scrollbar { display:none; }
  .service-item { flex:0 0 82%; min-height:290px; border:1px solid var(--line)!important; border-radius:12px; margin-left:13px; scroll-snap-align:start; background:#fff; }
  .energy-lab { min-height:auto; padding:85px 0 60px; }
  .energy-lab__layout { grid-template-columns:1fr; gap:15px; }
  .energy-lab__copy { max-width:none; }
  .energy-lab h2 { font-size:48px; }
  .energy-stage { height:520px; margin-inline:-15px; overflow:hidden; }
  .energy-scene { transform:scale(.78) rotateX(var(--rx)) rotateY(var(--ry)); }
  .energy-stage__hint { display:none; }
  .video-categories { height:780px; }
  .category-panel { top:auto; bottom:30px; right:15px; left:15px; width:auto; transform:none; padding:12px 18px; }
  .video-categories.video-mode .category-panel { transform:translateY(45px); }
  .category-tab { min-height:57px; }
  .category-tab span { font-size:14px; }
  .floating-menu { top:20px; left:18px; }
  .category-back { top:20px; right:15px; min-height:46px; padding:5px 7px 5px 14px; }.category-back span{width:34px;height:34px}.category-back strong{font-size:11px}
  .video-toggle { display:none; }
  .products-layout { grid-template-columns:1fr; }
  .product-copy { display:grid; grid-template-columns:1fr auto; align-items:end; }
  .product-copy>span { grid-column:1/-1; }
  .product-copy h2 { margin:5px 0 22px; }
  .product-tabs { grid-column:1/-1; flex-direction:row; overflow-x:auto; gap:22px; margin:0 0 25px; padding-bottom:6px; scrollbar-width:none; }
  .product-tab { flex:0 0 auto; }
  .slider-controls { margin:0 0 22px; }
  .product-card { flex-basis:82%; min-width:0; min-height:420px; }
  .news-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; scrollbar-width:none; }
  .news-card { flex:0 0 82%; scroll-snap-align:start; }
  .section-heading { align-items:start; }
  .section-heading h2 { font-size:38px; }
  .section-heading>a { display:none; }
  .consultation { transform:translateY(-35%); margin-bottom:-35px; padding:26px 22px; display:block; }
  .consultation h2 { font-size:26px; }
  .consultation-actions { margin-top:22px; flex-wrap:wrap; }
  .footer-main { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .newsletter { align-items:stretch; flex-direction:column; }
  .newsletter form { width:100%; }
  .contact-row { grid-template-columns:1fr 1fr; gap:25px 0; }
  .contact-item:nth-child(2) { border-left:0; }
  .footer-bottom { flex-direction:column; text-align:center; }
}

@media (max-width: 520px) {
  .brand { font-size:23px; }
  .brand-mark { transform:scale(.85); transform-origin:right center; }
  .hero h1 { font-size:56px; }
  .section-intro h2 { font-size:38px; }
  .energy-lab h2 { font-size:41px; letter-spacing:-2px; }
  .energy-lab__metrics strong { font-size:18px; }
  .energy-stage { height:430px; }
  .energy-scene { transform:scale(.64) rotateX(-8deg) rotateY(-14deg); }
  .energy-node { display:none; }
  .category-panel { padding:8px 13px; }
  .category-tab { min-height:54px; }
  .category-tab span { gap:8px; font-size:12px; }
  .product-copy { display:block; }
  .product-card { flex-basis:88%; }
  .news-card { flex-basis:88%; }
  .footer-main { grid-template-columns:1fr; }
  .footer-brand { grid-column:auto; }
  .footer-column { border-right:0; border-top:1px solid rgba(255,255,255,.12); padding:22px 0 0; }
  .footer-column a { display:inline-block; margin-left:18px; }
  .contact-row { grid-template-columns:1fr; }
  .contact-item { border-left:0; border-bottom:1px solid rgba(255,255,255,.12); padding:12px 0; }
  .legal { flex-wrap:wrap; justify-content:center; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
  .energy-scene { transform:rotateX(-8deg) rotateY(-15deg)!important; }
  .motion-ready .reveal { opacity:1!important; transform:none!important; }
  .scroll-progress { display:none; }
}

/* Inner pages */
.inner-page { background:var(--soft); }
.inner-page .site-header { position:fixed; height:76px; background:rgba(7,19,69,.97); backdrop-filter:blur(18px); }
.page-hero { padding:150px 0 75px; color:#fff; background:linear-gradient(125deg,#071345,#0d2cad); position:relative; overflow:hidden; }
.page-hero:after { content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(255,255,255,.08); border-radius:50%; left:-170px; top:-260px; box-shadow:0 0 0 90px rgba(255,255,255,.025); }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:rgba(255,255,255,.58); font-size:12px; position:relative; z-index:2; }
.breadcrumbs a:hover { color:#fff; }
.page-hero h1 { position:relative; z-index:2; margin:22px 0 7px; font-size:clamp(42px,6vw,76px); line-height:1.15; letter-spacing:-3px; }
.page-hero p { position:relative; z-index:2; max-width:680px; color:rgba(255,255,255,.67); }
.archive-tools { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-bottom:42px; }
.filter-list { display:flex; gap:10px; overflow:auto; scrollbar-width:none; }
.filter-list button { flex:0 0 auto; border:1px solid var(--line); background:#fff; padding:10px 18px; border-radius:25px; color:var(--muted); }
.filter-list button.active { background:var(--red); border-color:var(--red); color:#fff; }
.archive-search { display:flex; width:min(100%,340px); border:1px solid var(--line); background:#fff; border-radius:25px; overflow:hidden; }
.archive-search input { flex:1; min-width:0; border:0; outline:0; padding:10px 17px; background:transparent; }
.archive-search button { border:0; background:transparent; padding:0 16px; }
.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.catalog-card { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:.3s; }
.catalog-card:hover { transform:translateY(-6px); box-shadow:0 22px 50px rgba(7,19,69,.09); }
.catalog-card__image { aspect-ratio:1.25; display:block; background:#f0f1f3; overflow:hidden; }
.catalog-card__image img { width:100%; height:100%; object-fit:cover; transition:.4s; }
.catalog-card:hover img { transform:scale(1.035); }
.catalog-card__body { padding:24px; }
.catalog-card__body small { color:var(--red); }
.catalog-card__body h2,.catalog-card__body h3 { margin:7px 0 9px; font-size:22px; line-height:1.5; }
.catalog-card__body p { color:var(--muted); font-size:13px; }
.catalog-card__body>a { color:var(--red); font-weight:750; font-size:13px; }
.pagination { display:flex; justify-content:center; gap:8px; margin-top:45px; }
.pagination a,.pagination span { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:#fff; }
.pagination .current { background:var(--red); color:#fff; border-color:var(--red); }
.detail-shell { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:50px; align-items:start; }
.article-body,.detail-main,.contact-card,.contact-form-card { background:#fff; border:1px solid var(--line); border-radius:14px; }
.article-body,.detail-main { padding:clamp(25px,5vw,64px); }
.article-body h2,.article-body h3,.detail-main h2,.detail-main h3 { margin-top:40px; line-height:1.5; }
.article-body p,.detail-main p { color:#4f5360; }
.article-cover { width:100%; aspect-ratio:1.8; object-fit:cover; border-radius:11px; margin:0 0 35px; }
.article-meta { display:flex; gap:20px; flex-wrap:wrap; color:var(--muted); font-size:12px; margin-bottom:25px; }
.article-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:40px; padding-top:25px; border-top:1px solid var(--line); }
.article-tags a { background:var(--soft); padding:6px 12px; border-radius:20px; font-size:12px; }
.side-card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:25px; margin-bottom:20px; }
.side-card h3 { margin-top:0; }
.side-card a { display:block; padding:10px 0; border-bottom:1px solid var(--line); font-size:13px; }
.side-card a:last-child { border-bottom:0; }
.side-cta { background:linear-gradient(145deg,var(--red),var(--red-dark)); color:#fff; }
.side-cta p { color:rgba(255,255,255,.75); font-size:13px; }
.side-cta .button { background:#fff; color:var(--red); padding-inline:18px; }
.product-detail { display:grid; grid-template-columns:1.05fr 1fr; gap:55px; align-items:start; }
.product-gallery { position:sticky; top:100px; }
.product-hero-image { width:100%; aspect-ratio:1.12; object-fit:contain; background:#fff; border:1px solid var(--line); border-radius:14px; }
.product-image-button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.product-image-button span{position:absolute;right:18px;bottom:18px;padding:9px 14px;border-radius:999px;background:rgba(7,19,69,.86);color:#fff;font:inherit;font-size:12px;opacity:0;transform:translateY(6px);transition:.25s}.product-image-button:hover span,.product-image-button:focus-visible span{opacity:1;transform:none}
.product-summary>span { color:var(--red); font-weight:800; font:14px Arial; }
.product-summary h1 { font-size:clamp(40px,5vw,64px); line-height:1.2; margin:8px 0 16px; }
.product-summary .lead { color:var(--muted); font-size:16px; }
.spec-list { display:grid; grid-template-columns:1fr 1fr; margin:30px 0; border-top:1px solid var(--line); border-right:1px solid var(--line); }
.spec { padding:17px; border-left:1px solid var(--line); border-bottom:1px solid var(--line); }
.spec small { display:block; color:var(--muted); }
.product-actions { display:flex; gap:10px; flex-wrap:wrap; }
.primary-action,.secondary-action { min-height:52px; padding:0 25px; border-radius:27px; display:inline-flex; align-items:center; gap:15px; font-weight:750; }
.primary-action { background:var(--red); color:#fff; }
.secondary-action { border:1px solid var(--line); background:#fff; }
.tabs-shell { margin-top:70px; }
.tabs-nav { display:flex; gap:30px; border-bottom:1px solid var(--line); overflow:auto; }
.tabs-nav button { border:0; background:transparent; padding:17px 0; flex:0 0 auto; cursor:pointer; }
.tabs-nav button.active { color:var(--red); border-bottom:2px solid var(--red); }
.tabs-nav button:focus-visible{outline:3px solid rgba(239,34,42,.25);outline-offset:4px}.tab-panel { padding:35px 0; animation:tabReveal .35s ease both; }.tab-panel[hidden]{display:none}.technical-table{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden}.technical-table>div{display:grid;grid-template-columns:minmax(140px,.7fr) 1.3fr;gap:24px;padding:17px 20px;border-bottom:1px solid var(--line)}.technical-table>div:last-child{border-bottom:0}.technical-table span{color:#737785}.download-list{display:grid;gap:12px}.download-item{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid var(--line);border-radius:14px;color:var(--ink);transition:.25s}.download-item:hover{border-color:var(--red);transform:translateY(-2px)}.download-item span{display:grid;gap:4px}.download-item small{color:#777}.download-item b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.certificate-card{display:grid;gap:8px;min-height:130px;padding:22px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:linear-gradient(145deg,#fff,#f6f7fb)}.certificate-card span,.empty-state{color:#777}.product-lightbox{width:min(1100px,92vw);max-width:none;padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.45);overflow:visible}.product-lightbox::backdrop{background:rgba(3,8,28,.82);backdrop-filter:blur(8px)}.product-lightbox img{display:block;width:100%;max-height:80vh;object-fit:contain;border-radius:20px}.product-lightbox p{margin:0;padding:14px 20px;text-align:center}.lightbox-close{position:absolute;left:-14px;top:-14px;width:44px;height:44px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:28px;cursor:pointer;box-shadow:0 8px 24px rgba(239,34,42,.35)}@keyframes tabReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.contact-layout { display:grid; grid-template-columns:.9fr 1.4fr; gap:30px; }
.contact-card,.contact-form-card { padding:clamp(25px,4vw,48px); }
.contact-card { color:#fff; background:linear-gradient(150deg,#071345,#0d2cad); }
.contact-card p { color:rgba(255,255,255,.65); }
.contact-list { margin-top:35px; }
.contact-list div { padding:15px 0; border-bottom:1px solid rgba(255,255,255,.14); }
.contact-list small { display:block; color:rgba(255,255,255,.45); }
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field.wide { grid-column:1/-1; }
.field label { font-size:12px; font-weight:700; }
.field input,.field textarea,.field select { width:100%; border:1px solid var(--line); border-radius:8px; padding:12px 14px; background:#fff; outline:0; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(13,44,173,.08); }
.contact-form button { justify-self:start; border:0; }
.map-placeholder { min-height:340px; margin-top:30px; border-radius:14px; background:linear-gradient(135deg,#dfe9ec,#c6d7da); display:grid; place-items:center; color:#53636a; }
.inner-footer { padding-top:90px; }

/* Premium inner pages */
.hero-eyebrow { position:relative; z-index:2; display:inline-flex; align-items:center; gap:12px; margin-top:42px; color:#ff636b; font-size:12px; font-weight:800; letter-spacing:.3px; }
.hero-eyebrow:before { content:""; width:34px; height:2px; background:var(--red); }
.products-hero { min-height:650px; padding-bottom:95px; background:radial-gradient(circle at 20% 50%,rgba(55,99,230,.45),transparent 34%),linear-gradient(125deg,#030921,#071345 48%,#0b2a9f); }
.products-hero__grid { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:60px; }
.products-hero__visual { height:430px; position:relative; display:grid; place-items:center; }
.products-hero__visual:before,.products-hero__visual:after { content:""; position:absolute; border:1px solid rgba(136,174,255,.25); border-radius:50%; animation:orbit-spin 22s linear infinite; }
.products-hero__visual:before { width:410px; height:410px; }.products-hero__visual:after { width:300px; height:300px; animation-direction:reverse; }
.products-hero__visual img { position:relative; z-index:2; width:88%; max-height:360px; object-fit:contain; border-radius:32% 68% 65% 35%/42% 40% 60% 58%; filter:drop-shadow(0 35px 45px rgba(0,0,0,.38)); }
.products-hero__visual i { position:absolute; z-index:3; width:10px; height:10px; border-radius:50%; background:#fff; box-shadow:0 0 20px #78a0ff; }.products-hero__visual i:first-of-type{top:15%;right:13%}.products-hero__visual i:last-of-type{bottom:20%;left:8%}
.hero-mini-stats { display:flex; gap:0; margin-top:38px; border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.hero-mini-stats div { min-width:120px; padding:18px 0; border-left:1px solid rgba(255,255,255,.16); }.hero-mini-stats div:last-child{border-left:0}
.hero-mini-stats strong,.hero-mini-stats small { display:block; }.hero-mini-stats strong{font:800 24px Arial}.hero-mini-stats small{margin-top:4px;color:rgba(255,255,255,.48);font-size:10px}
.products-archive { background:linear-gradient(#f7f8fb,#fff); }
.archive-title { margin-bottom:34px; }.archive-title>span,.form-eyebrow,.side-eyebrow{color:var(--red);font-size:12px;font-weight:800}.archive-title h2{margin:7px 0;font-size:clamp(30px,4vw,48px)}
[data-page="products"] .archive-tools { padding:15px; border:1px solid var(--line); border-radius:40px; background:#fff; box-shadow:0 18px 45px rgba(7,19,69,.06); }
[data-page="products"] .catalog-grid { gap:28px; }
[data-page="products"] .catalog-card { border:0; border-radius:20px; box-shadow:0 12px 35px rgba(7,19,69,.07); }
[data-page="products"] .catalog-card__image { aspect-ratio:1.35; background:radial-gradient(circle at 50% 45%,#fff,#e9edf5); }
[data-page="products"] .catalog-card__body { padding:28px; }
[data-page="products"] .catalog-card__body>a { display:inline-flex; margin-top:8px; padding:9px 16px; border-radius:22px; background:rgba(241,29,37,.08); }

.contact-hero { min-height:690px; background:linear-gradient(90deg,rgba(3,9,33,.9),rgba(7,19,69,.66)),url("assets/images/headquarters.png") center/cover; }
.contact-hero h1 { font-size:clamp(58px,7vw,92px); max-width:850px; }
.contact-channels { position:relative; z-index:2; display:flex; gap:14px; flex-wrap:wrap; margin-top:34px; }
.contact-channels a { min-width:250px; display:flex; align-items:center; gap:14px; padding:13px 16px; border:1px solid rgba(255,255,255,.22); border-radius:15px; background:rgba(255,255,255,.07); backdrop-filter:blur(12px); }
.contact-channels b { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--red); }.contact-channels span,.contact-channels small{display:block}.contact-channels small{color:rgba(255,255,255,.45);font-size:10px}
.contact-section { margin-top:-90px; position:relative; z-index:3; padding-top:0; }
.contact-layout { gap:0; box-shadow:0 35px 90px rgba(7,19,69,.14); border-radius:24px; overflow:hidden; }
.contact-card,.contact-form-card { border:0; border-radius:0; padding:clamp(32px,5vw,64px); }
.contact-card { position:relative; overflow:hidden; background:radial-gradient(circle at 20% 85%,rgba(55,100,238,.6),transparent 35%),linear-gradient(150deg,#050c32,#0a246f); }
.contact-card:after { content:""; position:absolute; width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-150px;top:-120px;box-shadow:0 0 0 65px rgba(255,255,255,.025); }
.contact-card h2 { font-size:clamp(34px,4vw,51px); line-height:1.25; }
.contact-list div { position:relative; padding:18px 42px 18px 0; }.contact-list i{position:absolute;right:0;top:21px;color:#ff5d65;font:800 10px Arial}.contact-list strong{display:block;font-size:14px}.contact-list small{font-size:10px}
.contact-form-card { background:#fff; }.contact-form-card>h2{margin:8px 0;font-size:clamp(32px,4vw,46px)}.contact-form-card>p{margin:0 0 30px;color:var(--muted);font-size:12px}
.field input,.field textarea,.field select { border-radius:12px; padding:14px 16px; background:#fafbfc; transition:.25s; }.field textarea{resize:vertical}
.form-submit { flex-direction:row; align-items:center; gap:18px; }.form-submit button{min-width:175px;justify-content:space-between;box-shadow:0 14px 30px rgba(241,29,37,.22)}
.map-placeholder { min-height:410px; position:relative; overflow:hidden; background:#dfe6e8; color:var(--ink); }
.map-grid { position:absolute; inset:-30px; opacity:.65; background:linear-gradient(35deg,transparent 46%,#bccdd2 47% 49%,transparent 50%),linear-gradient(-25deg,transparent 46%,#c3d2d6 47% 49%,transparent 50%); background-size:90px 70px; transform:rotate(-4deg) scale(1.1); }
.map-pin { position:absolute; left:37%; top:42%; width:44px;height:44px;display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--red);color:#fff;box-shadow:0 15px 30px rgba(241,29,37,.3);font-size:10px}.map-pin:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(241,29,37,.35);border-radius:50%;animation:map-pulse 2s infinite}@keyframes map-pulse{50%{transform:scale(1.5);opacity:0}}
.map-address { position:absolute; right:35px; bottom:35px; width:min(360px,calc(100% - 70px)); padding:24px; border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 20px 50px rgba(7,19,69,.15); backdrop-filter:blur(12px) }.map-address small,.map-address strong{display:block}.map-address small{color:var(--red)}.map-address strong{margin:5px 0 14px}.map-address a{color:var(--red);font-size:12px;font-weight:800}

.article-hero { min-height:590px; display:flex; align-items:end; padding-bottom:90px; background:radial-gradient(circle at 12% 25%,rgba(55,100,238,.38),transparent 30%),linear-gradient(135deg,#030820,#071345 60%,#0b2a9f); }
.article-hero__inner { max-width:1050px; margin-inline:auto; }.article-hero h1{max-width:1000px;font-size:clamp(48px,7vw,86px)}
.article-hero-meta { position:relative; z-index:2; display:flex; gap:22px; flex-wrap:wrap; margin-top:28px; color:rgba(255,255,255,.55); font-size:12px }.article-hero-meta span+span:before{content:"•";margin-left:22px;color:var(--red)}
.article-section { padding-top:75px; background:linear-gradient(90deg,#f7f8fb,#fff 40%,#f7f8fb); }
[data-page="article"] .detail-shell { grid-template-columns:minmax(0,850px) 290px; justify-content:center; gap:35px; }
.article-body { border:0; border-radius:22px; box-shadow:0 20px 65px rgba(7,19,69,.08); font-size:16px; line-height:2.15; }
.article-cover { margin-top:-105px; border-radius:18px; box-shadow:0 25px 55px rgba(7,19,69,.18); }
.article-lead { font-size:20px!important; line-height:2!important; color:#222938!important; font-weight:600; }
.article-divider { display:flex; align-items:center; gap:18px; margin:38px 0; color:#a1a5ad; font:10px Arial; letter-spacing:2px }.article-divider:before,.article-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.article-body blockquote { margin:40px 0; padding:30px 35px; border-right:4px solid var(--red); border-radius:14px 0 0 14px; background:linear-gradient(90deg,#f7f8fb,#fff); color:#17203c; font-size:20px; font-weight:700; line-height:1.9; }
.article-body ul { margin:22px 0; padding-right:24px; color:#4f5360; }.article-body li{margin:8px 0}.article-body li::marker{color:var(--red)}
.article-body figure { margin:38px 0; }.article-body figure img{width:100%;height:auto;border-radius:14px}.article-body figcaption{margin-top:9px;color:var(--muted);font-size:11px;text-align:center}
.tab-panel ul { padding-right:20px; color:#4f5360; }.tab-panel li{margin:8px 0}.tab-panel li::marker{color:var(--red)}
.article-tags>span { align-self:center; font-weight:800; font-size:12px; }
.detail-sidebar { position:sticky; top:100px; }.share-card{padding:18px 22px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between}.share-card small{color:var(--muted)}.share-card div{display:flex;gap:7px}.share-card button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff}.share-card button:hover{color:#fff;background:var(--red);border-color:var(--red)}
[data-page="article"] .side-card { border:0; border-radius:18px; box-shadow:0 15px 45px rgba(7,19,69,.07); }
[data-page="article"] .side-cta { padding:32px; background:radial-gradient(circle at 0 100%,rgba(255,255,255,.14),transparent 45%),linear-gradient(145deg,var(--red),#a90410); }
.services-hero{background:radial-gradient(circle at 15% 35%,rgba(36,86,255,.35),transparent 32%),linear-gradient(135deg,#071345,#0b1f69);color:#fff}.services-hero p{color:rgba(255,255,255,.72);max-width:650px}.services-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}.service-detail-card{scroll-margin-top:110px;padding:clamp(26px,4vw,44px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(7,19,69,.06);transition:.3s}.service-detail-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(7,19,69,.12)}.service-detail-head{display:flex;align-items:center;justify-content:space-between}.service-detail-head>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--red);color:#fff;font-size:25px}.service-detail-head small{font:700 12px Arial;color:#a4a7b0}.service-detail-card h2{margin:25px 0 12px}.service-detail-card p{color:var(--muted);line-height:2}.service-detail-card ul{padding-right:20px;color:#3f4554}.service-detail-card li{margin:9px 0}.service-detail-card li::marker{color:var(--red)}.service-detail-card>a{display:inline-flex;gap:12px;margin-top:14px;color:var(--red);font-weight:800}.services-process{padding:100px 0;background:#071345;color:#fff}.services-process>.container>span{color:#ff5960;font-weight:800}.services-process h2{font-size:clamp(32px,5vw,56px);max-width:700px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:45px;background:rgba(255,255,255,.12)}.process-grid article{padding:30px;background:#071345}.process-grid b{color:#ff4a52;font:700 12px Arial}.process-grid p{color:rgba(255,255,255,.58)}
.content-hero{position:relative;display:flex;align-items:flex-end;min-height:min(720px,82vh);padding:155px 0 85px;overflow:hidden;background:#071345;color:#fff}.content-hero__media,.content-hero__shade{position:absolute;inset:0}.content-hero__media{background-position:center;background-size:cover;transform:scale(1.02)}.content-hero__shade{background:linear-gradient(90deg,rgba(4,10,36,.28),rgba(4,10,36,.9) 74%),linear-gradient(0deg,rgba(4,10,36,.7),transparent 55%)}.content-hero__inner{position:relative;z-index:1}.content-hero .breadcrumbs,.content-hero .breadcrumbs a{color:rgba(255,255,255,.7)}.content-hero h1{max-width:920px;margin:18px 0;font-size:clamp(46px,7vw,92px);line-height:1.12;letter-spacing:-3px}.content-hero p{max-width:720px;color:rgba(255,255,255,.75);font-size:18px;line-height:2}.content-meta{display:flex;gap:24px;margin-top:24px;color:rgba(255,255,255,.55);font-size:12px}.content-document{padding:clamp(65px,9vw,120px) 0;background:#fff}.content-body{width:min(100%,1040px);margin:auto;font-size:17px;line-height:2.2;color:#394052}.content-body>p,.content-body>h2,.content-body>h3,.content-body>ul,.content-body>blockquote{max-width:820px;margin-right:auto;margin-left:auto}.content-body>h2{margin-top:65px;color:#0d1637;font-size:clamp(30px,4vw,48px);line-height:1.35}.content-body>h3{margin-top:38px;color:#17203c;font-size:26px}.content-body>blockquote{margin-top:45px;margin-bottom:45px;padding:30px 35px;border-right:4px solid var(--red);border-radius:14px 0 0 14px;background:#f6f7fb;color:#17203c;font-size:20px;font-weight:700}.content-body>figure{margin:55px 0}.content-body>figure img{width:100%;border-radius:22px}.content-body figcaption{text-align:center;color:#858995;font-size:12px}.content-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:60px 0;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.content-stats div{display:grid;gap:8px;padding:34px 20px;text-align:center;background:#fff}.content-stats strong{color:var(--red);font-size:36px}.content-stats span{color:#686d7a}.content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:55px 0}.content-cards article{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8f9fc)}.content-cards article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#071345;color:#fff}.content-cards h3{font-size:21px}.content-cards p{color:#676c79}.content-cards a{color:var(--red);font-weight:800}.content-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:55px 0}.content-gallery figure{margin:0}.content-gallery img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:18px}.content-video{margin:55px 0}.content-video video{display:block;width:100%;max-height:680px;border-radius:20px;background:#06102e}.content-table-wrap{margin:50px 0;overflow:auto;border:1px solid var(--line);border-radius:18px}.content-table-wrap table{width:100%;border-collapse:collapse;min-width:620px}.content-table-wrap th,.content-table-wrap td{padding:17px 20px;text-align:right;border-bottom:1px solid var(--line)}.content-table-wrap th{background:#071345;color:#fff}.content-faq{margin:65px 0}.content-faq details{border-bottom:1px solid var(--line)}.content-faq summary{padding:22px 0;color:#17203c;font-weight:800;cursor:pointer}.content-faq details p{margin:0 0 22px;color:#666d7c}.content-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:70px 0 0;padding:clamp(30px,5vw,58px);border-radius:24px;background:radial-gradient(circle at 0 100%,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,var(--red),#b20813);color:#fff}.content-cta h2{margin:7px 0;font-size:clamp(28px,4vw,45px)}.content-cta p{margin:0;color:rgba(255,255,255,.72)}.content-divider{margin:65px auto;border:0;border-top:1px solid var(--line)}

@media (max-width:900px) {
  .catalog-grid { grid-template-columns:repeat(2,1fr); }
  .detail-shell,.product-detail,.contact-layout { grid-template-columns:1fr; }
  .product-gallery { position:static; }
  .detail-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
  .products-hero__grid { grid-template-columns:1fr; }.products-hero__visual{height:310px}.products-hero__visual:before{width:300px;height:300px}.products-hero__visual:after{width:220px;height:220px}
  .contact-section { margin-top:-45px; }.detail-sidebar{position:static}.share-card{grid-column:1/-1}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .content-stats{grid-template-columns:repeat(2,1fr)}.content-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:600px) {
  .page-hero { padding:125px 0 55px; }
  .page-hero h1 { font-size:43px; letter-spacing:-2px; }
  .archive-tools { align-items:stretch; flex-direction:column; }
  .archive-search { width:100%; }
  .catalog-grid { grid-template-columns:1fr; }
  .detail-sidebar { grid-template-columns:1fr; }
  .spec-list { grid-template-columns:1fr; }
  .contact-form { grid-template-columns:1fr; }
  .field.wide { grid-column:auto; }
  .products-hero { padding-bottom:55px }.products-hero__visual{display:none}.hero-mini-stats div{min-width:0;flex:1}.hero-mini-stats strong{font-size:18px}
  [data-page="products"] .archive-tools{border-radius:20px}.contact-channels a{width:100%}.contact-section{margin-top:0;padding-top:55px}.contact-layout{border-radius:18px}.contact-form-card,.contact-card{padding:30px 22px}.form-submit{align-items:flex-start;flex-direction:column}.map-address{right:18px;bottom:18px;width:calc(100% - 36px)}
  .article-hero{min-height:510px}.article-hero h1{font-size:42px}.article-section{padding-top:45px}.article-cover{margin-top:-70px}.article-body{padding:22px}.article-lead{font-size:17px!important}.article-body blockquote{padding:22px;font-size:17px}
  .certificate-grid{grid-template-columns:1fr}.technical-table>div{grid-template-columns:1fr;gap:5px}.product-image-button span{opacity:1;transform:none}.lightbox-close{left:8px;top:8px}
  .services-archive-grid,.process-grid{grid-template-columns:1fr}
  .content-hero{min-height:640px;padding-bottom:65px}.content-hero h1{font-size:45px;letter-spacing:-2px}.content-gallery,.content-cards,.content-stats{grid-template-columns:1fr}.content-cta{align-items:flex-start;flex-direction:column}.content-body{font-size:16px}
}