@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');
:root{--navy:#06132e;--navy2:#091d45;--blue:#087cff;--cyan:#19d9f5;--purple:#8c35ff;--ink:#0a1c40;--muted:#62708a;--line:#dce6f5;--bg:#f6f9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Kanit",Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(5,16,40,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(63,130,255,.24)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{height:67px;width:auto;display:block}
.menu{display:flex;gap:28px;align-items:center;color:#dbe8ff;font-weight:500}.menu a{transition:.2s}.menu a:hover{color:var(--cyan)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:12px;background:linear-gradient(90deg,var(--blue),var(--purple));color:white;font-weight:600;box-shadow:0 12px 32px rgba(28,99,255,.28);border:0}
.btn.secondary{background:transparent;border:1px solid #42669e;color:#e8f1ff;box-shadow:none}.btn.light{background:#fff;color:var(--navy);box-shadow:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(17,183,255,.18),transparent 27%),radial-gradient(circle at 70% 75%,rgba(139,48,255,.20),transparent 31%),linear-gradient(135deg,#040d20 0%,#071a3c 55%,#0b1636 100%);padding:90px 0 80px;color:white}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(60,132,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(60,132,255,.035) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:58px}.eyebrow{color:var(--cyan);font-weight:600;letter-spacing:.07em}
h1{font-size:clamp(42px,5.7vw,68px);line-height:1.12;margin:12px 0 22px;letter-spacing:-.025em}.gradient{background:linear-gradient(90deg,#1fd9ff,#177bff 48%,#9b44ff);-webkit-background-clip:text;color:transparent}
.hero p{font-size:18px;color:#c9d8f2;max-width:700px;font-weight:300}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-card{background:linear-gradient(145deg,rgba(10,29,68,.96),rgba(5,14,34,.96));border:1px solid rgba(72,137,255,.3);border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35),0 0 45px rgba(70,65,255,.10)}
.hero-card img{width:100%;height:auto;border-radius:18px;display:block}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.mini{padding:13px 14px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(92,144,255,.13);font-weight:500;color:#e6efff}
section{padding:78px 0}.section-head{max-width:780px;margin:0 auto 42px;text-align:center}.section-head h2{font-size:38px;margin:8px 0 12px;color:var(--navy)}.section-head p{color:var(--muted);font-size:17px;font-weight:300}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e2eaf6;border-radius:20px;padding:27px;box-shadow:0 12px 35px rgba(10,35,80,.055);transition:.2s}.card:hover{transform:translateY(-5px);border-color:#c9d9f4;box-shadow:0 20px 45px rgba(12,46,105,.1)}
.icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#dff8ff,#ece4ff);display:grid;place-items:center;font-size:24px}.card h3{margin:18px 0 8px;color:var(--navy);font-size:21px}.card p{color:var(--muted);margin:0;font-weight:300}
.alt{background:linear-gradient(180deg,#f7faff,#f2f6fd)}.solution{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.solution h2{font-size:40px;color:var(--navy);margin:0 0 14px}.solution p{color:var(--muted);font-weight:300}.check{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.check div{background:#fff;border:1px solid #e0e9f6;border-radius:13px;padding:14px;font-weight:500}
.panel{background:radial-gradient(circle at 80% 15%,rgba(26,211,245,.16),transparent 30%),linear-gradient(145deg,#06152f,#0b2860);color:#fff;border-radius:26px;padding:35px;min-height:365px;box-shadow:0 25px 60px rgba(7,27,67,.2);border:1px solid #1a417b}.panel h3{font-size:28px;margin-top:0}.panel p{color:#c7d7f0}.metric{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.metric div{background:rgba(255,255,255,.07);border:1px solid rgba(100,156,255,.14);padding:18px;border-radius:15px}.metric b{font-size:24px;display:block;color:#57e4ff}
.cta{padding:68px 0}.cta-box{background:radial-gradient(circle at 85% 20%,rgba(41,218,255,.17),transparent 28%),linear-gradient(110deg,#05132f,#0a50b5 58%,#6929c9);color:#fff;border-radius:28px;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-box h2{font-size:34px;margin:0 0 8px}.cta-box p{margin:0;color:#dbeafe;font-weight:300}
footer{background:#030c1d;color:#aebed9;padding:44px 0 26px}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.foot img{height:76px;border-radius:8px}.foot h4{color:#fff}.copyright{border-top:1px solid #162b4e;margin-top:30px;padding-top:20px;font-size:14px;color:#8192ae}
.page-hero{padding:72px 0;background:radial-gradient(circle at 75% 20%,rgba(31,216,255,.14),transparent 28%),linear-gradient(135deg,#040d20,#0a1d46);color:#fff}.page-hero h1{font-size:52px}.page-hero p{color:#c7d7f0}.content{max-width:900px;margin:auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{background:#fff;border:1px solid #e1e9f5;border-radius:20px;padding:28px}
.mobile-toggle{display:none;color:#fff;font-size:28px;background:none;border:0}
@media(max-width:850px){.menu{display:none}.nav>.btn{display:none}.mobile-toggle{display:block}.hero-grid,.solution,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{padding-top:52px}.hero-card{order:-1}.check,.metric{grid-template-columns:1fr}.cta-box{display:block}.cta-box .btn{margin-top:22px}.foot{grid-template-columns:1fr}.brand img{height:56px}h1{font-size:44px}.section-head h2,.solution h2{font-size:32px}}


/* v1.2 transparent logo + premium motion */
.brand{
  position:relative; display:flex; align-items:center; isolation:isolate;
}
.brand:before{
  content:""; position:absolute; width:110px; height:44px; left:50%; top:50%;
  transform:translate(-50%,-50%); border-radius:50%;
  background:radial-gradient(circle,rgba(32,207,255,.20),rgba(108,55,255,.08) 45%,transparent 72%);
  filter:blur(10px); opacity:.7; animation:brandAura 4s ease-in-out infinite;
  z-index:-1;
}
.brand img{
  height:64px; width:auto; object-fit:contain;
  background:transparent !important; border:0 !important; border-radius:0 !important;
  filter:drop-shadow(0 0 7px rgba(25,194,255,.16));
  animation:logoFloat 4.5s ease-in-out infinite;
}
.hero-card img,.foot img{
  background:transparent!important;border-radius:0!important;
}
.hero-card img{filter:drop-shadow(0 12px 24px rgba(18,91,255,.18));animation:heroLogoFloat 5s ease-in-out infinite}
.hero:before{
  content:""; position:absolute; width:420px;height:420px;right:-80px;top:-160px;
  border:1px solid rgba(55,166,255,.14);border-radius:50%;
  box-shadow:0 0 0 55px rgba(99,64,255,.035),0 0 0 110px rgba(19,211,255,.025);
  animation:orbit 18s linear infinite;
}
.hero .gradient{background-size:200% auto;animation:gradientFlow 5s linear infinite}
.card{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease,box-shadow .25s ease,border-color .25s ease}
.card.show{opacity:1;transform:translateY(0)}
.card:hover{transform:translateY(-7px) scale(1.012)}
.card .icon{transition:transform .3s ease,box-shadow .3s ease}.card:hover .icon{transform:translateY(-3px) rotate(-3deg);box-shadow:0 8px 24px rgba(36,112,255,.15)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}
.btn{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 34px rgba(40,96,255,.32)}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes heroLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes brandAura{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes gradientFlow{0%{background-position:0% center}100%{background-position:200% center}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.card,.reveal{opacity:1;transform:none}}


/* === v1.3 LUXURY TECH MOTION === */
.brand:before{display:none!important}
.brand img{
  height:66px!important;background:transparent!important;
  animation:none!important;
  filter:drop-shadow(0 3px 12px rgba(0,179,255,.16))!important;
  transition:filter .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)!important;
}
.brand:hover img{transform:scale(1.025);filter:drop-shadow(0 5px 18px rgba(80,95,255,.26))!important}

header:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(24,214,245,.18) 30%,rgba(69,107,255,.45) 50%,rgba(154,52,255,.18) 70%,transparent 95%);
  background-size:220% 100%;animation:headerLight 10s linear infinite;
}
.hero:before{
  width:620px!important;height:620px!important;right:-180px!important;top:-260px!important;
  border:1px solid rgba(65,158,255,.08)!important;
  box-shadow:0 0 0 90px rgba(68,83,255,.018),0 0 0 180px rgba(25,211,255,.012)!important;
  animation:luxOrbit 38s linear infinite!important;
}
.hero:after{animation:gridDrift 24s linear infinite}
.hero-grid:before{
  content:"";position:absolute;inset:-100px -40px;pointer-events:none;
  background:radial-gradient(circle at 76% 45%,rgba(22,202,255,.10),transparent 17%),
             radial-gradient(circle at 82% 54%,rgba(129,54,255,.11),transparent 24%);
  filter:blur(12px);animation:ambientBreath 8s ease-in-out infinite;
}
.hero-card{
  position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(145deg,rgba(9,27,64,.58),rgba(4,13,34,.72))!important;
  border:1px solid rgba(110,154,255,.20)!important;
  box-shadow:0 35px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px);
}
.hero-card:before{
  content:"";position:absolute;inset:-2px;z-index:-2;border-radius:29px;
  background:linear-gradient(115deg,transparent 15%,rgba(28,218,255,.14),transparent 42%,rgba(136,55,255,.13),transparent 72%);
  background-size:250% 100%;animation:glassSheen 9s ease-in-out infinite;
}
.hero-card:after{
  content:"";position:absolute;width:260px;height:260px;left:50%;top:33%;z-index:-1;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(39,158,255,.13),rgba(102,49,255,.055) 45%,transparent 72%);
  filter:blur(16px);animation:ambientBreath 7s ease-in-out infinite;
}
.hero-card img{
  position:relative;z-index:3;animation:none!important;
  filter:drop-shadow(0 12px 28px rgba(23,91,255,.15))!important;
  transition:transform 1s cubic-bezier(.2,.8,.2,1),filter 1s ease!important;
}
.hero-card:hover img{transform:scale(1.018);filter:drop-shadow(0 16px 35px rgba(61,96,255,.22))!important}
.lux-ring{position:absolute;width:360px;height:360px;border-radius:50%;left:50%;top:38%;transform:translate(-50%,-50%);
 border:1px solid rgba(34,205,255,.10);z-index:0;animation:ringTurn 30s linear infinite}
.lux-ring:before,.lux-ring:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#4bdfff;box-shadow:0 0 16px #20cfff}
.lux-ring:before{top:26px;left:90px}.lux-ring:after{bottom:43px;right:62px;background:#a24bff;box-shadow:0 0 16px #913aff}
.lux-ring.ring2{width:290px;height:290px;border-color:rgba(141,63,255,.08);animation-duration:42s;animation-direction:reverse}
.hero .gradient{background-size:260% auto!important;animation:luxGradient 11s ease-in-out infinite!important}
.btn{position:relative;overflow:hidden}
.btn:after{content:"";position:absolute;top:-50%;left:-70%;width:42%;height:200%;transform:rotate(18deg);
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .7s cubic-bezier(.2,.8,.2,1)}
.btn:hover:after{left:135%}
.card{opacity:0;transform:translateY(22px);filter:blur(5px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease,box-shadow .35s ease,border-color .35s ease!important}
.card.show{opacity:1;transform:none;filter:none}.card:hover{transform:translateY(-5px)!important}
.reveal{opacity:0;transform:translateY(16px);filter:blur(4px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.8,.2,1),filter 1s ease!important}
.reveal.show{opacity:1;transform:none;filter:none}
@keyframes headerLight{to{background-position:220% 0}}
@keyframes luxOrbit{to{transform:rotate(360deg)}}
@keyframes gridDrift{to{background-position:40px 40px}}
@keyframes ambientBreath{0%,100%{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}
@keyframes glassSheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ringTurn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes luxGradient{0%,100%{background-position:0% center}50%{background-position:100% center}}
@media(max-width:850px){.lux-ring{width:280px;height:280px}.lux-ring.ring2{width:220px;height:220px}.brand img{height:58px!important}}
@media(prefers-reduced-motion:reduce){header:after,.hero:before,.hero:after,.hero-grid:before,.hero-card:before,.hero-card:after,.lux-ring,.hero .gradient{animation:none!important}}


/* === v1.4 HEADER LOGO VISIBILITY === */
.nav{min-height:96px!important}
.brand{
  min-width:235px;
  height:82px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:7px 20px;
}
.brand:before{
  display:block!important;
  content:"";
  position:absolute;
  inset:9px 3px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,
    rgba(255,255,255,.96) 0%,
    rgba(235,246,255,.84) 35%,
    rgba(108,190,255,.22) 58%,
    rgba(75,70,255,.08) 72%,
    transparent 82%);
  filter:blur(8px);
  opacity:.92;
  z-index:0;
  animation:logoHalo 7s ease-in-out infinite!important;
}
.brand:after{
  content:"";
  position:absolute;
  width:175px;height:1px;left:50%;bottom:9px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#25d7ff 25%,#5a7dff 55%,#b642ff 78%,transparent);
  opacity:.6;
  box-shadow:0 0 9px rgba(42,198,255,.38);
}
.brand img{
  position:relative;z-index:2;
  height:76px!important;
  width:205px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 2px rgba(255,255,255,.55)) drop-shadow(0 5px 12px rgba(27,110,255,.18))!important;
}
.brand:hover img{transform:scale(1.035)!important}
@keyframes logoHalo{
  0%,100%{opacity:.76;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.035)}
}
@media(max-width:850px){
  .nav{min-height:84px!important}
  .brand{min-width:190px;width:190px;height:72px;padding:5px 10px}
  .brand img{width:175px!important;height:65px!important}
  .brand:after{width:145px;bottom:7px}
}


/* =========================================================
   v2.0 PREMIUM ENTERPRISE TECHNOLOGY REDESIGN
   ========================================================= */
body{background:#fff;color:#0b1d3d}

/* Premium light header: lets original transparent navy logo read naturally */
header{
  background:rgba(250,253,255,.93)!important;
  border-bottom:1px solid rgba(17,57,105,.09)!important;
  box-shadow:0 8px 35px rgba(18,54,101,.055);
}
header:after{
  height:1px!important;bottom:-1px!important;
  background:linear-gradient(90deg,transparent 8%,rgba(23,206,239,.26),rgba(64,108,255,.34),rgba(145,56,255,.22),transparent 92%)!important;
  animation:premiumLine 12s linear infinite!important;
}
.nav{min-height:92px!important}
.brand{
  min-width:220px!important;width:220px!important;height:78px!important;
  padding:0!important;justify-content:flex-start!important;overflow:visible!important;
}
.brand:before,.brand:after{display:none!important;content:none!important}
.brand img{
  width:205px!important;height:72px!important;object-fit:contain!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  filter:none!important;animation:none!important;
  transform:none!important;opacity:1!important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1)!important;
}
.brand:hover img{transform:translateY(-1px) scale(1.018)!important;filter:none!important}
.menu{color:#213553!important;font-weight:500!important;gap:30px!important}
.menu a{position:relative;padding:30px 0!important}
.menu a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:19px;height:2px;border-radius:3px;
  background:linear-gradient(90deg,#17cfe9,#357dff,#9140ff);
  transition:left .3s ease,right .3s ease;
}
.menu a:hover{color:#0b63e5!important}.menu a:hover:after{left:0;right:0}
.nav>.btn{
  background:linear-gradient(100deg,#087cff,#5367ff 55%,#8a3dff)!important;
  box-shadow:0 10px 26px rgba(53,99,239,.20)!important;
}
.mobile-toggle{color:#10264c!important}

/* Hero becomes a luxury glass/technology environment */
.hero{
  padding:94px 0 88px!important;color:#fff!important;
  background:
    radial-gradient(circle at 78% 25%,rgba(28,215,240,.20),transparent 22%),
    radial-gradient(circle at 72% 70%,rgba(127,55,255,.22),transparent 28%),
    linear-gradient(125deg,#07172f 0%,#092b58 44%,#0b3472 66%,#111638 100%)!important;
}
.hero:before{
  width:720px!important;height:720px!important;right:-210px!important;top:-300px!important;
  border:1px solid rgba(86,210,255,.12)!important;
  box-shadow:0 0 0 100px rgba(50,123,255,.025),0 0 0 200px rgba(145,61,255,.018)!important;
  animation:luxOrbit 48s linear infinite!important;
}
.hero:after{
  opacity:.45!important;
  background-image:linear-gradient(rgba(93,183,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(93,183,255,.045) 1px,transparent 1px)!important;
  background-size:52px 52px!important;
}
.hero h1{font-weight:600!important;letter-spacing:-.018em!important}
.hero p{color:#d7e5f8!important;font-weight:300!important}
.eyebrow{color:#55e4f6!important;letter-spacing:.095em!important}
.hero-card{
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 35px 90px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(22px)!important;
}
.hero-card img{
  background:rgba(255,255,255,.94)!important;
  border-radius:22px!important;
  padding:20px 24px!important;
  box-shadow:0 20px 50px rgba(0,20,70,.18)!important;
  filter:none!important;
}
.hero-card .mini{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f3f8ff!important;
}
.lux-ring{opacity:.45!important}

/* Enterprise content treatment */
.section-head h2,.solution h2{font-weight:600!important;letter-spacing:-.02em}
.card{
  border:1px solid #e5edf7!important;
  box-shadow:0 14px 38px rgba(16,53,100,.055)!important;
  border-radius:22px!important;
}
.card:hover{
  border-color:#d0def3!important;
  box-shadow:0 22px 50px rgba(18,61,126,.10)!important;
}
.icon{background:linear-gradient(135deg,#e4fbff,#e9eeff 52%,#f0e8ff)!important}
.alt{
  background:
  radial-gradient(circle at 15% 10%,rgba(30,211,240,.055),transparent 24%),
  linear-gradient(180deg,#f8fbff,#f2f6fc)!important;
}
.panel{
  background:
    radial-gradient(circle at 85% 10%,rgba(40,220,244,.17),transparent 26%),
    radial-gradient(circle at 80% 85%,rgba(139,57,255,.15),transparent 27%),
    linear-gradient(145deg,#07182f,#0b356f)!important;
}
.cta-box{
  background:
    radial-gradient(circle at 88% 25%,rgba(43,224,245,.18),transparent 24%),
    linear-gradient(105deg,#071a35,#0b4c9e 57%,#5e2bb7)!important;
}
footer{
  background:linear-gradient(130deg,#07162c,#091e3c)!important;
}
footer img{
  background:rgba(255,255,255,.94)!important;
  padding:8px 12px!important;border-radius:14px!important;
}

/* Premium micro-motion: slow, restrained, trustworthy */
.hero-card{animation:premiumGlass 8s ease-in-out infinite!important}
.hero-card img{animation:none!important}
.card .icon{transition:transform .45s cubic-bezier(.2,.8,.2,1)!important}
.card:hover .icon{transform:translateY(-3px) scale(1.04)!important}
@keyframes premiumGlass{
  0%,100%{transform:translateY(0);box-shadow:0 35px 90px rgba(0,0,0,.22)}
  50%{transform:translateY(-4px);box-shadow:0 42px 100px rgba(0,0,0,.25)}
}
@keyframes premiumLine{to{background-position:220% 0}}
@media(max-width:850px){
  .nav{min-height:78px!important}
  .brand{min-width:180px!important;width:180px!important;height:66px!important}
  .brand img{width:170px!important;height:60px!important}
  .hero{padding-top:62px!important}
}

/* v2.1 Production homepage */
html,body{overflow-x:hidden}.production-hero{min-height:610px;display:flex;align-items:center}.production-hero .hero-grid{grid-template-columns:1fr 1fr}
.trust-inline{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#a9c7ec;font-size:13px}.trust-inline span{display:flex;gap:6px}
.tech-visual{position:relative;height:500px;min-width:0}.tech-glow{position:absolute;width:380px;height:380px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(22,204,244,.16),rgba(78,89,255,.07) 42%,transparent 70%);filter:blur(12px);animation:ambientBreath 8s ease-in-out infinite}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(20,63,123,.94),rgba(14,27,70,.96));border:1px solid rgba(89,211,255,.38);box-shadow:0 0 55px rgba(42,113,255,.24),inset 0 0 30px rgba(41,211,245,.06);z-index:4}.core b{font-size:22px}.core small{color:#8fdcf3}.core-ring{position:absolute;inset:-20px;border-radius:50%;border:1px dashed rgba(94,213,255,.24);animation:ringTurn 28s linear infinite}
.node{position:absolute;width:150px;padding:14px 15px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);box-shadow:0 16px 35px rgba(0,0,0,.16);z-index:5;transition:transform .4s ease,border-color .4s ease}.node:hover{transform:translateY(-4px);border-color:rgba(84,221,255,.4)}.node i{font-style:normal;margin-right:7px}.node b{font-size:14px}.node small{display:block;margin-left:25px;color:#a8c7ea;font-size:11px}.n1{left:2%;top:10%}.n2{right:1%;top:11%}.n3{left:-3%;top:65%}.n4{right:-1%;top:66%}.n5{left:50%;bottom:-1%;transform:translateX(-50%)}.n5:hover{transform:translateX(-50%) translateY(-4px)}
.connections{position:absolute;inset:0;width:100%;height:100%;z-index:1}.connections path{fill:none;stroke:rgba(78,198,255,.24);stroke-width:1.2;stroke-dasharray:6 8;animation:dashFlow 12s linear infinite}
@keyframes dashFlow{to{stroke-dashoffset:-140}}
.expertise{padding-top:88px}.solution-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px}.solution-item{display:flex;gap:18px;padding:25px;background:#fff;border:1px solid #e1eaf6;border-radius:18px;box-shadow:0 12px 32px rgba(16,53,100,.04);transition:.3s}.solution-item:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,53,100,.08)}.solution-item>span{font-size:14px;font-weight:600;color:#147df2;background:#eaf5ff;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;flex:none}.solution-item h3{margin:0 0 6px;color:#071c3d}.solution-item p{margin:0;color:#66748c;font-weight:300}
.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.why h2{font-size:40px;margin:8px 0 14px}.why p{color:#66748c;font-weight:300}.text-link{display:inline-block;margin-top:12px;color:#0d6fe9;font-weight:500}.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.why-cards>div{padding:23px;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#f2f6fc);border:1px solid #e1eaf5}.why-cards b{color:#1686ef}.why-cards h3{margin:7px 0 4px}.why-cards p{margin:0;font-size:14px}
.tech-strip{background:#07182f;color:white}.tech-strip .section-head h2{color:#fff}.pill-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pill-row span{padding:11px 18px;border-radius:999px;border:1px solid rgba(104,184,255,.18);background:rgba(255,255,255,.055);color:#d9eaff;transition:.3s}.pill-row span:hover{border-color:rgba(71,221,255,.45);transform:translateY(-2px)}
/* remove any accidental full-width purple artifact */
body:after,main:after{display:none!important}
@media(max-width:850px){.production-hero .hero-grid{grid-template-columns:1fr}.tech-visual{height:430px;margin-top:25px}.solution-showcase,.why-grid{grid-template-columns:1fr}.why-cards{grid-template-columns:1fr 1fr}.n3{left:0}.n4{right:0}}
@media(max-width:560px){.tech-visual{height:410px}.node{width:125px;padding:10px}.core{width:135px;height:135px}.n1{left:0}.n2{right:0}.why-cards{grid-template-columns:1fr}.trust-inline{display:grid;gap:5px}}

/* v2.2 refinement: compact hero + premium data flow */
.nav{min-height:86px!important}
.brand{width:245px!important;min-width:245px!important;height:74px!important}
.brand img{width:232px!important;height:70px!important}
.production-hero{min-height:565px!important;padding:72px 0 66px!important}
.production-hero .hero-grid{gap:72px!important}
.production-hero h1{font-size:clamp(42px,5.1vw,62px)!important;line-height:1.08!important}
.production-hero .hero-copy>p{max-width:620px!important}
.tech-visual{height:455px!important}
.core{width:154px!important;height:154px!important;overflow:visible}
.core-logo{
  width:54px!important;height:36px!important;object-fit:contain!important;
  padding:0!important;margin:0 0 3px!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;
}
.core b{font-size:18px!important;line-height:1.1}.core small{font-size:11px}
.core-pulse{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(62,220,255,.22);animation:corePulse 4.8s ease-out infinite;pointer-events:none}
.node{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.038))!important;border:1px solid rgba(155,201,255,.18)!important;box-shadow:0 18px 45px rgba(0,12,45,.19),inset 0 1px 0 rgba(255,255,255,.07)!important}
.node:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(45,218,255,.34),rgba(130,65,255,.28),transparent);opacity:0;transition:.4s}.node:hover:after{opacity:1}
.connections path{stroke:rgba(77,201,255,.20)!important;stroke-width:1.05!important;stroke-dasharray:4 9!important}
.packet{fill:#7cecff;filter:drop-shadow(0 0 5px #42d9ff);opacity:.9}
.p2,.p4{fill:#9e7bff;filter:drop-shadow(0 0 5px #855bff)}
.trust-inline{margin-top:22px!important;color:#b5cce9!important}
@keyframes corePulse{0%{transform:scale(.92);opacity:0}28%{opacity:.65}100%{transform:scale(1.28);opacity:0}}
@media(max-width:850px){
 .brand{width:195px!important;min-width:195px!important}.brand img{width:188px!important;height:62px!important}
 .production-hero{padding:54px 0 58px!important}.tech-visual{height:425px!important}.production-hero .hero-grid{gap:30px!important}
}
@media(prefers-reduced-motion:reduce){.core-pulse{animation:none!important}.packet{display:none}}

/* v2.3 full-site production refinement */
.process-section{padding:82px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.process-step{padding:25px;border:1px solid #e1eaf5;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(12,49,96,.045);opacity:0;transform:translateY(16px);transition:.7s}.process-step.show{opacity:1;transform:none}.process-step span,.num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#e5faff,#ede7ff);color:#176fe7;font-weight:600}.process-step h3{margin:14px 0 5px}.process-step p{margin:0;color:#68768d;font-weight:300}
.premium-page-hero{padding:76px 0!important;min-height:390px;display:flex;align-items:center}.page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.premium-page-hero h1{font-size:clamp(42px,5vw,62px)!important;line-height:1.1}.premium-page-hero p{max-width:720px;color:#d3e2f5;font-size:17px;font-weight:300}
.page-orbit{height:270px;position:relative;border:1px solid rgba(89,211,255,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(78,100,255,.025),inset 0 0 60px rgba(26,204,244,.035);animation:ringTurn 45s linear infinite}.page-orbit:before{content:"TechVerse";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:600}.page-orbit span{position:absolute;padding:8px 13px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px}.page-orbit span:nth-child(1){left:5%;top:16%}.page-orbit span:nth-child(2){right:4%;top:18%}.page-orbit span:nth-child(3){left:2%;bottom:16%}.page-orbit span:nth-child(4){right:3%;bottom:16%}
.service-detail-grid,.solution-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-panel{padding:28px;border:1px solid #e2eaf5;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(13,51,100,.05);opacity:0;transform:translateY(16px);transition:.7s}.feature-panel.show{opacity:1;transform:none}.feature-panel h3{font-size:22px;margin:14px 0 7px}.feature-panel p{color:#65738a;font-weight:300}.feature-panel ul{padding-left:20px;color:#44546d}.feature-panel li{margin:5px 0}.solution-catalog .feature-panel{position:relative;padding-top:26px}.solution-catalog .num{margin-bottom:8px}
.principle-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.principle-row>div{padding:23px;border-radius:17px;background:#fff;border:1px solid #e1eaf5;text-align:center}.principle-row b{color:#0b2b58}.principle-row p{color:#6b788d;margin:5px 0 0;font-weight:300}
.about-mark{display:flex;align-items:center;justify-content:center}.about-mark img{width:min(430px,90%);background:#fff;padding:25px;border-radius:24px;box-shadow:0 30px 75px rgba(0,0,0,.20)}
.contact-hero{text-align:center}.contact-hero p{margin-left:auto;margin-right:auto}.contact-production{display:grid;grid-template-columns:1.1fr .9fr;gap:35px}.contact-main,.contact-side{padding:32px;border:1px solid #e1eaf5;border-radius:22px;background:#fff;box-shadow:0 15px 40px rgba(12,49,96,.055)}.contact-main h2{font-size:32px}.contact-main>p{color:#68768d}.contact-method{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e8eef6}.contact-method span{color:#52647e}.contact-note{font-size:13px!important;background:#f7faff;padding:13px;border-radius:10px}.contact-side h3{margin-top:0}.contact-topic{padding:12px 14px;margin:9px 0;border-radius:11px;background:linear-gradient(90deg,#f2f9ff,#f7f4ff);border:1px solid #e5edf8}
@media(max-width:850px){.process-grid{grid-template-columns:1fr 1fr}.page-hero-grid,.contact-production{grid-template-columns:1fr}.page-orbit{max-width:350px;width:90%;margin:auto}.service-detail-grid,.solution-catalog{grid-template-columns:1fr}.principle-row{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.process-grid,.principle-row{grid-template-columns:1fr}.premium-page-hero{padding:55px 0!important}.page-orbit{height:240px}}

/* v2.4 - stable premium visuals */
.page-orbit,.solution-orbit{display:none!important}
.stable-tech-visual{position:relative;height:330px;max-width:520px;margin-left:auto;border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(43,201,255,.11),transparent 28%),radial-gradient(circle at 74% 72%,rgba(120,62,255,.09),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(116,191,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 30px 80px rgba(0,9,36,.14);overflow:hidden}
.stable-tech-visual:before,.stable-tech-visual:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(65,201,255,.105)}
.stable-tech-visual:before{width:250px;height:250px}.stable-tech-visual:after{width:340px;height:340px;border-color:rgba(112,92,255,.07)}
.stable-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:158px;height:112px;border-radius:22px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(18,76,145,.94),rgba(13,34,81,.97));border:1px solid rgba(74,211,255,.27);box-shadow:0 18px 45px rgba(0,0,0,.22),0 0 38px rgba(37,143,255,.12)}
.stable-core b{font-size:19px}.stable-core small{font-size:11px;color:#91dff4;margin-top:3px}.core-dot{width:7px;height:7px;border-radius:50%;background:#67e8ff;box-shadow:0 0 12px #3ddfff;margin-bottom:7px;animation:softDot 3.5s ease-in-out infinite}
.stable-lines{position:absolute;inset:0;z-index:1;background:linear-gradient(32deg,transparent 49.85%,rgba(78,202,255,.13) 50%,transparent 50.15%),linear-gradient(148deg,transparent 49.85%,rgba(78,202,255,.13) 50%,transparent 50.15%);opacity:.8}
.stable-node{position:absolute;z-index:3;width:145px;padding:13px 15px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border:1px solid rgba(158,204,255,.16);box-shadow:0 13px 32px rgba(0,10,42,.16);backdrop-filter:blur(12px);transition:transform .45s ease,border-color .45s ease}
.stable-node b{display:block;font-size:13px;color:#fff}.stable-node small{display:block;font-size:10px;color:#a9c9ec;margin-top:3px}.stable-node:hover{transform:translateY(-3px);border-color:rgba(72,218,255,.34)}
.sn1{left:24px;top:38px}.sn2{right:24px;top:38px}.sn3{left:24px;bottom:38px}.sn4{right:24px;bottom:38px}
@keyframes softDot{0%,100%{opacity:.55}50%{opacity:1;box-shadow:0 0 18px #3ddfff}}
@media(max-width:850px){.stable-tech-visual{margin:20px auto 0;width:100%;max-width:500px}}
@media(max-width:560px){.stable-tech-visual{height:300px}.stable-node{width:125px;padding:10px}.sn1,.sn3{left:12px}.sn2,.sn4{right:12px}.stable-core{width:135px;height:100px}}
@media(prefers-reduced-motion:reduce){.core-dot{animation:none!important}}

/* v2.5 visual correction */
.architecture-panel{position:relative;max-width:540px;margin-left:auto;padding:25px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(126,194,255,.16);box-shadow:0 30px 80px rgba(0,8,35,.22),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.architecture-panel:before{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(57,196,255,.12),transparent 68%);pointer-events:none}
.architecture-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.10)}
.architecture-head b{display:block;font-size:18px;color:#fff}.architecture-head small{display:block;color:#9fc2e8;font-size:11px;margin-top:2px}.live-dot{width:9px;height:9px;border-radius:50%;background:#58e6ff;box-shadow:0 0 14px #40ddff;animation:v25pulse 3.2s ease-in-out infinite}
.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.arch-card{display:flex;align-items:center;gap:11px;min-height:76px;padding:13px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(161,207,255,.12);transition:.35s ease}
.arch-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(70,217,255,.28)}
.arch-card>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(36,207,255,.15),rgba(123,68,255,.17));color:#7fe9ff;font-size:11px;font-weight:600}.arch-card b{display:block;color:#fff;font-size:13px}.arch-card small{display:block;color:#9fb8d8;font-size:10px;margin-top:3px}
.architecture-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);font-size:9px;color:#9db7d7;text-transform:uppercase;letter-spacing:.6px}.architecture-foot i{display:block;width:20px;height:1px;background:linear-gradient(90deg,#31d8ff,#805cff)}
.about-mark{display:none!important}.about-brand-visual{position:relative;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-brand-visual img{position:relative;z-index:2;width:min(470px,94%);height:auto;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:drop-shadow(0 18px 32px rgba(0,0,0,.20))}
.brand-glow{position:absolute;width:380px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(37,199,255,.13),rgba(101,59,255,.07) 42%,transparent 72%);filter:blur(10px)}
.brand-caption{position:relative;z-index:2;margin-top:14px;color:#74dff4;font-size:10px;letter-spacing:2px}
.contact-method a{color:#176fe7;text-decoration:none;font-weight:500}.contact-method a:hover{text-decoration:underline}
@keyframes v25pulse{0%,100%{opacity:.55;box-shadow:0 0 8px #40ddff}50%{opacity:1;box-shadow:0 0 18px #40ddff}}
@media(max-width:850px){.architecture-panel{margin:20px auto 0}.about-brand-visual{min-height:220px}}
@media(max-width:560px){.architecture-grid{grid-template-columns:1fr}.architecture-foot{flex-wrap:wrap}.about-brand-visual img{width:94%}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none!important}}

/* v2.8 - keep original header; reduce the BLUE HERO BAND height */
.nav{min-height:86px!important;height:auto!important}
.brand{width:245px!important;min-width:245px!important;height:74px!important}
.brand img{width:232px!important;height:70px!important}
.nav-links{height:auto!important}

/* Home blue band: tighter vertically, content itself preserved */
.production-hero{
  min-height:500px!important;
  padding-top:50px!important;
  padding-bottom:48px!important;
}
.production-hero .hero-grid{min-height:400px!important}
.tech-visual{height:400px!important}

/* Inner-page blue bands */
.premium-page-hero{
  min-height:330px!important;
  padding-top:52px!important;
  padding-bottom:52px!important;
}
.premium-page-hero .page-hero-grid{min-height:260px!important}

/* Keep v2.5 Services/Solutions panel and all header dimensions */
@media(max-width:850px){
 .production-hero{min-height:auto!important;padding-top:46px!important;padding-bottom:48px!important}
 .tech-visual{height:400px!important}
 .premium-page-hero{min-height:auto!important;padding-top:46px!important;padding-bottom:46px!important}
}

/* ==========================================================
   v3.0 — Balanced compact redesign
   Goal: show the next content section on common notebook screens
   WITHOUT shrinking the hero artwork itself.
   Header remains unchanged.
   ========================================================== */

/* HOME — crop whitespace, do not scale the artwork */
.production-hero{
  min-height:0!important;
  height:auto!important;
  padding-top:28px!important;
  padding-bottom:28px!important;
}
.production-hero .hero-grid{
  min-height:430px!important;
  align-items:center!important;
}
.production-hero .hero-copy{
  padding-top:0!important;
  padding-bottom:0!important;
}
.production-hero h1{
  margin-top:8px!important;
  margin-bottom:16px!important;
  line-height:1.04!important;
}
.production-hero .hero-copy>p{
  margin-top:0!important;
  margin-bottom:15px!important;
  line-height:1.55!important;
}
.production-hero .hero-actions{margin-top:16px!important}
.production-hero .trust-inline{margin-top:15px!important}
.tech-visual{
  height:430px!important;
  transform:none!important;
}

/* INNER PAGE HERO — reduce blank top/bottom space, keep visual full-size */
.premium-page-hero{
  min-height:0!important;
  height:auto!important;
  padding-top:26px!important;
  padding-bottom:26px!important;
}
.premium-page-hero .page-hero-grid{
  min-height:350px!important;
  align-items:center!important;
}
.premium-page-hero .eyebrow{
  margin-bottom:10px!important;
}
.premium-page-hero h1{
  margin-top:0!important;
  margin-bottom:14px!important;
  line-height:1.08!important;
}
.premium-page-hero p{
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:1.58!important;
}

/* Services / Solutions:
   keep the v2.5 card visual at normal size instead of shrinking it */
.premium-page-hero .architecture-panel{
  transform:none!important;
  margin-top:0!important;
  margin-bottom:0!important;
  max-width:500px!important;
}
.architecture-panel{
  padding:23px!important;
}
.architecture-grid{
  margin-top:14px!important;
  gap:10px!important;
}
.arch-card{
  min-height:68px!important;
  padding:11px 12px!important;
}
.architecture-head{
  padding-bottom:13px!important;
}
.architecture-foot{
  margin-top:14px!important;
  padding-top:12px!important;
}

/* ABOUT — transparent logo remains large, but no unnecessary hero whitespace */
.premium-page-hero .about-brand-visual{
  min-height:300px!important;
  margin:0!important;
}
.premium-page-hero .about-brand-visual img{
  width:min(450px,94%)!important;
}

/* CONTACT — same rhythm as the other inner pages */
.contact-hero{
  min-height:0!important;
  padding-top:32px!important;
  padding-bottom:32px!important;
}

/* Content immediately after hero: slightly tighter so more appears on screen */
.production-hero + section,
.premium-page-hero + section{
  padding-top:48px!important;
}
.section-kicker,.section-eyebrow{
  margin-bottom:9px!important;
}

/* Notebook-height optimization: target the user's screenshot-like viewport */
@media (min-width:901px) and (max-height:900px){
  .production-hero{
    padding-top:22px!important;
    padding-bottom:22px!important;
  }
  .production-hero .hero-grid{min-height:395px!important}
  .tech-visual{height:395px!important}

  .premium-page-hero{
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
  .premium-page-hero .page-hero-grid{min-height:320px!important}
  .premium-page-hero .about-brand-visual{min-height:270px!important}
}

/* Mobile: retain comfortable spacing rather than forcing desktop compaction */
@media(max-width:850px){
  .production-hero{padding:44px 0 48px!important}
  .production-hero .hero-grid{min-height:auto!important}
  .tech-visual{height:400px!important}
  .premium-page-hero{padding:42px 0 46px!important}
  .premium-page-hero .page-hero-grid{min-height:auto!important}
  .premium-page-hero .architecture-panel{margin:18px auto 0!important}
  .premium-page-hero .about-brand-visual{min-height:230px!important}
}

/* FINAL polish — tighter transition from hero to content */
.production-hero + section,
.premium-page-hero + section{
  padding-top:30px!important;
}
.production-hero + section .section-kicker,
.production-hero + section .section-eyebrow,
.premium-page-hero + section .section-kicker,
.premium-page-hero + section .section-eyebrow{
  margin-top:0!important;
}
@media (min-width:901px) and (max-height:900px){
  .production-hero + section,
  .premium-page-hero + section{
    padding-top:26px!important;
  }
}

/* FINAL v1.1 — About logo contrast correction */
.about-brand-visual{
  isolation:isolate;
}
.about-brand-visual:before{
  content:"";
  position:absolute;
  z-index:0;
  width:500px;
  height:250px;
  max-width:96%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at center,
      rgba(255,255,255,.13) 0%,
      rgba(54,191,255,.10) 28%,
      rgba(74,91,214,.07) 48%,
      transparent 72%);
  filter:blur(16px);
  pointer-events:none;
}
.about-brand-visual img{
  position:relative!important;
  z-index:2!important;
  filter:
    drop-shadow(0 2px 1px rgba(255,255,255,.10))
    drop-shadow(0 16px 30px rgba(0,0,0,.24))
    brightness(1.16)
    contrast(1.10)!important;
}
.about-brand-visual .brand-caption{
  position:relative;
  z-index:3;
  color:#79eaff!important;
  text-shadow:0 0 14px rgba(43,210,255,.22);
}

/* v1.6 SEO service landing pages */
.alt{background:#f6f9ff}.faq-list{max-width:900px;margin:auto;display:grid;gap:12px}.faq-item{background:#fff;border:1px solid #e1eaf5;border-radius:16px;padding:0 22px;box-shadow:0 10px 28px rgba(12,49,96,.04)}.faq-item summary{cursor:pointer;font-weight:500;color:#10264c;padding:18px 0}.faq-item p{margin:0 0 20px;color:#65738a;font-weight:300}.service-link{display:inline-block;margin:-2px 0 8px;color:#0b6fe8;font-size:14px;font-weight:500}.landing-shortcuts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}.landing-shortcuts a{padding:10px 16px;border:1px solid #dce6f5;border-radius:999px;color:#0b6fe8;background:#fff}.tech-strip .section-head p{color:#a9c7e8}.premium-page-hero .actions .secondary{color:#e8f1ff!important;border-color:rgba(255,255,255,.28)!important}@media(max-width:560px){.faq-item{padding:0 16px}}