
:root{
  --navy:#071B3A;--dark:#07111F;--deep:#050D18;--teal:#00B3A4;--teal2:#1BD5C7;
  --paper:#F7FAFC;--white:#FFFFFF;--ink:#0A1B31;--muted:#5D7087;--line:#DCE5ED;
  --soft:#EEF5F7;--max:1240px;--radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.skip{position:fixed;left:14px;top:-70px;z-index:99999;background:#fff;color:var(--navy);padding:10px 14px;border-radius:10px;font-weight:800}
.skip:focus{top:14px}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,17,31,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{width:156px;height:auto}
.navlinks{display:flex;align-items:center;gap:30px;color:#E2EBF2;font-size:14px;font-weight:720}
.navlinks a{opacity:.86}
.navlinks a:hover,.navlinks a[aria-current="page"]{opacity:1;color:#fff}
.navright{display:flex;align-items:center;gap:16px}
.lang{color:#CFDDE7;font-size:13px}
.navcta{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:12px;border:1px solid rgba(0,179,164,.72);color:#fff;font-size:14px;font-weight:850}

/* Typography / common */
section{padding:88px 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:#91ADBA}
.eyebrow::before{content:"";width:30px;height:2px;background:var(--teal)}
h1{font-size:clamp(50px,6.4vw,88px);line-height:.93;letter-spacing:-4.5px;margin:18px 0 24px}
.accent{color:var(--teal2)}
.lead{font-size:20px;line-height:1.72;color:#BED0DC;max-width:720px;margin:0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{min-height:52px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:850;transition:.2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-teal{background:var(--teal);color:#031C20}
.btn-dark{background:var(--navy);color:#fff}
.btn-white{background:#fff;color:var(--navy)}
.btn-ghost{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.03);color:#fff}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}
.section-head h2{font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-3px;margin:0;color:var(--navy)}
.section-head p{max-width:580px;color:var(--muted);line-height:1.76;margin:0}
.dark-section{background:var(--dark);color:#fff}
.dark-section .section-head h2{color:#fff}
.dark-section .section-head p{color:#A8BAC8}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.card small{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#8394A4;font-weight:850}
.card h3{font-size:31px;letter-spacing:-1.25px;line-height:1.06;color:var(--navy);margin:16px 0 11px}
.card p,.card li{color:var(--muted);line-height:1.72}
.card ul{padding-left:19px;margin:17px 0 0}

/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(0,179,164,.21),transparent 20%),linear-gradient(180deg,#06111F,#07111F);color:#fff}
.hero::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.hero-inner{min-height:580px;display:grid;grid-template-columns:1.06fr .94fr;gap:46px;align-items:center;padding:36px 0 44px;position:relative;z-index:2}
.hero-side{display:grid;gap:16px}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.2)}
.glass h3{font-size:31px;letter-spacing:-1.25px;line-height:1.05;margin:0 0 12px}
.glass p{color:#B6C8D5;line-height:1.72;margin:0}
.checks{display:grid;gap:10px;margin-top:21px}
.check{display:grid;grid-template-columns:19px 1fr;gap:11px;color:#D9E5ED;font-size:14px;line-height:1.58}
.check i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(0,179,164,.16);border:1px solid rgba(0,179,164,.34);color:#79E8DD;font-size:11px;font-style:normal;font-weight:900;margin-top:2px}
.hero-pills{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hero-pill{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:22px;padding:22px}
.hero-pill small{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#7E98AA;font-weight:850}
.hero-pill b{display:block;font-size:22px;line-height:1.05;margin:10px 0 7px}
.hero-pill span{font-size:13px;line-height:1.6;color:#A6B8C7}

/* Trust */
.trust{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-inner{display:grid;grid-template-columns:1.05fr 2fr;gap:26px;align-items:center;padding:30px 0}
.trust h3{font-size:31px;line-height:1.05;letter-spacing:-1.2px;color:var(--navy);margin:0 0 8px}
.trust p{margin:0;color:var(--muted);line-height:1.7}
.brand-row{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line)}
.brand-name{min-height:90px;display:grid;place-items:center;text-align:center;padding:10px;border-right:1px solid var(--line)}
.brand-name b{display:block;color:#555B63;font-size:18px;letter-spacing:-.5px}
.brand-name span{display:block;color:#818A95;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:3px}

/* Grid cards */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.link-card{display:flex;flex-direction:column;min-height:350px;transition:.23s ease}
.link-card:hover{transform:translateY(-5px);box-shadow:0 24px 70px rgba(7,27,58,.08)}
.link-card .more{margin-top:auto;padding-top:24px;color:var(--navy);font-weight:850}
.link-card .more b{color:var(--teal);margin-left:6px}

/* Photo showcase */
.showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.photo{overflow:hidden;border-radius:30px;border:1px solid var(--line);background:#fff;min-height:500px}
.photo img{width:100%;height:100%;object-fit:cover}
.copy{border:1px solid var(--line);border-radius:30px;background:#fff;padding:42px;display:flex;flex-direction:column;justify-content:center}
.kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:#73889B}
.copy h3{font-size:48px;line-height:1.02;letter-spacing:-2px;color:var(--navy);margin:15px 0 14px}
.copy p{color:var(--muted);line-height:1.8;margin:0}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}
.tag{padding:8px 10px;border-radius:999px;background:#F2F7F9;border:1px solid var(--line);font-size:12px;color:#50677B}
.text-link{display:inline-flex;margin-top:27px;font-weight:850;color:var(--navy)}

/* Process */
.process{display:grid;gap:14px}
.step{display:grid;grid-template-columns:58px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.step-num{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}
.step h3{margin:1px 0 5px;color:var(--navy);font-size:22px}
.step p{margin:0;color:var(--muted);line-height:1.7}

/* Product UI */
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product-card{display:block;border:1px solid rgba(255,255,255,.10);border-radius:30px;overflow:hidden;background:#0A1625;transition:.23s ease}
.product-card:hover{transform:translateY(-5px);border-color:rgba(0,179,164,.42)}
.product-ui{min-height:330px;padding:24px;background:linear-gradient(180deg,#081523,#0A1A2C)}
.window{min-height:280px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#0B1A2B;overflow:hidden}
.window-top{height:46px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px;color:#6E879B}
.dot{width:7px;height:7px;border-radius:50%;background:#283A4C}
.window-body{display:grid;grid-template-columns:116px 1fr;min-height:234px}
.sidebar{border-right:1px solid rgba(255,255,255,.07);padding:14px 10px}
.side-brand{display:flex;align-items:center;gap:8px;color:#C7D5E1;font-size:9px;font-weight:900;margin-bottom:17px}
.side-brand img{width:21px;height:auto}
.side{padding:8px;border-radius:8px;font-size:9px;color:#71879A;margin:3px 0}
.side.active{background:rgba(0,179,164,.12);color:#76DCD2}
.dashboard{padding:16px;color:#fff}
.dash-title{font-size:17px;font-weight:850;margin-bottom:11px}
.search{height:38px;border-radius:10px;background:#0E2033;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 11px;font-size:10px;color:#70869A;margin-bottom:10px}
.bubble{padding:10px 11px;border-radius:11px;background:#0F2236;font-size:10px;line-height:1.5;color:#9CAFC0;margin-bottom:8px}
.bubble.me{background:rgba(0,179,164,.13);color:#B6ECE6;margin-left:34px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.metric{padding:11px;border-radius:11px;background:#0F2236}
.metric small{display:block;font-size:8px;color:#71879A;margin-bottom:4px}
.metric strong{font-size:17px}
.metric em{display:block;font-style:normal;font-size:8px;color:#5CD2C6;margin-top:3px}
.mail-table{margin-top:9px;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}
.mail-row{display:grid;grid-template-columns:1.2fr .75fr .55fr;gap:8px;padding:8px 9px;font-size:8px;color:#8FA3B5;border-bottom:1px solid rgba(255,255,255,.05)}
.mail-row:last-child{border-bottom:0}
.product-copy{padding:28px}
.product-type{display:inline-flex;padding:7px 9px;border-radius:999px;background:rgba(0,179,164,.11);border:1px solid rgba(0,179,164,.21);font-size:11px;font-weight:850;color:#65D8CD}
.product-copy h3{font-size:36px;letter-spacing:-1.6px;margin:14px 0 10px}
.product-copy p{margin:0;color:#A6B6C4;line-height:1.72}
.product-copy .more{display:inline-flex;margin-top:20px;font-weight:850;color:#fff}
.product-copy .more b{color:#4FD4C7;margin-left:7px}

/* Feature cards */
.feature{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.feature b{display:block;color:var(--navy);font-size:18px;margin-bottom:7px}
.feature span{color:var(--muted);font-size:14px;line-height:1.65}
.format-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
.format{padding:8px 11px;border-radius:10px;background:#EEF8F7;border:1px solid #D2EAE7;color:#315F5A;font-size:12px;font-weight:850}

/* Cloud strip / CTA */
.cloud-strip{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#EAF8F6,#F7FBFC);border:1px solid #D4E9E6}
.cloud-strip h3{font-size:38px;letter-spacing:-1.5px;color:var(--navy);margin:0 0 8px}
.cloud-strip p{margin:0;color:var(--muted);line-height:1.72}
.final{padding:54px;border-radius:30px;background:linear-gradient(135deg,#071B3A,#0A3574 72%,#087D78);display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:end;color:#fff}
.final h2{font-size:clamp(42px,5vw,68px);line-height:.96;letter-spacing:-3px;margin:0}
.final p{margin:0 0 18px;color:#C6D5E1;line-height:1.75}

/* About / contact */
.statement{font-size:clamp(38px,4.8vw,62px);line-height:1.04;letter-spacing:-2.7px;color:var(--navy);max-width:980px;margin:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px}
.contact-card h3{font-size:31px;letter-spacing:-1.2px;color:var(--navy);margin:0 0 10px}
.contact-card p{color:var(--muted);line-height:1.75;margin:0 0 20px}
.contact-link{display:inline-flex;font-weight:850;color:var(--navy)}

/* Legal */
.legal-hero .hero-inner{min-height:420px;grid-template-columns:1fr;padding:58px 0}
.legal-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:46px;align-items:start}
.legal-toc{position:sticky;top:108px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.legal-toc b{display:block;margin-bottom:10px}
.legal-toc a{display:block;padding:7px 0;color:#61758B;font-size:14px}
.legal-toc a:hover{color:var(--navy)}
.legal-content{max-width:830px}
.legal-content section{padding:0 0 34px}
.legal-content h2{font-size:30px;letter-spacing:-1px;color:var(--navy);margin:0 0 12px}
.legal-content h3{font-size:20px;color:var(--navy);margin:22px 0 8px}
.legal-content p,.legal-content li{color:var(--muted);line-height:1.82}
.legal-content ul{padding-left:22px}
.legal-note{padding:17px 19px;border-radius:17px;background:#EDF9F7;border:1px solid #CDEAE6;color:#315E5A}

/* Footer */
footer{background:linear-gradient(180deg,#07111F,#06111D);color:#fff;padding:44px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.15fr .75fr .75fr .8fr 1fr;gap:34px}
.footer-logo{width:132px;height:auto;margin-bottom:16px}
.footer-brand p{margin:0;color:#A7B8C7;font-size:13px;line-height:1.72;max-width:290px}
.footer-col b{display:block;font-size:14px;color:#fff;margin-bottom:12px}
.footer-col a{display:block;padding:5px 0;color:#C4D2DE;font-size:13px}
.footer-col a:hover{color:#fff}
.footer-col p{margin:0;color:#C4D2DE;font-size:13px;line-height:1.78}
.footer-bottom{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#A6B9C8;font-size:12px}
.footer-bottom-links{display:flex;gap:14px;flex-wrap:wrap}

/* Cookie banner/modal */
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;max-width:700px;margin:auto;z-index:10000;background:rgba(7,17,31,.985);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:17px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.cookie-banner[hidden],.cookie-modal[hidden]{display:none!important}
.cookie-banner h4,.cookie-modal h3{margin:0 0 5px}
.cookie-banner p,.cookie-modal p{font-size:13px;color:#B6C5D2;line-height:1.58;margin:0}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cookie-btn{border:0;padding:9px 11px;border-radius:9px;font-size:12px;font-weight:850;cursor:pointer;background:#fff;color:var(--navy)}
.cookie-btn.alt{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}
.cookie-modal{position:fixed;inset:0;z-index:10001;background:rgba(2,8,16,.72);display:grid;place-items:center;padding:20px}
.cookie-panel{width:min(620px,100%);background:#07111F;color:#fff;border-radius:24px;padding:26px;border:1px solid rgba(255,255,255,.12)}
.cookie-close{float:right;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}
.cookie-row{display:grid;grid-template-columns:1fr auto;gap:15px;margin-top:12px;padding:15px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.cookie-row b{display:block;margin-bottom:4px}.cookie-row span{font-size:13px;color:#AEBECC;line-height:1.5}

.reveal{opacity:0;transform:translateY(20px);transition:.7s cubic-bezier(.2,.8,.2,1)}
.reveal.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:1120px){
  .hero-inner,.showcase,.trust-inner,.final,.cloud-strip{grid-template-columns:1fr}
  .brand-row{grid-template-columns:repeat(3,1fr);border-left:0}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:980px){
  .grid3,.grid4,.product-grid,.contact-grid{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .section-head{display:block}.section-head p{margin-top:16px}
  .legal-layout{grid-template-columns:1fr}.legal-toc{position:static}
}
@media(max-width:740px){
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .nav{height:70px}.logo{width:138px}.navlinks,.lang{display:none}
  .hero-inner{min-height:auto;padding:48px 0}.hero-pills{grid-template-columns:1fr}
  h1{font-size:52px;letter-spacing:-3px}.lead{font-size:18px}
  .copy{padding:28px}.copy h3{font-size:40px}
  .window-body{grid-template-columns:1fr}.sidebar{display:none}
  .brand-row{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* --- V2 CACHE-PROOF HARDENING --- */
.site-header{background:#07111F!important;color:#fff!important}
.site-header .logo{display:block!important;width:156px!important;height:auto!important;max-height:42px!important;object-fit:contain!important}
footer{background:linear-gradient(180deg,#07111F,#06111D)!important;color:#fff!important}
footer .footer-logo{display:block!important;width:132px!important;height:auto!important;max-height:38px!important;object-fit:contain!important}
.product-card{width:100%!important;min-width:0!important}
.product-ui,.window,.window-body,.dashboard{min-width:0!important}
.metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.metric{min-width:0!important}
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-row{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1120px){
  .brand-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .grid3,.grid4,.product-grid{grid-template-columns:1fr!important}
}
@media(max-width:740px){
  .brand-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V3 polish */
.hero-home .hero-inner{min-height:610px;padding:34px 0 42px}
.hero-internal .hero-inner{min-height:535px;padding:34px 0 42px}
.hero-product .hero-inner{min-height:575px;padding:36px 0 44px}
.legal-hero .hero-inner{min-height:340px;padding:34px 0}
.legal-hero h1{font-size:clamp(42px,5.2vw,70px)}
.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-meta span{font-size:12px;color:#9FB4C3;padding:8px 11px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.035)}
.glass-label{display:block;font-size:10px;letter-spacing:.14em;color:#79E1D6;font-weight:850;margin-bottom:12px}
.cap-rows{display:grid;margin-top:21px;border-top:1px solid rgba(255,255,255,.09)}
.cap-rows a{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.cap-rows a:hover i{transform:translateX(3px)}
.cap-rows b{display:block;color:#fff;font-size:16px;margin-bottom:3px}
.cap-rows small{display:block;color:#8FA7B8;font-size:12px;line-height:1.45}
.cap-rows i{color:#62DCD0;font-style:normal;transition:.2s ease}
.hero-location{display:flex;gap:10px;align-items:center;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);font-size:12px}
.hero-location b{color:#fff}.hero-location span{color:#8FA7B8}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.04);padding:10px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:#fff;border-radius:3px;margin:4px 0;transition:.2s ease}
.dark-section .copy{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10)}
.dark-section .copy h3{color:#fff}
.dark-section .copy p{color:#A8BAC8}
.dark-section .copy .kicker{color:#72DDD3}
.dark-section .copy .tag{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10);color:#C5D4DF}
.trust-inner{padding:24px 0}
.footer-bottom{margin-top:24px}
.section-head{margin-bottom:36px}
.showcase{gap:16px}.product-grid{gap:16px}.grid3{gap:16px}.grid4{gap:14px}
@media(max-width:1120px){
  .hero-home .hero-inner,.hero-internal .hero-inner,.hero-product .hero-inner{min-height:auto;padding:44px 0}
}
@media(max-width:740px){
  .nav{height:68px}
  .site-header .logo{width:132px!important;max-height:36px!important}
  .menu-toggle{display:block;margin-left:auto}
  .navright{display:none}
  .navlinks{
    display:none!important;position:absolute;top:68px;left:14px;right:14px;flex-direction:column;
    align-items:stretch;gap:0;padding:10px;background:#07111F;border:1px solid rgba(255,255,255,.10);
    border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.32)
  }
  .navlinks.open{display:flex!important}
  .navlinks a{display:block;padding:13px 12px;border-radius:10px}
  .navlinks a:hover{background:rgba(255,255,255,.05)}
  .hero-home .hero-inner,.hero-internal .hero-inner,.hero-product .hero-inner{padding:34px 0 38px}
  section{padding:68px 0}
  .trust-inner{padding:22px 0}
  .section-head{margin-bottom:28px}
  .hero-location{align-items:flex-start;flex-direction:column;gap:3px}
}

/* ===== V4 STANDARD UX / UI POLISH ===== */
section{padding:84px 0}
.section-head{margin-bottom:34px}
.site-header .nav{height:72px}
.hero-inner{min-height:auto!important;padding:44px 0!important;gap:52px}
.hero-home .hero-inner{padding:30px 0 42px!important;min-height:auto!important}
.hero-internal .hero-inner{padding:42px 0 48px!important;min-height:auto!important}
.hero-product .hero-inner{padding:48px 0!important;min-height:auto!important}
.legal-hero .hero-inner{padding:36px 0!important;min-height:auto!important}
.home-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center}
.home-hero-copy h1{font-size:clamp(58px,6vw,88px);line-height:.88;letter-spacing:-4.4px;margin:14px 0 22px}
.home-hero-copy .lead{max-width:660px;font-size:18px;line-height:1.68}
.hero-proofline{margin:18px 0 0;color:#8EA5B7;font-size:13px;line-height:1.5}
.journey-panel{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:28px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.18)}
.journey-head{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09)}
.journey-head small{display:block;color:#70DCD1;font-size:10px;font-weight:850;letter-spacing:.14em;margin-bottom:8px}
.journey-head b{display:block;color:#fff;font-size:24px;line-height:1.15;letter-spacing:-.7px;max-width:360px}
.journey-steps{display:grid}
.journey-step{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.journey-step:last-child{border-bottom:0;padding-bottom:0}
.journey-step>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(0,179,164,.12);border:1px solid rgba(0,179,164,.24);color:#70DCD1;font-size:10px;font-weight:900}
.journey-step b{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.journey-step small{display:block;color:#8FA7B8;font-size:12px;line-height:1.5}
.trust{padding:0!important}
.trust-inner{grid-template-columns:minmax(260px,.9fr) minmax(0,2.1fr);padding:26px 0!important}
.trust-copy small{display:block;color:#7D8FA0;font-size:10px;letter-spacing:.14em;font-weight:850;margin-bottom:7px}
.trust-copy h2{font-size:25px;line-height:1.06;letter-spacing:-.8px;margin:0 0 7px;color:var(--navy)}
.trust-copy p{font-size:13px;line-height:1.58;max-width:390px}
.brand-name{min-height:78px}
.brand-name b{font-size:16px}
.offer-section{padding-top:92px}
.offer-card{min-height:380px}
.offer-card h3{margin-top:42px}
.outcome{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}
.outcome b{display:block;color:#8092A2;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.outcome span{display:block;color:#435A6F;font-size:14px;line-height:1.55}
.products-section{padding:92px 0}
.process-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-grid{align-items:stretch}
.process-card{padding:25px;border:1px solid var(--line);border-radius:22px;background:#fff}
.process-card>span{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--navy);color:#fff;font-size:10px;font-weight:900;margin-bottom:28px}
.process-card h3{font-size:24px;letter-spacing:-.8px;margin:0 0 8px;color:var(--navy)}
.process-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.cloud-section{padding:72px 0}
.cloud-strip{padding:34px 38px}
.cloud-strip .kicker{display:block;margin-bottom:8px}
.final-section{padding-top:24px;padding-bottom:88px}
.final{padding:48px}
footer{padding-top:42px}
@media(max-width:1120px){
  .home-hero-grid{grid-template-columns:1fr}.journey-panel{max-width:760px}.trust-inner{grid-template-columns:1fr}.brand-row{margin-top:14px}
}
@media(max-width:740px){
  section{padding:64px 0}.hero-home .hero-inner{padding:24px 0 34px!important}.hero-internal .hero-inner,.hero-product .hero-inner{padding:32px 0 36px!important}
  .home-hero-copy h1{font-size:52px;letter-spacing:-3.2px}.home-hero-copy .lead{font-size:17px}.journey-panel{padding:21px;border-radius:22px}
  .trust-inner{padding:22px 0!important}.brand-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.brand-name{min-height:68px}
  .offer-section{padding-top:70px}.offer-card{min-height:auto}.offer-card h3{margin-top:28px}.products-section{padding:70px 0}
  .process-grid{grid-template-columns:1fr!important}.cloud-section{padding:58px 0}.cloud-strip{padding:28px}.final-section{padding-bottom:68px}.final{padding:32px}
}

/* ============================================================
   V5 HOME HERO — CONNECTED GROWTH SYSTEM
   ============================================================ */
.hero-concept{
  background:
    radial-gradient(circle at 77% 35%,rgba(0,179,164,.18),transparent 22%),
    radial-gradient(circle at 96% 58%,rgba(25,216,200,.08),transparent 31%),
    linear-gradient(180deg,#06101c 0%,#07111f 72%,#071521 100%);
}
.hero-concept::before{
  opacity:.12;
  background-size:56px 56px;
}
.hero-concept .hero-inner{
  min-height:650px;
  padding:46px 0 52px;
}
.hero-concept-grid{
  grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);
  gap:46px;
}
.hero-concept-copy{position:relative;z-index:3}
.hero-concept-copy h1{
  font-size:clamp(58px,6.2vw,88px);
  line-height:.91;
  letter-spacing:-4.7px;
  max-width:620px;
  margin:17px 0 23px;
}
.hero-concept-copy .lead{max-width:625px}
.hero-proofline{
  margin-top:25px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:#8fa6b7;
  font-size:11px;
  letter-spacing:.02em;
}
.hero-proofline i{
  width:3px;height:3px;border-radius:50%;
  background:#39d9cc;
  box-shadow:0 0 12px rgba(57,217,204,.85);
}

/* System visual */
.hero-system{
  position:relative;
  min-height:510px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:32px;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 50%,rgba(0,179,164,.09),transparent 27%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016));
  box-shadow:0 30px 100px rgba(0,0,0,.28);
  isolation:isolate;
}
.hero-system::before{
  content:"";
  position:absolute;inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to right,#000 35%,transparent 96%);
  pointer-events:none;
}
.system-kicker{
  position:absolute;left:27px;top:22px;z-index:5;
  font-size:9px;letter-spacing:.17em;font-weight:850;
  color:#7291a3;
}
.system-lines{
  position:absolute;inset:34px 18px 12px 28px;
  width:calc(100% - 46px);
  height:calc(100% - 46px);
  overflow:visible;
  pointer-events:none;
  z-index:1;
}
.flow{
  fill:none;
  stroke:url(#hubenaFlow);
  stroke-width:1.4;
  stroke-linecap:round;
  filter:url(#hubenaGlow);
  stroke-dasharray:7 11;
  animation:hubena-flow 5.5s linear infinite;
}
.flow-b{animation-duration:4.7s}
.flow-c{animation-duration:6.2s;animation-direction:reverse}
.flow-out{
  stroke-width:2;
  animation-duration:3.2s;
}
@keyframes hubena-flow{
  to{stroke-dashoffset:-180}
}

.system-node{
  position:absolute;
  left:28px;
  z-index:4;
  width:205px;
  min-height:94px;
  padding:16px 17px;
  border-radius:18px;
  background:rgba(8,25,40,.82);
  border:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(12px);
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.system-node:hover{
  transform:translateX(5px);
  border-color:rgba(0,179,164,.42);
  background:rgba(8,31,47,.95);
}
.system-node small{
  display:block;
  color:#5f8496;
  font-size:8px;
  letter-spacing:.13em;
  font-weight:850;
  margin-bottom:7px;
}
.system-node b{
  display:block;
  color:#f5f9fc;
  font-size:16px;
  letter-spacing:-.25px;
}
.system-node span{
  display:block;
  color:#8099aa;
  font-size:10px;
  line-height:1.45;
  margin-top:5px;
}
.node-studio{top:67px}
.node-labs{top:205px}
.node-cloud{top:343px}

.system-core{
  position:absolute;
  z-index:5;
  left:62%;
  top:50%;
  transform:translate(-50%,-50%);
  width:150px;height:150px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  background:
    radial-gradient(circle at 42% 36%,rgba(25,216,200,.20),transparent 34%),
    #081b2a;
  border:1px solid rgba(45,222,208,.25);
  box-shadow:
    0 0 0 14px rgba(0,179,164,.025),
    0 0 60px rgba(0,179,164,.11),
    inset 0 0 34px rgba(0,179,164,.05);
}
.system-core::before{
  content:"";
  position:absolute;inset:-11px;
  border-radius:50%;
  border:1px dashed rgba(49,214,202,.16);
  animation:core-spin 20s linear infinite;
}
@keyframes core-spin{to{transform:rotate(360deg)}}
.system-core span{
  color:#5f8998;
  font-size:8px;
  letter-spacing:.14em;
  font-weight:850;
}
.system-core b{
  display:block;
  color:#fff;
  font-size:24px;
  letter-spacing:-1px;
  margin:5px 0 2px;
}
.system-core small{color:#65dcd0;font-size:9px}

.system-output{
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:104px;
  text-align:left;
}
.system-output small{
  display:block;
  font-size:8px;
  letter-spacing:.14em;
  color:#5c8190;
  font-weight:850;
}
.system-output strong{
  display:block;
  color:#50e0d3;
  font-size:29px;
  line-height:1;
  letter-spacing:-1.4px;
  margin:7px 0 3px;
  text-shadow:0 0 22px rgba(80,224,211,.22);
}
.system-output span{color:#91a7b6;font-size:10px}

.system-orbit{
  position:absolute;z-index:0;
  border-radius:50%;
  border:1px solid rgba(0,179,164,.07);
  pointer-events:none;
}
.orbit-one{width:330px;height:330px;right:-112px;top:-90px}
.orbit-two{width:250px;height:250px;right:-75px;bottom:-130px}

@media(max-width:1120px){
  .hero-concept-grid{grid-template-columns:1fr}
  .hero-concept .hero-inner{padding:42px 0 48px}
  .hero-system{min-height:500px}
}
@media(max-width:740px){
  .hero-concept .hero-inner{padding:30px 0 36px}
  .hero-concept-copy h1{
    font-size:clamp(49px,15vw,62px);
    letter-spacing:-3.2px;
  }
  .hero-system{
    min-height:auto;
    padding:58px 16px 18px;
  }
  .system-lines,.system-core,.system-output,.system-orbit{display:none}
  .system-kicker{left:18px;top:19px}
  .system-node{
    position:relative;
    left:auto;top:auto!important;
    width:100%;
    min-height:auto;
    margin-bottom:10px;
  }
  .system-node:last-of-type{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){
  .flow,.system-core::before{animation:none!important}
}

/* ============================================================
   V6 HOME HERO — CALM PREMIUM
   ============================================================ */
.hero-calm{
  background:
    radial-gradient(circle at 78% 28%,rgba(0,179,164,.11),transparent 23%),
    radial-gradient(circle at 94% 72%,rgba(0,179,164,.06),transparent 28%),
    linear-gradient(180deg,#06101C 0%,#07111F 100%);
}
.hero-calm::before{
  opacity:.075;
  background-size:64px 64px;
}
.hero-calm .hero-inner{
  min-height:585px;
  padding:40px 0 46px;
}
.hero-calm-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr);
  gap:70px;
}
.hero-calm-copy h1{
  font-size:clamp(58px,6.4vw,90px);
  line-height:.93;
  letter-spacing:-4.7px;
  margin:16px 0 24px;
  max-width:740px;
}
.hero-calm-copy .lead{
  max-width:680px;
  color:#B8C9D5;
}
.trust-line{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin-top:28px;
  color:#91A6B5;
  font-size:12px;
}
.trust-line span{
  display:flex;
  align-items:center;
}
.trust-line span:not(:last-child)::after{
  content:"";
  width:3px;
  height:3px;
  border-radius:50%;
  background:#2ED6C8;
  margin:0 12px;
  box-shadow:0 0 12px rgba(46,214,200,.35);
}

.hero-calm-visual{
  min-width:0;
}
.calm-panel{
  position:relative;
  min-height:440px;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.085);
  background:
    radial-gradient(circle at 50% 48%,rgba(0,179,164,.075),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:0 28px 90px rgba(0,0,0,.21);
}
.calm-panel::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.10;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(circle at 50% 50%,#000,transparent 76%);
}
.calm-center{
  position:absolute;
  left:50%;
  top:49%;
  transform:translate(-50%,-50%);
  z-index:4;
  width:250px;
  text-align:center;
}
.calm-center span{
  display:block;
  font-size:9px;
  letter-spacing:.18em;
  font-weight:850;
  color:#4E7B87;
  margin-bottom:10px;
}
.calm-center strong{
  display:block;
  color:#F7FBFD;
  font-size:29px;
  line-height:1.08;
  letter-spacing:-1.25px;
}
.calm-center small{
  display:block;
  color:#7893A5;
  font-size:11px;
  margin-top:11px;
}
.calm-ring{
  position:absolute;
  left:50%;top:49%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(43,215,201,.11);
}
.ring-one{
  width:250px;height:250px;
}
.ring-two{
  width:340px;height:340px;
  border-color:rgba(43,215,201,.055);
}
.calm-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(30px);
  opacity:.38;
  animation:calm-breathe 7s ease-in-out infinite;
}
.glow-one{
  width:180px;height:180px;
  background:rgba(0,179,164,.12);
  left:47%;top:41%;
}
.glow-two{
  width:115px;height:115px;
  background:rgba(36,214,200,.08);
  right:8%;bottom:9%;
  animation-delay:-3s;
}
@keyframes calm-breathe{
  0%,100%{transform:scale(.96);opacity:.25}
  50%{transform:scale(1.06);opacity:.42}
}
.calm-line{
  position:absolute;
  z-index:2;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(51,214,201,.42),transparent);
  transform-origin:left center;
}
.line-a{width:205px;left:12%;top:31%;transform:rotate(18deg)}
.line-b{width:225px;right:10%;top:31%;transform:rotate(-18deg)}
.line-c{width:230px;left:32%;bottom:20%;transform:rotate(-8deg)}
.calm-label{
  position:absolute;
  z-index:5;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(8,25,40,.62);
  color:#8EA5B6;
  font-size:10px;
  letter-spacing:.02em;
  backdrop-filter:blur(10px);
}
.label-a{left:11%;top:22%}
.label-b{right:12%;top:23%}
.label-c{right:18%;bottom:13%}

@media(max-width:1120px){
  .hero-calm-grid{grid-template-columns:1fr}
  .hero-calm .hero-inner{min-height:auto;padding:40px 0 46px}
  .calm-panel{min-height:390px}
}
@media(max-width:740px){
  .hero-calm .hero-inner{padding:30px 0 36px}
  .hero-calm-copy h1{
    font-size:clamp(48px,14vw,62px);
    letter-spacing:-3.2px;
  }
  .hero-calm-grid{gap:34px}
  .calm-panel{min-height:320px;border-radius:24px}
  .calm-center{width:210px}
  .calm-center strong{font-size:24px}
  .ring-one{width:190px;height:190px}
  .ring-two{width:270px;height:270px}
  .calm-label{font-size:9px;padding:7px 9px}
  .line-a,.line-b,.line-c{opacity:.45}
}
@media(prefers-reduced-motion:reduce){
  .calm-glow{animation:none!important}
}

/* ============================================================
   V7 BALANCED SPACING + WHITE BALANCE
   ============================================================ */

/* Global rhythm */
:root{
  --section-space-desktop: 82px;
  --section-space-mobile: 62px;
  --section-head-gap: 30px;
  --hero-gap-desktop: 18px;
}

.site-header{
  background:rgba(6,17,31,.94)!important;
  backdrop-filter:blur(10px);
}
.nav{
  height:72px !important;
}
main{
  overflow-x:hidden;
}
section{
  padding:var(--section-space-desktop) 0 !important;
}
.section-head{
  margin-bottom:var(--section-head-gap) !important;
}
.section-head h2{
  max-width:760px;
}
.wrap{
  width:min(1200px, calc(100% - 56px)) !important;
}
.hero + section{
  padding-top:74px !important;
}
.hero .eyebrow{
  margin-top:0 !important;
}
.hero .actions{
  margin-top:24px !important;
}
.hero .lead{
  margin-top:0;
}

/* White balance across dark pages */
.hero-balanced,
.hero-balanced-internal,
.hero-balanced-product,
.hero-balanced-legal{
  position:relative;
}
.hero-balanced::after,
.hero-balanced-internal::after,
.hero-balanced-product::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:120px;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.02) 100%);
  pointer-events:none;
}
.dark-section{
  background:
    linear-gradient(180deg,#07111F 0%, #081522 100%),
    radial-gradient(circle at 14% 16%, rgba(255,255,255,.03), transparent 22%);
}
.dark-section .copy{
  box-shadow:0 18px 50px rgba(0,0,0,.16);
}

/* HOME HERO */
.hero-calm{
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.06), transparent 22%),
    radial-gradient(circle at 78% 28%, rgba(0,179,164,.10), transparent 23%),
    radial-gradient(circle at 96% 72%, rgba(255,255,255,.04), transparent 18%),
    linear-gradient(180deg,#06101C 0%,#07111F 100%);
}
.hero-calm::before{
  opacity:.055 !important;
  background-size:72px 72px !important;
}
.hero-calm .hero-inner{
  min-height:520px !important;
  padding:18px 0 26px !important;
  align-items:center !important;
}
.hero-calm-grid{
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr) !important;
  gap:54px !important;
}
.hero-calm-copy{
  padding-top:4px;
}
.hero-calm-copy h1{
  font-size:clamp(54px,6vw,84px) !important;
  line-height:.93 !important;
  letter-spacing:-4px !important;
  margin:10px 0 18px !important;
  max-width:640px !important;
}
.hero-calm-copy .lead{
  max-width:620px !important;
  font-size:19px !important;
  line-height:1.62 !important;
  color:#C2D1DB !important;
}
.trust-line{
  margin-top:24px !important;
}
.hero-calm-visual{
  display:flex;
  align-items:center;
  justify-content:center;
}
.calm-panel{
  min-height:380px !important;
  width:100%;
  border-radius:28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    radial-gradient(circle at 50% 48%, rgba(0,179,164,.06), transparent 29%),
    linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 22px 72px rgba(0,0,0,.18) !important;
}
.calm-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,0) 46%),
    radial-gradient(circle at 72% 24%, rgba(255,255,255,.08), transparent 18%);
  pointer-events:none;
}
.calm-panel::after{
  opacity:.07 !important;
}
.calm-center{
  top:50% !important;
}
.calm-center strong{
  font-size:31px !important;
}
.calm-center small{
  color:#8FA5B5 !important;
}
.calm-ring{
  border-color:rgba(255,255,255,.10) !important;
}
.ring-two{
  border-color:rgba(255,255,255,.06) !important;
}
.calm-glow{
  opacity:.28 !important;
}
.calm-line{
  opacity:.62;
}
.calm-label{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:#C9D6DE !important;
}

/* Internal hero standardization */
.hero-balanced-internal .hero-inner,
.hero-balanced-product .hero-inner{
  min-height:420px !important;
  padding:16px 0 24px !important;
  align-items:center !important;
}
.hero-balanced-internal h1,
.hero-balanced-product h1{
  margin-top:8px !important;
  margin-bottom:18px !important;
}
.hero-balanced-legal .hero-inner{
  min-height:250px !important;
  padding:12px 0 18px !important;
}
.hero-balanced-legal h1{
  margin-top:8px !important;
  margin-bottom:12px !important;
}

/* Cards and grids more aligned */
.grid3,.grid4,.product-grid,.showcase{
  gap:18px !important;
}
.card,
.product-card,
.copy,
.pillar,
.trust-card{
  border-radius:22px !important;
}
.card,.product-card,.copy{
  box-shadow:0 12px 36px rgba(5,16,28,.06);
}
.logo-row,
.brand-row{
  margin-top:6px !important;
}
.trust{
  background:linear-gradient(180deg,#FBFDFF 0%, #F5F9FC 100%);
}
.trust-inner{
  padding:12px 0 !important;
}
.final{
  padding-top:76px !important;
  padding-bottom:76px !important;
}

/* Footer tighter and cleaner */
footer{
  padding:38px 0 24px !important;
}
.footer-grid{
  gap:28px !important;
}
.footer-bottom{
  margin-top:20px !important;
}

/* Mobile */
@media(max-width:1120px){
  .wrap{
    width:min(1200px, calc(100% - 42px)) !important;
  }
  .hero-calm .hero-inner{
    min-height:auto !important;
    padding:24px 0 26px !important;
  }
  .hero-calm-grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .calm-panel{
    min-height:340px !important;
  }
}

@media(max-width:740px){
  .nav{
    height:66px !important;
  }
  section{
    padding:var(--section-space-mobile) 0 !important;
  }
  .wrap{
    width:min(1200px, calc(100% - 28px)) !important;
  }
  .hero + section{
    padding-top:58px !important;
  }
  .hero-calm .hero-inner{
    padding:14px 0 22px !important;
  }
  .hero-calm-copy h1{
    font-size:clamp(46px,14vw,60px) !important;
    letter-spacing:-3px !important;
    margin:8px 0 14px !important;
  }
  .hero-calm-copy .lead{
    font-size:17px !important;
    line-height:1.6 !important;
  }
  .actions{
    gap:10px !important;
  }
  .trust-line{
    gap:6px !important;
    font-size:11px !important;
  }
  .trust-line span:not(:last-child)::after{
    margin:0 8px !important;
  }
  .calm-panel{
    min-height:300px !important;
    border-radius:24px !important;
  }
  .hero-balanced-internal .hero-inner,
  .hero-balanced-product .hero-inner{
    min-height:auto !important;
    padding:14px 0 18px !important;
  }
  .hero-balanced-legal .hero-inner{
    min-height:auto !important;
    padding:10px 0 16px !important;
  }
  footer{
    padding:32px 0 20px !important;
  }
}

/* V8 — premium, calmer WOW hero */
.hero-v8{position:relative;overflow:hidden;padding:0!important;background:radial-gradient(circle at 84% 20%,rgba(0,179,164,.10),transparent 24%),radial-gradient(circle at 18% 12%,rgba(255,255,255,.055),transparent 23%),linear-gradient(180deg,#06101B 0%,#07111F 100%)}
.hero-v8::before{content:"";position:absolute;inset:0;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}
.hero-v8-light{position:absolute;width:720px;height:720px;right:-250px;top:-330px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13) 0%,rgba(255,255,255,.035) 34%,rgba(0,179,164,.025) 53%,transparent 72%);filter:blur(6px);pointer-events:none}
.hero-v8-grid{position:relative;z-index:2;min-height:495px;padding:26px 0 32px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);gap:56px;align-items:center}
.hero-v8-copy h1{max-width:690px!important;margin:9px 0 17px!important;font-size:clamp(58px,6.1vw,86px)!important;line-height:.92!important;letter-spacing:-4.6px!important}
.hero-v8-copy .lead{max-width:650px!important;font-size:19px!important;line-height:1.62!important;color:#C4D2DC!important}
.hero-v8-copy .actions{margin-top:23px!important}
.hero-v8-trust{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap;color:#8DA4B5;font-size:11px}
.hero-v8-trust span{display:flex;align-items:center;gap:7px}.hero-v8-trust i{width:5px;height:5px;border-radius:50%;background:#2BD2C4;box-shadow:0 0 12px rgba(43,210,196,.34)}
.hero-v8-stage{position:relative;min-height:400px;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.105),rgba(255,255,255,.028) 46%,rgba(255,255,255,.05)),radial-gradient(circle at 66% 35%,rgba(0,179,164,.10),transparent 30%);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07)}
.hero-v8-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.14),transparent 24%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.07),transparent 22%);pointer-events:none}
.stage-halo{position:absolute;width:350px;height:350px;right:-90px;top:-115px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 40px rgba(255,255,255,.018),0 0 80px rgba(0,179,164,.08)}
.stage-beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(67,223,210,.55),transparent);transform-origin:left center;opacity:.5}.beam-one{width:320px;left:42%;top:31%;transform:rotate(-17deg)}.beam-two{width:280px;left:34%;bottom:28%;transform:rotate(12deg)}
.stage-stack{position:absolute;left:27px;top:32px;width:72%;height:292px}
.stack-card{position:absolute;left:0;width:100%;min-height:84px;padding:14px 15px;display:grid;grid-template-columns:35px 1fr auto;gap:13px;align-items:center;border-radius:17px;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.13);transition:.25s ease}
.stack-card:hover{border-color:rgba(54,224,210,.44);transform:translateX(5px)}
.stack-index{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:rgba(0,179,164,.09);color:#58DCCF;font-size:9px;font-weight:900;border:1px solid rgba(0,179,164,.16)}
.stack-card small{display:block;font-size:8px;letter-spacing:.15em;font-weight:850;color:#7D96A7;margin-bottom:5px}.stack-card strong{display:block;color:#F8FBFD;font-size:13px}.stack-card>span{color:#68DCD1;font-size:10px;white-space:nowrap}
.card-brand{top:0;z-index:3;background:rgba(248,251,253,.105)}.card-product{top:93px;z-index:2;left:19px;background:rgba(248,251,253,.08)}.card-infra{top:186px;z-index:1;left:38px;background:rgba(248,251,253,.06)}
.stage-outcome{position:absolute;right:23px;bottom:24px;width:165px;min-height:104px;padding:16px;border-radius:19px;background:#F7FBFD;color:#071B3A;box-shadow:0 22px 50px rgba(0,0,0,.18);z-index:5;animation:v8float 6s ease-in-out infinite}
.stage-outcome small{display:block;font-size:7px;letter-spacing:.15em;color:#70879A;font-weight:850}.stage-outcome strong{display:block;margin:8px 0 2px;font-size:29px;line-height:1;letter-spacing:-1.5px;color:#071B3A}.stage-outcome span{color:#0C9E92;font-size:10px;font-weight:800}
@keyframes v8float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.stage-caption{position:absolute;left:27px;bottom:22px;color:#7892A4;font-size:10px;line-height:1.55}.stage-caption b{color:#B6C6D2;font-weight:750}
.hero-v8+section{padding-top:64px!important}
@media(max-width:1120px){.hero-v8-grid{grid-template-columns:1fr;min-height:auto;gap:28px;padding:22px 0 32px}.hero-v8-stage{min-height:395px}}
@media(max-width:740px){.hero-v8-grid{padding:15px 0 24px}.hero-v8-copy h1{font-size:clamp(48px,14vw,62px)!important;letter-spacing:-3.2px!important}.hero-v8-copy .lead{font-size:17px!important}.hero-v8-trust{gap:12px}.hero-v8-stage{min-height:375px;border-radius:23px}.stage-stack{left:14px;top:23px;width:calc(100% - 28px)}.stack-card{min-height:76px;padding:12px;grid-template-columns:30px 1fr}.stack-card>span{display:none}.card-product{top:82px;left:0}.card-infra{top:164px;left:0}.stage-outcome{right:14px;bottom:14px;width:138px;min-height:92px;padding:13px}.stage-caption{left:14px;bottom:16px;max-width:142px}.stage-halo,.stage-beam{opacity:.4}}
@media(prefers-reduced-motion:reduce){.stage-outcome{animation:none!important}}
