:root{
  --bg:#020912; --bg2:#061321; --panel:#081725; --panel2:#0a1b2d;
  --line:rgba(108,180,242,.22); --line2:rgba(255,255,255,.08);
  --text:#f6fbff; --muted:#aebdcc; --muted2:#6f8295;
  --blue:#70baf2; --blue2:#9ed7ff; --gold:#d8af35; --gold2:#fff0a0;
  --serif: Georgia, 'Times New Roman', serif; --sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --max:1320px; --radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 96px));margin:0 auto}.eyebrow{color:var(--blue2);letter-spacing:.34em;text-transform:uppercase;font-weight:800;font-size:13px}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.blue{color:var(--blue);font-style:italic}.muted{color:var(--muted)}.small{font-size:14px;color:var(--muted2)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 12%,rgba(72,151,224,.18),transparent 32%),radial-gradient(circle at 18% 40%,rgba(80,176,255,.05),transparent 32%),linear-gradient(180deg,#05111e 0%,#020912 45%,#030b13 100%);z-index:-3}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 76%,transparent);z-index:-2}
.header{height:92px;position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(2,9,18,.94),rgba(2,9,18,.75));backdrop-filter:blur(18px);border-bottom:1px solid rgba(118,180,236,.10)}.nav{height:92px;display:flex;align-items:center;gap:34px}.logo{display:flex;align-items:center;width:154px;height:58px;overflow:visible}.logo img{width:136px;height:auto;filter:drop-shadow(0 0 16px rgba(112,186,242,.18))}.menu{display:flex;gap:33px;margin-left:36px;align-items:center}.menu a{font-weight:700;font-size:14px;color:#e8f2fb;opacity:.92;padding:33px 0 26px;position:relative}.menu a.active:after,.menu a:hover:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:19px;background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 18px var(--blue)}.nav-cta{margin-left:auto;display:flex;gap:16px;align-items:center}.eco-pill{height:46px;padding:0 24px;border:1px solid rgba(124,180,234,.28);border-radius:4px;background:rgba(7,18,30,.74);display:flex;align-items:center;gap:11px;color:#cdd9e6;font-size:14px;font-weight:700}.eco-pill b{color:var(--gold);font-family:var(--serif);font-size:24px}.btn{height:54px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:5px;border:1px solid rgba(122,184,244,.55);background:rgba(5,14,24,.35);padding:0 28px;font-weight:800;font-size:15px;transition:.25s ease}.btn.primary{background:linear-gradient(135deg,#5ca9e8,#8bcfff);color:#fff;border:0;box-shadow:0 18px 50px rgba(85,164,232,.18)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(85,164,232,.16)}
.hero{min-height:700px;border-bottom:1px solid var(--line2);position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns: 1fr 1.16fr;gap:40px;align-items:center;min-height:700px;padding:54px 0 72px}.hero-copy{padding-top:10px}.hero h1{font-size:76px;line-height:.94;margin:27px 0 30px;max-width:620px}.hero p{max-width:520px;font-size:18px;color:#c3cfda;margin:0 0 32px}.hero-actions{display:flex;gap:18px;margin:32px 0 48px}.trust{display:flex;gap:44px;color:#d2dfeb;font-size:13px}.trust span{display:flex;align-items:center;gap:10px}.trust svg{width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.8}.visual{position:relative;height:560px;display:grid;place-items:center}.visual:before{content:"";position:absolute;inset:8% -10% 0 4%;background:radial-gradient(circle at 52% 45%,rgba(113,190,255,.24),transparent 19%),radial-gradient(circle at 55% 60%,rgba(74,157,231,.10),transparent 32%);filter:blur(6px)}.architecture{position:relative;width:min(760px,100%);height:500px}.architecture svg{width:100%;height:100%;overflow:visible}.pulse{animation:pulse 3.4s ease-in-out infinite}.float{animation:float 7s ease-in-out infinite}.draw{stroke-dasharray:850;stroke-dashoffset:850;animation:draw 4.6s ease forwards, shimmer 4s ease-in-out infinite 4.6s}.node{filter:drop-shadow(0 0 10px rgba(146,212,255,.8));animation:node 3s ease-in-out infinite}.node:nth-child(2n){animation-delay:.8s}.orbit{transform-origin:50% 50%;animation:orbit 24s linear infinite}.orbit.two{animation-duration:34s;animation-direction:reverse}.hero-floor{position:absolute;left:7%;right:3%;bottom:34px;height:118px;background:linear-gradient(180deg,rgba(20,52,82,.28),rgba(8,20,34,.02));clip-path:polygon(16% 12%,83% 12%,100% 100%,0 100%);border-top:1px solid rgba(130,201,255,.16);opacity:.75}.section{border-bottom:1px solid var(--line2);padding:76px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:48px}.section h2{font-size:44px;line-height:1.03;margin:18px 0 0;max-width:560px}.lead{font-size:17px;color:#b9c7d5;max-width:560px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{min-height:278px;border:1px solid rgba(102,173,235,.20);border-radius:12px;background:linear-gradient(145deg,rgba(12,30,49,.86),rgba(6,18,31,.68));padding:30px 28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.25s ease}.card:hover{transform:translateY(-5px);border-color:rgba(112,186,242,.45);box-shadow:0 24px 70px rgba(0,0,0,.22)}.card-icon{width:36px;height:36px;margin-bottom:34px;color:var(--blue);filter:drop-shadow(0 0 12px rgba(112,186,242,.25))}.card h3{font-family:var(--serif);font-weight:400;font-size:27px;line-height:.98;margin:0 0 18px;letter-spacing:-.04em}.card p{font-size:14px;color:#b5c2cf;margin:0 0 30px}.learn{color:var(--blue);font-weight:800;font-size:14px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.stat{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:38px 34px;border-left:1px solid rgba(112,186,242,.18)}.stat:first-child{border-left:0}.stat svg{width:32px;height:32px;color:var(--blue)}.stat strong{font-family:var(--serif);font-size:30px;line-height:.92;font-weight:400;display:block}.stat span{font-size:12px;color:var(--muted2)}.process{padding:72px 0 80px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:52px;position:relative}.timeline:before{content:"";position:absolute;left:26px;right:28px;top:22px;border-top:1px dashed rgba(112,186,242,.45)}.step{position:relative;padding-left:62px;padding-right:20px}.num{position:absolute;left:0;top:0;width:44px;height:44px;border:1px solid rgba(112,186,242,.8);border-radius:50%;display:grid;place-items:center;color:var(--blue);background:#061421;font-size:14px}.step svg{width:35px;height:35px;color:var(--blue);margin-bottom:18px;filter:drop-shadow(0 0 10px rgba(112,186,242,.25))}.step strong{display:block;font-size:15px}.step p{font-size:13px;color:#a9b8c8;margin:3px 0 0;max-width:170px}.ecosystem-band{position:relative;display:grid;grid-template-columns:1.05fr .78fr .7fr;min-height:360px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);background:linear-gradient(90deg,#050d16,#081523);overflow:hidden;--beam-angle:-1.8deg;--beam-hit-x:63%;--beam-intensity:.19;--beam-origin-x:calc(10.4% + 8px);--beam-origin-y:14.3%}.beam-stage{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.beam-hit{position:absolute;inset:0;background:radial-gradient(circle at var(--beam-hit-x) 46%,rgba(152,208,255,.16),rgba(152,208,255,.08) 11%,rgba(152,208,255,0) 24%);opacity:calc(.2 + var(--beam-intensity));transition:opacity .22s ease;background-blend-mode:screen;mix-blend-mode:screen}.beam{position:absolute;left:var(--beam-origin-x);top:var(--beam-origin-y);width:96%;height:176px;transform-origin:0 50%;clip-path:polygon(0 48%,0 52%,100% 100%,100% 0);mix-blend-mode:screen;will-change:transform,opacity}.beam-soft{background:linear-gradient(90deg,rgba(255,248,226,.36),rgba(204,229,255,.16) 34%,rgba(128,188,243,.07) 66%,rgba(128,188,243,0) 100%);filter:blur(18px);opacity:calc(.18 + var(--beam-intensity));transform:translateY(-50%) rotate(var(--beam-angle)) scaleY(1.65)}.beam-core{background:linear-gradient(90deg,rgba(255,248,226,.86),rgba(226,238,255,.40) 24%,rgba(156,210,255,.11) 56%,rgba(128,188,243,0) 100%);filter:blur(4px);opacity:calc(.24 + var(--beam-intensity));transform:translateY(-50%) rotate(var(--beam-angle))}.lighthouse{position:relative;overflow:hidden;min-height:360px;background:#060c13;z-index:1}.lighthouse img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:16% 50%;filter:saturate(.92) contrast(1.08) brightness(.88)}.lighthouse-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,19,.08),rgba(4,11,19,.18) 54%,rgba(8,21,35,.74));z-index:1}.lamp-glow{position:absolute;left:calc(24.6% + 8px);top:14.3%;width:14px;height:14px;border-radius:50%;background:#fff8cf;box-shadow:0 0 18px rgba(255,248,207,.96),0 0 38px rgba(255,236,170,.88),0 0 84px rgba(168,212,255,.24);z-index:3;transform:translate(-50%,-50%)}.eco-copy{position:relative;z-index:3;padding:70px 70px 56px;border-right:1px solid rgba(112,186,242,.20)}.eco-copy h2{font-size:42px;line-height:1;margin:16px 0 18px;color:var(--blue);font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.eco-copy p{color:#b8c7d6;max-width:510px}.gatula-mark{position:relative;z-index:3;display:grid;place-items:center;text-align:center;padding:40px}.gatula-mark img{width:58px;margin:0 auto 20px;filter:drop-shadow(0 0 18px rgba(216,175,53,.25))}.gatula-mark h3{font-family:var(--serif);font-weight:400;letter-spacing:.24em;font-size:34px;margin:0 0 14px}.gatula-mark p{color:var(--blue2);letter-spacing:.26em;text-transform:uppercase;font-size:12px;line-height:1.8}.footer{padding:28px 0;text-align:center;color:#52677a;font-size:12px}.page-hero{padding:110px 0 72px;border-bottom:1px solid var(--line2);background:radial-gradient(circle at 70% 25%,rgba(84,169,237,.13),transparent 35%)}.page-hero h1{font-size:74px;line-height:.96;margin:18px 0}.page-hero p{max-width:720px;font-size:19px;color:#bbc9d6}.split{display:grid;grid-template-columns:.75fr 1fr;gap:70px}.panel{border:1px solid rgba(112,186,242,.20);border-radius:14px;background:linear-gradient(145deg,rgba(10,28,47,.78),rgba(5,15,26,.6));padding:34px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature h3,.panel h3{font-family:var(--serif);font-size:31px;line-height:1;margin:0 0 14px;font-weight:400;letter-spacing:-.04em}.feature p,.panel p{color:#b8c6d4}.list{display:grid;gap:16px;margin-top:20px}.list div{padding:18px 20px;border:1px solid rgba(112,186,242,.16);background:rgba(7,20,33,.5);border-radius:10px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.form{display:grid;gap:16px}.form input,.form textarea,.form select{width:100%;background:rgba(3,13,23,.85);border:1px solid rgba(112,186,242,.22);border-radius:8px;color:#fff;padding:16px 18px;font:inherit}.form textarea{min-height:150px;resize:vertical}.form label{font-size:13px;color:#8fcaff;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mobile-toggle{display:none}.fade-up{opacity:0;transform:translateY(18px);animation:fadeUp .8s ease forwards}.delay1{animation-delay:.1s}.delay2{animation-delay:.2s}.delay3{animation-delay:.3s}
@keyframes fadeUp{to{opacity:1;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes shimmer{50%{filter:drop-shadow(0 0 12px rgba(148,215,255,.55))}}@keyframes pulse{50%{opacity:.55;transform:scale(1.03)}}@keyframes node{50%{opacity:.45;r:3.8}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.wrap{width:min(100% - 44px,var(--max))}.menu{display:none}.mobile-toggle{display:flex;margin-left:auto}.nav-cta{display:none}.hero .wrap,.section-head,.split,.contact-grid{grid-template-columns:1fr}.visual{height:420px}.hero{min-height:auto}.hero h1,.page-hero h1{font-size:54px}.cards{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr;gap:30px}.timeline:before{display:none}.ecosystem-band{grid-template-columns:1fr;--beam-origin-x:calc(33.6% + 8px);--beam-origin-y:14.6%}.beam{width:95%;height:164px}.lighthouse{min-height:300px}.lamp-glow{left:calc(33.6% + 8px);top:14.6%}.eco-copy{border-right:0;border-top:1px solid rgba(112,186,242,.18);padding:44px 28px}.grid2,.grid3{grid-template-columns:1fr}}@media(max-width:620px){.hero h1,.page-hero h1{font-size:43px}.section h2{font-size:36px}.hero-actions{flex-direction:column}.trust{flex-direction:column;gap:14px}.cards,.stats{grid-template-columns:1fr}.logo{width:136px}.logo img{width:124px}.header,.nav{height:76px}.visual{height:340px}.card{min-height:auto}.stat{border-left:0;border-top:1px solid rgba(112,186,242,.15)}}


/* === Gatula Labs final polish === */
.logo{width:196px;height:64px;justify-content:center}.logo img{width:196px;max-height:58px;object-fit:contain}.header{background:linear-gradient(180deg,rgba(2,9,18,.98),rgba(2,9,18,.84));}.stats-section{padding:0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}.stats.stats-four{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center;max-width:1120px}.stats-four .stat{justify-content:center}.stats-four .stat:first-child{border-left:0}.stats-four .stat svg{stroke:var(--blue);fill:none}.step svg,.card-icon svg,.panel svg,.trust svg{fill:none;stroke:currentColor}.timeline .step:nth-child(4) svg{stroke:var(--blue);fill:none}.cta-section{padding:54px 0}.cta-panel{border:1px solid rgba(112,186,242,.22);border-radius:16px;background:linear-gradient(135deg,rgba(12,31,50,.82),rgba(5,15,26,.70));padding:42px 46px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 24px 80px rgba(0,0,0,.18)}.cta-panel h2{font-size:38px;line-height:1;margin:10px 0 12px}.cta-panel p{max-width:640px;color:#b8c7d6;margin:0}.contact-card{position:sticky;top:120px;align-self:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex!important;align-items:flex-start;gap:12px;color:#b8c7d6;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600!important}.check input{width:auto!important;margin-top:5px}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.form-status{min-height:24px;margin:4px 0 0;color:#9ed7ff;font-weight:700}.form-status.error{color:#ffb0b0}.form-status.success{color:#aaf2cc}.form button[disabled]{opacity:.62;cursor:not-allowed}.list div{transition:.22s ease}.list div:hover{border-color:rgba(112,186,242,.35);transform:translateY(-2px)}@media(max-width:1100px){.logo,.logo img{width:166px}.stats.stats-four{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.cta-panel{align-items:flex-start;flex-direction:column}.contact-card{position:relative;top:auto}}@media(max-width:620px){.form-row{grid-template-columns:1fr}.stats.stats-four{grid-template-columns:1fr}.logo,.logo img{width:145px}.cta-panel{padding:30px 24px}.cta-panel h2{font-size:31px}}



/* === Gatula Labs Clean v2 — stable HTML polish === */
.logo{
  width:260px!important;
  min-width:260px!important;
  height:70px!important;
  overflow:visible!important;
  justify-content:flex-start!important;
  flex-shrink:0!important;
}
.logo img{
  width:250px!important;
  max-width:none!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0;
}
.nav{gap:26px}
.menu{margin-left:10px;gap:28px}
.nav-cta{gap:14px}

.hero .wrap{grid-template-columns:1fr 1.08fr}
.hero h1{letter-spacing:-.058em}
.hero p{color:#c7d3df}
.card,.panel,.work-card,.systems-grid div{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 70px rgba(0,0,0,.14);
}
.card{position:relative;overflow:hidden}
.card::after,.work-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(420px circle at 50% -12%,rgba(112,186,242,.13),transparent 43%);
  opacity:0;
  transition:.22s ease;
}
.card:hover::after,.work-card:hover::after{opacity:1}
.card:hover,.work-card:hover,.systems-grid div:hover{
  transform:translateY(-4px);
  border-color:rgba(112,186,242,.42);
}
.card,.work-card,.systems-grid div{transition:.22s ease}

.systems-strip{padding:72px 0}
.systems-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.systems-grid div{
  border:1px solid rgba(112,186,242,.20);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(10,28,47,.72),rgba(5,15,26,.58));
  padding:20px 22px;
  color:#d9e9f7;
  font-weight:800;
}

.selected-work{padding:76px 0}
.work-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.work-card{
  position:relative;
  overflow:hidden;
  min-height:240px;
  border:1px solid rgba(112,186,242,.22);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(10,28,47,.82),rgba(5,15,26,.66));
  padding:30px 28px;
}
.work-card span{
  display:block;
  color:var(--blue);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:28px;
}
.work-card h3{
  font-family:var(--serif);
  font-size:32px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:400;
  margin:0 0 16px;
}
.work-card p{
  color:#b8c7d6;
  margin:0;
}

.stats-section{
  padding:0!important;
}
.stats.stats-four{
  width:min(1120px,100%);
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin-inline:auto;
}
.stats-four .stat{
  border-left:1px solid rgba(112,186,242,.18);
  justify-content:center;
}
.stats-four .stat:first-child{border-left:0!important}

.cta-section{padding:56px 0;border-bottom:1px solid var(--line2)}
.cta-panel{
  border:1px solid rgba(112,186,242,.22);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(12,31,50,.82),rgba(5,15,26,.70));
  padding:42px 46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  box-shadow:0 24px 80px rgba(0,0,0,.18);
}
.cta-panel h2{font-size:38px;line-height:1;margin:10px 0 12px}
.cta-panel p{max-width:640px;color:#b8c7d6;margin:0}

.fade-up{opacity:1;transform:none;animation:fadeUp .55s ease both}
.card,.work-card,.systems-grid div,.panel,.stat,.step{will-change:transform}

.contact-card{position:sticky;top:120px;align-self:start}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{display:flex!important;align-items:flex-start;gap:12px;color:#b8c7d6;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600!important}
.check input{width:auto!important;margin-top:5px}
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}
.form-status{min-height:24px;margin:4px 0 0;color:#9ed7ff;font-weight:700}
.form-status.error{color:#ffb0b0}
.form-status.success{color:#aaf2cc}
.form button[disabled]{opacity:.62;cursor:not-allowed}

@media(max-width:1250px){
  .logo{width:220px!important;min-width:220px!important}
  .logo img{width:215px!important}
  .menu{gap:22px}
}
@media(max-width:1100px){
  .logo{width:188px!important;min-width:188px!important}
  .logo img{width:184px!important;max-height:54px!important}
  .systems-grid,.work-grid{grid-template-columns:repeat(2,1fr)}
  .stats.stats-four{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none}
  .stats-four .stat:nth-child(3){border-left:0!important}
  .cta-panel{align-items:flex-start;flex-direction:column}
  .contact-card{position:relative;top:auto}
}
@media(max-width:620px){
  .logo{width:156px!important;min-width:156px!important}
  .logo img{width:154px!important;max-height:46px!important}
  .systems-grid,.work-grid,.form-row,.stats.stats-four{grid-template-columns:1fr!important}
  .stats-four .stat{border-left:0!important;border-top:1px solid rgba(112,186,242,.15)}
  .stats-four .stat:first-child{border-top:0}
  .cta-panel{padding:30px 24px}
  .cta-panel h2{font-size:31px}
}



/* === Gatula Labs Clean v3 — wider premium layout + redesigned sections === */
:root{--max:1560px}
.wrap{width:min(var(--max),calc(100% - 120px))}
.wide-wrap{width:min(1560px,calc(100% - 120px))}

/* centered, stable header */
.header{height:86px}
.nav{
  height:86px;
  display:grid!important;
  grid-template-columns:300px minmax(420px,1fr) 460px;
  align-items:center;
  gap:20px;
}
.logo{
  width:270px!important;
  min-width:270px!important;
  height:72px!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.logo img{
  width:260px!important;
  max-height:64px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.menu{
  margin:0!important;
  justify-content:center;
  display:flex;
  gap:31px;
}
.nav-cta{
  margin:0!important;
  justify-content:flex-end;
  display:flex;
  align-items:center;
}
.eco-pill{
  position:relative;
  overflow:hidden;
  min-width:280px;
  justify-content:center;
}
.eco-pill b{display:none}
.eco-pill img{
  width:23px;
  height:23px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(216,175,53,.45));
}
.eco-pill span{position:relative;z-index:2}
.eco-pill::after{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(120deg,transparent 0%,rgba(216,175,53,.13) 45%,transparent 75%);
  transform:translateX(-120%);
  transition:.5s ease;
}
.eco-pill:hover::after{transform:translateX(120%)}

/* full-width feel */
.hero{min-height:720px}
.hero .wrap{
  width:min(1560px,calc(100% - 120px));
  min-height:720px;
}
.hero-copy{padding-left:0}
.section{padding:92px 0}
.section-head{grid-template-columns:minmax(420px,.92fr) minmax(420px,.8fr)}
.section-head h2{max-width:760px}

/* why section */
.why-section{
  background:linear-gradient(180deg,rgba(7,18,30,.22),rgba(2,8,18,.02));
}
.why-layout{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:80px;
  align-items:start;
}
.why-layout h2{
  font-size:48px;
  line-height:1.02;
  margin:16px 0 0;
  max-width:560px;
}
.why-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  border:1px solid rgba(112,186,242,.18);
  border-radius:18px;
  overflow:hidden;
  background:rgba(112,186,242,.12);
}
.why-points article{
  min-height:260px;
  padding:34px 32px;
  background:linear-gradient(145deg,rgba(9,25,42,.84),rgba(4,14,25,.74));
}
.why-points span{
  color:var(--gold);
  font-family:var(--serif);
  font-size:28px;
}
.why-points h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:31px;
  line-height:1;
  letter-spacing:-.045em;
  margin:34px 0 16px;
}
.why-points p{color:#b8c7d6;margin:0}

/* systems as capability list, not boxes */
.premium-systems{padding:100px 0}
.systems-layout{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:80px;
  align-items:start;
}
.systems-intro{
  position:sticky;
  top:120px;
}
.systems-intro h2{
  font-size:50px;
  line-height:1.02;
  margin:16px 0 24px;
  max-width:620px;
}
.capability-list{
  border-top:1px solid rgba(112,186,242,.24);
}
.capability-row{
  display:grid;
  grid-template-columns:80px minmax(230px,.65fr) 1fr;
  gap:28px;
  align-items:center;
  padding:28px 0;
  border-bottom:1px solid rgba(112,186,242,.18);
  transition:.22s ease;
}
.capability-row:hover{
  padding-left:18px;
  border-color:rgba(112,186,242,.42);
  background:linear-gradient(90deg,rgba(112,186,242,.08),transparent 60%);
}
.capability-row span{
  color:var(--gold);
  font-family:var(--serif);
  font-size:28px;
}
.capability-row strong{
  color:#eef7ff;
  font-size:19px;
}
.capability-row p{
  color:#aebdcb;
  margin:0;
}

/* selected work as rows, not generic cards */
.premium-work{padding:100px 0;background:linear-gradient(180deg,rgba(6,17,29,.16),rgba(2,8,18,.04))}
.work-head{margin-bottom:42px}
.case-list{
  border-top:1px solid rgba(112,186,242,.24);
}
.case-row{
  display:grid;
  grid-template-columns:86px 250px 1fr 170px;
  gap:30px;
  align-items:center;
  padding:34px 0;
  border-bottom:1px solid rgba(112,186,242,.18);
  transition:.22s ease;
}
.case-row:hover{
  padding-left:18px;
  background:linear-gradient(90deg,rgba(112,186,242,.08),transparent 70%);
  border-color:rgba(112,186,242,.42);
}
.case-index{
  color:var(--gold);
  font-family:var(--serif);
  font-size:32px;
}
.case-type{
  color:var(--blue);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}
.case-main h3{
  font-family:var(--serif);
  font-size:36px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:400;
  margin:0 0 12px;
}
.case-main p{
  margin:0;
  color:#b7c7d5;
  max-width:720px;
}
.case-row a{
  color:#dff4ff;
  font-weight:850;
  text-align:right;
}
.case-row a:hover{color:var(--blue)}

/* improved existing blocks */
.stats.stats-four{width:min(1240px,100%)}
.cta-panel{width:100%}
.cards{gap:22px}
.card{border-radius:18px}
.card h3{font-size:28px}
.visual svg{filter:drop-shadow(0 0 22px rgba(112,186,242,.14))}

/* rich footer */
.rich-footer{
  padding:0;
  text-align:left;
  border-top:1px solid rgba(112,186,242,.14);
  background:linear-gradient(180deg,rgba(3,12,22,.86),rgba(2,8,18,1));
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr .6fr .6fr .8fr;
  gap:54px;
  padding:58px 0 42px;
}
.footer-brand img{
  width:240px;
  height:auto;
  margin-bottom:18px;
}
.footer-brand p{
  max-width:420px;
  color:#9fb0c1;
  margin:0;
}
.rich-footer h4{
  color:#dff4ff;
  margin:0 0 16px;
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.rich-footer a,.rich-footer span{
  display:block;
  color:#8fa2b5;
  margin:9px 0;
  font-size:14px;
}
.rich-footer a:hover{color:var(--blue)}
.footer-cta{
  color:var(--blue)!important;
  font-weight:900;
  margin-top:18px!important;
}
.footer-bottom{
  border-top:1px solid rgba(112,186,242,.12);
  padding:22px 0 30px;
  color:#52677a;
  text-align:center;
  font-size:12px;
}

/* responsive */
@media(max-width:1320px){
  .wrap,.wide-wrap,.hero .wrap{width:min(100% - 72px,var(--max))}
  .nav{grid-template-columns:250px 1fr 380px}
  .logo{width:230px!important;min-width:230px!important}
  .logo img{width:225px!important}
  .menu{gap:22px}
  .eco-pill{min-width:230px}
}
@media(max-width:1100px){
  .wrap,.wide-wrap,.hero .wrap{width:min(100% - 44px,var(--max))}
  .nav{display:flex!important}
  .menu,.nav-cta{display:none!important}
  .logo{width:190px!important;min-width:190px!important}
  .logo img{width:186px!important;max-height:54px!important}
  .why-layout,.systems-layout{grid-template-columns:1fr;gap:38px}
  .why-points{grid-template-columns:1fr}
  .systems-intro{position:relative;top:auto}
  .capability-row{grid-template-columns:60px 1fr;gap:18px}
  .capability-row p{grid-column:2}
  .case-row{grid-template-columns:64px 1fr;gap:18px}
  .case-type,.case-main,.case-row a{grid-column:2}
  .case-row a{text-align:left}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media(max-width:620px){
  .wrap,.wide-wrap,.hero .wrap{width:min(100% - 28px,var(--max))}
  .logo{width:154px!important;min-width:154px!important}
  .logo img{width:152px!important;max-height:46px!important}
  .section{padding:68px 0}
  .why-layout h2,.systems-intro h2{font-size:36px}
  .capability-row{grid-template-columns:1fr}
  .capability-row p{grid-column:1}
  .case-row{grid-template-columns:1fr}
  .case-type,.case-main,.case-row a{grid-column:1}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand img{width:190px}
}



/* === Super IT redesign for systems + selected work === */
.super-systems{
  padding:110px 0 72px;
  background:
    radial-gradient(circle at 72% 42%,rgba(112,186,242,.12),transparent 38%),
    linear-gradient(180deg,rgba(7,18,30,.16),rgba(2,8,18,.02));
}
.super-systems-grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:78px;
  align-items:center;
}
.systems-copy h2{
  font-size:58px;
  line-height:.98;
  margin:16px 0 24px;
  max-width:620px;
}
.systems-tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:34px;
}
.systems-tags span{
  border:1px solid rgba(112,186,242,.22);
  background:rgba(7,22,37,.64);
  border-radius:999px;
  color:#bfeaff;
  padding:10px 14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.infrastructure-visual{
  position:relative;
  min-height:520px;
  border:1px solid rgba(112,186,242,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 50%,rgba(112,186,242,.16),transparent 28%),
    linear-gradient(145deg,rgba(9,27,46,.78),rgba(3,12,22,.42));
  overflow:hidden;
  box-shadow:0 36px 110px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
.infrastructure-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;
  opacity:.72;
}
.infra-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.infra-lines path{
  fill:none;
  stroke:url(#pulseLine);
  stroke-width:2;
  stroke-dasharray:14 22;
  animation:dash 5s linear infinite;
  filter:drop-shadow(0 0 12px rgba(112,186,242,.25));
}
.core-node{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  transform:translate(-50%,-50%);
  width:168px;
  height:168px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(166,222,255,.42);
  background:radial-gradient(circle,rgba(178,229,255,.22),rgba(44,116,177,.12) 48%,rgba(5,18,31,.92));
  box-shadow:0 0 90px rgba(112,186,242,.25),inset 0 1px 0 rgba(255,255,255,.12);
}
.core-node img{
  width:44px;
  filter:drop-shadow(0 0 18px rgba(216,175,53,.4));
}
.core-node strong{
  font-family:var(--serif);
  font-weight:400;
  font-size:18px;
  line-height:1.15;
  letter-spacing:.16em;
}
.infra-node{
  position:absolute;
  z-index:4;
  width:174px;
  border:1px solid rgba(112,186,242,.25);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(12,33,55,.88),rgba(5,15,26,.72));
  padding:17px 18px;
  box-shadow:0 20px 60px rgba(0,0,0,.24);
  animation:floatNode 7s ease-in-out infinite;
}
.infra-node b{display:block;color:#eef8ff}
.infra-node small{display:block;color:#8fa7bb;margin-top:4px}
.node-a{left:7%;top:13%}
.node-b{right:8%;top:15%;animation-delay:.4s}
.node-c{right:5%;top:48%;animation-delay:.8s}
.node-d{right:10%;bottom:12%;animation-delay:1.2s}
.node-e{left:8%;bottom:13%;animation-delay:1.6s}
.node-f{left:4%;top:48%;animation-delay:2s}

.capability-deck{
  padding:0 0 108px;
}
.deck-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.deck-grid article{
  min-height:245px;
  border:1px solid rgba(112,186,242,.22);
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(13,38,63,.78),rgba(5,16,28,.74));
  padding:30px;
  position:relative;
  overflow:hidden;
  transition:.24s ease;
}
.deck-grid article::after{
  content:"";
  position:absolute;
  inset:auto -20% -40% -20%;
  height:110px;
  background:radial-gradient(ellipse at center,rgba(112,186,242,.15),transparent 68%);
  transition:.24s ease;
}
.deck-grid article:hover{
  transform:translateY(-7px);
  border-color:rgba(112,186,242,.52);
}
.deck-grid article:hover::after{height:160px}
.deck-grid span{
  color:var(--gold);
  font-family:var(--serif);
  font-size:30px;
}
.deck-grid h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:31px;
  line-height:1;
  letter-spacing:-.045em;
  margin:44px 0 16px;
}
.deck-grid p{color:#b7c7d5;margin:0}

.super-work{
  padding:112px 0;
  background:
    radial-gradient(circle at 30% 30%,rgba(112,186,242,.08),transparent 28%),
    linear-gradient(180deg,rgba(6,17,29,.12),rgba(2,8,18,.02));
}
.super-work-head{margin-bottom:46px}
.showcase-layout{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
}
.showcase-feature,.mini-case{
  border:1px solid rgba(112,186,242,.22);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(10,29,49,.86),rgba(4,14,25,.66));
  box-shadow:0 34px 110px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
.showcase-feature{
  min-height:560px;
  padding:42px;
  position:relative;
  overflow:hidden;
}
.showcase-feature::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 76% 66%,rgba(112,186,242,.14),transparent 34%);
}
.showcase-meta{
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:var(--blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  position:relative;
  z-index:2;
}
.showcase-meta b{color:#d8af35}
.showcase-feature h3{
  position:relative;
  z-index:2;
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.055em;
  font-size:56px;
  line-height:.96;
  max-width:660px;
  margin:92px 0 22px;
}
.showcase-feature p{
  position:relative;
  z-index:2;
  max-width:650px;
  color:#b8c8d7;
  font-size:18px;
}
.platform-mock{
  position:absolute;
  z-index:1;
  right:34px;
  bottom:34px;
  width:52%;
  min-width:390px;
  height:230px;
  border:1px solid rgba(112,186,242,.20);
  border-radius:18px;
  background:rgba(2,10,18,.55);
  backdrop-filter:blur(8px);
  overflow:hidden;
}
.mock-top{
  height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 16px;
  border-bottom:1px solid rgba(112,186,242,.14);
}
.mock-top i{
  width:9px;height:9px;border-radius:50%;background:#30506b;
}
.mock-top i:first-child{background:#d8af35}
.mock-search{
  margin:22px 22px 0;
  height:34px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(112,186,242,.18),rgba(112,186,242,.06));
  border:1px solid rgba(112,186,242,.18);
}
.mock-cols{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:18px 22px;
}
.mock-cols span{
  height:58px;
  border-radius:12px;
  background:rgba(112,186,242,.10);
  border:1px solid rgba(112,186,242,.12);
}
.mock-line{
  margin:0 22px;
  height:16px;
  border-radius:999px;
  width:62%;
  background:rgba(216,175,53,.20);
}
.showcase-side{
  display:grid;
  gap:24px;
}
.mini-case{
  min-height:268px;
  padding:34px;
  transition:.24s ease;
}
.mini-case:hover{
  transform:translateY(-6px);
  border-color:rgba(112,186,242,.48);
}
.mini-case span{
  color:var(--blue);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}
.mini-case h3{
  font-family:var(--serif);
  font-size:42px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.045em;
  margin:58px 0 18px;
}
.mini-case p{
  color:#b8c8d7;
  margin:0;
}

@keyframes floatNode{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

@media(max-width:1200px){
  .super-systems-grid,.showcase-layout{grid-template-columns:1fr}
  .infrastructure-visual{min-height:560px}
  .deck-grid{grid-template-columns:repeat(2,1fr)}
  .platform-mock{position:relative;right:auto;bottom:auto;width:100%;min-width:0;margin-top:34px}
  .showcase-feature h3{margin-top:70px}
}
@media(max-width:700px){
  .systems-copy h2,.showcase-feature h3{font-size:40px}
  .infrastructure-visual{min-height:auto;padding:24px;display:grid;gap:12px}
  .infra-lines,.core-node{display:none}
  .infra-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;animation:none}
  .deck-grid{grid-template-columns:1fr}
  .showcase-feature{padding:28px;min-height:auto}
  .mini-case h3{font-size:34px;margin-top:42px}
}



/* === Clean v5: removed ugly systems/work blocks, left only subtle premium signal strip === */
.super-systems,
.capability-deck,
.super-work,
.premium-systems,
.premium-work,
.selected-work,
.systems-strip {
  display: none !important;
}

.signal-strip{
  border-top:1px solid rgba(112,186,242,.13);
  border-bottom:1px solid rgba(112,186,242,.13);
  background:linear-gradient(90deg,rgba(7,18,30,.22),rgba(9,29,49,.18),rgba(7,18,30,.22));
}
.signal-inner{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
}
.signal-inner span{
  color:#bfeaff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  opacity:.9;
}
.signal-inner i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 16px rgba(216,175,53,.45);
}

/* calmer home rhythm after removing sections */
.why-section{
  padding-top:96px !important;
}
.stats-section{
  border-top:1px solid rgba(112,186,242,.13);
}

/* keep header centered and star badge */
.header{height:86px}
.nav{
  height:86px;
  display:grid!important;
  grid-template-columns:300px minmax(420px,1fr) 460px;
  align-items:center;
  gap:20px;
}
.logo{
  width:270px!important;
  min-width:270px!important;
  height:72px!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.logo img{
  width:260px!important;
  max-height:64px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.menu{
  margin:0!important;
  justify-content:center;
  display:flex;
  gap:31px;
}
.nav-cta{
  margin:0!important;
  justify-content:flex-end;
  display:flex;
  align-items:center;
}
.eco-pill img{
  width:23px;
  height:23px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(216,175,53,.45));
}
.eco-pill b{display:none}

@media(max-width:1320px){
  .nav{grid-template-columns:250px 1fr 380px}
  .logo{width:230px!important;min-width:230px!important}
  .logo img{width:225px!important}
  .menu{gap:22px}
}
@media(max-width:1100px){
  .nav{display:flex!important}
  .menu,.nav-cta{display:none!important}
  .logo{width:190px!important;min-width:190px!important}
  .logo img{width:186px!important;max-height:54px!important}
}
@media(max-width:620px){
  .signal-inner{justify-content:flex-start;padding:18px 0;gap:14px}
  .signal-inner span{font-size:11px}
  .logo{width:154px!important;min-width:154px!important}
  .logo img{width:152px!important;max-height:46px!important}
}



/* === Blue-only Gatula Labs polish === */
:root{
  --gold: var(--blue) !important;
  --gold2: var(--blue2) !important;
  --accent: var(--blue);
}

/* remove warm/gold look, keep everything cold-blue */
.eco-pill b,
.case-index,
.case-row .case-index,
.deck-grid span,
.why-points span,
.layer-card span,
.num,
.stat strong,
.gatula-mark h3,
.gatula-sign h3,
.footer-cta {
  color: var(--blue) !important;
}

.eco-pill img,
.gatula-mark img,
.gatula-sign img,
.footer-brand img,
.ecosystem-map-card img,
.ecosystem-node-center img,
.core-node img {
  filter: drop-shadow(0 0 16px rgba(112,186,242,.44)) hue-rotate(175deg) saturate(1.15) !important;
}

.system-badge span,
.signal-inner i {
  background: var(--blue) !important;
  box-shadow: 0 0 16px rgba(112,186,242,.55) !important;
}

.btn.primary,
.btn-primary {
  background: linear-gradient(135deg,#4a9ee2,#8bd2ff) !important;
  box-shadow: 0 18px 50px rgba(85,164,232,.22) !important;
}

/* ecosystem badge with blue star */
.eco-pill{
  border-color: rgba(112,186,242,.34) !important;
  background: linear-gradient(135deg,rgba(8,25,42,.82),rgba(4,14,25,.68)) !important;
}
.eco-pill::after{
  background: linear-gradient(120deg,transparent 0%,rgba(112,186,242,.18) 45%,transparent 75%) !important;
}

/* new ecosystem page */
.ecosystem-intro{
  padding:92px 0;
  border-bottom:1px solid rgba(112,186,242,.12);
  background:
    radial-gradient(circle at 68% 42%,rgba(112,186,242,.13),transparent 34%),
    linear-gradient(180deg,rgba(7,20,34,.18),rgba(2,8,18,.02));
}
.ecosystem-intro-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:76px;
  align-items:center;
}
.ecosystem-intro h2{
  font-size:54px;
  line-height:1;
  max-width:680px;
  margin:16px 0 22px;
}
.ecosystem-intro p{
  color:#b8c8d8;
  max-width:650px;
}
.ecosystem-orbit{
  position:relative;
  min-height:470px;
  border:1px solid rgba(112,186,242,.20);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 50%,rgba(112,186,242,.16),transparent 31%),
    linear-gradient(145deg,rgba(10,29,49,.82),rgba(4,14,25,.62));
  overflow:hidden;
  box-shadow:0 34px 110px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
.ecosystem-orbit::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.6;
}
.orbit-ring{
  position:absolute;
  left:50%;
  top:50%;
  width:330px;
  height:330px;
  border:1px solid rgba(112,186,242,.22);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.orbit-ring:nth-child(2){width:480px;height:210px;transform:translate(-50%,-50%) rotate(-17deg)}
.orbit-ring:nth-child(3){width:520px;height:250px;transform:translate(-50%,-50%) rotate(24deg)}
.ecosystem-node-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:156px;
  height:156px;
  border-radius:50%;
  border:1px solid rgba(112,186,242,.42);
  display:grid;
  place-items:center;
  text-align:center;
  background:radial-gradient(circle,rgba(160,222,255,.18),rgba(12,44,72,.16) 52%,rgba(4,14,25,.92));
  box-shadow:0 0 88px rgba(112,186,242,.25);
  z-index:3;
}
.ecosystem-node-center img{width:46px}
.ecosystem-node-center b{
  display:block;
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:.16em;
  line-height:1.1;
  margin-top:8px;
}
.eco-mini-node{
  position:absolute;
  z-index:4;
  border:1px solid rgba(112,186,242,.25);
  background:linear-gradient(145deg,rgba(12,34,56,.88),rgba(4,14,25,.74));
  border-radius:16px;
  padding:16px 18px;
  min-width:158px;
  box-shadow:0 18px 60px rgba(0,0,0,.2);
}
.eco-mini-node b{display:block;color:#eef8ff}
.eco-mini-node small{color:#8fa7ba}
.eco-mini-node.n-platform{left:8%;top:18%}
.eco-mini-node.n-labs{right:8%;top:19%}
.eco-mini-node.n-services{left:9%;bottom:18%}
.eco-mini-node.n-care{right:10%;bottom:18%}
.eco-pulse{
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 22px rgba(112,186,242,.9);
  animation:ecoPulse 3.2s ease-in-out infinite;
}
.eco-pulse.p1{transform:translate(-240px,-84px);animation-delay:.1s}
.eco-pulse.p2{transform:translate(230px,-76px);animation-delay:.6s}
.eco-pulse.p3{transform:translate(-220px,112px);animation-delay:1s}
.eco-pulse.p4{transform:translate(214px,116px);animation-delay:1.5s}

.ecosystem-principles{
  padding:86px 0;
  border-bottom:1px solid rgba(112,186,242,.12);
}
.principles-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  border:1px solid rgba(112,186,242,.18);
  border-radius:22px;
  overflow:hidden;
  background:rgba(112,186,242,.12);
}
.principles-grid article{
  min-height:260px;
  padding:36px;
  background:linear-gradient(145deg,rgba(9,25,42,.84),rgba(4,14,25,.74));
}
.principles-grid span{
  color:var(--blue);
  font-family:var(--serif);
  font-size:32px;
}
.principles-grid h3{
  font-family:var(--serif);
  font-size:34px;
  line-height:1;
  font-weight:400;
  letter-spacing:-.045em;
  margin:44px 0 16px;
}
.principles-grid p{color:#b8c8d8;margin:0}

.ecosystem-band .gatula-mark h3,
.ecosystem-band .gatula-mark p{
  color:var(--blue2) !important;
}
.lamp-glow{
  background:#d9f4ff !important;
  box-shadow:0 0 18px rgba(189,235,255,.96),0 0 38px rgba(112,186,242,.78),0 0 84px rgba(112,186,242,.28) !important;
}
.beam-soft{
  background:linear-gradient(90deg,rgba(216,244,255,.36),rgba(177,222,255,.16) 34%,rgba(112,186,242,.07) 66%,rgba(112,186,242,0) 100%) !important;
}
.beam-core{
  background:linear-gradient(90deg,rgba(216,244,255,.86),rgba(190,229,255,.40) 24%,rgba(112,186,242,.11) 56%,rgba(112,186,242,0) 100%) !important;
}

@keyframes ecoPulse{
  0%,100%{opacity:.25;filter:blur(0)}
  50%{opacity:1;filter:blur(.2px)}
}

@media(max-width:1100px){
  .ecosystem-intro-grid{grid-template-columns:1fr;gap:40px}
  .principles-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .ecosystem-intro h2{font-size:38px}
  .ecosystem-orbit{min-height:auto;padding:26px;display:grid;gap:12px}
  .orbit-ring,.eco-pulse,.ecosystem-node-center{display:none}
  .eco-mini-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
}



/* === v7 footer logo cleanup: no brown/gold bitmap logo === */
.footer-brand > img{
  display:none!important;
}
.footer-logo-mark{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:22px;
}
.footer-logo-mark img{
  width:58px!important;
  height:58px!important;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(112,186,242,.42)) hue-rotate(175deg) saturate(1.2)!important;
}
.footer-logo-mark > div{
  border-left:1px solid rgba(112,186,242,.55);
  padding-left:18px;
  line-height:1;
}
.footer-logo-mark strong{
  display:block;
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:.24em;
  color:#f2f8ff;
  font-size:28px;
}
.footer-logo-mark span{
  display:block;
  color:var(--blue);
  font-family:var(--serif);
  letter-spacing:.36em;
  font-size:24px;
  margin-top:7px;
}
.footer-logo-mark small{
  display:block;
  color:var(--blue2);
  letter-spacing:.32em;
  font-size:9px;
  margin-top:10px;
}
.footer-brand p{
  max-width:440px;
  color:#9fb0c1;
  margin:0;
}
@media(max-width:620px){
  .footer-logo-mark img{
    width:48px!important;
    height:48px!important;
  }
  .footer-logo-mark strong{font-size:23px}
  .footer-logo-mark span{font-size:20px}
}



/* === Ecosystem v8: cleaner, more premium, less blocky === */
.ecosystem-intro,
.ecosystem-principles{
  display:none!important;
}

.ecosystem-hero-v8{
  min-height:760px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(112,186,242,.14);
  background:
    radial-gradient(circle at 73% 45%,rgba(112,186,242,.15),transparent 36%),
    radial-gradient(circle at 18% 35%,rgba(112,186,242,.06),transparent 28%),
    linear-gradient(180deg,rgba(7,20,34,.26),rgba(2,8,18,.02));
  overflow:hidden;
}
.ecosystem-v8-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:88px;
  align-items:center;
}
.ecosystem-v8-copy h1{
  font-size:76px;
  line-height:.92;
  margin:18px 0 28px;
  max-width:720px;
}
.ecosystem-v8-copy p{
  max-width:640px;
  color:#b8c8d8;
  font-size:18px;
  line-height:1.72;
}
.ecosystem-v8-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:34px;
}
.ecosystem-constellation{
  position:relative;
  min-height:560px;
}
.ecosystem-constellation::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:660px;
  height:660px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(112,186,242,.18),rgba(112,186,242,.07) 22%,transparent 58%);
  filter:blur(2px);
}
.constellation-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.constellation-lines path{
  fill:none;
  stroke:url(#ecoLineV8);
  stroke-width:1.6;
  stroke-dasharray:7 18;
  animation:ecoDashV8 7.5s linear infinite;
  filter:drop-shadow(0 0 11px rgba(112,186,242,.22));
}
.eco-center-v8{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:190px;
  height:190px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  z-index:4;
  border:1px solid rgba(155,219,255,.45);
  background:radial-gradient(circle,rgba(177,230,255,.18),rgba(27,85,130,.14) 50%,rgba(4,14,25,.92));
  box-shadow:0 0 115px rgba(112,186,242,.28),inset 0 1px 0 rgba(255,255,255,.10);
}
.eco-center-v8 img{
  width:52px;
  margin-bottom:4px;
  filter:drop-shadow(0 0 18px rgba(112,186,242,.55)) hue-rotate(175deg) saturate(1.2);
}
.eco-center-v8 strong{
  display:block;
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:.22em;
  color:#f2f8ff;
}
.eco-center-v8 span{
  display:block;
  color:var(--blue2);
  letter-spacing:.24em;
  font-size:10px;
  margin-top:5px;
}
.eco-label-v8{
  position:absolute;
  z-index:5;
  color:#dceefa;
  min-width:190px;
}
.eco-label-v8::before{
  content:"";
  display:block;
  width:42px;
  height:1px;
  background:linear-gradient(90deg,var(--blue),transparent);
  margin-bottom:14px;
  box-shadow:0 0 14px rgba(112,186,242,.42);
}
.eco-label-v8 b{
  display:block;
  font-size:17px;
}
.eco-label-v8 span{
  display:block;
  color:#8fa7ba;
  font-size:13px;
  margin-top:4px;
}
.eco-label-v8.l1{left:4%;top:16%}
.eco-label-v8.l2{right:2%;top:18%}
.eco-label-v8.l3{left:6%;bottom:16%}
.eco-label-v8.l4{right:4%;bottom:17%}
.constellation-dot{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 20px rgba(112,186,242,.9);
  z-index:6;
  animation:ecoPulse 3.4s ease-in-out infinite;
}
.constellation-dot.d1{left:18%;top:27%}
.constellation-dot.d2{right:17%;top:30%;animation-delay:.5s}
.constellation-dot.d3{left:22%;bottom:30%;animation-delay:1s}
.constellation-dot.d4{right:20%;bottom:28%;animation-delay:1.5s}
.constellation-dot.d5{left:50%;top:13%;animation-delay:2s}

.ecosystem-manifest-v8{
  padding:96px 0;
  border-bottom:1px solid rgba(112,186,242,.13);
  background:linear-gradient(180deg,rgba(2,8,18,.02),rgba(7,20,34,.14));
}
.manifest-v8-grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:84px;
  align-items:start;
}
.manifest-v8-grid h2{
  font-size:52px;
  line-height:1;
  max-width:600px;
  margin:16px 0 0;
}
.manifest-v8-list{
  border-top:1px solid rgba(112,186,242,.24);
}
.manifest-v8-list div{
  display:grid;
  grid-template-columns:78px .65fr 1fr;
  gap:28px;
  align-items:start;
  padding:30px 0;
  border-bottom:1px solid rgba(112,186,242,.18);
}
.manifest-v8-list span{
  color:var(--blue);
  font-family:var(--serif);
  font-size:30px;
}
.manifest-v8-list strong{
  color:#eef8ff;
  font-size:19px;
}
.manifest-v8-list p{
  color:#b0bfce;
  margin:0;
  line-height:1.65;
}

@keyframes ecoDashV8{
  to{stroke-dashoffset:-160}
}

@media(max-width:1100px){
  .ecosystem-hero-v8{min-height:auto;padding:92px 0}
  .ecosystem-v8-grid,.manifest-v8-grid{grid-template-columns:1fr;gap:44px}
  .ecosystem-constellation{min-height:520px}
  .ecosystem-v8-copy h1{font-size:58px}
  .manifest-v8-grid h2{font-size:42px}
}
@media(max-width:700px){
  .ecosystem-hero-v8{padding:70px 0}
  .ecosystem-v8-copy h1{font-size:43px}
  .ecosystem-constellation{
    min-height:auto;
    border:1px solid rgba(112,186,242,.18);
    border-radius:20px;
    padding:28px;
    background:linear-gradient(145deg,rgba(10,29,49,.72),rgba(4,14,25,.62));
  }
  .constellation-lines,.eco-center-v8,.constellation-dot,.ecosystem-constellation::before{display:none}
  .eco-label-v8{
    position:relative;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:0 0 22px;
  }
  .eco-label-v8:last-child{margin-bottom:0}
  .manifest-v8-list div{grid-template-columns:1fr;gap:8px}
}



/* === v9 cinematic scroll + premium motion === */
html{
  background:#020812;
}
.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  height:2px;
  width:100%;
  transform:scaleX(0);
  transform-origin:left center;
  z-index:9999;
  background:linear-gradient(90deg,transparent,var(--blue),var(--blue2),transparent);
  box-shadow:0 0 18px rgba(112,186,242,.75);
  pointer-events:none;
}

/* stronger but still clean hero motion */
.hero{
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto -20% -36% -20%;
  height:360px;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(112,186,242,.11),transparent 64%);
  transform:translateY(calc(var(--scroll-ratio,0) * -80px));
}
.visual{
  animation:heroFloatV9 9s ease-in-out infinite;
}
.visual::after{
  content:"";
  position:absolute;
  inset:16% 8%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle,rgba(112,186,242,.10),transparent 56%);
  filter:blur(12px);
  animation:softBreathV9 5.5s ease-in-out infinite;
}
.trust span{
  transition:.25s ease;
}
.trust span:hover{
  color:#dff6ff;
  transform:translateY(-2px);
}

/* animated capability strip */
.signal-strip{
  overflow:hidden;
}
.signal-inner{
  position:relative;
}
.signal-inner::before,
.signal-inner::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:160px;
  z-index:2;
  pointer-events:none;
}
.signal-inner::before{left:0;background:linear-gradient(90deg,#020812,transparent)}
.signal-inner::after{right:0;background:linear-gradient(270deg,#020812,transparent)}
.signal-inner span{
  animation:signalPulseV9 5s ease-in-out infinite;
}
.signal-inner span:nth-of-type(2){animation-delay:.3s}
.signal-inner span:nth-of-type(3){animation-delay:.6s}
.signal-inner span:nth-of-type(4){animation-delay:.9s}
.signal-inner span:nth-of-type(5){animation-delay:1.2s}

/* cinematic story section */
.cinematic-story{
  position:relative;
  min-height:1780px;
  border-bottom:1px solid rgba(112,186,242,.13);
  background:
    radial-gradient(circle at 67% 24%,rgba(112,186,242,.12),transparent 34%),
    linear-gradient(180deg,rgba(7,20,34,.12),rgba(2,8,18,.02) 48%,rgba(7,20,34,.13));
  overflow:clip;
}
.cinema-grid-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.019) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);
  transform:translateY(calc(var(--cinema-progress,0) * -120px));
}
.cinema-layout{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:90px;
  align-items:start;
}
.cinema-sticky{
  position:sticky;
  top:128px;
  min-height:760px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:80px 0;
}
.cinema-sticky h2{
  font-size:62px;
  line-height:.98;
  margin:16px 0 24px;
  max-width:680px;
}
.cinema-sticky p{
  max-width:600px;
  color:#b8c8d8;
  font-size:18px;
  line-height:1.7;
}
.cinema-core{
  position:relative;
  width:min(620px,100%);
  height:360px;
  margin-top:54px;
  border:1px solid rgba(112,186,242,.16);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 50%,rgba(112,186,242,.14),transparent 33%),
    linear-gradient(145deg,rgba(9,28,48,.72),rgba(4,14,25,.46));
  box-shadow:0 34px 110px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.cinema-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.cinema-lines path{
  fill:none;
  stroke:url(#cinemaLine);
  stroke-width:1.8;
  stroke-dasharray:10 18;
  animation:cinemaDashV9 6.6s linear infinite;
  filter:drop-shadow(0 0 12px rgba(112,186,242,.25));
}
.cinema-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(calc(.94 + var(--cinema-progress,0) * .08));
  width:132px;
  height:132px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(155,219,255,.45);
  background:radial-gradient(circle,rgba(177,230,255,.17),rgba(27,85,130,.14) 50%,rgba(4,14,25,.92));
  box-shadow:0 0 85px rgba(112,186,242,.25);
  z-index:4;
}
.cinema-center img{
  width:38px;
  filter:drop-shadow(0 0 18px rgba(112,186,242,.55)) hue-rotate(175deg) saturate(1.2);
}
.cinema-center strong{
  font-family:var(--serif);
  font-weight:400;
  font-size:15px;
  letter-spacing:.16em;
  line-height:1.1;
}
.cinema-node{
  position:absolute;
  z-index:5;
  border:1px solid rgba(112,186,242,.24);
  background:linear-gradient(145deg,rgba(12,34,56,.82),rgba(4,14,25,.66));
  color:#dff5ff;
  border-radius:999px;
  padding:10px 14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  animation:nodeFloatV9 6s ease-in-out infinite;
}
.cn1{left:9%;top:18%}
.cn2{right:10%;top:20%;animation-delay:.5s}
.cn3{right:12%;bottom:18%;animation-delay:1s}
.cn4{left:10%;bottom:20%;animation-delay:1.5s}

.cinema-steps{
  padding:220px 0 180px;
  display:grid;
  gap:34px;
}
.cinema-step{
  min-height:310px;
  border:1px solid rgba(112,186,242,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 18%,rgba(112,186,242,.10),transparent 34%),
    linear-gradient(145deg,rgba(10,29,49,.78),rgba(4,14,25,.62));
  padding:42px;
  opacity:0;
  transform:translateY(34px) scale(.985);
  transition:opacity .65s ease var(--step-delay,0ms),transform .65s ease var(--step-delay,0ms),border-color .25s ease,box-shadow .25s ease;
  box-shadow:0 28px 90px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
.cinema-step.is-visible{
  opacity:1;
  transform:none;
}
.cinema-step:hover{
  border-color:rgba(112,186,242,.45);
  box-shadow:0 34px 110px rgba(0,0,0,.22),0 0 50px rgba(112,186,242,.08);
}
.cinema-step span{
  color:var(--blue);
  font-family:var(--serif);
  font-size:34px;
}
.cinema-step h3{
  font-family:var(--serif);
  font-size:44px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:400;
  margin:70px 0 18px;
}
.cinema-step p{
  color:#b8c8d8;
  font-size:17px;
  line-height:1.7;
  max-width:650px;
}

/* reveal polish for existing parts */
.reveal-cinema,
.card,
.stat,
.step,
.panel,
.cta-panel{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .58s ease,transform .58s ease,border-color .25s ease,box-shadow .25s ease;
}
.reveal-cinema.is-visible,
.card.is-visible,
.stat.is-visible,
.step.is-visible,
.panel.is-visible,
.cta-panel.is-visible{
  opacity:1;
  transform:none;
}
.card:hover,
.panel:hover{
  border-color:rgba(112,186,242,.36);
}

/* cold blue glass buttons */
.btn{
  position:relative;
  overflow:hidden;
}
.btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.16),transparent);
  transform:translateX(-120%);
  transition:.48s ease;
}
.btn:hover::before{
  transform:translateX(120%);
}

@keyframes heroFloatV9{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes softBreathV9{
  0%,100%{opacity:.35;transform:scale(.96)}
  50%{opacity:.78;transform:scale(1.04)}
}
@keyframes cinemaDashV9{
  to{stroke-dashoffset:-160}
}
@keyframes nodeFloatV9{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes signalPulseV9{
  0%,100%{opacity:.72}
  50%{opacity:1;color:#e0f6ff}
}

@media(max-width:1200px){
  .cinematic-story{min-height:auto}
  .cinema-layout{grid-template-columns:1fr;gap:24px}
  .cinema-sticky{position:relative;top:auto;min-height:auto;padding:82px 0 20px}
  .cinema-steps{padding:32px 0 90px}
}
@media(max-width:700px){
  .cinema-sticky h2{font-size:40px}
  .cinema-core{height:320px}
  .cinema-lines{display:none}
  .cinema-center{width:118px;height:118px}
  .cinema-node{position:relative;display:inline-flex;margin:8px;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
  .cinema-step{min-height:auto;padding:30px}
  .cinema-step h3{font-size:34px;margin-top:46px}
}



/* === v10: replace ugly cinematic diagram with premium studio sequence === */
.cinematic-story{
  display:none!important;
}

.studio-sequence{
  position:relative;
  padding:112px 0;
  border-bottom:1px solid rgba(112,186,242,.13);
  background:
    radial-gradient(circle at 72% 46%,rgba(112,186,242,.12),transparent 34%),
    linear-gradient(180deg,rgba(7,20,34,.14),rgba(2,8,18,.02));
  overflow:hidden;
}
.studio-sequence::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:linear-gradient(180deg,transparent,#000 16%,#000 86%,transparent);
}
.studio-sequence-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:80px;
  align-items:center;
}
.studio-copy h2{
  font-size:58px;
  line-height:.98;
  margin:16px 0 24px;
  max-width:680px;
}
.studio-copy p{
  color:#b8c8d8;
  font-size:18px;
  line-height:1.72;
  max-width:620px;
}
.studio-panel{
  border:1px solid rgba(112,186,242,.22);
  border-radius:26px;
  background:
    radial-gradient(circle at 70% 20%,rgba(112,186,242,.12),transparent 34%),
    linear-gradient(145deg,rgba(10,29,49,.84),rgba(4,14,25,.64));
  box-shadow:0 34px 110px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.studio-panel-top{
  height:54px;
  border-bottom:1px solid rgba(112,186,242,.15);
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 20px;
  background:rgba(2,10,18,.30);
}
.studio-panel-top span{
  width:10px;height:10px;border-radius:50%;
  background:#35627f;
}
.studio-panel-top span:first-child{background:#70baf2}
.studio-panel-top span:nth-child(2){background:#5fa7dd}
.studio-panel-top span:nth-child(3){background:#417ca8}
.studio-panel-top b{
  margin-left:auto;
  color:#8fcaff;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.sequence-line{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.sequence-line::before{
  content:"";
  position:absolute;
  left:12.5%;
  right:12.5%;
  top:76px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(112,186,242,.55),transparent);
  box-shadow:0 0 16px rgba(112,186,242,.35);
}
.sequence-line article{
  min-height:390px;
  padding:48px 28px 34px;
  border-left:1px solid rgba(112,186,242,.12);
  position:relative;
  transition:.25s ease;
}
.sequence-line article:first-child{
  border-left:0;
}
.sequence-line article::before{
  content:"";
  position:absolute;
  left:28px;
  top:70px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 22px rgba(112,186,242,.75);
  z-index:2;
}
.sequence-line article:hover{
  background:rgba(112,186,242,.045);
}
.sequence-line small{
  display:block;
  color:var(--blue);
  font-family:var(--serif);
  font-size:31px;
  line-height:1;
  margin-bottom:92px;
}
.sequence-line h3{
  font-family:var(--serif);
  font-size:32px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:400;
  margin:0 0 16px;
}
.sequence-line p{
  margin:0;
  color:#aebfce;
  font-size:14px;
  line-height:1.65;
}
.studio-console{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(112,186,242,.13);
  border-top:1px solid rgba(112,186,242,.13);
}
.studio-console div{
  background:rgba(3,12,22,.62);
  padding:20px 22px;
}
.studio-console span{
  display:block;
  color:#7fa6c3;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}
.studio-console b{
  display:block;
  color:#dff6ff;
  font-size:16px;
  margin-top:6px;
}

@media(max-width:1200px){
  .studio-sequence-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
}
@media(max-width:850px){
  .sequence-line{
    grid-template-columns:1fr;
  }
  .sequence-line::before{
    left:34px;
    right:auto;
    top:48px;
    bottom:48px;
    height:auto;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(112,186,242,.55),transparent);
  }
  .sequence-line article{
    min-height:auto;
    padding:32px 28px 32px 74px;
    border-left:0;
    border-top:1px solid rgba(112,186,242,.12);
  }
  .sequence-line article:first-child{border-top:0}
  .sequence-line article::before{
    left:28px;
    top:38px;
  }
  .sequence-line small{
    margin-bottom:24px;
  }
  .studio-console{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .studio-sequence{
    padding:76px 0;
  }
  .studio-copy h2{
    font-size:38px;
  }
}



/* === v11: replace heavy studio panel with clean premium production flow === */
.studio-sequence{
  display:none!important;
}

.production-flow-v11{
  position:relative;
  padding:118px 0 108px;
  border-bottom:1px solid rgba(112,186,242,.13);
  background:
    radial-gradient(circle at 74% 44%,rgba(112,186,242,.10),transparent 34%),
    linear-gradient(180deg,rgba(7,20,34,.10),rgba(2,8,18,.02));
  overflow:hidden;
}
.production-flow-v11::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 86%,transparent);
}
.production-flow-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.76fr 1.24fr;
  gap:96px;
  align-items:start;
}
.production-copy{
  position:sticky;
  top:135px;
  padding-top:28px;
}
.production-copy h2{
  font-size:58px;
  line-height:.98;
  margin:16px 0 24px;
  max-width:680px;
}
.production-copy p{
  color:#b8c8d8;
  font-size:18px;
  line-height:1.72;
  max-width:620px;
}
.flow-status{
  margin-top:36px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.flow-status span{
  border:1px solid rgba(112,186,242,.22);
  background:rgba(7,22,37,.54);
  border-radius:999px;
  color:#bfeaff;
  padding:10px 13px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.production-flow-list{
  border-top:1px solid rgba(112,186,242,.24);
}
.production-flow-list article{
  position:relative;
  display:grid;
  grid-template-columns:95px 1fr;
  gap:34px;
  padding:42px 0;
  border-bottom:1px solid rgba(112,186,242,.18);
  transition:.25s ease;
}
.production-flow-list article::before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  bottom:-1px;
  width:0;
  background:linear-gradient(90deg,rgba(112,186,242,.10),transparent 70%);
  transition:.25s ease;
}
.production-flow-list article:hover{
  padding-left:18px;
  border-color:rgba(112,186,242,.45);
}
.production-flow-list article:hover::before{
  width:100%;
}
.production-flow-list span{
  position:relative;
  z-index:2;
  color:var(--blue);
  font-family:var(--serif);
  font-size:36px;
  line-height:1;
  text-shadow:0 0 18px rgba(112,186,242,.28);
}
.production-flow-list div{
  position:relative;
  z-index:2;
}
.production-flow-list h3{
  font-family:var(--serif);
  font-size:40px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:400;
  margin:0 0 14px;
}
.production-flow-list p{
  max-width:650px;
  color:#aebfce;
  margin:0;
  line-height:1.68;
}
.production-flow-list article:nth-child(2),
.production-flow-list article:nth-child(4){
  margin-left:42px;
}

@media(max-width:1100px){
  .production-flow-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .production-copy{
    position:relative;
    top:auto;
  }
  .production-flow-list article:nth-child(2),
  .production-flow-list article:nth-child(4){
    margin-left:0;
  }
}
@media(max-width:620px){
  .production-flow-v11{
    padding:76px 0;
  }
  .production-copy h2{
    font-size:38px;
  }
  .production-flow-list article{
    grid-template-columns:1fr;
    gap:16px;
    padding:32px 0;
  }
  .production-flow-list h3{
    font-size:32px;
  }
}



/* === v12: premium blueprint flow, no table/list section === */
.production-flow-v11,
.studio-sequence{
  display:none!important;
}

.blueprint-flow-v12{
  position:relative;
  padding:104px 0;
  border-bottom:1px solid rgba(112,186,242,.13);
  background:
    radial-gradient(circle at 50% 42%,rgba(112,186,242,.10),transparent 38%),
    linear-gradient(180deg,rgba(6,18,31,.08),rgba(2,8,18,.02));
  overflow:hidden;
}
.blueprint-flow-v12::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.020) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:92px 92px;
  mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);
}
.blueprint-shell{
  position:relative;
  z-index:2;
  border:1px solid rgba(112,186,242,.18);
  border-radius:30px;
  background:
    radial-gradient(circle at 70% 35%,rgba(112,186,242,.12),transparent 34%),
    linear-gradient(145deg,rgba(9,27,46,.70),rgba(4,14,25,.52));
  box-shadow:0 42px 130px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);
  overflow:hidden;
}
.blueprint-copy{
  padding:58px 64px 26px;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:70px;
  align-items:end;
}
.blueprint-copy h2{
  font-size:54px;
  line-height:.98;
  margin:16px 0 0;
  max-width:720px;
}
.blueprint-copy p{
  color:#b8c8d8;
  font-size:18px;
  line-height:1.72;
  max-width:680px;
  margin:0 0 8px;
}
.blueprint-stage{
  position:relative;
  height:520px;
  margin:0 40px;
}
.blueprint-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.blueprint-main-line{
  fill:none;
  stroke:url(#blueprintStroke);
  stroke-width:2.2;
  stroke-dasharray:12 18;
  animation:blueprintDashV12 7s linear infinite;
  filter:drop-shadow(0 0 14px rgba(112,186,242,.30));
}
.blueprint-faint-line{
  fill:none;
  stroke:rgba(112,186,242,.18);
  stroke-width:1.2;
  stroke-dasharray:8 22;
  animation:blueprintDashV12 11s linear infinite reverse;
}
.blueprint-core{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:154px;
  height:154px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(155,219,255,.43);
  background:radial-gradient(circle,rgba(177,230,255,.18),rgba(27,85,130,.14) 50%,rgba(4,14,25,.92));
  box-shadow:0 0 100px rgba(112,186,242,.25),inset 0 1px 0 rgba(255,255,255,.10);
  z-index:4;
}
.blueprint-core img{
  width:42px;
  filter:drop-shadow(0 0 18px rgba(112,186,242,.55)) hue-rotate(175deg) saturate(1.2);
}
.blueprint-core strong{
  font-family:var(--serif);
  font-weight:400;
  font-size:16px;
  letter-spacing:.16em;
  line-height:1.1;
}
.blueprint-point{
  position:absolute;
  width:220px;
  z-index:5;
  color:#eaf7ff;
}
.blueprint-point::before{
  content:"";
  display:block;
  width:44px;
  height:1px;
  margin-bottom:14px;
  background:linear-gradient(90deg,var(--blue),transparent);
  box-shadow:0 0 14px rgba(112,186,242,.42);
}
.blueprint-point span{
  display:block;
  color:var(--blue);
  font-family:var(--serif);
  font-size:31px;
  line-height:1;
  margin-bottom:15px;
}
.blueprint-point b{
  display:block;
  font-family:var(--serif);
  font-weight:400;
  font-size:33px;
  letter-spacing:-.045em;
  line-height:1;
}
.blueprint-point small{
  display:block;
  color:#8fa7ba;
  font-size:13px;
  margin-top:9px;
}
.bp1{left:5%;top:48%}
.bp2{left:26%;top:16%}
.bp3{right:23%;bottom:13%}
.bp4{right:4%;top:23%}

.blueprint-footer{
  border-top:1px solid rgba(112,186,242,.14);
  min-height:76px;
  padding:0 64px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  background:rgba(2,10,18,.28);
}
.blueprint-footer span{
  color:#bfeaff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.blueprint-footer i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 14px rgba(112,186,242,.65);
}

@keyframes blueprintDashV12{
  to{stroke-dashoffset:-170}
}

@media(max-width:1100px){
  .blueprint-copy{
    grid-template-columns:1fr;
    gap:24px;
    padding:44px 34px 20px;
  }
  .blueprint-stage{
    height:580px;
    margin:0 24px;
  }
  .bp1{left:4%;top:54%}
  .bp2{left:12%;top:12%}
  .bp3{right:10%;bottom:10%}
  .bp4{right:4%;top:22%}
  .blueprint-footer{
    flex-wrap:wrap;
    padding:20px 30px;
  }
}
@media(max-width:700px){
  .blueprint-flow-v12{
    padding:72px 0;
  }
  .blueprint-copy h2{
    font-size:36px;
  }
  .blueprint-stage{
    height:auto;
    display:grid;
    gap:22px;
    padding:12px 24px 34px;
  }
  .blueprint-svg,.blueprint-core{
    display:none;
  }
  .blueprint-point{
    position:relative;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto;
    border-top:1px solid rgba(112,186,242,.16);
    padding-top:22px;
  }
  .blueprint-point b{font-size:29px}
}



/* === v13: remove failed blueprint/operating sections, replace with clean premium signal === */
.blueprint-flow-v12,
.production-flow-v11,
.studio-sequence,
.cinematic-story{
  display:none!important;
}

.premium-signal-v13{
  position:relative;
  padding:92px 0 74px;
  border-top:1px solid rgba(112,186,242,.12);
  border-bottom:1px solid rgba(112,186,242,.12);
  background:
    radial-gradient(circle at 66% 38%,rgba(112,186,242,.10),transparent 34%),
    linear-gradient(180deg,rgba(7,20,34,.10),rgba(2,8,18,.02));
  overflow:hidden;
}
.premium-signal-v13::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.020) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
}
.premium-signal-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.95fr .85fr;
  gap:82px;
  align-items:end;
}
.premium-signal-inner h2{
  font-size:54px;
  line-height:.98;
  max-width:760px;
  margin:16px 0 0;
}
.premium-signal-inner p{
  color:#b8c8d8;
  font-size:18px;
  line-height:1.72;
  max-width:650px;
  margin:0 0 8px;
}
.signal-flow-v13{
  position:relative;
  z-index:2;
  width:min(980px,calc(100% - 120px));
  margin:54px auto 0;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.signal-flow-v13 span{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 24px rgba(112,186,242,.75);
  animation:signalNodeV13 3.2s ease-in-out infinite;
}
.signal-flow-v13 span:nth-of-type(2){animation-delay:.35s}
.signal-flow-v13 span:nth-of-type(3){animation-delay:.7s}
.signal-flow-v13 span:nth-of-type(4){animation-delay:1.05s}
.signal-flow-v13 i{
  height:1px;
  width:180px;
  max-width:20vw;
  background:linear-gradient(90deg,rgba(112,186,242,.12),rgba(112,186,242,.55),rgba(112,186,242,.12));
  box-shadow:0 0 14px rgba(112,186,242,.28);
}
@keyframes signalNodeV13{
  0%,100%{opacity:.45;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.18)}
}

@media(max-width:900px){
  .premium-signal-inner{
    grid-template-columns:1fr;
    gap:24px;
  }
  .premium-signal-inner h2{
    font-size:38px;
  }
  .signal-flow-v13{
    width:min(100% - 44px,980px);
  }
}
@media(max-width:620px){
  .premium-signal-v13{
    padding:68px 0 56px;
  }
  .signal-flow-v13 i{
    width:70px;
  }
}


/* === FINAL BRAND + HEADER + LIGHTHOUSE FIXES === */
.logo{width:242px!important;min-width:242px!important;height:64px!important;align-items:center!important}.logo img{width:242px!important;max-width:242px!important;max-height:none!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 14px rgba(112,186,242,.18))!important}
.header{height:88px!important}.nav{height:88px!important;display:grid!important;grid-template-columns:242px minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important}.menu{margin:0!important;justify-content:center!important;gap:clamp(18px,1.7vw,30px)!important;min-width:0}.nav-cta{margin:0!important;justify-content:flex-end!important;gap:14px!important}.eco-pill{min-width:262px!important}.eco-pill img{width:22px!important;height:22px!important;filter:drop-shadow(0 0 14px rgba(112,186,242,.42))!important}
.footer-logo-mark img,.gatula-mark img{filter:drop-shadow(0 0 16px rgba(112,186,242,.45))!important}
@media(max-width:1180px){.nav{grid-template-columns:215px 1fr auto!important}.logo,.logo img{width:210px!important;min-width:210px!important}.menu{gap:18px!important}.eco-pill{min-width:0!important;padding:0 18px!important}.eco-pill span{font-size:13px}}
@media(max-width:1100px){.nav{display:flex!important}.menu,.nav-cta{display:none!important}.logo,.logo img{width:210px!important;min-width:210px!important;height:auto!important}}
@media(max-width:640px){.header,.nav{height:82px!important}.logo,.logo img{width:184px!important;min-width:184px!important}}

/* robust lighthouse beam anchored to the lighthouse itself */
.ecosystem-band[data-beam-section]{--beam-angle:-1.8deg;--beam-hit-x:63%;--beam-intensity:.19;position:relative;overflow:hidden}
.ecosystem-band[data-beam-section] .beam-stage{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.ecosystem-band[data-beam-section] .lighthouse{position:relative;overflow:hidden;min-height:360px}
.ecosystem-band[data-beam-section] .lighthouse img{object-position:16% 50%!important}
.ecosystem-band[data-beam-section] .lighthouse-anchor{position:absolute;left:25.9%;top:14.2%;width:0;height:0;z-index:4;pointer-events:none}
.ecosystem-band[data-beam-section] .lamp-glow{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#fff7cf;box-shadow:0 0 18px rgba(255,245,204,.98),0 0 42px rgba(255,240,180,.68),0 0 82px rgba(137,198,255,.26)}
.ecosystem-band[data-beam-section] .beam{position:absolute;left:var(--beam-origin-x,26%);top:var(--beam-origin-y,14%);width:min(1040px,76vw);height:170px;transform-origin:0 50%;clip-path:polygon(0 50%,100% 0,100% 100%);mix-blend-mode:screen;will-change:transform,opacity}
.ecosystem-band[data-beam-section] .beam-soft{background:linear-gradient(90deg,rgba(255,248,226,.36),rgba(204,229,255,.17) 34%,rgba(128,188,243,.07) 66%,rgba(128,188,243,0) 100%);filter:blur(18px);opacity:calc(.16 + var(--beam-intensity));transform:translateY(-50%) rotate(var(--beam-angle)) scaleY(1.78)}
.ecosystem-band[data-beam-section] .beam-core{background:linear-gradient(90deg,rgba(255,248,226,.82),rgba(230,239,255,.44) 24%,rgba(156,210,255,.12) 56%,rgba(128,188,243,0) 100%);filter:blur(4px);opacity:calc(.22 + var(--beam-intensity));transform:translateY(-50%) rotate(var(--beam-angle))}
.ecosystem-band[data-beam-section] .beam-hit{position:absolute;inset:0;background:radial-gradient(circle at var(--beam-hit-x) 46%,rgba(152,208,255,.16),rgba(152,208,255,.07) 11%,rgba(152,208,255,0) 24%);opacity:calc(.2 + var(--beam-intensity));mix-blend-mode:screen;transition:opacity .22s ease}
@media(max-width:1500px){.ecosystem-band[data-beam-section] .lighthouse-anchor{left:26.2%;top:14.2%}.ecosystem-band[data-beam-section] .beam{width:min(980px,74vw)}}
@media(max-width:1280px){.ecosystem-band[data-beam-section]{grid-template-columns:1fr .88fr .64fr!important}.ecosystem-band[data-beam-section] .lighthouse-anchor{left:25.4%;top:14.4%}.ecosystem-band[data-beam-section] .beam{width:min(880px,71vw);height:150px}}
@media(max-width:980px){.ecosystem-band[data-beam-section]{grid-template-columns:1fr!important}.ecosystem-band[data-beam-section] .lighthouse{min-height:270px}.ecosystem-band[data-beam-section] .lighthouse-anchor{left:24.8%;top:15.4%}.ecosystem-band[data-beam-section] .beam{width:min(630px,92vw);height:110px}.ecosystem-band[data-beam-section] .eco-copy{border-right:0!important;border-top:1px solid rgba(112,186,242,.18)}}
@media(max-width:640px){.ecosystem-band[data-beam-section] .lighthouse{min-height:220px}.ecosystem-band[data-beam-section] .lighthouse img{object-position:14% 50%!important}.ecosystem-band[data-beam-section] .lighthouse-anchor{left:25.6%;top:15.9%}.ecosystem-band[data-beam-section] .lamp-glow{width:12px;height:12px}.ecosystem-band[data-beam-section] .beam{width:78vw;height:84px}}


/* === FINAL v3: true centered navbar === */
@media (min-width: 1101px) {
  .header .nav{
    position:relative !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    height:88px !important;
    gap:24px !important;
  }
  .header .logo{
    position:relative !important;
    z-index:3 !important;
    flex:0 0 242px !important;
    width:242px !important;
    min-width:242px !important;
  }
  .header .logo img{
    width:242px !important;
    max-width:242px !important;
  }
  .header .menu{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:clamp(20px,1.65vw,32px) !important;
    white-space:nowrap !important;
    z-index:2 !important;
  }
  .header .nav-cta{
    position:relative !important;
    z-index:3 !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
  }
}
@media (max-width: 1380px) and (min-width: 1101px){
  .header .logo{flex-basis:215px !important;width:215px !important;min-width:215px !important}
  .header .logo img{width:215px !important;max-width:215px !important}
  .header .eco-pill{display:none !important}
}
@media (max-width: 1180px) and (min-width: 1101px){
  .header .menu{gap:18px !important}
  .header .menu a{font-size:13px !important}
  .header .logo{flex-basis:198px !important;width:198px !important;min-width:198px !important}
  .header .logo img{width:198px !important;max-width:198px !important}
}


/* === FIX4 exact header/footer brand + blue star + lighthouse === */
.header{height:88px!important}.header .nav{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:88px!important;gap:20px!important}.header .menu{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:clamp(20px,1.5vw,32px)!important;margin:0!important;white-space:nowrap!important;z-index:2}.header .nav-cta{position:relative!important;z-index:3!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:14px!important}.header .logo.logo-mark{position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;gap:16px!important;width:auto!important;min-width:0!important;height:auto!important;overflow:visible!important;flex:0 0 auto!important}.header .logo-mark-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.header .logo-mark-icon img{width:40px!important;height:40px!important;max-width:none!important;filter:drop-shadow(0 0 14px rgba(112,186,242,.42))!important}.header .logo-mark-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1}.header .logo-mark-text strong{font-family:var(--serif);font-size:30px;letter-spacing:.18em;font-weight:500;color:#eef6ff}.header .logo-mark-text span{font-family:var(--serif);font-size:23px;letter-spacing:.23em;font-weight:500;color:var(--blue)}.header .logo-mark-text small{font-size:10px;letter-spacing:.36em;color:#8cb9e5;font-weight:700}.eco-pill{background:linear-gradient(135deg,rgba(8,25,42,.82),rgba(4,14,25,.68))!important;border-color:rgba(112,186,242,.34)!important}.eco-pill img{width:18px!important;height:18px!important;filter:drop-shadow(0 0 12px rgba(112,186,242,.5))!important}.footer-logo-mark img,.gatula-mark img{background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 12px rgba(112,186,242,.45))!important}.footer-logo-mark{gap:18px!important}.footer-logo-mark img{width:56px!important;height:56px!important;object-fit:contain!important}.footer-brand > p{max-width:430px}.gatula-mark img{width:54px!important;height:54px!important;object-fit:contain!important}
@media(max-width:1380px) and (min-width:1101px){.header .eco-pill{display:none!important}.header .menu{gap:18px!important}.header .menu a{font-size:13px!important}.header .logo-mark-text strong{font-size:26px}.header .logo-mark-text span{font-size:20px}}
@media(max-width:1100px){.header .menu,.header .nav-cta{display:none!important}.header .nav{justify-content:space-between!important}.header .logo-mark-text strong{font-size:24px}.header .logo-mark-text span{font-size:18px}.header .logo-mark-icon{width:42px;height:42px}.header .logo-mark-icon img{width:34px!important;height:34px!important}.mobile-toggle{display:inline-flex!important}}

/* lighthouse: anchor beam to lighthouse container itself */
.ecosystem-band[data-beam-section]{position:relative;overflow:hidden}.ecosystem-band[data-beam-section] .lighthouse{position:relative;overflow:visible!important;min-height:360px;z-index:1}.ecosystem-band[data-beam-section] .lighthouse img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:16% 50%!important}.ecosystem-band[data-beam-section] .beam-stage{position:absolute;left:0;top:0;width:320%;height:100%;pointer-events:none;z-index:4;overflow:visible}.ecosystem-band[data-beam-section] .lighthouse-anchor{position:absolute;left:25.2%;top:14.3%;width:0;height:0;z-index:6;pointer-events:none}.ecosystem-band[data-beam-section] .lamp-glow{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#f6fbff;box-shadow:0 0 16px rgba(246,251,255,.98),0 0 38px rgba(212,235,255,.76),0 0 72px rgba(112,186,242,.34)!important}.ecosystem-band[data-beam-section] .beam-hit{position:absolute;inset:0;background:radial-gradient(circle at var(--beam-hit-x-local,69%) 46%,rgba(160,214,255,.16),rgba(160,214,255,.07) 11%,rgba(160,214,255,0) 24%);opacity:calc(.22 + var(--beam-intensity));mix-blend-mode:screen}.ecosystem-band[data-beam-section] .beam{position:absolute;left:var(--beam-origin-x-local,26%);top:var(--beam-origin-y-local,14%);width:min(1180px,230%);height:178px;transform-origin:0 50%;clip-path:polygon(0 50%,100% 0,100% 100%);mix-blend-mode:screen;will-change:transform,opacity}.ecosystem-band[data-beam-section] .beam-soft{background:linear-gradient(90deg,rgba(255,248,226,.38),rgba(212,234,255,.18) 34%,rgba(128,188,243,.07) 66%,rgba(128,188,243,0) 100%);filter:blur(16px);opacity:calc(.18 + var(--beam-intensity));transform:translateY(-50%) rotate(var(--beam-angle)) scaleY(1.72)}.ecosystem-band[data-beam-section] .beam-core{background:linear-gradient(90deg,rgba(255,248,226,.86),rgba(230,239,255,.44) 24%,rgba(156,210,255,.12) 56%,rgba(128,188,243,0) 100%);filter:blur(4px);opacity:calc(.22 + var(--beam-intensity));transform:translateY(-50%) rotate(var(--beam-angle))}.lighthouse-overlay{z-index:2!important}.eco-copy,.gatula-mark{position:relative;z-index:3}
@media(max-width:1450px){.ecosystem-band[data-beam-section] .beam{width:min(1080px,220%)}.ecosystem-band[data-beam-section] .lighthouse-anchor{left:25.0%;top:14.3%}}
@media(max-width:1280px){.ecosystem-band[data-beam-section] .beam{width:min(980px,215%);height:152px}.ecosystem-band[data-beam-section] .lighthouse-anchor{left:24.7%;top:14.5%}}
@media(max-width:980px){.ecosystem-band[data-beam-section] .lighthouse{min-height:270px}.ecosystem-band[data-beam-section] .beam-stage{width:270%}.ecosystem-band[data-beam-section] .beam{width:min(760px,190%);height:112px}.ecosystem-band[data-beam-section] .lighthouse-anchor{left:24.4%;top:15.3%}.ecosystem-band[data-beam-section] .eco-copy{border-right:0!important;border-top:1px solid rgba(112,186,242,.18)}}
@media(max-width:640px){.ecosystem-band[data-beam-section] .lighthouse{min-height:220px}.ecosystem-band[data-beam-section] .lighthouse img{object-position:14% 50%!important}.ecosystem-band[data-beam-section] .beam-stage{width:250%}.ecosystem-band[data-beam-section] .beam{width:150%;height:80px}.ecosystem-band[data-beam-section] .lighthouse-anchor{left:24.8%;top:16.0%}.ecosystem-band[data-beam-section] .lamp-glow{width:12px;height:12px}}


/* === FINAL v5 HEADER: footer-style logo + truly centered nav === */
@media (min-width: 1101px) {
  .header{
    height:96px !important;
  }

  .header .nav{
    width:min(1560px, calc(100% - 120px)) !important;
    height:96px !important;
    margin:0 auto !important;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
  }

  .header .logo.header-wordmark{
    position:relative !important;
    z-index:4 !important;
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    width:auto !important;
    min-width:280px !important;
    height:78px !important;
    padding:0 !important;
    overflow:visible !important;
    flex:0 0 280px !important;
    text-decoration:none !important;
  }

  .header .header-star{
    width:58px !important;
    height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 58px !important;
  }

  .header .header-star img{
    width:50px !important;
    height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
    object-fit:contain !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:drop-shadow(0 0 16px rgba(112,186,242,.48)) !important;
  }

  .header .header-divider{
    display:block !important;
    width:1px !important;
    height:58px !important;
    flex:0 0 1px !important;
    background:linear-gradient(180deg, transparent, rgba(142,204,255,.72), transparent) !important;
    box-shadow:0 0 12px rgba(112,186,242,.18) !important;
  }

  .header .header-type{
    display:grid !important;
    grid-template-rows:auto auto auto !important;
    align-items:start !important;
    justify-items:start !important;
    gap:3px !important;
    line-height:1 !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  .header .header-type strong{
    display:block !important;
    font-family:Georgia, 'Times New Roman', serif !important;
    font-size:29px !important;
    line-height:.88 !important;
    letter-spacing:.22em !important;
    font-weight:500 !important;
    color:#f7fbff !important;
    text-shadow:0 0 12px rgba(255,255,255,.10) !important;
  }

  .header .header-type span{
    display:block !important;
    font-family:Georgia, 'Times New Roman', serif !important;
    font-size:25px !important;
    line-height:.88 !important;
    letter-spacing:.24em !important;
    font-weight:500 !important;
    color:#76c0ff !important;
    text-shadow:0 0 12px rgba(112,186,242,.18) !important;
  }

  .header .header-type small{
    display:block !important;
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.38em !important;
    font-weight:800 !important;
    color:#8fc6f5 !important;
  }

  .header .menu{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(22px, 1.75vw, 34px) !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    z-index:2 !important;
  }

  .header .menu a{
    font-size:14px !important;
  }

  .header .nav-cta{
    position:relative !important;
    z-index:4 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:16px !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
  }

  .header .eco-pill img{
    width:19px !important;
    height:19px !important;
    max-width:19px !important;
    max-height:19px !important;
    object-fit:contain !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:drop-shadow(0 0 13px rgba(112,186,242,.55)) !important;
  }
}

/* prevent header collisions on medium desktop */
@media (max-width: 1380px) and (min-width: 1101px){
  .header .nav{
    width:min(1560px, calc(100% - 72px)) !important;
  }
  .header .logo.header-wordmark{
    min-width:248px !important;
    flex-basis:248px !important;
    gap:14px !important;
  }
  .header .header-star{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
  }
  .header .header-star img{
    width:43px !important;
    height:43px !important;
    max-width:43px !important;
    max-height:43px !important;
  }
  .header .header-divider{
    height:52px !important;
  }
  .header .header-type strong{
    font-size:25px !important;
  }
  .header .header-type span{
    font-size:21px !important;
  }
  .header .header-type small{
    font-size:8px !important;
  }
  .header .menu{
    gap:20px !important;
  }
  .header .menu a{
    font-size:13px !important;
  }
  .header .eco-pill{
    display:none !important;
  }
}

/* mobile/tablet */
@media (max-width: 1100px){
  .header{
    height:86px !important;
  }
  .header .nav{
    height:86px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .header .menu,
  .header .nav-cta{
    display:none !important;
  }
  .header .logo.header-wordmark{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    width:auto !important;
    min-width:0 !important;
    height:70px !important;
    text-decoration:none !important;
  }
  .header .header-star{
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .header .header-star img{
    width:38px !important;
    height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    object-fit:contain !important;
  }
  .header .header-divider{
    display:block !important;
    width:1px !important;
    height:44px !important;
    background:linear-gradient(180deg, transparent, rgba(142,204,255,.72), transparent) !important;
  }
  .header .header-type{
    display:grid !important;
    gap:2px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  .header .header-type strong{
    display:block !important;
    font-family:Georgia, 'Times New Roman', serif !important;
    font-size:21px !important;
    line-height:.9 !important;
    letter-spacing:.20em !important;
    font-weight:500 !important;
    color:#f7fbff !important;
  }
  .header .header-type span{
    display:block !important;
    font-family:Georgia, 'Times New Roman', serif !important;
    font-size:18px !important;
    line-height:.9 !important;
    letter-spacing:.22em !important;
    font-weight:500 !important;
    color:#76c0ff !important;
  }
  .header .header-type small{
    display:block !important;
    font-size:7px !important;
    letter-spacing:.34em !important;
    font-weight:800 !important;
    color:#8fc6f5 !important;
  }
}


/* =========================================================
   FINAL v6 — EXACT HEADER BRAND + CENTERED NAV + FIXED LIGHTHOUSE
   ========================================================= */

/* Header layout */
.header{
  height:96px !important;
}

.header .nav{
  width:min(1560px, calc(100% - 120px)) !important;
  height:96px !important;
  margin:0 auto !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}

/* This is the exact footer-style logo block inside the header */
.header .header-brand-link{
  position:relative !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 300px !important;
  width:300px !important;
  min-width:300px !important;
  height:96px !important;
  text-decoration:none !important;
  overflow:visible !important;
}

.header .header-brand-link .footer-brand{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
}

.header .header-brand-link .footer-brand p{
  display:none !important;
}

.header .header-brand-link .footer-logo-mark{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
}

.header .header-brand-link .footer-logo-mark img{
  display:block !important;
  width:58px !important;
  height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  min-width:58px !important;
  object-fit:contain !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 16px rgba(112,186,242,.48)) !important;
}

.header .header-brand-link .footer-logo-mark > div{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  padding-left:20px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.header .header-brand-link .footer-logo-mark > div::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:1px !important;
  height:64px !important;
  transform:translateY(-50%) !important;
  background:linear-gradient(180deg, transparent, rgba(142,204,255,.78), transparent) !important;
  box-shadow:0 0 12px rgba(112,186,242,.25) !important;
}

.header .header-brand-link .footer-logo-mark strong{
  display:block !important;
  margin:0 !important;
  font-family:Georgia, 'Times New Roman', serif !important;
  font-size:30px !important;
  line-height:.86 !important;
  letter-spacing:.22em !important;
  font-weight:500 !important;
  color:#f7fbff !important;
}

.header .header-brand-link .footer-logo-mark span{
  display:block !important;
  margin:0 !important;
  font-family:Georgia, 'Times New Roman', serif !important;
  font-size:25px !important;
  line-height:.86 !important;
  letter-spacing:.24em !important;
  font-weight:500 !important;
  color:#76c0ff !important;
}

.header .header-brand-link .footer-logo-mark small{
  display:block !important;
  margin:0 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.38em !important;
  font-weight:800 !important;
  color:#8fc6f5 !important;
}

/* Kill all previous header-logo experiments */
.header .logo,
.header .header-wordmark,
.header .logo-mark,
.header .header-star,
.header .header-divider,
.header .header-type{
  all:unset;
}

/* Nav is mathematically centered on the viewport/container */
.header .menu{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(22px, 1.75vw, 34px) !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  z-index:10 !important;
}

.header .menu a{
  font-size:14px !important;
}

.header .nav-cta{
  position:relative !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:16px !important;
  margin-left:auto !important;
  flex:0 0 auto !important;
}

.header .eco-pill img,
.footer-logo-mark img,
.gatula-mark img{
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 14px rgba(112,186,242,.48)) !important;
}

/* Medium desktop: keep menu centered, hide ecosystem pill if needed */
@media (max-width:1380px) and (min-width:1101px){
  .header .nav{
    width:min(1560px, calc(100% - 72px)) !important;
  }

  .header .header-brand-link{
    flex-basis:270px !important;
    width:270px !important;
    min-width:270px !important;
  }

  .header .header-brand-link .footer-logo-mark img{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }

  .header .header-brand-link .footer-logo-mark strong{
    font-size:25px !important;
  }

  .header .header-brand-link .footer-logo-mark span{
    font-size:21px !important;
  }

  .header .header-brand-link .footer-logo-mark small{
    font-size:8px !important;
  }

  .header .menu{
    gap:20px !important;
  }

  .header .menu a{
    font-size:13px !important;
  }

  .header .eco-pill{
    display:none !important;
  }
}

/* Mobile */
@media (max-width:1100px){
  .header{
    height:86px !important;
  }

  .header .nav{
    width:min(1560px, calc(100% - 44px)) !important;
    height:86px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .header .menu,
  .header .nav-cta{
    display:none !important;
  }

  .header .header-brand-link{
    height:86px !important;
    width:auto !important;
    min-width:0 !important;
    flex:0 0 auto !important;
  }

  .header .header-brand-link .footer-logo-mark{
    gap:12px !important;
  }

  .header .header-brand-link .footer-logo-mark img{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  .header .header-brand-link .footer-logo-mark > div{
    padding-left:14px !important;
  }

  .header .header-brand-link .footer-logo-mark > div::before{
    height:46px !important;
  }

  .header .header-brand-link .footer-logo-mark strong{
    font-size:21px !important;
  }

  .header .header-brand-link .footer-logo-mark span{
    font-size:18px !important;
  }

  .header .header-brand-link .footer-logo-mark small{
    font-size:7px !important;
  }
}

/* LIGHTHOUSE: remove broken overlay beams completely */
.ecosystem-band[data-beam-section] .beam-stage,
.ecosystem-band[data-beam-section] .beam,
.ecosystem-band[data-beam-section] .beam-soft,
.ecosystem-band[data-beam-section] .beam-core,
.ecosystem-band[data-beam-section] .beam-hit{
  display:none !important;
}

/* Stable lighthouse image */
.ecosystem-band[data-beam-section] .lighthouse{
  position:relative !important;
  overflow:hidden !important;
  min-height:360px !important;
  z-index:1 !important;
  background:#040b14 !important;
}

.ecosystem-band[data-beam-section] .lighthouse img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:left center !important;
}

/* Anchor follows the lamp inside the lighthouse column */
.ecosystem-band[data-beam-section] .lighthouse-anchor{
  position:absolute !important;
  left:11.8% !important;
  top:13.7% !important;
  width:0 !important;
  height:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
}

/* Lamp glow */
.ecosystem-band[data-beam-section] .lamp-glow{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:14px !important;
  height:14px !important;
  border-radius:999px !important;
  transform:translate(-50%, -50%) !important;
  background:#f5fbff !important;
  box-shadow:
    0 0 16px rgba(245,251,255,.98),
    0 0 38px rgba(205,231,255,.75),
    0 0 82px rgba(112,186,242,.35) !important;
}

/* One simple beam tied directly to lamp point, cannot drift with viewport */
.ecosystem-band[data-beam-section] .fixed-lighthouse-beam{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:min(920px, 115vw) !important;
  height:118px !important;
  transform-origin:0 50% !important;
  transform:translate(0, -50%) rotate(-1.8deg) !important;
  clip-path:polygon(0 48%, 100% 0, 100% 100%, 0 52%) !important;
  background:
    linear-gradient(90deg,
      rgba(245,251,255,.55) 0%,
      rgba(198,226,255,.28) 30%,
      rgba(126,190,245,.13) 63%,
      rgba(126,190,245,0) 100%) !important;
  filter:blur(2px) !important;
  opacity:.82 !important;
  mix-blend-mode:screen !important;
  pointer-events:none !important;
  animation:fixedBeamSweep 8s ease-in-out infinite alternate !important;
}

.ecosystem-band[data-beam-section] .fixed-lighthouse-beam::after{
  content:"" !important;
  position:absolute !important;
  inset:-32px 0 !important;
  clip-path:polygon(0 48%, 100% 6%, 100% 94%, 0 52%) !important;
  background:linear-gradient(90deg, rgba(132,198,255,.20), rgba(132,198,255,.07), transparent) !important;
  filter:blur(22px) !important;
}

@keyframes fixedBeamSweep{
  from{ transform:translate(0, -50%) rotate(-3.2deg) !important; }
  to{ transform:translate(0, -50%) rotate(.8deg) !important; }
}

@media(max-width:1280px){
  .ecosystem-band[data-beam-section] .lighthouse-anchor{
    left:12.4% !important;
    top:14.1% !important;
  }

  .ecosystem-band[data-beam-section] .fixed-lighthouse-beam{
    width:min(760px, 110vw) !important;
    height:98px !important;
  }
}

@media(max-width:980px){
  .ecosystem-band[data-beam-section] .lighthouse{
    min-height:270px !important;
  }

  .ecosystem-band[data-beam-section] .lighthouse-anchor{
    left:12.8% !important;
    top:15.3% !important;
  }

  .ecosystem-band[data-beam-section] .fixed-lighthouse-beam{
    width:92vw !important;
    height:78px !important;
  }
}

@media(max-width:640px){
  .ecosystem-band[data-beam-section] .lighthouse{
    min-height:220px !important;
  }

  .ecosystem-band[data-beam-section] .lighthouse-anchor{
    left:13.8% !important;
    top:16.4% !important;
  }

  .ecosystem-band[data-beam-section] .fixed-lighthouse-beam{
    width:80vw !important;
    height:62px !important;
  }
}


/* =========================================================
   FINAL v7 — EXACT FOOTER-STYLE HEADER + STABLE LIGHTHOUSE + SMTP FORM FIX
   ========================================================= */

/* Header: exact requested structure:
   <div class="footer-brand"><div class="footer-logo-mark"><img ...><div><strong>GATULA</strong><span>LABS</span><small>IT SOLUTIONS</small></div></div></div>
*/
.header{
  height:96px !important;
}

.header .nav{
  width:min(1560px, calc(100% - 120px)) !important;
  height:96px !important;
  margin:0 auto !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}

.header .header-brand-link{
  position:relative !important;
  z-index:30 !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 330px !important;
  width:330px !important;
  min-width:330px !important;
  height:96px !important;
  text-decoration:none !important;
  overflow:visible !important;
}

.header .header-brand-link .footer-brand{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
}

.header .header-brand-link .footer-brand p{
  display:none !important;
}

.header .header-brand-link .footer-logo-mark{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  min-width:0 !important;
}

.header .header-brand-link .footer-logo-mark img{
  display:block !important;
  width:58px !important;
  height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  min-width:58px !important;
  object-fit:contain !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 16px rgba(112,186,242,.48)) !important;
}

.header .header-brand-link .footer-logo-mark > div{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  padding-left:20px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.header .header-brand-link .footer-logo-mark > div::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:1px !important;
  height:64px !important;
  transform:translateY(-50%) !important;
  background:linear-gradient(180deg, transparent, rgba(142,204,255,.78), transparent) !important;
  box-shadow:0 0 12px rgba(112,186,242,.25) !important;
}

.header .header-brand-link .footer-logo-mark strong{
  display:block !important;
  margin:0 !important;
  font-family:Georgia, 'Times New Roman', serif !important;
  font-size:30px !important;
  line-height:.86 !important;
  letter-spacing:.22em !important;
  font-weight:500 !important;
  color:#f7fbff !important;
  text-transform:uppercase !important;
}

.header .header-brand-link .footer-logo-mark span{
  display:block !important;
  margin:0 !important;
  font-family:Georgia, 'Times New Roman', serif !important;
  font-size:25px !important;
  line-height:.86 !important;
  letter-spacing:.24em !important;
  font-weight:500 !important;
  color:#76c0ff !important;
  text-transform:uppercase !important;
}

.header .header-brand-link .footer-logo-mark small{
  display:block !important;
  margin:0 !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.38em !important;
  font-weight:800 !important;
  color:#8fc6f5 !important;
  text-transform:uppercase !important;
}

/* force old experimental header classes out of the way */
.header > .logo,
.header .logo:not(.header-brand-link),
.header .header-wordmark,
.header .logo-mark,
.header .header-star,
.header .header-divider,
.header .header-type{
  display:none !important;
}

/* mathematically centered navbar */
.header .menu{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(22px, 1.75vw, 34px) !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  z-index:10 !important;
}

.header .menu a{
  font-size:14px !important;
}

.header .nav-cta{
  position:relative !important;
  z-index:30 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:16px !important;
  margin-left:auto !important;
  flex:0 0 auto !important;
}

.header .eco-pill img,
.footer-logo-mark img,
.gatula-mark img{
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 14px rgba(112,186,242,.48)) !important;
}

@media (max-width:1380px) and (min-width:1101px){
  .header .nav{width:min(1560px, calc(100% - 72px)) !important;}
  .header .header-brand-link{flex-basis:285px !important;width:285px !important;min-width:285px !important;}
  .header .header-brand-link .footer-logo-mark img{width:50px !important;height:50px !important;min-width:50px !important;}
  .header .header-brand-link .footer-logo-mark strong{font-size:25px !important;}
  .header .header-brand-link .footer-logo-mark span{font-size:21px !important;}
  .header .header-brand-link .footer-logo-mark small{font-size:8px !important;}
  .header .menu{gap:20px !important;}
  .header .menu a{font-size:13px !important;}
  .header .eco-pill{display:none !important;}
}

@media (max-width:1100px){
  .header{height:86px !important;}
  .header .nav{
    width:min(1560px, calc(100% - 44px)) !important;
    height:86px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .header .menu,.header .nav-cta{display:none !important;}
  .header .header-brand-link{height:86px !important;width:auto !important;min-width:0 !important;flex:0 0 auto !important;}
  .header .header-brand-link .footer-logo-mark{gap:12px !important;}
  .header .header-brand-link .footer-logo-mark img{width:42px !important;height:42px !important;min-width:42px !important;}
  .header .header-brand-link .footer-logo-mark > div{padding-left:14px !important;}
  .header .header-brand-link .footer-logo-mark > div::before{height:46px !important;}
  .header .header-brand-link .footer-logo-mark strong{font-size:21px !important;}
  .header .header-brand-link .footer-logo-mark span{font-size:18px !important;}
  .header .header-brand-link .footer-logo-mark small{font-size:7px !important;}
}

/* LIGHTHOUSE FINAL:
   No CSS beam. The image itself already has a beam, so nothing can drift anymore. */
.ecosystem-band[data-beam-section] .beam-stage,
.ecosystem-band[data-beam-section] .beam,
.ecosystem-band[data-beam-section] .beam-soft,
.ecosystem-band[data-beam-section] .beam-core,
.ecosystem-band[data-beam-section] .beam-hit,
.ecosystem-band[data-beam-section] .fixed-lighthouse-beam,
.ecosystem-band[data-beam-section] .lighthouse-anchor,
.ecosystem-band[data-beam-section] .lamp-glow{
  display:none !important;
}

.ecosystem-band[data-beam-section] .lighthouse{
  position:relative !important;
  overflow:hidden !important;
  min-height:360px !important;
  z-index:1 !important;
  background:#040b14 !important;
}

.ecosystem-band[data-beam-section] .lighthouse img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:left center !important;
}

.ecosystem-band[data-beam-section] .lighthouse-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(90deg, rgba(4,11,19,.03), rgba(4,11,19,.16) 54%, rgba(8,21,35,.72)) !important;
}

@media(max-width:980px){
  .ecosystem-band[data-beam-section] .lighthouse{min-height:270px !important;}
}

@media(max-width:640px){
  .ecosystem-band[data-beam-section] .lighthouse{min-height:220px !important;}
}


/* === FINAL v8 — force all Gatula star marks to blue, no gold/cache/hue filters === */
.header .header-brand-link .footer-logo-mark img,
.header .eco-pill img,
.footer-logo-mark img,
.gatula-mark img,
.ecosystem-map-card img,
.ecosystem-node-center img,
.core-node img,
img[src*="gatula-star-blue-v8"]{
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 14px rgba(112,186,242,.52)) !important;
  opacity:1 !important;
}


/* === FINAL v9 — lighthouse image blends smoothly into static background === */
.ecosystem-band[data-beam-section]{
  background:
    radial-gradient(circle at 82% 34%, rgba(112,186,242,.08), transparent 34%),
    linear-gradient(90deg, #030b14 0%, #061220 45%, #071626 100%) !important;
}

.ecosystem-band[data-beam-section] .lighthouse{
  background:
    linear-gradient(90deg, #020812 0%, #061220 70%, #071626 100%) !important;
  overflow:hidden !important;
}

/* Blend the photo into the middle panel instead of ending as a hard rectangle */
.ecosystem-band[data-beam-section] .lighthouse img{
  opacity:.92 !important;
  filter:saturate(.96) contrast(1.06) brightness(.86) !important;
  object-position:left center !important;

  -webkit-mask-image:
    linear-gradient(90deg,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 54%,
      rgba(0,0,0,.78) 70%,
      rgba(0,0,0,.30) 86%,
      rgba(0,0,0,0) 100%),
    linear-gradient(180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,1) 9%,
      rgba(0,0,0,1) 88%,
      rgba(0,0,0,0) 100%);
  -webkit-mask-composite: source-in;

  mask-image:
    linear-gradient(90deg,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 54%,
      rgba(0,0,0,.78) 70%,
      rgba(0,0,0,.30) 86%,
      rgba(0,0,0,0) 100%),
    linear-gradient(180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,1) 9%,
      rgba(0,0,0,1) 88%,
      rgba(0,0,0,0) 100%);
  mask-composite: intersect;
}

/* Soft cinematic veil over the lighthouse photo */
.ecosystem-band[data-beam-section] .lighthouse::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 26% 22%, rgba(112,186,242,.10), transparent 18%),
    linear-gradient(90deg,
      rgba(2,8,18,.02) 0%,
      rgba(2,8,18,.10) 45%,
      rgba(6,18,32,.72) 82%,
      rgba(7,22,38,.98) 100%) !important;
}

/* Remove the visible hard seam between the photo and content */
.ecosystem-band[data-beam-section] .lighthouse::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:-2px !important;
  width:38% !important;
  height:100% !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg, rgba(6,18,32,0), rgba(7,22,38,.96)) !important;
}

/* Keep content above the blended photo veil */
.ecosystem-band[data-beam-section] .eco-copy,
.ecosystem-band[data-beam-section] .gatula-mark{
  position:relative !important;
  z-index:5 !important;
}

/* Make whole band feel like one panel */
.ecosystem-band[data-beam-section] .eco-copy{
  background:
    linear-gradient(90deg, rgba(7,22,38,.82), rgba(7,22,38,.62)) !important;
}

.ecosystem-band[data-beam-section] .gatula-mark{
  background:
    radial-gradient(circle at 50% 35%, rgba(112,186,242,.055), transparent 42%),
    linear-gradient(90deg, rgba(7,22,38,.68), rgba(6,18,32,.86)) !important;
}

/* Mobile/tablet: keep blend clean but don't hide the whole lighthouse */
@media(max-width:980px){
  .ecosystem-band[data-beam-section] .lighthouse img{
    -webkit-mask-image:
      linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 72%, rgba(0,0,0,0) 100%),
      linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);
    mask-image:
      linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 72%, rgba(0,0,0,0) 100%),
      linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);
  }
}


/* === AI language switcher === */
.lang-switcher{
  height:46px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(112,186,242,.28);
  border-radius:5px;
  background:rgba(7,18,30,.68);
}

.lang-switcher button{
  height:34px;
  min-width:38px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#b9d5ee;
  font:800 12px/1 Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  letter-spacing:.08em;
  cursor:pointer;
  transition:.18s ease;
}

.lang-switcher button:hover,
.lang-switcher button.active{
  background:rgba(112,186,242,.18);
  color:#f7fbff;
  box-shadow:0 0 18px rgba(112,186,242,.18);
}

html.is-translating body{
  cursor:progress;
}

@media(max-width:1380px) and (min-width:1101px){
  .lang-switcher{display:inline-flex !important}
}

@media(max-width:1100px){
  .lang-switcher{display:none !important}
}


/* === FINAL v12 — language switcher placement fix === */

/* Put language switcher only on the right side, never inside centered menu */
.header .menu .lang-switcher,
.menu .lang-switcher{
  display:none !important;
}

/* Desktop header actions: ecosystem + language + CTA in one clean right cluster */
@media (min-width:1101px){
  .header .nav-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    position:relative !important;
    z-index:30 !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
  }

  .header .nav-cta .lang-switcher{
    order:1 !important;
    height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:4px !important;
    border:1px solid rgba(112,186,242,.30) !important;
    border-radius:5px !important;
    background:rgba(7,18,30,.72) !important;
    flex:0 0 auto !important;
  }

  .header .nav-cta .eco-pill{
    order:2 !important;
  }

  .header .nav-cta .btn.primary{
    order:3 !important;
  }

  .header .nav-cta .lang-switcher button{
    width:36px !important;
    min-width:36px !important;
    height:34px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:4px !important;
    background:transparent !important;
    color:#b9d5ee !important;
    font:800 12px/1 Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
    letter-spacing:.04em !important;
    cursor:pointer !important;
    opacity:1 !important;
    transform:none !important;
  }

  .header .nav-cta .lang-switcher button:hover,
  .header .nav-cta .lang-switcher button.active{
    background:rgba(112,186,242,.20) !important;
    color:#ffffff !important;
    box-shadow:0 0 16px rgba(112,186,242,.18) !important;
  }
}

/* On medium desktop hide ecosystem first, keep languages + start button */
@media (max-width:1380px) and (min-width:1101px){
  .header .nav-cta .eco-pill{
    display:none !important;
  }

  .header .nav-cta .lang-switcher{
    display:inline-flex !important;
  }
}

/* If screen gets tight, keep menu centered and right cluster compact */
@media (max-width:1220px) and (min-width:1101px){
  .header .nav-cta{
    gap:10px !important;
  }

  .header .nav-cta .btn.primary{
    padding-inline:20px !important;
    min-width:auto !important;
  }

  .header .nav-cta .lang-switcher button{
    width:32px !important;
    min-width:32px !important;
  }
}

/* Mobile: hide desktop language switcher so it doesn't overlap Contact */
@media (max-width:1100px){
  .header .nav-cta .lang-switcher,
  .lang-switcher{
    display:none !important;
  }
}


/* === FINAL v13 — language switcher fixed, no overlap with Contact === */

/* Header becomes safe grid: logo | centered menu in available space | right actions */
@media (min-width:1101px){
  .header .nav{
    display:grid !important;
    grid-template-columns:330px minmax(420px, 1fr) auto !important;
    align-items:center !important;
    gap:24px !important;
    width:min(1560px, calc(100% - 120px)) !important;
    height:96px !important;
    margin:0 auto !important;
    position:relative !important;
  }

  .header .header-brand-link{
    grid-column:1 !important;
    justify-self:start !important;
    position:relative !important;
    z-index:30 !important;
    width:330px !important;
    min-width:330px !important;
    flex:none !important;
  }

  .header .menu{
    grid-column:2 !important;
    position:static !important;
    transform:none !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(20px, 1.6vw, 32px) !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    z-index:10 !important;
    min-width:0 !important;
  }

  .header .menu a{
    font-size:14px !important;
    flex:0 0 auto !important;
  }

  .header .nav-cta{
    grid-column:3 !important;
    justify-self:end !important;
    position:relative !important;
    z-index:30 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    margin:0 !important;
    flex:none !important;
    white-space:nowrap !important;
  }

  .header .nav-cta .lang-switcher{
    order:2 !important;
    width:auto !important;
    min-width:128px !important;
    height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:4px !important;
    border:1px solid rgba(112,186,242,.32) !important;
    border-radius:5px !important;
    background:rgba(7,18,30,.72) !important;
    flex:0 0 auto !important;
    position:relative !important;
    transform:none !important;
    overflow:hidden !important;
  }

  .header .nav-cta .eco-pill{
    order:1 !important;
  }

  .header .nav-cta .btn.primary{
    order:3 !important;
  }

  .header .nav-cta .lang-switcher button{
    all:unset !important;
    box-sizing:border-box !important;
    width:38px !important;
    min-width:38px !important;
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:4px !important;
    color:#b9d5ee !important;
    font:800 12px/1 Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
    letter-spacing:.04em !important;
    cursor:pointer !important;
    text-align:center !important;
    position:static !important;
    transform:none !important;
    opacity:1 !important;
  }

  .header .nav-cta .lang-switcher button:hover,
  .header .nav-cta .lang-switcher button.active{
    background:rgba(112,186,242,.20) !important;
    color:#fff !important;
    box-shadow:0 0 16px rgba(112,186,242,.18) !important;
  }

  .menu .lang-switcher,
  .header .menu .lang-switcher{
    display:none !important;
  }
}

/* Medium desktop: hide ecosystem first; keep language + CTA clean */
@media (max-width:1380px) and (min-width:1101px){
  .header .nav{
    width:min(1560px, calc(100% - 72px)) !important;
    grid-template-columns:285px minmax(360px, 1fr) auto !important;
    gap:18px !important;
  }

  .header .eco-pill{
    display:none !important;
  }

  .header .menu{
    gap:18px !important;
  }

  .header .menu a{
    font-size:13px !important;
  }

  .header .nav-cta .lang-switcher{
    display:inline-flex !important;
  }
}

/* Tight desktop: if still tight, hide language before it touches menu */
@media (max-width:1180px) and (min-width:1101px){
  .header .nav-cta .lang-switcher{
    display:none !important;
  }
}

/* Mobile/tablet */
@media (max-width:1100px){
  .header .nav-cta .lang-switcher,
  .lang-switcher{
    display:none !important;
  }
}


/* === FINAL v15 — language switcher removed === */
.lang-switcher,
[data-lang-button],
.header .nav-cta .lang-switcher,
.header .menu .lang-switcher,
.menu .lang-switcher {
  display: none !important;
}

@media (min-width:1101px){
  .header .nav-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:16px !important;
  }

  .header .eco-pill{
    display:flex !important;
  }
}

@media (max-width:1380px) and (min-width:1101px){
  .header .eco-pill{
    display:none !important;
  }
}