:root{
 --navy:#061226;--navy2:#0d2348;--navy3:#112c59;
 --blue:#246bfd;--electric:#347dff;--cyan:#00d8ff;--violet:#7b3cff;
 --ink:#0b2340;--muted:#657b90;--line:#dce6ef;--soft:#f6f9fd;--white:#fff;
 --green:#23ad73;--shadow:0 24px 70px rgba(16,61,100,.13)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
.container{width:min(1400px,calc(100% - 44px));margin:auto}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:54px}
nav{display:flex;align-items:center;gap:24px;color:#1b3956;font-size:.92rem}
nav a{padding:8px 3px;font-weight:650}nav a:hover{color:var(--blue)} nav small{display:block;color:#73879a;font-size:.66rem;text-align:center}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}.lang button{border:0;background:none;border-radius:999px;padding:8px 11px;font-weight:800;color:#6c8194;cursor:pointer}.lang button.active{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff}
.menu{display:none;border:0;background:none;font-size:1.5rem;color:var(--ink)}

.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 78% 18%,rgba(0,216,255,.28),transparent 25%),
 radial-gradient(circle at 58% 32%,rgba(36,107,253,.25),transparent 31%),
 radial-gradient(circle at 15% 18%,rgba(123,60,255,.18),transparent 30%),
 linear-gradient(135deg,var(--navy),var(--navy2) 48%,var(--navy3));
 color:#fff;border-bottom:1px solid rgba(255,255,255,.10)
}
.hero:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:56px 56px}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding:66px 0 38px}
.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-size:.72rem;letter-spacing:.18em;font-weight:850;color:#72e7ff;margin-bottom:20px}
h1{font-size:clamp(4.2rem,7.6vw,7.6rem);line-height:.86;letter-spacing:-.07em;margin:0 0 20px}
h1 span{background:linear-gradient(90deg,#52b4ff,#7682ff,#a16cff,#29e1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h2{font-size:clamp(1.25rem,2vw,1.75rem);margin:0 0 18px;color:#dbe7ff}
.hero p{color:#adbbd3;max-width:700px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:999px;font-weight:820}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--violet) 55%,var(--cyan));color:#fff;box-shadow:0 15px 32px rgba(36,107,253,.26)}
.btn-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.20);color:#fff}
.hero-media{position:relative;padding:24px 155px 24px 0}.hero-media>a{display:block;border:1px solid rgba(135,180,255,.28);border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 55px rgba(36,107,253,.17)}
.hero-media img{width:100%}.metrics{position:absolute;right:0;top:24px;width:170px;display:grid;gap:12px}
.metric{background:rgba(255,255,255,.96);color:var(--ink);border:1px solid #d7e1ec;border-radius:15px;padding:13px 15px;box-shadow:0 15px 30px rgba(0,0,0,.12)}
.metric small{display:block;color:#6d8194;font-size:.72rem}.metric b{display:block;font-size:1.06rem;margin:4px 0}.metric em{font-style:normal;color:var(--green);font-size:.72rem;font-weight:850}

.feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;padding:18px 0 24px}
.feature{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;transition:.18s}
.feature:hover,.card:hover,.cap-card:hover,.industry-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(25,69,100,.10)}
.ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf2ff,#ebfdff);color:var(--blue);font-weight:900;flex:none}
.feature b{display:block;font-size:.83rem}.feature small{display:block;color:#74899b;font-size:.67rem}

.section{padding:32px 0}.section-head{text-align:center;margin:0 auto 20px;max-width:880px}.section-head h2{font-size:2.1rem;letter-spacing:-.035em;margin:0}.section-head p{color:var(--muted);margin:6px 0 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{position:relative;border:1px solid var(--line);border-radius:19px;background:#fff;overflow:hidden;transition:.18s;box-shadow:0 10px 28px rgba(30,75,104,.05)}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--violet),var(--cyan))}
.card-head{text-align:center;padding:18px 16px 10px}.card-head h3{margin:0;font-size:1.24rem}.card-head p{margin:4px 0 0;color:var(--muted);font-size:.82rem}
.card-img{display:block;padding:0 13px}.card-img img{width:100%;border-radius:14px;border:1px solid #e2eaf0;background:#f7fafc}.card-foot{text-align:center;color:var(--muted);font-size:.8rem;padding:12px 15px 18px}

.cap-box,.industry-box{border:1px solid var(--line);border-radius:19px;background:linear-gradient(180deg,#fff,#f8faff);padding:15px}
.cap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cap-card{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:.18s}.cap-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.cap-card div{text-align:center;padding:8px}.cap-card b{display:block;font-size:.78rem}.cap-card small{display:block;color:#71869a;font-size:.65rem}
.industry-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.industry-card{display:block;transition:.18s}.industry-visual{height:112px;border-radius:12px;border:1px solid #e1eaf0;display:grid;place-items:center;font-size:2.7rem;background:linear-gradient(135deg,#e8ecff,#e9fbff)}.industry-label{text-align:center;padding:8px 3px}.industry-label b{display:block;font-size:.75rem}.industry-label small{display:block;color:#76899a;font-size:.65rem}

.dark-section{background:linear-gradient(135deg,#08162e,#102a55);color:#fff}.dark-section .section-head p{color:#b4c1d4}.dark-section .card{background:#0e2347;border-color:rgba(255,255,255,.12);color:#fff}.dark-section .card p,.dark-section .card-foot{color:#b6c3d7}

.page-hero{padding:72px 0;background:linear-gradient(135deg,#07152c,#102b58);color:#fff}.page-hero h1{font-size:clamp(3rem,6vw,5.7rem)}.page-hero p{color:#b6c4d8;max-width:820px}.page-body{padding:54px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.content-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:28px}.content-card h3{margin-top:0}.bullet{display:grid;gap:10px;margin-top:18px}.bullet div{padding:13px 15px;border-radius:12px;background:#f4f7fc;border:1px solid #e4eaf2}

.bottom{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;padding-bottom:28px}.partners,.contact{border:1px solid var(--line);border-radius:19px;background:#fff;padding:18px}.logos{display:flex;gap:15px;flex-wrap:wrap;margin-top:12px}.logo-pill{font-size:1.1rem;font-weight:900;padding:8px 12px;border:1px solid #e4eaf0;border-radius:10px;background:#f8fafc}
footer{border-top:1px solid var(--line);padding:18px 0 25px}.footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:26px;align-items:center;font-size:.73rem;color:#71869a}.footer img{height:40px}.social{display:flex;gap:8px}.social a{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:800}

@media(max-width:1150px){
 nav{display:none;position:absolute;left:22px;right:22px;top:73px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}nav.open{display:flex}.menu{display:block}
 .hero-grid,.split{grid-template-columns:1fr}.hero-media{padding-right:0}.metrics{display:none}
 .feature-strip{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr}.cap-grid{grid-template-columns:repeat(3,1fr)}.industry-grid{grid-template-columns:repeat(4,1fr)}.bottom{grid-template-columns:1fr}
}
@media(max-width:700px){
 .container{width:min(100% - 28px,1400px)}.brand img{height:42px}h1{font-size:3.35rem}
 .feature-strip{grid-template-columns:1fr 1fr}.cap-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}
}


/* =========================
   ABOUT AETHERA — V2.1
   ========================= */
.about-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 80% 20%,rgba(0,216,255,.27),transparent 27%),
    radial-gradient(circle at 62% 56%,rgba(36,107,253,.22),transparent 31%),
    radial-gradient(circle at 16% 18%,rgba(123,60,255,.22),transparent 30%),
    linear-gradient(135deg,#061226 0%,#0c2146 48%,#132e5e 100%);
}
.about-hero:before{
  content:"";
  position:absolute;inset:0;
  opacity:.20;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:56px 56px;
}
.about-hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.04fr .96fr;
  gap:56px;align-items:center;padding:82px 0 68px;
}
.about-hero h1{
  font-size:clamp(4rem,7vw,7.2rem);
  line-height:.88;letter-spacing:-.07em;margin:0 0 24px;
}
.about-hero h1 span{
  background:linear-gradient(90deg,#53b9ff,#7680ff 43%,#a36dff 70%,#26e0ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.about-hero .hero-copy-p{
  color:#b7c6dc;font-size:1.08rem;line-height:1.78;max-width:760px;
}
.about-principle{
  padding:24px;border:1px solid rgba(255,255,255,.14);
  border-radius:24px;background:rgba(255,255,255,.07);
  backdrop-filter:blur(12px);
  box-shadow:0 26px 70px rgba(0,0,0,.26);
}
.about-principle img{
  border-radius:18px;border:1px solid rgba(255,255,255,.12);
}
.about-principle-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;
}
.about-principle-grid div{
  padding:13px;border-radius:13px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}
.about-principle-grid b{display:block;font-size:.82rem}
.about-principle-grid small{display:block;color:#aebed4;font-size:.69rem;margin-top:3px}

.about-section{padding:78px 0}
.about-section.soft{background:linear-gradient(180deg,#f7f9fe,#eef6fb)}
.about-intro{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:start;
}
.about-kicker{
  font-size:.75rem;letter-spacing:.17em;font-weight:850;color:#197fc4;
  margin-bottom:14px
}
.about-intro h2,.about-section h2{
  font-size:clamp(2.5rem,4.5vw,4.8rem);
  line-height:1.02;letter-spacing:-.055em;margin:0;
}
.about-copy{color:var(--muted);font-size:1.05rem;line-height:1.82}
.about-copy p:first-child{margin-top:0}

.origin-strip{
  margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px
}
.origin-card{
  border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;
  box-shadow:0 10px 30px rgba(32,76,106,.05)
}
.origin-card span{
  display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:linear-gradient(135deg,#e9f2ff,#edfbff);color:var(--blue);
  font-weight:900;margin-bottom:15px
}
.origin-card h3{margin:0 0 8px;font-size:1.13rem}
.origin-card p{margin:0;color:var(--muted);font-size:.91rem}

.core-ecosystem{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center
}
.core-map{
  position:relative;min-height:490px;border:1px solid #dce7ef;border-radius:30px;
  background:
    radial-gradient(circle at center,rgba(36,107,253,.10),transparent 36%),
    linear-gradient(180deg,#fff,#f4f8fe);
  overflow:hidden;box-shadow:0 24px 60px rgba(27,72,105,.09)
}
.core-map:before,.core-map:after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border-radius:50%;border:1px solid #dbe7f1
}
.core-map:before{width:330px;height:330px}
.core-map:after{width:440px;height:440px}
.core-center{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:3;width:172px;height:172px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;color:#fff;
  background:linear-gradient(135deg,#0a65ed,#6a4eff 58%,#00ccea);
  box-shadow:0 20px 50px rgba(41,92,228,.28)
}
.core-center b{font-size:1.15rem}
.core-center small{font-size:.7rem;margin-top:5px;color:#e7f5ff}
.core-node{
  position:absolute;z-index:4;width:122px;min-height:76px;padding:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;border:1px solid #dbe6ef;border-radius:15px;background:#fff;
  box-shadow:0 12px 26px rgba(35,76,104,.08)
}
.core-node b{font-size:.8rem}
.core-node small{font-size:.65rem;color:#71869a;margin-top:3px}
.core-node.n1{left:50%;top:24px;transform:translateX(-50%)}
.core-node.n2{right:26px;top:110px}
.core-node.n3{right:42px;bottom:74px}
.core-node.n4{left:50%;bottom:20px;transform:translateX(-50%)}
.core-node.n5{left:42px;bottom:74px}
.core-node.n6{left:26px;top:110px}

.about-service-list{display:grid;gap:12px;margin-top:26px}
.about-service-link{
  display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;
  padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;
  transition:.18s ease
}
.about-service-link:hover{
  transform:translateX(5px);border-color:#bfd6e7;
  box-shadow:0 12px 28px rgba(34,77,105,.07)
}
.about-service-link .num{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,#e9efff,#e9fcff);color:#1e65dd;font-weight:900
}
.about-service-link b{display:block;font-size:.93rem}
.about-service-link small{display:block;color:#71869a;font-size:.73rem}
.about-service-link .arrow{font-size:1.3rem;color:#5e7690}

.reference-grid{
  display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center
}
.reference-image{
  border:1px solid var(--line);padding:12px;border-radius:25px;background:#fff;
  box-shadow:0 20px 55px rgba(30,76,108,.10)
}
.reference-image img{border-radius:17px}
.reference-badge{
  display:inline-flex;padding:7px 11px;border-radius:999px;background:#e8f5ff;
  color:#1473b7;font-size:.72rem;font-weight:850;margin-bottom:13px
}
.reference-grid h2{font-size:clamp(2.5rem,4.4vw,4.5rem)}
.reference-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.reference-points div{
  padding:16px;border-radius:14px;border:1px solid #dfe8ef;background:#fff
}
.reference-points b{display:block;font-size:.88rem;margin-bottom:4px}
.reference-points small{color:#70869a}

.engineering-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.engineering-card{
  position:relative;overflow:hidden;border:1px solid var(--line);
  border-radius:18px;background:#fff;padding:24px;min-height:190px
}
.engineering-card:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--blue),var(--violet),var(--cyan))
}
.engineering-card h3{font-size:1.05rem;margin:0 0 8px}
.engineering-card p{margin:0;color:var(--muted);font-size:.89rem}
.engineering-card code{
  display:inline-block;margin-top:16px;padding:6px 9px;border-radius:8px;
  background:#f0f4fa;color:#3b5f81;font-size:.72rem
}

.direction-section{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 82% 15%,rgba(0,216,255,.20),transparent 26%),
    radial-gradient(circle at 18% 75%,rgba(123,60,255,.18),transparent 30%),
    linear-gradient(135deg,#071429,#0c2146 55%,#12305e);
}
.direction-section .about-kicker{color:#70e5ff}
.direction-section .about-copy{color:#b5c3d9}
.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.direction-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.direction-card{
  padding:20px;border-radius:17px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12)
}
.direction-card b{display:block;color:#fff;margin-bottom:5px}
.direction-card small{color:#afbdd1}

.about-cta{
  display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;
  padding:34px;border:1px solid #d7e5ee;border-radius:24px;
  background:linear-gradient(135deg,#eef5ff,#e9fbff);
  box-shadow:0 18px 45px rgba(31,77,108,.08)
}
.about-cta h2{font-size:clamp(2rem,3.5vw,3.5rem);margin:0 0 9px}
.about-cta p{color:var(--muted);margin:0}

@media(max-width:1050px){
  .about-hero-grid,.about-intro,.core-ecosystem,.reference-grid,.direction-grid{grid-template-columns:1fr}
  .engineering-grid{grid-template-columns:1fr 1fr}
  .origin-strip{grid-template-columns:1fr}
}
@media(max-width:700px){
  .about-hero-grid{padding:58px 0 48px}
  .about-hero h1{font-size:3.35rem}
  .about-section{padding:60px 0}
  .core-map{min-height:570px}
  .core-map:before{width:270px;height:270px}
  .core-map:after{width:360px;height:360px}
  .core-node{width:105px}
  .core-node.n1{top:26px}.core-node.n2{right:12px;top:140px}.core-node.n3{right:15px;bottom:112px}
  .core-node.n4{bottom:28px}.core-node.n5{left:15px;bottom:112px}.core-node.n6{left:12px;top:140px}
  .reference-points,.engineering-grid,.direction-cards{grid-template-columns:1fr}
  .about-cta{grid-template-columns:1fr}
}