:root{--bg:#080705;--panel:#12100c;--panel2:#17130d;--text:#f7f3e8;--muted:#c0b7a6;--gold:#d6b36a;--gold2:#f0d28a;--line:#d6b36a24;--green:#25d366;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#d6b36a12,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:#080705e8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;white-space:nowrap}.brandmark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d6b36a66;border-radius:11px;background:linear-gradient(135deg,#f0d28a,#8d6825);color:#090704;font-size:12px;font-weight:900;box-shadow:0 0 24px #d6b36a1d}.brand b{color:var(--gold)}.nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#d9d1c1}.nav>a:hover,.drop>button:hover{color:var(--gold2)}.drop{position:relative}.drop>button{background:none;border:0;color:#d9d1c1;font:inherit;cursor:pointer;padding:25px 0}.dropmenu{display:none;position:absolute;right:-80px;top:65px;width:285px;padding:10px;background:#110e0aeF;border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 70px #000b}.drop:hover .dropmenu,.drop:focus-within .dropmenu{display:grid}.dropmenu a{padding:13px 14px;border-radius:11px}.dropmenu a:hover{background:#d6b36a0c}.dropmenu strong,.dropmenu small{display:block}.dropmenu small{color:var(--muted);font-size:12px}.navCta,.goldBtn{background:var(--gold);color:#0b0906;border:1px solid var(--gold);font-weight:800;border-radius:999px;padding:11px 17px;display:inline-flex;gap:9px;align-items:center;box-shadow:0 10px 35px #d6b36a18}.navCta:hover,.goldBtn:hover{background:var(--gold2);transform:translateY(-1px)}.menuBtn{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:65px;padding-top:70px;padding-bottom:80px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:800}.hero h1,.aboutHero h1{font-size:clamp(45px,6vw,78px);line-height:1.03;letter-spacing:-.055em;margin:17px 0 24px}.hero h1 em,.aboutHero em,.darkBand em{font-style:normal;color:var(--gold2)}.hero p,.lead{font-size:18px;color:#c0b7a6;max-width:680px}.actions{display:flex;gap:15px;align-items:center;margin:30px 0}.textBtn{
  color:#eaf1ff;
  background:#2563eb0d;
  border:1px solid #2563eb66;
  border-radius:999px;
  padding:11px 17px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.textBtn:hover{
  color:#fff;
  background:#2563eb18;
  border-color:#60a5fa88;
  transform:translateY(-1px);
}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#8f8778;font-size:12px}.trust span:before{content:"✦";color:var(--gold);margin-right:7px}.heroVisual{position:relative}.halo{position:absolute;inset:8% -5%;background:radial-gradient(circle,#d6b36a17,transparent 60%);filter:blur(12px)}.console{position:relative;border:1px solid #d6b36a30;background:linear-gradient(145deg,#19140d,#0e0b08);border-radius:24px;box-shadow:0 35px 90px #000b,0 0 0 1px #d6b36a0b;overflow:hidden;transform:perspective(1200px) rotateY(-4deg)}.consoleTop{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 16px;color:#c9bfae;font-size:12px}.consoleTop span{color:var(--gold)}.consoleTop i{margin-left:auto;color:#817767;font-style:normal}.consoleGrid{display:grid;grid-template-columns:150px 1fr;min-height:390px}.consoleGrid aside{border-right:1px solid var(--line);padding:20px 10px;display:grid;align-content:start;gap:8px}.consoleGrid aside b{color:var(--gold2);padding:8px 12px}.consoleGrid aside span{font-size:11px;color:#877e6d;padding:8px 12px;border-radius:8px}.consoleGrid aside .active{background:#d6b36a12;color:#e7dcc5}.panel{padding:28px}.panel>small,.metricRow small{color:#8b816f;font-size:9px;letter-spacing:.13em}.panel h3{font-size:24px;line-height:1.2;margin:8px 0 25px}.metricRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metricRow>div{border:1px solid var(--line);padding:15px;border-radius:12px;background:#ffffff03}.metricRow strong,.metricRow em{display:block}.metricRow strong{font-size:18px;margin:3px 0}.metricRow em{font-style:normal;color:#877e6d;font-size:10px}.chart{height:100px;display:flex;align-items:end;gap:8px;margin-top:25px;padding:0 10px;border-bottom:1px solid var(--line)}.chart span{flex:1;background:linear-gradient(to top,#806026,#e5c879);border-radius:5px 5px 0 0;opacity:.85}.chart span:nth-child(1){height:30%}.chart span:nth-child(2){height:48%}.chart span:nth-child(3){height:42%}.chart span:nth-child(4){height:70%}.chart span:nth-child(5){height:56%}.chart span:nth-child(6){height:80%}.chart span:nth-child(7){height:68%}.chart span:nth-child(8){height:92%}.activity{display:flex;gap:7px;margin-top:18px}.activity i{height:7px;border-radius:10px;background:#d6b36a22;flex:1}.activity i:first-child{background:#d6b36a77}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e0c09;padding:105px 0}.statement h2,.sectionHead h2,.demoIntro h2,.final h2,.aboutHero h1{max-width:850px;font-size:clamp(35px,4.5vw,58px);line-height:1.08;letter-spacing:-.04em;margin:13px 0}.statement p,.sectionHead>p{max-width:720px;color:var(--muted);font-size:17px}.section{padding-top:110px;padding-bottom:110px}.sectionHead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.sectionHead>p{max-width:400px;font-size:14px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.productCard{border:1px solid var(--line);border-radius:20px;padding:28px;background:linear-gradient(145deg,#13100c,#0c0a07);min-height:390px;display:flex;flex-direction:column}.productCard.featured{border-color:#d6b36a4d;box-shadow:inset 0 0 55px #d6b36a06}.number{color:#7e7463;font-size:12px;margin-bottom:38px}.productCard h3{font-size:27px;margin:10px 0}.productCard p{color:#c0b7a6;font-size:14px}.productCard a{color:var(--gold2);font-weight:800;margin-top:auto}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 22px}.tags span{border:1px solid var(--line);border-radius:99px;padding:5px 9px;color:#9d927e;font-size:10px}.solutionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.solutionGrid a{position:relative;border:1px solid var(--line);border-radius:16px;padding:22px;background:#0e0b08}.solutionGrid a:hover{border-color:#d6b36a66;transform:translateY(-2px)}.solutionGrid b,.solutionGrid span{display:block}.solutionGrid span{color:#857b6a;font-size:12px}.solutionGrid i{position:absolute;right:18px;top:18px;color:var(--gold);font-style:normal}.darkBand{background:linear-gradient(120deg,#11100d,#080705);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split h2{font-size:clamp(40px,5vw,65px);line-height:1.05;letter-spacing:-.05em}.split p{color:var(--muted);font-size:16px}.pillars{display:grid;gap:12px}.pillars>div,.visionCard{border:1px solid var(--line);border-radius:17px;padding:22px;background:#ffffff03}.pillars b{color:var(--gold);font-size:12px;margin-right:15px}.pillars strong{font-size:12px;letter-spacing:.1em;margin-right:15px}.pillars span{color:#887e6d;font-size:12px}.demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.demoForm{border:1px solid var(--line);background:#0e0b08;border-radius:22px;padding:28px;display:grid;gap:15px}.demoForm label{display:grid;gap:7px;color:#cfc5b4;font-size:12px}.demoForm input,.demoForm select,.demoForm textarea{width:100%;background:#080705;border:1px solid #d6b36a22;border-radius:11px;padding:12px;color:#eee7d8;font:inherit;outline:none}.demoForm input:focus,.demoForm select:focus,.demoForm textarea:focus{border-color:#d6b36a88}.demoForm small{color:#776e5e;font-size:10px}.final{border:1px solid #d6b36a3d;border-radius:24px;padding:38px;margin-bottom:100px;background:linear-gradient(110deg,#d6b36a10,#8b6a2b05);display:flex;justify-content:space-between;align-items:center;gap:30px}.final h2{font-size:36px;margin-bottom:0}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;width:70px;height:70px;background:#25d366;color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 15px 40px #000b,0 0 0 1px #ffffff20;animation:float 3.2s ease-in-out infinite}.whatsapp svg{width:43px;height:43px}.whatsapp:hover{transform:translateY(-3px) scale(1.04);animation:none}footer{border-top:1px solid var(--line);padding:60px 0 22px;background:#050403}.footerGrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footerGrid>div{display:grid;align-content:start;gap:10px}.footerGrid p{color:#857b6a;max-width:320px;font-size:13px}.footerGrid strong{color:#e6dccb;font-size:12px;margin-bottom:6px}.footerGrid a:not(.brand){color:#877e6d;font-size:12px}.footerGrid a:not(.brand):hover{color:var(--gold)}.bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:#655d50;font-size:11px}.aboutHero{padding-top:110px;padding-bottom:80px}.lead{font-size:20px;max-width:800px}.aboutStory{padding-bottom:50px}.storyCard{border-left:2px solid var(--gold);padding:10px 0 10px 30px;max-width:850px}.storyCard p{color:#c3bbae;font-size:17px}.ecosystem{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ecoCard{border:1px solid var(--line);border-radius:20px;padding:28px;background:#0e0b08}.ecoCard>span{color:#8b806f;font-size:11px}.ecoCard h3{font-size:28px;margin:35px 0 4px}.ecoCard small{color:var(--gold);font-size:9px;letter-spacing:.14em}.ecoCard p{color:#c0b7a6;font-size:13px}.big{grid-template-columns:repeat(3,1fr);display:grid}.big>div{min-height:180px}.big h3{margin:15px 0 4px}.big p{margin:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.15s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:900px){.nav{gap:15px}.hero{grid-template-columns:1fr}.heroVisual{order:-1}.cards3,.ecosystem,.solutionGrid{grid-template-columns:1fr}.split,.demo{grid-template-columns:1fr}.sectionHead{display:block}.footerGrid{grid-template-columns:1fr 1fr}.navCta{padding:9px 12px}.consoleGrid{min-height:330px}.aboutHero{padding-top:80px}}@media(max-width:680px){.header{height:68px}.menuBtn{display:block}.nav{display:none;position:absolute;left:12px;right:12px;top:63px;padding:12px;flex-direction:column;align-items:stretch;background:#0e0b08;border:1px solid var(--line);border-radius:16px}.nav.open{display:flex}.drop>button{padding:10px 0}.dropmenu{position:static;width:auto;margin-top:4px}.drop:hover .dropmenu{display:none}.drop.open .dropmenu{display:grid}.hero{padding-top:55px}.hero h1,.aboutHero h1{font-size:44px}.heroVisual{display:none}.wrap{width:min(calc(100% - 28px),var(--max))}.section,.darkBand{padding-top:75px;padding-bottom:75px}.statement{padding:75px 0}.final{display:grid;padding:27px}.footerGrid{grid-template-columns:1fr 1fr}.whatsapp{right:14px;bottom:14px;width:62px;height:62px}.whatsapp svg{width:39px;height:39px}.bottom{display:grid;gap:10px}.big{grid-template-columns:1fr}.aboutStory{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.whatsapp{animation:none}}

/* V3.1.1 readability-only fix: content text, not header/footer. */
.sectionHead>p,.darkBand .split p,.visionCard p,.pillars span,.solutionGrid span{color:#c0b7a6}

/* V3.1.1 requested additions: actual brand mark + expanded Solutions footer. Existing layout preserved. */
.brandLogo{width:42px;height:42px;object-fit:contain;display:block;flex:0 0 42px}.footerGrid .brandLogo{width:42px;height:42px}.footerGroupLabel{color:var(--gold)!important;font-size:9px!important;letter-spacing:.14em;text-transform:uppercase;margin-top:8px}.footerGrid a:not(.brand){line-height:1.35}

/* Contact additions only: leave header/footer styling untouched. */
.emailFloat{position:fixed;right:22px;bottom:104px;z-index:30;width:70px;height:70px;background:#f0d28a;color:#0b0906;border-radius:50%;display:grid;place-items:center;box-shadow:0 15px 40px #000b,0 0 0 1px #ffffff20;transition:.2s ease}.emailFloat svg{width:39px;height:39px}.emailFloat:hover{transform:translateY(-3px) scale(1.04)}
@media(max-width:720px){.emailFloat{right:14px;bottom:88px;width:62px;height:62px}.emailFloat svg{width:35px;height:35px}}

/* Cautious V3.1.1 additions: dedicated Brain/Foundry pages and compact footer contact icons. */
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards4 .productCard{min-height:390px}.footerContact{display:flex!important;align-items:center;gap:8px;margin-top:4px}.footerContact a{width:30px!important;height:30px!important;padding:0!important;border:1px solid var(--line);border-radius:50%;display:grid!important;place-items:center;background:#0e0b08;flex:0 0 30px}.footerContact a:hover{border-color:#d6b36a66;background:#d6b36a10}.footerContact svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.5}.footerContact a:last-child svg{fill:currentColor;stroke:none}.mutedNote{color:#c0b7a6;font-size:14px;max-width:700px}@media(max-width:1100px){.cards4{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.cards4{grid-template-columns:1fr}.footerContact a{width:28px!important;height:28px!important;flex-basis:28px}.footerContact svg{width:14px;height:14px}}


/* Curated product screenshot showcase — additive only; existing header/footer untouched. */
.productShowcase{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0907;padding:100px 0}.showcaseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.showcaseGrid.single{grid-template-columns:minmax(0,1fr)}.showcaseCard{margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#13100c,#0c0a07);box-shadow:0 20px 55px #0007}.showcaseCard img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover}.showcaseCaption{padding:18px 20px 20px;display:grid;gap:7px}.showcaseCaption .eyebrow{font-size:9px}.showcaseCaption strong{font-size:17px;color:#eee7d8}.showcaseCaption span{font-size:11px;color:#a99f8e}.showcaseNote{margin-top:24px;color:#8f8778;font-size:12px;max-width:760px}.showcaseNote b{color:#cfc5b4;font-weight:600}@media(max-width:680px){.productShowcase{padding:75px 0}.showcaseGrid{grid-template-columns:1fr;gap:16px}.showcaseCaption{padding:15px 16px 17px}}


/* Cautious V3.1.1 interaction polish — additive only. Header structure and footer structure remain unchanged. */
.menuBtn{position:relative;width:42px;height:42px;display:none;place-items:center;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.menuBtn:hover{border-color:#d6b36a40;background:#d6b36a0b}.menuBtn span{display:block;font-size:25px;line-height:1;transition:transform .28s ease}.menuBtn.active{border-color:#d6b36a40;background:#d6b36a0b}.menuBtn.active span{font-size:0}.menuBtn.active span:before{content:"×";font-size:30px;color:var(--gold2)}
@media(max-width:680px){.menuBtn{display:grid}.nav{display:flex;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s}.nav.open{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .24s ease,transform .24s ease,visibility 0s}.nav.open>a,.nav.open .drop{animation:menuItemIn .28s ease both}.nav.open .drop{animation-delay:.03s}.nav.open>a:nth-of-type(1){animation-delay:.05s}.nav.open>a:nth-of-type(2){animation-delay:.08s}.nav.open>a:nth-of-type(3){animation-delay:.11s}.nav.open>a:nth-of-type(4){animation-delay:.14s}}
@keyframes menuItemIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes pageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body{animation:pageIn .38s ease both}a,button,.productCard,.solutionGrid a,.showcaseCard{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .25s ease,transform .25s ease}
.productCard{will-change:transform}.productCard:hover{transform:translateY(-5px);border-color:#d6b36a55;box-shadow:0 22px 55px #0009,inset 0 0 45px #d6b36a08}.productCard a{display:inline-flex;align-items:center;gap:5px}.productCard a:hover{transform:translateX(3px)}
.showcaseCard{will-change:transform}.showcaseCard:hover{transform:translateY(-5px);border-color:#d6b36a55;box-shadow:0 28px 65px #000b,inset 0 0 35px #d6b36a07}.showcaseCard img{transition:transform .45s ease,filter .45s ease}.showcaseCard:hover img{transform:scale(1.018);filter:saturate(1.03)}.showcaseCard:hover .showcaseCaption strong{color:var(--gold2)}
.goldBtn,.navCta{transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.goldBtn:hover,.navCta:hover{box-shadow:0 12px 38px #d6b36a2b}.textBtn{transition:color .2s ease,transform .2s ease}.textBtn:hover{transform:translateX(3px);color:var(--gold2)}
@media(prefers-reduced-motion:reduce){body{animation:none}.menuBtn span,.nav,.nav.open>a,.nav.open .drop,.productCard,.showcaseCard,.showcaseCard img,.goldBtn,.navCta,.textBtn{transition:none!important;animation:none!important}.productCard:hover,.showcaseCard:hover,.showcaseCard:hover img,.goldBtn:hover,.navCta:hover,.textBtn:hover{transform:none}}


/* Cautious Final 5 — compact mobile CTA labels/sizing.
   Existing header/footer structure and desktop styling remain unchanged. */
@media(max-width:680px){
  .actions{gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0}
  .actions .goldBtn{
    padding:10px 14px;
    font-size:14px;
    line-height:1.2;
    white-space:nowrap;
    min-height:44px;
    border-radius:999px;
  }
  
}

/* V3.1.1 SPACING PASS 1 + PASS 2 — surgical vertical spacing corrections only.
   PASS 1: remove artificial height expansion.
   PASS 2: tighten header-to-content, final-content-to-footer, and footer-top spacing.
   No header/footer structure, content, palette, navigation, or application code changes. */
.productCard{min-height:0}
.cards4 .productCard{min-height:0}
.big>div{min-height:0}
.final{margin-bottom:48px}

@media(max-width:680px){
  .hero{min-height:0;padding-top:32px;padding-bottom:45px}
  .section,.darkBand{padding-top:56px;padding-bottom:56px}
  .statement{padding:56px 0}
  .productShowcase{padding:56px 0}
  .number{margin-bottom:24px}
  footer{padding-top:36px}
}

/* V3.1.1 SPACING + MOBILE UX PASS 3 — surgical corrections based on mobile review.
   Keeps the visual system intact while fixing floating contact visibility, footer rhythm,
   and mobile navigation behavior. */
.whatsapp,.emailFloat{position:fixed!important;z-index:9999;pointer-events:auto}
.emailFloat{position:fixed;right:22px;bottom:104px;z-index:9999;width:70px;height:70px;background:#f0d28a;color:#0b0906;border-radius:50%;display:grid;place-items:center;box-shadow:0 15px 40px #000b,0 0 0 1px #ffffff20;transition:.2s ease}
.emailFloat svg{width:39px;height:39px}
.emailFloat:hover{transform:translateY(-3px) scale(1.04)}
.final{margin-bottom:0}

@media(max-width:680px){
  .footerGrid{grid-template-columns:1fr;gap:28px}
  footer{padding-top:28px}
  .whatsapp{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:58px;height:58px}
  .whatsapp svg{width:36px;height:36px}
  .emailFloat{right:14px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:58px;height:58px}
  .emailFloat svg{width:34px;height:34px}
}

/* Pass 3 footer grid: five clear desktop groups; one clean stack on mobile. */
.footerGrid{grid-template-columns:1.7fr repeat(4,1fr);gap:28px}
@media(max-width:900px){.footerGrid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.footerGrid{grid-template-columns:1fr;gap:28px}}

/* V3.1.1 SPACING PASS 4 — mobile forensic refinement for Brain/Foundry and viewport contacts. */
@media(max-width:680px){
  .aboutHero{padding-top:32px;padding-bottom:40px}
  .aboutHero .actions{margin:22px 0 0;gap:10px;flex-direction:column;align-items:flex-start}
  .aboutHero .actions .goldBtn{width:auto;max-width:100%;}
  .aboutHero 
  .aboutHero + .section{padding-top:48px;padding-bottom:48px}
  .aboutHero ~ .darkBand{padding-top:48px;padding-bottom:48px}
  .aboutHero ~ .section{padding-top:48px;padding-bottom:48px}
}

/* Keep floating contacts viewport-bound; JS hides them only while the footer is in view. */
.whatsapp,.emailFloat{position:fixed!important;transform:none;}
.whatsapp.footer-visible,.emailFloat.footer-visible{opacity:0;visibility:hidden;pointer-events:none;}


/* V3.1.1 SPACING PASS 5 — floating contact controls remain visible across the full page.
   The footer no longer suppresses the viewport controls. */
.whatsapp,.emailFloat{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.whatsapp.footer-visible,.emailFloat.footer-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}

/* V4 EXECUTIVE SOVEREIGN BOARDROOM — VISUAL PROTOTYPE ONLY.
   Derived from frozen V3.1.1. Content, routes, interactions and product structure preserved. */
:root{
  --v4-obsidian:#0B0C10;
  --v4-slate:#0F1016;
  --v4-blue:#2563EB;
  --v4-blue2:#60A5FA;
  --v4-gold:#C5A059;
  --v4-gold2:#D4AF37;
  --v4-platinum:#F4F7FB;
  --v4-muted:#B7C0CC;
}
body{
  background:radial-gradient(circle at 82% 0,#2563eb16,transparent 30%),var(--v4-obsidian);
  color:var(--v4-platinum);
}
.header{background:#0b0c10ed;border-bottom-color:#2563eb2a}
.brand b,.eyebrow,.hero h1 em,.aboutHero em,.darkBand em,.trust span:before{color:var(--v4-gold2)}
.brandmark{border-color:#c5a05966;background:linear-gradient(135deg,#d4af37,#8d6825);box-shadow:0 0 24px #c5a05920}
.nav,.drop>button{color:#d8e0ea}
.nav>a:hover,.drop>button:hover,.footerGrid a:not(.brand):hover,.productCard a:hover,.textBtn:hover{color:var(--v4-blue2)}
.dropmenu{background:#0f1016f5;border-color:#2563eb30}
.dropmenu a:hover{background:#2563eb12}
.navCta{background:var(--v4-blue);border-color:var(--v4-blue);color:#fff;box-shadow:0 10px 35px #2563eb25}
.navCta:hover{background:#3b82f6}
.goldBtn{background:var(--v4-gold);border-color:var(--v4-gold);color:#101114;box-shadow:0 10px 35px #c5a05922}
.goldBtn:hover{background:var(--v4-gold2)}
.hero h1,.statement h2,.sectionHead h2,.demoIntro h2,.final h2,.aboutHero h1,.split h2{color:#f7f9fc}
.hero p,.lead,.sectionHead>p,.statement p,.split p,.productCard p,.visionCard p,.darkBand .split p,.mutedNote{color:var(--v4-muted)}
.heroVisual .halo{background:radial-gradient(circle,#2563eb20,transparent 60%)}
.console{border-color:#2563eb35;background:linear-gradient(145deg,#151923,#0b0c10);box-shadow:0 35px 90px #000b,0 0 0 1px #2563eb10}
.consoleTop,.consoleGrid aside{border-color:#2563eb28}
.consoleTop span,.consoleGrid aside b{color:var(--v4-blue2)}
.consoleGrid aside .active{background:#2563eb14;color:#eaf1ff}
.metricRow>div,.pillars>div,.visionCard{border-color:#2563eb25}
.chart{border-color:#2563eb28}.chart span{background:linear-gradient(to top,#1d4ed8,#60a5fa)}
.statement,.darkBand{background:linear-gradient(120deg,#10131a,#0b0c10);border-color:#2563eb28}
.section{background:transparent}
.productCard,.showcaseCard,.ecoCard,.solutionGrid a,.demoForm{background:linear-gradient(145deg,#12151c,#0c0e13);border-color:#2563eb28}
.productCard.featured{border-color:#c5a05970;box-shadow:inset 0 0 55px #c5a05908}
.tags span{border-color:#2563eb30;color:#aeb9c8}
.solutionGrid a:hover{border-color:#2563eb88}
.solutionGrid i{color:var(--v4-blue2)}
.pillars b{color:var(--v4-gold2)}
.demoForm{background:#0c0e13}.demoForm input,.demoForm select,.demoForm textarea{background:#0b0c10;border-color:#2563eb25;color:#eef3fa}.demoForm input:focus,.demoForm select:focus,.demoForm textarea:focus{border-color:#2563ebaa}
.final{border-color:#c5a05965;background:linear-gradient(110deg,#c5a05912,#2563eb08)}
footer{background:#07080c;border-top-color:#2563eb28}.footerGrid strong{color:#e5ebf3}.footerGrid a:not(.brand){color:#9aa7b7}.footerContact a{background:#0f1016;border-color:#2563eb30}.footerContact a:hover{border-color:#2563eb88;background:#2563eb12}
.emailFloat{background:var(--v4-blue);color:#fff;box-shadow:0 15px 40px #000b,0 0 0 1px #ffffff20}
.whatsapp{box-shadow:0 15px 40px #000b,0 0 0 1px #ffffff20}
.menuBtn:hover,.menuBtn.active{border-color:#2563eb55;background:#2563eb12}.menuBtn.active span:before{color:var(--v4-blue2)}
@media(max-width:680px){.nav{background:#0f1016;border-color:#2563eb35}}

/* V4 CREATIVE DIRECTION PASS — Executive Technology refinement.
   Visual system only: content, routes, structure and interactions remain unchanged. */
:root{
  --v4-line:#8fa3bf24;
  --v4-line-strong:#8fa3bf3d;
}
body{
  background:linear-gradient(180deg,#0B0C10 0%,#0B0C10 48%,#0A0B0F 100%);
}
.header{
  box-shadow:0 8px 30px #00000020;
}
.brandmark{
  border-radius:9px;
  box-shadow:0 0 20px #c5a05918;
}
.eyebrow,.footerGroupLabel{
  letter-spacing:.2em;
}
.hero h1,.aboutHero h1,.split h2{
  letter-spacing:-.045em;
}
.hero h1 em,.aboutHero em,.darkBand em{
  text-shadow:0 0 26px #c5a05918;
}
.hero p,.lead{max-width:640px}
.actions{margin:26px 0}
.goldBtn{min-height:44px}
.navCta{min-height:42px}
.statement{padding:88px 0}
.section{padding-top:88px;padding-bottom:88px}
.sectionHead{margin-bottom:30px}
.productCard{min-height:0;padding:26px}
.number{margin-bottom:26px;color:#8794a5}
.productCard h3{font-size:25px}
.solutionGrid a{padding:20px}
.darkBand{padding:88px 0}
.split{gap:58px}
.final{margin-bottom:52px}
footer{padding:48px 0 22px}
.footerGrid{gap:32px}
.bottom{margin-top:36px}

/* Architecture motif: restrained blue rails and gold identity markers. */
.statement,.darkBand{position:relative}
.statement:before,.darkBand:before{
  content:"";position:absolute;left:0;top:0;width:64px;height:1px;background:var(--v4-gold);
  opacity:.75;
}
.productCard,.ecoCard,.solutionGrid a,.visionCard,.pillars>div,.demoForm,.console{
  box-shadow:0 18px 55px #00000018;
}
.productCard:hover,.ecoCard:hover,.solutionGrid a:hover{
  border-color:#2563eb55;
}
.productCard.featured:hover{border-color:#c5a0598a}
.tags span{border-color:var(--v4-line-strong)}

/* Mobile-first rhythm: premium breathing room without artificial stretching. */
@media(max-width:680px){
  .header{height:68px}
  .hero{padding-top:32px;padding-bottom:42px;min-height:0}
  .hero h1,.aboutHero h1{font-size:42px;line-height:1.04}
  .statement{padding:56px 0}
  .section{padding-top:56px;padding-bottom:56px}
  .darkBand{padding:56px 0}
  .sectionHead{margin-bottom:24px}
  .productCard{padding:22px}
  .number{margin-bottom:20px}
  .productCard h3{font-size:23px}
  .final{margin-bottom:32px;padding:24px}
  footer{padding-top:36px}
  .footerGrid{gap:26px}
  .aboutHero{padding-top:32px;padding-bottom:48px}
  .aboutStory{padding-bottom:0}
  .split{gap:34px}
  .demo{gap:34px}
}