:root{
  --navy:#071f36;
  --navy-2:#0b2b49;
  --ink:#122033;
  --muted:#647183;
  --gold:#c79a4b;
  --gold-2:#e6c47c;
  --aqua:#0d6d86;
  --bg:#f6f8fb;
  --bg-2:#eef4f7;
  --surface:rgba(255,255,255,.78);
  --surface-strong:#ffffff;
  --surface-soft:#f8fbfd;
  --line:rgba(16,40,64,.12);
  --line-strong:rgba(16,40,64,.18);
  --text:#122033;
  --text-soft:#5d6b7b;
  --white:#ffffff;
  --shadow:0 34px 100px rgba(5,20,36,.14);
  --shadow-strong:0 42px 120px rgba(5,20,36,.24);
  --radius:30px;
  --max:1200px;
  --header-bg:rgba(255,255,255,.82);
  --hero-grad:
    radial-gradient(circle at 13% 12%,rgba(199,154,75,.18),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(13,109,134,.16),transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f0f6f9 48%,#ffffff 100%);
}
html[data-theme="dark"]{
  --navy:#dcecf4;
  --navy-2:#cddde8;
  --ink:#eef7fb;
  --muted:#9eb1bf;
  --gold:#e3bd6a;
  --gold-2:#f0d58e;
  --aqua:#58c1d4;
  --bg:#06111f;
  --bg-2:#0a1b2c;
  --surface:rgba(12,30,47,.72);
  --surface-strong:#0d2135;
  --surface-soft:#0a1929;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.2);
  --text:#eef7fb;
  --text-soft:#a9bac8;
  --white:#07111d;
  --shadow:0 34px 110px rgba(0,0,0,.38);
  --shadow-strong:0 48px 140px rgba(0,0,0,.52);
  --header-bg:rgba(6,17,31,.82);
  --hero-grad:
    radial-gradient(circle at 11% 11%,rgba(227,189,106,.18),transparent 30%),
    radial-gradient(circle at 88% 16%,rgba(88,193,212,.13),transparent 34%),
    linear-gradient(135deg,#06111f 0%,#0b1d31 52%,#081522 100%);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 0%,rgba(199,154,75,.08),transparent 24%),
    radial-gradient(circle at 95% 10%,rgba(13,109,134,.08),transparent 28%),
    var(--bg);
  overflow-x:hidden;
  transition:background .35s ease,color .35s ease;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(128,150,170,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(128,150,170,.05) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent 70%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 42px));margin:0 auto}
.notranslate{translate:no}

/* Google Translate clean: spinner hidden without blocking the page */
.goog-te-banner-frame,
.goog-te-balloon-frame,
body > .skiptranslate,
.goog-te-gadget,
.goog-te-combo{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}
body{top:0!important}
.goog-te-spinner-pos,.goog-te-spinner,.goog-te-spinner-animation,.goog-te-spinner-animation *,
[class*="goog-te-spinner"],[class*="VIpgJd-ZVi9od-aZ2wEe"],#goog-gt-tt,.goog-tooltip,.goog-text-highlight{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;overflow:hidden!important;position:absolute!important;left:-999999px!important;top:-999999px!important;
}

/* Preloader */
.preloader{
  position:fixed;inset:0;z-index:99999;display:grid;place-items:center;
  background:var(--hero-grad);
  transition:opacity .55s ease,visibility .55s ease;
}
.preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.preloader-card{
  display:flex;align-items:center;gap:20px;padding:22px 28px;border:1px solid var(--line-strong);
  border-radius:26px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(24px)
}
.preloader-card img{width:68px;height:68px;object-fit:contain}
.preloader-card strong{display:block;color:var(--navy);font-weight:950}
.preloader-card span{display:block;color:var(--text-soft);font-size:13px;margin-top:4px}

/* Header */
.site-header{
  position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:12px clamp(18px,4vw,54px);
  background:var(--header-bg);backdrop-filter:blur(24px) saturate(145%);
  border-bottom:1px solid var(--line);
  box-shadow:0 20px 50px rgba(5,20,36,.04);
}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(5,20,36,.12))}
.brand strong{display:block;color:var(--navy);font-size:19px;letter-spacing:.02em;font-weight:950}
.brand small{display:block;color:var(--gold);font-weight:950;font-size:11px;text-transform:uppercase;letter-spacing:.15em}
.main-nav{display:flex;gap:3px;align-items:center;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.26)}
html[data-theme="dark"] .main-nav{background:rgba(255,255,255,.04)}
.main-nav a{
  color:var(--text-soft);font-size:13px;font-weight:850;padding:10px 11px;border-radius:999px;white-space:nowrap;transition:.22s ease
}
.main-nav a:hover,.main-nav a[aria-current="page"]{background:var(--surface-strong);color:var(--navy);box-shadow:0 8px 24px rgba(5,20,36,.08)}
.header-actions{display:flex;align-items:center;gap:10px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:999px;
  padding:14px 21px;background:linear-gradient(135deg,#071f36,#0d6d86 58%,#0b3954);color:white;
  font-weight:900;box-shadow:0 18px 44px rgba(7,31,54,.25);cursor:pointer;white-space:nowrap;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease
}
html[data-theme="dark"] .btn{background:linear-gradient(135deg,#e3bd6a,#0d6d86);color:#06111f}
.btn:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(7,31,54,.32);filter:saturate(1.04)}
.btn-small{font-size:13px;padding:10px 15px}
.btn-ghost{background:var(--surface);color:var(--navy);border:1px solid var(--line-strong);box-shadow:none}
.text-link{display:inline-flex;margin-top:14px;color:var(--navy);font-weight:950;border-bottom:2px solid var(--gold)}
.language-switcher{position:relative}
.language-toggle,.theme-toggle{
  border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:9px 12px;display:flex;gap:7px;align-items:center;
  color:var(--navy);font-weight:950;cursor:pointer;box-shadow:0 8px 22px rgba(7,31,54,.06);backdrop-filter:blur(18px)
}
.theme-toggle{min-width:92px;justify-content:center}
.theme-icon{font-size:15px}.theme-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.language-menu{
  position:absolute;right:0;top:calc(100% + 12px);min-width:194px;padding:8px;background:var(--surface-strong);border:1px solid var(--line);
  border-radius:18px;box-shadow:var(--shadow);display:none;z-index:1003
}
.language-switcher.is-open .language-menu{display:grid}
.language-menu button{border:0;background:transparent;text-align:left;padding:11px;border-radius:12px;cursor:pointer;font-weight:800;color:var(--text)}
.language-menu button:hover{background:var(--surface-soft)}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--navy);margin:5px auto;border-radius:3px}

/* Mobile drawer */
.mobile-drawer{position:fixed;inset:0;z-index:1500;background:rgba(2,12,24,.62);opacity:0;visibility:hidden;transition:.25s ease}
.mobile-drawer.is-open{opacity:1;visibility:visible}
.mobile-drawer-panel{position:absolute;right:14px;top:14px;bottom:14px;width:min(398px,calc(100% - 28px));background:var(--surface-strong);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow-strong);transform:translateX(105%);transition:.35s ease}
.mobile-drawer.is-open .mobile-drawer-panel{transform:translateX(0)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.drawer-top button{border:0;background:var(--surface-soft);color:var(--navy);border-radius:12px;font-size:26px;width:42px;height:42px}
.mobile-drawer nav{display:grid;gap:8px}
.mobile-drawer nav a{padding:14px;border-radius:16px;background:var(--surface-soft);font-weight:900;color:var(--navy)}
.drawer-cta{margin-top:18px;width:100%}

/* Hero */
.home-hero,.page-hero{position:relative;overflow:hidden;background:var(--hero-grad)}
.home-hero:before,.page-hero:before{
  content:"";position:absolute;inset:auto -20% -36% -20%;height:56%;
  background:linear-gradient(90deg,transparent,rgba(199,154,75,.20),transparent);
  filter:blur(70px);opacity:.72
}
.home-hero{min-height:calc(100vh - 74px);display:grid;align-items:center;padding:78px 0}
.page-hero{padding:104px 0 78px}
.orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.orb-one{width:560px;height:560px;background:rgba(199,154,75,.16);left:-190px;top:-170px}
.orb-two{width:460px;height:460px;background:rgba(13,109,134,.14);right:-130px;bottom:-170px}
.home-hero-grid,.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.hero-copy{position:relative;z-index:2}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-weight:950;
  font-size:12px;margin-bottom:16px
}
.eyebrow:before{content:"";width:36px;height:2px;background:var(--gold);border-radius:4px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(44px,6.4vw,84px);line-height:.92;letter-spacing:-.075em;color:var(--navy);margin-bottom:24px}
.page-hero h1{font-size:clamp(40px,5.3vw,68px)}
h2{font-size:clamp(32px,4.3vw,56px);line-height:.98;letter-spacing:-.055em;color:var(--navy);margin-bottom:18px}
h3{color:var(--navy);letter-spacing:-.02em}
.hero-copy p,.section-head p,.editorial-block p,.split-grid p{font-size:18px;line-height:1.74;color:var(--text-soft)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.trust-row span{padding:9px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:950;color:var(--navy);backdrop-filter:blur(14px)}
.command-card,.hero-visual{
  position:relative;border-radius:38px;overflow:hidden;background:var(--surface-strong);box-shadow:var(--shadow-strong);border:1px solid var(--line-strong);
}
.command-card:before,.hero-visual:before{
  content:"";position:absolute;inset:18px;z-index:2;border:1px solid rgba(255,255,255,.30);border-radius:28px;pointer-events:none
}
.command-img,.hero-visual img{width:100%;height:552px;object-fit:cover;transform:scale(1.01)}
.command-overlay{
  position:absolute;left:26px;right:26px;bottom:26px;z-index:3;padding:20px;border-radius:24px;background:rgba(255,255,255,.84);backdrop-filter:blur(22px);
  border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 60px rgba(0,0,0,.14)
}
html[data-theme="dark"] .command-overlay{background:rgba(8,22,36,.80);border-color:rgba(255,255,255,.12)}
.command-overlay span{display:block;color:var(--gold);font-weight:950;text-transform:uppercase;font-size:11px;letter-spacing:.16em}
.command-overlay strong{display:block;color:var(--navy);font-size:24px;margin-top:6px;letter-spacing:-.03em}

/* Sections */
.section{padding:92px 0}
.section.compact{padding:34px 0;background:var(--bg)}
.section.light{background:linear-gradient(135deg,var(--surface-soft),var(--bg))}
.section-head{max-width:890px;margin-bottom:38px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.metric{padding:24px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:0 18px 42px rgba(7,31,54,.06);backdrop-filter:blur(18px)}
.metric strong{display:block;color:var(--gold);font-size:32px}
.metric span{font-weight:900;color:var(--navy)}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cards-grid-3{grid-template-columns:repeat(3,1fr)}
.premium-card,.service-card,.insight-card,.feature-panel,.resource-card,.secure-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 18px 50px rgba(7,31,54,.07);position:relative;overflow:hidden;backdrop-filter:blur(16px)
}
.premium-card:before,.service-card:before,.feature-panel:before,.secure-card:before{
  content:"";position:absolute;right:-52px;top:-52px;width:150px;height:150px;background:rgba(199,154,75,.14);border-radius:50%
}
.premium-card:after,.service-card:after,.feature-panel:after,.secure-card:after{
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),transparent)
}
.premium-card span,.service-card span,.insight-card span,.resource-card span{display:inline-flex;color:var(--gold);font-weight:950;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.premium-card p,.service-card p,.insight-card p,.feature-panel p,.resource-card p,.secure-card p{color:var(--text-soft);line-height:1.72}
.service-card a,.insight-card a,.resource-card a{color:var(--navy);font-weight:950;border-bottom:2px solid var(--gold)}
.split-section{background:linear-gradient(135deg,#06111f,#0c3d5e 70%,#102c40);color:white;position:relative;overflow:hidden}
.split-section:before{content:"";position:absolute;inset:-30% -20% auto auto;width:580px;height:580px;border-radius:50%;background:rgba(199,154,75,.12);filter:blur(20px)}
.split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;position:relative}
.split-grid h2,.split-grid .eyebrow{color:white}
.split-grid p{color:rgba(255,255,255,.78)}
.insight-stack{display:grid;gap:14px}
.insight-stack article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:20px;backdrop-filter:blur(10px)}
.insight-stack span{color:var(--gold-2);font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.insight-stack strong{display:block;margin:7px 0;color:white}
.cta-band{background:var(--bg)}
.cta-inner{text-align:center;padding:66px;border-radius:42px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.editorial-grid,.feature-columns,.secure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.feature-columns{grid-template-columns:repeat(3,1fr)}
.values-grid,.simulator,.form-shell,.contact-layout,.timeline{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}
.check-list{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.check-list li{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:19px;font-weight:800;color:var(--navy);backdrop-filter:blur(12px)}
.static-form,.premium-form{display:grid;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 20px 55px rgba(7,31,54,.08);backdrop-filter:blur(18px)}
label{display:grid;gap:8px;color:var(--navy);font-weight:900}
input,select,textarea{border:1px solid var(--line);border-radius:16px;padding:15px 17px;background:var(--surface-soft);outline:none;color:var(--text)}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(199,154,75,.14)}
.form-note,.muted{color:var(--text-soft);font-size:13px}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tender-board{background:var(--surface);border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.tender-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;padding:21px 25px;border-bottom:1px solid var(--line);align-items:center}
.tender-row:last-child{border-bottom:0}
.tender-row.head{background:#071f36;color:white;font-weight:950}
.tender-row strong{color:var(--gold)}
.dashboard-mock{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dash-card,.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 20px 55px rgba(7,31,54,.08);backdrop-filter:blur(18px)}
.dash-card span{display:block;color:var(--text-soft);font-weight:850}
.dash-card strong{display:block;color:var(--navy);font-size:44px;margin-top:12px}
.dash-card i{display:block;height:8px;background:linear-gradient(90deg,var(--gold),var(--aqua));border-radius:999px;margin-top:18px}
.chart-card{grid-column:1/-1}
.bars{display:flex;gap:16px;align-items:end;height:230px;padding-top:20px}
.bars span{flex:1;background:linear-gradient(180deg,var(--gold),var(--aqua),#071f36);border-radius:16px 16px 0 0;min-height:38px}
.contact-card{background:linear-gradient(135deg,#06111f,#0f4c66);color:white;border-radius:34px;padding:36px;box-shadow:var(--shadow-strong);position:relative;overflow:hidden}
.contact-card:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(199,154,75,.18)}
.contact-card h2{color:white}
.contact-card a,.contact-card p{display:block;color:rgba(255,255,255,.84);margin-bottom:12px}

/* Real image sections */
.command-card:after,.hero-visual:after,.photo-proof-main:after,.visual-collage:after,.investor-proof figure:after{
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,31,54,.02),rgba(7,31,54,.22)),radial-gradient(circle at 80% 10%,rgba(199,154,75,.22),transparent 38%);mix-blend-mode:multiply
}
.command-img,.hero-visual img,.photo-proof-main img,.photo-proof-stack img,.visual-collage img,.investor-proof img{filter:saturate(.95) contrast(1.05)}
.photo-proof-section{padding:92px 0;background:linear-gradient(135deg,#06111f,#0d3d5c 70%,#143f58);position:relative;overflow:hidden}
.photo-proof-section:before{content:"";position:absolute;left:5%;top:-18%;width:460px;height:460px;background:rgba(199,154,75,.14);border-radius:50%;filter:blur(34px)}
.photo-proof-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch;position:relative}
.photo-proof-main,.photo-proof-stack figure,.investor-proof figure{position:relative;overflow:hidden;border-radius:36px;margin:0;box-shadow:0 36px 100px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.16);background:#0b243b}
.photo-proof-main img{height:610px;width:100%;object-fit:cover}
.photo-proof-main figcaption{position:absolute;left:26px;right:26px;bottom:26px;z-index:2;border-radius:24px;padding:20px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px)}
.photo-proof-main figcaption span{display:block;color:#b78632;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:950}
.photo-proof-main figcaption strong{display:block;color:#071f36;font-size:22px;margin-top:5px}
.photo-proof-stack{display:grid;gap:22px}
.photo-proof-stack figure{height:188px}
.photo-proof-stack img{width:100%;height:100%;object-fit:cover}
.photo-proof-stack figcaption{position:absolute;left:16px;bottom:16px;z-index:2;color:white;background:rgba(7,31,54,.68);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);border-radius:999px;padding:8px 13px;font-weight:950}
.visual-band{background:linear-gradient(135deg,var(--bg),var(--surface-soft))}
.visual-band-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:36px;align-items:center}
.visual-collage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.visual-collage img{width:100%;height:270px;object-fit:cover;border-radius:30px;box-shadow:0 24px 65px rgba(7,31,54,.14);border:1px solid var(--line)}
.visual-collage img:first-child{grid-row:span 2;height:558px}
.investor-proof{background:linear-gradient(135deg,#06111f,#0f4c66);color:white}
.investor-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.investor-proof h2,.investor-proof .eyebrow{color:white}
.investor-proof p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.75}
.investor-proof figure img{width:100%;height:448px;object-fit:cover}

/* Footer */
.site-footer{background:#06111f;color:white;padding:74px clamp(20px,4vw,54px) 24px;position:relative;overflow:hidden}
.site-footer:before{content:"";position:absolute;right:-130px;top:-160px;width:430px;height:430px;border-radius:50%;background:rgba(199,154,75,.12);filter:blur(12px)}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:36px;max-width:var(--max);margin:0 auto;position:relative}
.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.footer-brand img{width:60px;height:60px;border-radius:18px}
.footer-brand span{font-weight:950;font-size:19px}
.footer-brand small{color:var(--gold)}
.site-footer p,.site-footer span{color:rgba(255,255,255,.70);line-height:1.7}
.site-footer h3{color:white}
.site-footer a{display:block;color:rgba(255,255,255,.72);margin:10px 0}
.site-footer a:hover{color:white}
.socials{display:flex;gap:8px;margin-top:14px}
.socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:white;font-weight:950}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);max-width:var(--max);margin:46px auto 0;padding-top:22px;display:flex;justify-content:space-between;gap:16px;position:relative}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:900;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;font-size:26px;box-shadow:0 22px 56px rgba(37,211,102,.36)}

/* Animations */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .78s ease,transform .78s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}

@media (max-width:1120px){
  .main-nav{display:none}
  .nav-toggle{display:block}
  .btn-small{display:none}
  .theme-label{display:none}.theme-toggle{min-width:44px;width:44px;padding:9px}
  .home-hero-grid,.hero-grid,.split-grid,.values-grid,.simulator,.form-shell,.contact-layout,.timeline,.photo-proof-grid,.visual-band-grid,.investor-proof-grid{grid-template-columns:1fr}
  .command-img,.hero-visual img{height:440px}
}
@media (max-width:840px){
  .home-hero{min-height:auto;padding:58px 0}
  .page-hero{padding:68px 0 50px}
  .cards-grid,.cards-grid-3,.metrics,.feature-columns,.resource-grid,.dashboard-mock,.editorial-grid,.secure-grid,.footer-grid{grid-template-columns:1fr}
  h1{font-size:44px}
  h2{font-size:34px}
  .hero-copy p,.section-head p,.editorial-block p,.split-grid p{font-size:16px}
  .command-img,.hero-visual img{height:320px}
  .site-header{padding:10px 16px}
  .brand span{display:none}
  .footer-bottom{flex-direction:column}
  .tender-row{grid-template-columns:1fr}
  .photo-proof-main img{height:420px}
  .photo-proof-stack{grid-template-columns:1fr 1fr 1fr}
  .photo-proof-stack figure{height:160px}
}
@media (max-width:680px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .hero-actions{flex-direction:column}
  .btn{width:100%}
  .language-toggle{padding:8px 10px}
  .photo-proof-stack{grid-template-columns:1fr}
  .visual-collage{grid-template-columns:1fr}
  .visual-collage img:first-child,.visual-collage img{height:280px}
  .investor-proof figure img{height:320px}
}
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .brand,html[dir="rtl"] .hero-actions,html[dir="rtl"] .trust-row{direction:rtl}


/* V4 — Couture corporate layer */
:root{
  --luxury-ring:rgba(199,154,75,.34);
  --luxury-metal:linear-gradient(135deg,#f7e8bd,#c79a4b 45%,#fff4cd 72%,#9b7431);
}
html[data-theme="dark"]{
  --luxury-ring:rgba(227,189,106,.30);
  --luxury-metal:linear-gradient(135deg,#f0d58e,#b78632 46%,#fff2be 72%,#725223);
}

/* Header refinement */
.site-header{
  min-height:76px;
}
.site-header:before{
  content:"";
  position:absolute;
  left:clamp(18px,4vw,54px);
  right:clamp(18px,4vw,54px);
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.55;
}
.theme-toggle{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  border-radius:50%!important;
}
.theme-toggle .theme-icon{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:18px;
  line-height:1;
}
.theme-label{display:none!important}

/* Luxury hero depth */
.home-hero{
  min-height:calc(100vh - 76px);
}
.home-hero:after,.page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.16),transparent 16%,transparent 84%,rgba(255,255,255,.14)),
    repeating-linear-gradient(90deg,rgba(199,154,75,.035) 0 1px,transparent 1px 110px);
  opacity:.8;
}
html[data-theme="dark"] .home-hero:after,
html[data-theme="dark"] .page-hero:after{
  background:
    linear-gradient(90deg,rgba(227,189,106,.08),transparent 18%,transparent 82%,rgba(88,193,212,.07)),
    repeating-linear-gradient(90deg,rgba(227,189,106,.055) 0 1px,transparent 1px 110px);
}
.hero-copy h1{
  text-wrap:balance;
  max-width:980px;
  position:relative;
}
.hero-copy h1:after{
  content:"";
  display:block;
  width:min(300px,48vw);
  height:7px;
  margin-top:22px;
  border-radius:999px;
  background:var(--luxury-metal);
  box-shadow:0 18px 40px rgba(199,154,75,.22);
}
.home-hero .hero-copy p{
  max-width:760px;
}
.command-card,.hero-visual{
  transform-style:preserve-3d;
}
.command-card:before,.hero-visual:before{
  border-color:rgba(255,255,255,.46);
}
.command-card:after,.hero-visual:after{
  background:
    linear-gradient(180deg,rgba(7,31,54,0),rgba(7,31,54,.28)),
    radial-gradient(circle at 74% 11%,rgba(199,154,75,.34),transparent 34%)!important;
}
.command-card .command-overlay{
  left:30px;
  right:30px;
  bottom:30px;
  padding:22px 24px;
}

/* Signature board */
.signature-board{
  padding:98px 0;
  background:
    radial-gradient(circle at 12% 0%,rgba(199,154,75,.14),transparent 32%),
    linear-gradient(135deg,var(--bg),var(--surface-soft) 55%,var(--bg));
  position:relative;
  overflow:hidden;
}
.signature-board:before{
  content:"ASYM";
  position:absolute;
  right:-3vw;
  top:6%;
  font-size:clamp(110px,18vw,260px);
  font-weight:950;
  letter-spacing:-.08em;
  color:var(--navy);
  opacity:.035;
  pointer-events:none;
}
.signature-board-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:24px;
  align-items:stretch;
}
.signature-panel{
  min-height:520px;
  padding:46px;
  border-radius:42px;
  background:linear-gradient(135deg,var(--surface),rgba(255,255,255,.38));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:blur(20px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
}
html[data-theme="dark"] .signature-panel{
  background:linear-gradient(135deg,rgba(12,30,47,.78),rgba(255,255,255,.04));
}
.signature-panel:before{
  content:"";
  position:absolute;
  left:32px;
  top:32px;
  width:110px;
  height:110px;
  border-radius:50%;
  border:1px solid var(--luxury-ring);
  box-shadow:inset 0 0 0 12px rgba(199,154,75,.04);
}
.signature-panel p{
  color:var(--text-soft);
  font-size:18px;
  line-height:1.75;
}
.signature-photo{
  min-height:520px;
  border-radius:42px;
  overflow:hidden;
  position:relative;
  box-shadow:var(--shadow-strong);
  border:1px solid var(--line-strong);
}
.signature-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.92) contrast(1.06);
}
.signature-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent,rgba(7,31,54,.32)),radial-gradient(circle at 15% 15%,rgba(199,154,75,.20),transparent 34%);
}
.signature-points{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.signature-points article{
  padding:26px;
  border-radius:28px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(7,31,54,.07);
  backdrop-filter:blur(18px);
}
.signature-points strong{
  display:block;
  color:var(--navy);
  font-size:20px;
  margin-bottom:8px;
}
.signature-points span{
  display:block;
  color:var(--text-soft);
  line-height:1.65;
}

/* Executive suite */
.executive-suite{
  padding:98px 0;
  background:
    linear-gradient(135deg,#06111f,#09243a 54%,#0d3d5c);
  color:white;
  position:relative;
  overflow:hidden;
}
.executive-suite:before{
  content:"";
  position:absolute;
  inset:52px;
  border:1px solid rgba(199,154,75,.22);
  border-radius:46px;
  pointer-events:none;
}
.executive-suite:after{
  content:"";
  position:absolute;
  right:-180px;
  top:-220px;
  width:560px;
  height:560px;
  border-radius:50%;
  background:rgba(199,154,75,.16);
  filter:blur(20px);
}
.executive-suite-inner{
  position:relative;
  z-index:2;
}
.executive-title{
  max-width:860px;
  margin-bottom:30px;
}
.executive-title h2,.executive-title .eyebrow{
  color:white;
}
.executive-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.executive-steps article{
  min-height:260px;
  padding:28px;
  border-radius:30px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.executive-steps span{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--luxury-metal);
  color:#07111d;
  font-weight:950;
  margin-bottom:28px;
}
.executive-steps strong{
  display:block;
  font-size:22px;
  margin-bottom:10px;
}
.executive-steps p{
  color:rgba(255,255,255,.72);
  line-height:1.68;
}

/* Jurisdiction ribbon */
.jurisdiction-ribbon{
  position:relative;
  z-index:3;
  margin-top:-30px;
  padding:0 0 28px;
}
.jurisdiction-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--line);
  background:var(--line);
  box-shadow:0 22px 60px rgba(7,31,54,.10);
}
.jurisdiction-grid span{
  display:grid;
  place-items:center;
  min-height:74px;
  background:var(--surface);
  color:var(--navy);
  font-weight:950;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-size:12px;
  backdrop-filter:blur(18px);
}
.jurisdiction-grid span:nth-child(even){
  background:linear-gradient(135deg,var(--surface),rgba(199,154,75,.09));
}

/* Cards and forms feel more expensive */
.premium-card,.service-card,.insight-card,.feature-panel,.resource-card,.secure-card,.static-form,.premium-form,.dash-card,.chart-card,.tender-board{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.premium-card:hover,.service-card:hover,.insight-card:hover,.feature-panel:hover,.resource-card:hover,.secure-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow);
  border-color:var(--luxury-ring);
}
.service-card h3,.premium-card h3,.resource-card h3{
  font-size:23px;
}

/* Photo treatment */
.photo-proof-section{
  padding:110px 0;
}
.photo-proof-main img{
  height:660px;
}
.photo-proof-main figcaption{
  left:30px;
  right:30px;
  bottom:30px;
}
.photo-proof-stack figure{
  height:204px;
}

/* Dark image logo control */
html[data-theme="dark"] .brand img,
html[data-theme="dark"] .preloader-card img{
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.32)) brightness(1.08);
}

/* Responsive additions */
@media(max-width:1120px){
  .signature-board-grid,.signature-points,.executive-steps,.jurisdiction-grid{
    grid-template-columns:1fr 1fr;
  }
  .signature-panel,.signature-photo{min-height:440px}
}
@media(max-width:760px){
  .signature-board{padding:70px 0}
  .signature-board-grid,.signature-points,.executive-steps,.jurisdiction-grid{
    grid-template-columns:1fr;
  }
  .signature-panel{min-height:unset;padding:32px}
  .signature-photo{min-height:340px}
  .executive-suite:before{inset:18px;border-radius:32px}
  .executive-steps article{min-height:unset}
  .jurisdiction-grid span{min-height:58px}
  .photo-proof-main img{height:430px}
}


/* V5 — Above-the-fold refinement and logo consistency */
:root{
  --hero-header-h:76px;
}
.site-header{
  height:var(--hero-header-h);
}
.brand img{
  width:46px!important;
  height:46px!important;
}
.brand strong{
  font-size:18px!important;
}
.brand small{
  font-size:10px!important;
}

/* Keep first viewport complete without forcing scroll */
.home-hero{
  min-height:calc(100svh - var(--hero-header-h))!important;
  padding:clamp(26px,4.2vh,54px) 0!important;
  align-items:center!important;
}
.home-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;
  gap:clamp(24px,3.2vw,48px)!important;
  align-items:center!important;
}
.home-hero .hero-copy h1{
  font-size:clamp(38px,5.1vw,68px)!important;
  line-height:.94!important;
  margin-bottom:clamp(14px,2vh,20px)!important;
}
.home-hero .hero-copy h1:after{
  margin-top:clamp(14px,2vh,18px)!important;
  height:5px!important;
}
.home-hero .hero-copy p{
  font-size:clamp(15px,1.55vw,17px)!important;
  line-height:1.62!important;
  margin-bottom:0!important;
  max-width:720px!important;
}
.home-hero .eyebrow{
  margin-bottom:clamp(8px,1.2vh,13px)!important;
}
.home-hero .hero-actions{
  margin-top:clamp(18px,2.4vh,24px)!important;
}
.home-hero .trust-row{
  margin-top:clamp(14px,2vh,22px)!important;
}
.home-hero .trust-row span{
  padding:7px 11px!important;
}
.command-img{
  height:min(54vh,520px)!important;
  min-height:360px!important;
}
.command-overlay{
  padding:16px 18px!important;
  bottom:22px!important;
  left:22px!important;
  right:22px!important;
}
.command-overlay strong{
  font-size:clamp(18px,1.8vw,22px)!important;
}

/* Internal first sections also fit better in one viewport */
.page-hero{
  min-height:calc(100svh - var(--hero-header-h))!important;
  padding:clamp(34px,5vh,68px) 0!important;
  display:grid!important;
  align-items:center!important;
}
.page-hero .hero-grid{
  gap:clamp(24px,3vw,44px)!important;
}
.page-hero h1{
  font-size:clamp(36px,4.6vw,58px)!important;
}
.page-hero .hero-copy p{
  font-size:clamp(15px,1.55vw,17px)!important;
  line-height:1.62!important;
}
.hero-visual img{
  height:min(50vh,480px)!important;
  min-height:320px!important;
}

/* More cinematic first screen */
.home-hero .command-card{
  border-radius:44px!important;
  outline:1px solid rgba(199,154,75,.20);
  outline-offset:8px;
}
.home-hero .command-card:before{
  inset:22px!important;
  border-radius:30px!important;
}
.home-hero .command-card:after{
  background:
    linear-gradient(180deg,rgba(7,31,54,.00),rgba(7,31,54,.36)),
    radial-gradient(circle at 70% 12%,rgba(227,189,106,.36),transparent 30%),
    linear-gradient(90deg,rgba(7,31,54,.34),transparent 45%)!important;
}
.hero-actions .btn,
.hero-actions .btn-ghost{
  min-height:48px;
}

/* Logo stays visually stable in dark theme */
html[data-theme="dark"] .brand img{
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.34)) brightness(1.04)!important;
}
html[data-theme="dark"] .footer-brand img{
  filter:drop-shadow(0 12px 25px rgba(0,0,0,.38));
}

/* High-density corporate refinement */
.signature-board{
  padding:84px 0!important;
}
.executive-suite{
  padding:86px 0!important;
}
.section{
  padding:84px 0;
}

@media(max-width:1120px){
  .home-hero{
    min-height:auto!important;
    padding:48px 0!important;
  }
  .home-hero-grid{
    grid-template-columns:1fr!important;
  }
  .command-img{
    height:420px!important;
    min-height:unset!important;
  }
  .page-hero{
    min-height:auto!important;
  }
}
@media(max-width:760px){
  :root{--hero-header-h:68px}
  .site-header{height:auto;min-height:68px}
  .home-hero .hero-copy h1{
    font-size:clamp(36px,11vw,46px)!important;
  }
  .page-hero h1{
    font-size:clamp(34px,10vw,44px)!important;
  }
  .command-img,
  .hero-visual img{
    height:300px!important;
    min-height:unset!important;
  }
  .brand img{
    width:42px!important;
    height:42px!important;
  }
}


/* V5 — Luxury marker on first screen */
.sovereign-marker{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:clamp(16px,2vh,22px);
}
.sovereign-marker span{
  display:block;
  height:2px;
  border-radius:999px;
  background:var(--luxury-metal);
  box-shadow:0 10px 28px rgba(199,154,75,.24);
}
.sovereign-marker span:nth-child(1){width:92px}
.sovereign-marker span:nth-child(2){width:22px}
.sovereign-marker span:nth-child(3){width:44px}


/* V6 — Domaines d’intervention fully designed */
.domaines-luxury-section{
  position:relative;
  padding:96px 0 110px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 8%,rgba(199,154,75,.13),transparent 32%),
    radial-gradient(circle at 86% 16%,rgba(13,109,134,.10),transparent 30%),
    linear-gradient(135deg,var(--bg),var(--surface-soft) 52%,var(--bg));
}
.domaines-luxury-section:before{
  content:"";
  position:absolute;
  inset:34px clamp(18px,4vw,54px);
  border:1px solid var(--line);
  border-radius:48px;
  pointer-events:none;
}
.domaines-luxury-section:after{
  content:"AFFAIRES";
  position:absolute;
  right:-5vw;
  top:12%;
  font-size:clamp(90px,15vw,230px);
  line-height:1;
  letter-spacing:-.08em;
  font-weight:950;
  color:var(--navy);
  opacity:.035;
  pointer-events:none;
}
.domaines-luxury-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:end;
  margin-bottom:34px;
}
.domaines-luxury-head h2{
  margin-bottom:0;
  max-width:860px;
}
.domaines-luxury-head p{
  margin:0;
  color:var(--text-soft);
  font-size:18px;
  line-height:1.72;
  padding:26px;
  border-radius:26px;
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(7,31,54,.06);
}
.domaines-luxury-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.domain-card{
  min-height:360px;
  position:relative;
  display:flex;
  flex-direction:column;
  padding:28px;
  border-radius:34px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48)),
    radial-gradient(circle at 88% 0%,rgba(199,154,75,.16),transparent 34%);
  border:1px solid var(--line);
  box-shadow:0 24px 70px rgba(7,31,54,.08);
  backdrop-filter:blur(18px);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
html[data-theme="dark"] .domain-card{
  background:
    linear-gradient(145deg,rgba(15,36,56,.82),rgba(10,25,41,.62)),
    radial-gradient(circle at 88% 0%,rgba(227,189,106,.14),transparent 34%);
}
.domain-card:hover{
  transform:translateY(-8px);
  box-shadow:0 38px 100px rgba(7,31,54,.16);
  border-color:var(--luxury-ring);
}
.domain-card:before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(199,154,75,.16);
  border-radius:25px;
  pointer-events:none;
}
.domain-card:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-76px;
  bottom:-84px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,154,75,.20),transparent 68%);
  pointer-events:none;
}
.domain-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:34px;
}
.domain-index{
  display:inline-grid!important;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--luxury-metal);
  color:#07111d!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  margin:0!important;
  box-shadow:0 16px 35px rgba(199,154,75,.22);
}
.domain-card-top i{
  width:54px;
  height:54px;
  border-radius:18px;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04)),
    radial-gradient(circle at 40% 35%,var(--gold),transparent 18%),
    linear-gradient(135deg,var(--navy),var(--aqua));
  opacity:.95;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 35px rgba(7,31,54,.12);
}
.domain-card h3{
  font-size:clamp(22px,2vw,27px);
  line-height:1.05;
  margin-bottom:14px;
  letter-spacing:-.04em;
}
.domain-card p{
  color:var(--text-soft);
  line-height:1.68;
  margin-bottom:22px;
}
.domain-card ul{
  margin:auto 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:9px;
}
.domain-card li{
  position:relative;
  padding-left:18px;
  color:var(--text);
  font-size:14px;
  font-weight:800;
}
.domain-card li:before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(199,154,75,.13);
}
html[dir="rtl"] .domain-card li{
  padding-left:0;
  padding-right:18px;
}
html[dir="rtl"] .domain-card li:before{
  left:auto;
  right:0;
}
.domain-card-featured{
  background:
    linear-gradient(145deg,rgba(7,31,54,.95),rgba(13,109,134,.82)),
    radial-gradient(circle at 86% 0%,rgba(199,154,75,.24),transparent 36%);
  color:white;
  border-color:rgba(199,154,75,.34);
}
.domain-card-featured h3,
.domain-card-featured p,
.domain-card-featured li{
  color:white;
}
.domain-card-featured p{
  color:rgba(255,255,255,.78);
}
.domain-card-featured .domain-card-top i{
  background:
    radial-gradient(circle at 40% 35%,#fff2bd,transparent 18%),
    var(--luxury-metal);
}
@media(max-width:1060px){
  .domaines-luxury-head,
  .domaines-luxury-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:720px){
  .domaines-luxury-section{
    padding:70px 0;
  }
  .domaines-luxury-section:before{
    inset:18px;
    border-radius:34px;
  }
  .domaines-luxury-head,
  .domaines-luxury-grid{
    grid-template-columns:1fr;
  }
  .domain-card{
    min-height:unset;
  }
}


/* V7 — Premium animated loader, dark-logo clarity, animated corporate background */

/* Dark header logo legibility */
html[data-theme="dark"] .brand img.js-theme-logo{
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.52)) drop-shadow(0 0 22px rgba(227,189,106,.10))!important;
}
html[data-theme="dark"] .brand strong{
  color:#f3fbff!important;
}
html[data-theme="dark"] .brand small{
  color:#f0d58e!important;
}

/* Animated corporate background for first section */
.home-hero{
  --mx:50%;
  --my:50%;
  isolation:isolate;
}
.luxury-ambient{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.luxury-ambient:before{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(227,189,106,.26), transparent 18%),
    radial-gradient(circle at calc(var(--mx) + 14%) calc(var(--my) + 8%), rgba(13,109,134,.18), transparent 24%),
    conic-gradient(from 130deg at 50% 50%, transparent 0deg, rgba(199,154,75,.12) 42deg, transparent 88deg, rgba(13,109,134,.10) 170deg, transparent 250deg, rgba(199,154,75,.10) 318deg, transparent 360deg);
  filter:blur(20px);
  opacity:.82;
  transform:translate3d(0,0,0);
  animation:luxuryAurora 14s ease-in-out infinite alternate;
}
.luxury-ambient:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(199,154,75,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(199,154,75,.07) 1px,transparent 1px),
    linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.15) 50%,transparent 52% 100%);
  background-size:92px 92px,92px 92px,260px 260px;
  opacity:.38;
  mask-image:radial-gradient(circle at var(--mx) var(--my), black, transparent 68%);
  animation:luxuryGrid 18s linear infinite;
}
.luxury-ambient span{
  position:absolute;
  display:block;
  border-radius:999px;
  border:1px solid rgba(199,154,75,.22);
  box-shadow:0 0 60px rgba(199,154,75,.10), inset 0 0 30px rgba(255,255,255,.08);
  opacity:.68;
  transform:translate3d(0,0,0);
}
.luxury-ambient span:nth-child(1){
  width:360px;height:360px;left:7%;top:14%;animation:floatSeal 12s ease-in-out infinite;
}
.luxury-ambient span:nth-child(2){
  width:520px;height:520px;right:-120px;top:6%;animation:floatSeal 15s ease-in-out infinite reverse;
}
.luxury-ambient span:nth-child(3){
  width:260px;height:260px;right:28%;bottom:8%;animation:floatSeal 11s ease-in-out infinite;
}
.luxury-ambient span:nth-child(4){
  width:2px;height:70%;left:53%;top:14%;border:0;background:linear-gradient(180deg,transparent,rgba(199,154,75,.28),transparent);animation:luxuryLine 8s ease-in-out infinite;
}
@keyframes luxuryAurora{
  0%{transform:translate3d(-2%, -1%,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(2%, 1.5%,0) rotate(5deg) scale(1.03)}
  100%{transform:translate3d(1%, -2%,0) rotate(-4deg) scale(1.02)}
}
@keyframes luxuryGrid{
  0%{background-position:0 0,0 0,-260px 0}
  100%{background-position:92px 92px,92px 92px,260px 0}
}
@keyframes floatSeal{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(16px,-18px,0) scale(1.04)}
}
@keyframes luxuryLine{
  0%,100%{opacity:.16;transform:translateY(-10px)}
  50%{opacity:.55;transform:translateY(14px)}
}
.home-hero .container,
.home-hero .orb,
.home-hero .hero-copy,
.home-hero .command-card{
  position:relative;
  z-index:2;
}
html[data-theme="dark"] .luxury-ambient:before{
  opacity:.94;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(227,189,106,.19), transparent 19%),
    radial-gradient(circle at calc(var(--mx) + 14%) calc(var(--my) + 8%), rgba(88,193,212,.16), transparent 25%),
    conic-gradient(from 130deg at 50% 50%, transparent 0deg, rgba(227,189,106,.13) 42deg, transparent 88deg, rgba(88,193,212,.12) 170deg, transparent 250deg, rgba(227,189,106,.09) 318deg, transparent 360deg);
}
html[data-theme="dark"] .luxury-ambient:after{
  opacity:.30;
}

/* Premium animated preloader */
.preloader{
  overflow:hidden;
}
.preloader-luxury-stage{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
}
.preloader-luxury-stage:before{
  content:"";
  position:absolute;
  width:min(70vw,680px);
  height:min(70vw,680px);
  border-radius:50%;
  background:
    conic-gradient(from 0deg,transparent,rgba(199,154,75,.34),transparent,rgba(13,109,134,.22),transparent);
  filter:blur(10px);
  opacity:.55;
  animation:preloaderHalo 4.5s linear infinite;
}
.preloader-orbit{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(199,154,75,.26);
  box-shadow:0 0 55px rgba(199,154,75,.10), inset 0 0 30px rgba(255,255,255,.10);
}
.orbit-one{width:310px;height:310px;animation:orbitSpin 4.6s linear infinite}
.orbit-two{width:390px;height:390px;border-color:rgba(13,109,134,.20);animation:orbitSpin 6.8s linear infinite reverse}
.orbit-three{width:470px;height:470px;border-style:dashed;border-color:rgba(199,154,75,.19);animation:orbitSpin 10s linear infinite}
.preloader-spark{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#e7c470;
  box-shadow:0 0 18px rgba(231,196,112,.85);
}
.spark-one{transform:translate(155px,-10px);animation:sparkPulse 1.6s ease-in-out infinite}
.spark-two{transform:translate(-188px,58px);animation:sparkPulse 1.9s ease-in-out infinite .2s}
.spark-three{transform:translate(74px,218px);animation:sparkPulse 2.1s ease-in-out infinite .4s}
.preloader-card{
  position:relative;
  z-index:2;
  min-width:min(420px,calc(100% - 44px));
  justify-content:flex-start;
  overflow:hidden;
}
.preloader-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.55) 50%,transparent 65% 100%);
  transform:translateX(-120%);
  animation:preloaderShimmer 2.4s ease-in-out infinite;
}
.preloader-logo-wrap{
  position:relative;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
}
.preloader-logo-wrap:before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:1px solid rgba(199,154,75,.32);
  animation:logoPulse 1.8s ease-in-out infinite;
}
.preloader-logo-wrap img{
  width:68px;
  height:68px;
  object-fit:contain;
  position:relative;
  z-index:2;
}
.preloader-copy{
  position:relative;
  z-index:2;
  flex:1;
}
.preloader-copy i{
  display:block;
  height:3px;
  margin-top:12px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(199,154,75,.22),rgba(199,154,75,.95),rgba(13,109,134,.55));
  transform-origin:left center;
  animation:loadingLine 1.8s ease-in-out infinite;
}
@keyframes preloaderHalo{
  to{transform:rotate(360deg)}
}
@keyframes orbitSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes sparkPulse{
  0%,100%{opacity:.25;filter:blur(0);transform:scale(.82) translate(var(--x,0),var(--y,0))}
  50%{opacity:1;filter:blur(.3px);transform:scale(1.4) translate(var(--x,0),var(--y,0))}
}
@keyframes preloaderShimmer{
  0%{transform:translateX(-130%)}
  55%{transform:translateX(130%)}
  100%{transform:translateX(130%)}
}
@keyframes logoPulse{
  0%,100%{transform:scale(.95);opacity:.42}
  50%{transform:scale(1.08);opacity:.88}
}
@keyframes loadingLine{
  0%{transform:scaleX(.18);opacity:.45}
  50%{transform:scaleX(1);opacity:1}
  100%{transform:scaleX(.18);opacity:.45}
}
html[data-theme="dark"] .preloader-card{
  background:rgba(8,22,36,.78);
}
html[data-theme="dark"] .preloader-card:before{
  background:linear-gradient(115deg,transparent 0 35%,rgba(227,189,106,.14) 50%,transparent 65% 100%);
}

/* Remove the ugly blue right-side object in Domaines d’intervention */
.domain-card-top{
  min-height:48px;
  position:relative;
}
.domain-card-top i{
  display:none!important;
}
.domain-card-top:after{
  content:"";
  flex:1;
  height:1px;
  margin-left:18px;
  background:linear-gradient(90deg,var(--gold),transparent);
  opacity:.55;
}
html[dir="rtl"] .domain-card-top:after{
  margin-left:0;
  margin-right:18px;
  background:linear-gradient(270deg,var(--gold),transparent);
}

/* Softer motion preference */
@media (prefers-reduced-motion: reduce){
  .luxury-ambient:before,
  .luxury-ambient:after,
  .luxury-ambient span,
  .preloader-luxury-stage:before,
  .preloader-orbit,
  .preloader-spark,
  .preloader-card:before,
  .preloader-logo-wrap:before,
  .preloader-copy i{
    animation:none!important;
  }
}


/* V8 — Hero above-the-fold correction, light motion boost, dark button refinement */

/* Avoid empty animated top: hero content must be visible inside first viewport */
.home-hero{
  min-height:calc(100svh - var(--hero-header-h))!important;
  height:calc(100svh - var(--hero-header-h))!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.home-hero-grid{
  width:min(var(--max),calc(100% - 42px))!important;
  min-height:auto!important;
  max-height:calc(100svh - var(--hero-header-h) - 34px)!important;
  align-items:center!important;
}
.home-hero .hero-copy{
  padding-top:0!important;
}
.home-hero .hero-copy h1{
  font-size:clamp(34px,4.65vw,62px)!important;
  line-height:.94!important;
  margin-bottom:12px!important;
}
.home-hero .hero-copy h1:after{
  margin-top:12px!important;
  width:min(250px,42vw)!important;
}
.home-hero .hero-copy p{
  font-size:clamp(14px,1.32vw,16px)!important;
  line-height:1.54!important;
  max-width:680px!important;
}
.home-hero .eyebrow{
  margin-bottom:9px!important;
  font-size:11px!important;
}
.home-hero .sovereign-marker{
  margin-top:13px!important;
}
.home-hero .hero-actions{
  margin-top:16px!important;
}
.home-hero .trust-row{
  margin-top:13px!important;
}
.home-hero .trust-row span{
  padding:6px 10px!important;
  font-size:11px!important;
}
.command-img{
  height:min(47vh,455px)!important;
  min-height:315px!important;
}
.command-overlay{
  padding:14px 16px!important;
  bottom:18px!important;
  left:18px!important;
  right:18px!important;
}
.command-overlay span{
  font-size:10px!important;
}
.command-overlay strong{
  font-size:clamp(16px,1.5vw,20px)!important;
}

/* Make first hero elements visible immediately even if observer is late */
.home-hero .reveal{
  opacity:1!important;
  transform:none!important;
}

/* Light theme: make corporate animated background visible but still elegant */
html:not([data-theme="dark"]) .luxury-ambient:before{
  opacity:1!important;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(199,154,75,.38), transparent 19%),
    radial-gradient(circle at calc(var(--mx) + 15%) calc(var(--my) + 8%), rgba(13,109,134,.26), transparent 25%),
    conic-gradient(from 130deg at 50% 50%, transparent 0deg, rgba(199,154,75,.19) 42deg, transparent 88deg, rgba(13,109,134,.16) 170deg, transparent 250deg, rgba(199,154,75,.15) 318deg, transparent 360deg)!important;
  filter:blur(18px)!important;
}
html:not([data-theme="dark"]) .luxury-ambient:after{
  opacity:.62!important;
  background-image:
    linear-gradient(rgba(199,154,75,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(13,109,134,.09) 1px,transparent 1px),
    linear-gradient(115deg,transparent 0 48%,rgba(199,154,75,.19) 50%,transparent 52% 100%)!important;
}
html:not([data-theme="dark"]) .luxury-ambient span{
  border-color:rgba(199,154,75,.34)!important;
  box-shadow:0 0 70px rgba(199,154,75,.16), inset 0 0 34px rgba(13,109,134,.08)!important;
  opacity:.76!important;
}

/* Dark theme buttons: no gradient, one luxury glass color */
html[data-theme="dark"] .btn{
  background:rgba(227,189,106,.88)!important;
  color:#06111f!important;
  border:1px solid rgba(255,236,178,.36)!important;
  box-shadow:
    0 18px 45px rgba(227,189,106,.16),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -14px 28px rgba(100,70,18,.10)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
}
html[data-theme="dark"] .btn:hover{
  background:rgba(241,209,129,.94)!important;
  box-shadow:
    0 24px 58px rgba(227,189,106,.22),
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -14px 28px rgba(100,70,18,.12)!important;
}
html[data-theme="dark"] .btn-ghost{
  background:rgba(255,255,255,.075)!important;
  color:#f5fbff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* Corporate image animation: slight motion by default, stronger on hover */
.command-card{
  perspective:1100px;
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}
.command-card .command-img{
  transform-origin:center;
  animation:executiveImageBreath 8.5s ease-in-out infinite;
  transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}
.command-card:hover{
  transform:translateY(-6px) rotateX(1.2deg) rotateY(-1.2deg);
  border-color:var(--luxury-ring);
  box-shadow:0 44px 130px rgba(7,31,54,.25);
}
.command-card:hover .command-img{
  transform:scale(1.075) translate3d(6px,-4px,0);
  filter:saturate(1.06) contrast(1.08);
}
.command-card .command-overlay{
  transition:transform .38s ease, background .38s ease, border-color .38s ease;
}
.command-card:hover .command-overlay{
  transform:translateY(-4px);
  border-color:rgba(199,154,75,.38);
}
.command-card:before{
  transition:inset .35s ease, border-color .35s ease;
}
.command-card:hover:before{
  inset:16px!important;
  border-color:rgba(231,196,112,.62)!important;
}
.command-card .corporate-scan{
  display:none;
}
.command-card:focus-within{
  outline:2px solid var(--gold);
  outline-offset:4px;
}
@keyframes executiveImageBreath{
  0%,100%{transform:scale(1.01) translate3d(0,0,0)}
  50%{transform:scale(1.035) translate3d(-5px,3px,0)}
}

/* Improve first screen on shorter laptops */
@media(max-height:760px) and (min-width:1121px){
  .home-hero .hero-copy h1{
    font-size:clamp(32px,4.2vw,54px)!important;
  }
  .home-hero .hero-copy p{
    line-height:1.45!important;
  }
  .command-img{
    height:min(43vh,390px)!important;
    min-height:285px!important;
  }
  .home-hero .trust-row{
    display:none!important;
  }
}
@media(max-width:1120px){
  .home-hero{
    height:auto!important;
    min-height:auto!important;
    padding:48px 0!important;
    overflow:visible!important;
  }
  .home-hero-grid{
    max-height:none!important;
  }
}
@media(max-width:760px){
  .home-hero{
    padding:38px 0!important;
  }
  .home-hero .trust-row{
    display:flex!important;
  }
  .command-img{
    height:300px!important;
  }
}


/* V9 — Section 1 strict two-column balance */
.home-hero{
  min-height:calc(100svh - var(--hero-header-h))!important;
  height:calc(100svh - var(--hero-header-h))!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.home-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(440px, 0.98fr) minmax(390px, 0.88fr)!important;
  width:min(1240px, calc(100% - 56px))!important;
  max-width:1240px!important;
  margin-inline:auto!important;
  gap:clamp(28px,4vw,66px)!important;
  align-items:center!important;
  justify-content:center!important;
  max-height:calc(100svh - var(--hero-header-h) - 24px)!important;
}
.home-hero .hero-copy{
  grid-column:1!important;
  justify-self:start!important;
  align-self:center!important;
  width:100%!important;
  max-width:720px!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
}
.home-hero .command-card{
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
  width:100%!important;
  max-width:560px!important;
  margin:0!important;
}
.home-hero .hero-copy h1{
  font-size:clamp(34px,4.55vw,60px)!important;
  line-height:.94!important;
  letter-spacing:-.072em!important;
  margin:0 0 12px!important;
}
.home-hero .hero-copy p{
  max-width:680px!important;
  margin:0!important;
}
.home-hero .hero-actions{
  margin-top:16px!important;
}
.home-hero .trust-row{
  margin-top:12px!important;
}
.command-img{
  height:min(47vh,440px)!important;
  min-height:300px!important;
}
.command-card{
  min-height:unset!important;
}
.command-overlay{
  max-width:calc(100% - 36px)!important;
}

/* Make the left half visibly occupied and premium, without adding clutter */
.home-hero .hero-copy:before{
  content:"";
  position:absolute;
  left:-22px;
  top:-24px;
  width:min(360px,42vw);
  height:min(360px,42vw);
  border-radius:50%;
  background:radial-gradient(circle,rgba(199,154,75,.14),transparent 64%);
  z-index:-1;
  pointer-events:none;
}
.home-hero .hero-copy:after{
  content:"";
  position:absolute;
  left:-34px;
  top:8%;
  width:1px;
  height:68%;
  background:linear-gradient(180deg,transparent,var(--gold),transparent);
  opacity:.55;
  pointer-events:none;
}

/* Stronger light theme animated background, but behind the balanced columns */
html:not([data-theme="dark"]) .home-hero{
  background:
    radial-gradient(circle at 14% 28%,rgba(199,154,75,.18),transparent 32%),
    radial-gradient(circle at 86% 30%,rgba(13,109,134,.13),transparent 33%),
    linear-gradient(135deg,#ffffff 0%,#eef6f9 52%,#ffffff 100%)!important;
}
html:not([data-theme="dark"]) .luxury-ambient{
  opacity:1!important;
}
html:not([data-theme="dark"]) .luxury-ambient:before{
  filter:blur(15px)!important;
}
html:not([data-theme="dark"]) .luxury-ambient:after{
  opacity:.76!important;
}

/* Short laptop guard: hide minor chips before pushing hero below fold */
@media(max-height:720px) and (min-width:1121px){
  .home-hero .hero-copy h1{
    font-size:clamp(31px,4.05vw,52px)!important;
  }
  .home-hero .hero-actions{
    margin-top:12px!important;
  }
  .home-hero .sovereign-marker{
    margin-top:10px!important;
  }
  .home-hero .trust-row{
    display:none!important;
  }
  .command-img{
    height:min(42vh,365px)!important;
    min-height:270px!important;
  }
  .command-overlay{
    padding:12px 14px!important;
  }
}

/* Tablet and mobile: stack naturally, but desktop keeps two occupied halves */
@media(max-width:1120px){
  .home-hero{
    height:auto!important;
    min-height:auto!important;
    padding:44px 0!important;
    display:block!important;
    overflow:visible!important;
  }
  .home-hero-grid{
    grid-template-columns:1fr!important;
    width:min(var(--max), calc(100% - 40px))!important;
    max-height:none!important;
    gap:28px!important;
  }
  .home-hero .hero-copy,
  .home-hero .command-card{
    grid-column:auto!important;
    justify-self:stretch!important;
    max-width:none!important;
  }
  .home-hero .hero-copy:after{
    display:none!important;
  }
}
@media(max-width:760px){
  .home-hero{
    padding:34px 0!important;
  }
  .home-hero-grid{
    width:min(var(--max), calc(100% - 28px))!important;
  }
  .home-hero .hero-copy h1{
    font-size:clamp(34px,10vw,44px)!important;
  }
}


/* V10 — Emergency hard fix: first section content must always be visible */
.home-hero{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:calc(100svh - var(--hero-header-h, 76px))!important;
  min-height:calc(100svh - var(--hero-header-h, 76px))!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* The animated background stays behind, never above content */
.home-hero .luxury-ambient,
.home-hero .orb{
  z-index:0!important;
  pointer-events:none!important;
}
.home-hero:before,
.home-hero:after{
  z-index:1!important;
  pointer-events:none!important;
}

/* Content is forced above every decorative layer */
.home-hero > .container.home-hero-grid{
  position:relative!important;
  z-index:20!important;
  display:grid!important;
  grid-template-columns:minmax(0, 1.02fr) minmax(360px, .88fr)!important;
  gap:clamp(28px,4vw,62px)!important;
  width:min(1240px, calc(100% - 56px))!important;
  max-width:1240px!important;
  height:auto!important;
  max-height:calc(100svh - var(--hero-header-h, 76px) - 26px)!important;
  margin:0 auto!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* Left content: visible, placed on the left, readable on both themes */
.home-hero .hero-copy{
  position:relative!important;
  z-index:30!important;
  grid-column:1!important;
  justify-self:start!important;
  align-self:center!important;
  display:block!important;
  width:100%!important;
  max-width:700px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  margin:0!important;
  padding:clamp(18px,2.4vw,30px)!important;
  border:1px solid rgba(199,154,75,.18)!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.50)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  box-shadow:0 24px 78px rgba(7,31,54,.10)!important;
}
html[data-theme="dark"] .home-hero .hero-copy{
  background:rgba(7,18,31,.50)!important;
  border-color:rgba(227,189,106,.22)!important;
  box-shadow:0 30px 88px rgba(0,0,0,.28)!important;
}

.home-hero .hero-copy .eyebrow,
.home-hero .hero-copy h1,
.home-hero .hero-copy p,
.home-hero .hero-copy .sovereign-marker,
.home-hero .hero-copy .hero-actions,
.home-hero .hero-copy .trust-row{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

.home-hero .hero-copy h1{
  color:var(--navy)!important;
  font-size:clamp(32px,4.25vw,56px)!important;
  line-height:.96!important;
  letter-spacing:-.068em!important;
  margin:0 0 12px!important;
}
.home-hero .hero-copy h1:after{
  display:block!important;
  margin-top:12px!important;
  width:min(230px,38vw)!important;
  height:5px!important;
}
.home-hero .hero-copy p{
  color:var(--text-soft)!important;
  font-size:clamp(14px,1.24vw,16px)!important;
  line-height:1.52!important;
  margin:0!important;
  max-width:650px!important;
}
.home-hero .eyebrow{
  margin-bottom:8px!important;
  font-size:11px!important;
}
.home-hero .sovereign-marker{
  margin-top:12px!important;
}
.home-hero .hero-actions{
  margin-top:15px!important;
}
.home-hero .trust-row{
  margin-top:12px!important;
}

/* Right image: visible, placed on the right */
.home-hero .command-card{
  position:relative!important;
  z-index:25!important;
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
  display:block!important;
  width:100%!important;
  max-width:540px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  margin:0!important;
}
.home-hero .command-card img.command-img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:100%!important;
  height:min(45vh,430px)!important;
  min-height:300px!important;
  object-fit:cover!important;
}
.home-hero .command-overlay{
  z-index:35!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Short screen: reduce secondary elements to preserve full first-screen visibility */
@media(max-height:740px) and (min-width:1121px){
  .home-hero .hero-copy{
    padding:18px 22px!important;
  }
  .home-hero .hero-copy h1{
    font-size:clamp(29px,3.85vw,48px)!important;
    margin-bottom:9px!important;
  }
  .home-hero .hero-copy p{
    line-height:1.42!important;
  }
  .home-hero .trust-row{
    display:none!important;
  }
  .home-hero .command-card img.command-img{
    height:min(40vh,355px)!important;
    min-height:260px!important;
  }
  .home-hero .command-overlay{
    padding:11px 13px!important;
  }
}

/* Tablet/mobile remains stacked and visible */
@media(max-width:1120px){
  .home-hero{
    display:block!important;
    height:auto!important;
    min-height:auto!important;
    padding:42px 0!important;
    overflow:visible!important;
  }
  .home-hero > .container.home-hero-grid{
    grid-template-columns:1fr!important;
    max-height:none!important;
    width:min(var(--max), calc(100% - 40px))!important;
  }
  .home-hero .hero-copy,
  .home-hero .command-card{
    grid-column:auto!important;
    justify-self:stretch!important;
    max-width:none!important;
  }
}
@media(max-width:760px){
  .home-hero{
    padding:32px 0!important;
  }
  .home-hero > .container.home-hero-grid{
    width:min(var(--max), calc(100% - 28px))!important;
  }
  .home-hero .hero-copy{
    padding:20px!important;
  }
  .home-hero .hero-copy h1{
    font-size:clamp(32px,9.8vw,42px)!important;
  }
}


/* V11 — Definitive desktop hero split: text fixed left, image fixed right */
@media(min-width:1121px){
  .home-hero{
    position:relative!important;
    display:block!important;
    height:calc(100svh - var(--hero-header-h, 76px))!important;
    min-height:calc(100svh - var(--hero-header-h, 76px))!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .home-hero > .container.home-hero-grid{
    position:absolute!important;
    inset:0!important;
    z-index:25!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .home-hero .hero-copy{
    position:absolute!important;
    left:max(28px, calc((100vw - 1240px) / 2))!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:40!important;
    width:min(570px, calc(50vw - 62px))!important;
    max-width:min(570px, calc(50vw - 62px))!important;
    min-width:0!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0!important;
    padding:clamp(18px,2.2vw,30px)!important;
    text-align:left!important;
    border:1px solid rgba(199,154,75,.18)!important;
    border-radius:32px!important;
    background:rgba(255,255,255,.52)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    box-shadow:0 24px 78px rgba(7,31,54,.10)!important;
  }

  html[data-theme="dark"] .home-hero .hero-copy{
    background:rgba(7,18,31,.56)!important;
    border-color:rgba(227,189,106,.24)!important;
    box-shadow:0 30px 88px rgba(0,0,0,.30)!important;
  }

  .home-hero .command-card{
    position:absolute!important;
    right:max(28px, calc((100vw - 1240px) / 2))!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:38!important;
    width:min(540px, calc(50vw - 62px))!important;
    max-width:min(540px, calc(50vw - 62px))!important;
    min-width:0!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0!important;
  }

  .home-hero .hero-copy .eyebrow,
  .home-hero .hero-copy h1,
  .home-hero .hero-copy p,
  .home-hero .hero-copy .sovereign-marker,
  .home-hero .hero-copy .hero-actions,
  .home-hero .hero-copy .trust-row,
  .home-hero .command-card,
  .home-hero .command-card img,
  .home-hero .command-overlay{
    opacity:1!important;
    visibility:visible!important;
  }

  .home-hero .hero-copy h1{
    font-size:clamp(31px,4.05vw,54px)!important;
    line-height:.96!important;
    letter-spacing:-.068em!important;
    margin:0 0 11px!important;
  }

  .home-hero .hero-copy h1:after{
    display:block!important;
    margin-top:11px!important;
    width:min(220px,34vw)!important;
    height:5px!important;
  }

  .home-hero .hero-copy p{
    font-size:clamp(14px,1.15vw,16px)!important;
    line-height:1.50!important;
    margin:0!important;
    max-width:100%!important;
  }

  .home-hero .eyebrow{
    margin-bottom:8px!important;
    font-size:11px!important;
  }

  .home-hero .sovereign-marker{
    margin-top:11px!important;
  }

  .home-hero .hero-actions{
    margin-top:14px!important;
  }

  .home-hero .trust-row{
    margin-top:11px!important;
  }

  .home-hero .trust-row span{
    padding:6px 10px!important;
    font-size:11px!important;
  }

  .home-hero .command-card img.command-img{
    width:100%!important;
    height:min(45vh,420px)!important;
    min-height:292px!important;
    object-fit:cover!important;
    display:block!important;
  }

  .home-hero .command-overlay{
    bottom:16px!important;
    left:16px!important;
    right:16px!important;
    padding:12px 14px!important;
  }

  .home-hero .command-overlay strong{
    font-size:clamp(16px,1.45vw,20px)!important;
  }

  /* Decorative left-side line stays around the actual left block */
  .home-hero .hero-copy:after{
    left:-22px!important;
    top:10%!important;
    height:80%!important;
  }
}

/* More aggressive short laptop safeguard */
@media(min-width:1121px) and (max-height:720px){
  .home-hero .hero-copy{
    width:min(550px, calc(50vw - 60px))!important;
    padding:16px 20px!important;
  }
  .home-hero .hero-copy h1{
    font-size:clamp(28px,3.55vw,45px)!important;
    margin-bottom:8px!important;
  }
  .home-hero .hero-copy p{
    font-size:14px!important;
    line-height:1.38!important;
  }
  .home-hero .hero-actions{
    margin-top:10px!important;
  }
  .home-hero .sovereign-marker{
    margin-top:9px!important;
  }
  .home-hero .trust-row{
    display:none!important;
  }
  .home-hero .command-card img.command-img{
    height:min(39vh,340px)!important;
    min-height:250px!important;
  }
}

/* Medium desktop safeguard: still two real halves */
@media(min-width:1121px) and (max-width:1240px){
  .home-hero .hero-copy{
    left:28px!important;
    width:calc(50vw - 56px)!important;
    max-width:calc(50vw - 56px)!important;
  }
  .home-hero .command-card{
    right:28px!important;
    width:calc(50vw - 56px)!important;
    max-width:calc(50vw - 56px)!important;
  }
}


/* V12 — Home hero compact, inspired by internal page hero positioning */
@media(min-width:1121px){
  .home-hero{
    height:calc(100svh - var(--hero-header-h, 76px))!important;
    min-height:calc(100svh - var(--hero-header-h, 76px))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    padding:0!important;
  }

  .home-hero > .container.home-hero-grid{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0, .95fr) minmax(360px, .88fr)!important;
    gap:clamp(32px,4.4vw,72px)!important;
    width:min(1220px, calc(100% - 72px))!important;
    max-width:1220px!important;
    height:auto!important;
    max-height:calc(100svh - var(--hero-header-h, 76px) - 24px)!important;
    margin:0 auto!important;
    padding:0!important;
    align-items:center!important;
    z-index:25!important;
  }

  .home-hero .hero-copy{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:100%!important;
    max-width:580px!important;
    padding:0!important;
    margin:0!important;
    border:none!important;
    border-radius:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }

  .home-hero .hero-copy:before{
    left:-34px!important;
    top:-42px!important;
    width:330px!important;
    height:330px!important;
  }

  .home-hero .hero-copy:after{
    left:-26px!important;
    top:8%!important;
    height:76%!important;
    opacity:.62!important;
  }

  .home-hero .hero-copy h1{
    font-size:clamp(30px,3.72vw,50px)!important;
    line-height:.96!important;
    letter-spacing:-.065em!important;
    margin:0 0 10px!important;
    max-width:580px!important;
  }

  .home-hero .hero-copy h1:after{
    height:4px!important;
    width:min(210px,34vw)!important;
    margin-top:10px!important;
  }

  .home-hero .hero-copy p{
    font-size:clamp(14px,1.05vw,15.5px)!important;
    line-height:1.45!important;
    max-width:560px!important;
    margin:0!important;
  }

  .home-hero .eyebrow{
    margin-bottom:7px!important;
    font-size:10.5px!important;
    letter-spacing:.145em!important;
  }

  .home-hero .sovereign-marker{
    margin-top:10px!important;
  }

  .home-hero .sovereign-marker span:nth-child(1){width:72px!important}
  .home-hero .sovereign-marker span:nth-child(2){width:18px!important}
  .home-hero .sovereign-marker span:nth-child(3){width:34px!important}

  .home-hero .hero-actions{
    margin-top:13px!important;
    gap:10px!important;
  }

  .home-hero .hero-actions .btn{
    min-height:42px!important;
    padding:11px 16px!important;
    font-size:13px!important;
    width:auto!important;
  }

  .home-hero .trust-row{
    margin-top:10px!important;
    gap:7px!important;
    max-width:560px!important;
  }

  .home-hero .trust-row span{
    padding:5px 9px!important;
    font-size:10.5px!important;
  }

  .home-hero .command-card{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    grid-column:2!important;
    justify-self:end!important;
    align-self:center!important;
    width:100%!important;
    max-width:540px!important;
    margin:0!important;
  }

  .home-hero .command-card img.command-img{
    height:min(44vh,405px)!important;
    min-height:285px!important;
  }

  .home-hero .command-overlay{
    bottom:14px!important;
    left:14px!important;
    right:14px!important;
    padding:11px 13px!important;
    border-radius:20px!important;
  }

  .home-hero .command-overlay span{
    font-size:9.5px!important;
  }

  .home-hero .command-overlay strong{
    font-size:clamp(15px,1.35vw,19px)!important;
  }
}

/* Short laptops: preserve visible buttons first */
@media(min-width:1121px) and (max-height:730px){
  .home-hero > .container.home-hero-grid{
    width:min(1200px, calc(100% - 64px))!important;
    gap:clamp(26px,3.6vw,58px)!important;
  }

  .home-hero .hero-copy h1{
    font-size:clamp(28px,3.35vw,43px)!important;
    margin-bottom:8px!important;
  }

  .home-hero .hero-copy h1:after{
    margin-top:8px!important;
  }

  .home-hero .hero-copy p{
    font-size:13.5px!important;
    line-height:1.36!important;
  }

  .home-hero .sovereign-marker{
    display:none!important;
  }

  .home-hero .trust-row{
    display:none!important;
  }

  .home-hero .hero-actions{
    margin-top:11px!important;
  }

  .home-hero .hero-actions .btn{
    min-height:40px!important;
    padding:10px 14px!important;
    font-size:12.5px!important;
  }

  .home-hero .command-card img.command-img{
    height:min(39vh,340px)!important;
    min-height:245px!important;
  }

  .home-hero .command-overlay{
    display:none!important;
  }
}

/* Medium desktop: still like services page, not all pushed right */
@media(min-width:1121px) and (max-width:1240px){
  .home-hero > .container.home-hero-grid{
    width:calc(100% - 56px)!important;
    grid-template-columns:minmax(0,1fr) minmax(330px,.92fr)!important;
    gap:34px!important;
  }

  .home-hero .hero-copy{
    max-width:none!important;
  }

  .home-hero .command-card{
    max-width:none!important;
  }
}


/* V13 — Clean isolated hero layout. This block overrides all previous hero experiments. */
@media (min-width:1121px){
  #homeHeroV13.hero-v13{
    position:relative!important;
    display:block!important;
    height:calc(100svh - var(--hero-header-h, 76px))!important;
    min-height:calc(100svh - var(--hero-header-h, 76px))!important;
    max-height:calc(100svh - var(--hero-header-h, 76px))!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  #homeHeroV13 .hero-v13-shell{
    position:relative!important;
    z-index:30!important;
    width:min(1220px, calc(100vw - 72px))!important;
    height:100%!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)!important;
    column-gap:clamp(36px,5vw,78px)!important;
    align-items:center!important;
    justify-items:stretch!important;
  }

  #homeHeroV13 .hero-v13-left{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:100%!important;
    max-width:560px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:35!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    text-align:left!important;
  }

  #homeHeroV13 .hero-v13-right{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:100%!important;
    max-width:540px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:34!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #homeHeroV13 .hero-v13-left:before{
    content:"";
    position:absolute;
    left:-34px;
    top:-48px;
    width:330px;
    height:330px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(199,154,75,.15),transparent 66%);
    z-index:-1;
    pointer-events:none;
  }

  #homeHeroV13 .hero-v13-left:after{
    content:"";
    position:absolute;
    left:-26px;
    top:8%;
    width:1px;
    height:76%;
    background:linear-gradient(180deg,transparent,var(--gold),transparent);
    opacity:.62;
    pointer-events:none;
  }

  #homeHeroV13 .hero-v13-left .eyebrow{
    display:inline-flex!important;
    margin:0 0 8px!important;
    font-size:10.5px!important;
    letter-spacing:.145em!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #homeHeroV13 .hero-v13-left h1{
    display:block!important;
    color:var(--navy)!important;
    font-size:clamp(30px,3.72vw,50px)!important;
    line-height:.96!important;
    letter-spacing:-.065em!important;
    margin:0 0 10px!important;
    max-width:560px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #homeHeroV13 .hero-v13-left h1:after{
    content:"";
    display:block!important;
    width:min(210px,34vw)!important;
    height:4px!important;
    margin-top:10px!important;
    border-radius:999px!important;
    background:var(--luxury-metal)!important;
    box-shadow:0 18px 40px rgba(199,154,75,.22)!important;
  }

  #homeHeroV13 .hero-v13-left p{
    display:block!important;
    color:var(--text-soft)!important;
    font-size:clamp(14px,1.05vw,15.5px)!important;
    line-height:1.45!important;
    max-width:548px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #homeHeroV13 .sovereign-marker{
    display:flex!important;
    margin-top:10px!important;
    opacity:1!important;
    visibility:visible!important;
  }

  #homeHeroV13 .sovereign-marker span:nth-child(1){width:72px!important}
  #homeHeroV13 .sovereign-marker span:nth-child(2){width:18px!important}
  #homeHeroV13 .sovereign-marker span:nth-child(3){width:34px!important}

  #homeHeroV13 .hero-v13-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:13px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #homeHeroV13 .hero-v13-actions .btn{
    width:auto!important;
    min-height:42px!important;
    padding:11px 16px!important;
    font-size:13px!important;
  }

  #homeHeroV13 .hero-v13-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin-top:10px!important;
    max-width:548px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #homeHeroV13 .hero-v13-tags span{
    display:inline-flex!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:var(--surface)!important;
    border:1px solid var(--line)!important;
    color:var(--navy)!important;
    font-size:10.5px!important;
    font-weight:950!important;
    backdrop-filter:blur(14px)!important;
  }

  #homeHeroV13 .hero-v13-image-card{
    position:relative!important;
    width:100%!important;
    max-width:540px!important;
    border-radius:42px!important;
    overflow:hidden!important;
    border:1px solid var(--line-strong)!important;
    outline:1px solid rgba(199,154,75,.20)!important;
    outline-offset:8px!important;
    background:var(--surface-strong)!important;
    box-shadow:var(--shadow-strong)!important;
    perspective:1100px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #homeHeroV13 .hero-v13-image-card:before{
    content:"";
    position:absolute;
    inset:18px;
    z-index:2;
    border:1px solid rgba(255,255,255,.45);
    border-radius:28px;
    pointer-events:none;
    transition:inset .35s ease,border-color .35s ease;
  }

  #homeHeroV13 .hero-v13-image-card:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(7,31,54,.00),rgba(7,31,54,.36)),
      radial-gradient(circle at 70% 12%,rgba(227,189,106,.36),transparent 30%),
      linear-gradient(90deg,rgba(7,31,54,.34),transparent 45%);
  }

  #homeHeroV13 .hero-v13-image-card img{
    display:block!important;
    width:100%!important;
    height:min(44vh,405px)!important;
    min-height:285px!important;
    object-fit:cover!important;
    opacity:1!important;
    visibility:visible!important;
    transform-origin:center!important;
    animation:executiveImageBreath 8.5s ease-in-out infinite!important;
    transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .45s ease!important;
  }

  #homeHeroV13 .hero-v13-image-card:hover img{
    transform:scale(1.075) translate3d(6px,-4px,0)!important;
    filter:saturate(1.06) contrast(1.08)!important;
  }

  #homeHeroV13 .hero-v13-image-card:hover:before{
    inset:14px!important;
    border-color:rgba(231,196,112,.62)!important;
  }

  #homeHeroV13 .hero-v13-image-label{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    z-index:4!important;
    padding:11px 13px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.84)!important;
    backdrop-filter:blur(22px)!important;
    border:1px solid rgba(255,255,255,.75)!important;
    box-shadow:0 20px 60px rgba(0,0,0,.14)!important;
    opacity:1!important;
    visibility:visible!important;
    transition:transform .38s ease,border-color .38s ease!important;
  }

  html[data-theme="dark"] #homeHeroV13 .hero-v13-image-label{
    background:rgba(8,22,36,.80)!important;
    border-color:rgba(255,255,255,.12)!important;
  }

  #homeHeroV13 .hero-v13-image-card:hover .hero-v13-image-label{
    transform:translateY(-4px)!important;
    border-color:rgba(199,154,75,.38)!important;
  }

  #homeHeroV13 .hero-v13-image-label span{
    display:block!important;
    color:var(--gold)!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    font-size:9.5px!important;
    letter-spacing:.16em!important;
  }

  #homeHeroV13 .hero-v13-image-label strong{
    display:block!important;
    color:var(--navy)!important;
    font-size:clamp(15px,1.35vw,19px)!important;
    margin-top:5px!important;
    letter-spacing:-.03em!important;
  }
}

/* V13 short laptop protection: keep buttons visible */
@media(min-width:1121px) and (max-height:730px){
  #homeHeroV13 .hero-v13-shell{
    width:min(1200px, calc(100vw - 64px))!important;
    column-gap:clamp(26px,3.6vw,58px)!important;
  }

  #homeHeroV13 .hero-v13-left h1{
    font-size:clamp(28px,3.35vw,43px)!important;
    margin-bottom:8px!important;
  }

  #homeHeroV13 .hero-v13-left h1:after{
    margin-top:8px!important;
  }

  #homeHeroV13 .hero-v13-left p{
    font-size:13.5px!important;
    line-height:1.36!important;
  }

  #homeHeroV13 .sovereign-marker,
  #homeHeroV13 .hero-v13-tags{
    display:none!important;
  }

  #homeHeroV13 .hero-v13-actions{
    margin-top:11px!important;
  }

  #homeHeroV13 .hero-v13-actions .btn{
    min-height:40px!important;
    padding:10px 14px!important;
    font-size:12.5px!important;
  }

  #homeHeroV13 .hero-v13-image-card img{
    height:min(39vh,340px)!important;
    min-height:245px!important;
  }

  #homeHeroV13 .hero-v13-image-label{
    display:none!important;
  }
}

/* V13 responsive */
@media(max-width:1120px){
  #homeHeroV13.hero-v13{
    height:auto!important;
    min-height:auto!important;
    padding:42px 0!important;
    overflow:visible!important;
  }

  #homeHeroV13 .hero-v13-shell{
    width:min(var(--max), calc(100% - 40px))!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  #homeHeroV13 .hero-v13-left,
  #homeHeroV13 .hero-v13-right,
  #homeHeroV13 .hero-v13-image-card{
    width:100%!important;
    max-width:none!important;
  }
}

@media(max-width:760px){
  #homeHeroV13.hero-v13{
    padding:32px 0!important;
  }

  #homeHeroV13 .hero-v13-shell{
    width:min(var(--max), calc(100% - 28px))!important;
  }

  #homeHeroV13 .hero-v13-left h1{
    font-size:clamp(32px,9.8vw,42px)!important;
  }

  #homeHeroV13 .hero-v13-actions{
    flex-direction:column!important;
  }

  #homeHeroV13 .hero-v13-actions .btn{
    width:100%!important;
  }

  #homeHeroV13 .hero-v13-image-card img{
    height:300px!important;
    min-height:unset!important;
  }
}


/* FINAL HERO ISOLATED — no dependency on previous hero classes */
.asym-hero-final{
  --hero-h: calc(100svh - var(--hero-header-h, 76px));
  position:relative !important;
  height:var(--hero-h) !important;
  min-height:var(--hero-h) !important;
  max-height:var(--hero-h) !important;
  overflow:hidden !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  isolation:isolate !important;
  background:
    radial-gradient(circle at 14% 26%, rgba(199,154,75,.20), transparent 30%),
    radial-gradient(circle at 84% 36%, rgba(13,109,134,.15), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #eef6f9 52%, #ffffff 100%) !important;
}

html[data-theme="dark"] .asym-hero-final{
  background:
    radial-gradient(circle at 16% 24%, rgba(227,189,106,.18), transparent 31%),
    radial-gradient(circle at 84% 35%, rgba(88,193,212,.14), transparent 32%),
    linear-gradient(135deg,#06111f 0%,#0b1d31 52%,#081522 100%) !important;
}

.asym-hero-final-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.asym-hero-final-bg:before{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    radial-gradient(circle at 22% 35%, rgba(199,154,75,.34), transparent 18%),
    radial-gradient(circle at 78% 34%, rgba(13,109,134,.22), transparent 22%),
    conic-gradient(from 130deg at 50% 50%, transparent 0deg, rgba(199,154,75,.17) 42deg, transparent 88deg, rgba(13,109,134,.14) 170deg, transparent 250deg, rgba(199,154,75,.12) 318deg, transparent 360deg);
  filter:blur(16px);
  opacity:.95;
  animation:asymHeroAurora 14s ease-in-out infinite alternate;
}

html[data-theme="dark"] .asym-hero-final-bg:before{
  background:
    radial-gradient(circle at 22% 35%, rgba(227,189,106,.22), transparent 19%),
    radial-gradient(circle at 78% 34%, rgba(88,193,212,.16), transparent 23%),
    conic-gradient(from 130deg at 50% 50%, transparent 0deg, rgba(227,189,106,.13) 42deg, transparent 88deg, rgba(88,193,212,.12) 170deg, transparent 250deg, rgba(227,189,106,.10) 318deg, transparent 360deg);
}

.asym-hero-final-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(199,154,75,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13,109,134,.08) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 48%, rgba(199,154,75,.18) 50%, transparent 52% 100%);
  background-size:92px 92px,92px 92px,260px 260px;
  opacity:.58;
  animation:asymHeroGrid 18s linear infinite;
}

.asym-hero-final-bg span{
  position:absolute;
  display:block;
  border-radius:999px;
  border:1px solid rgba(199,154,75,.30);
  box-shadow:0 0 70px rgba(199,154,75,.14), inset 0 0 34px rgba(255,255,255,.08);
  opacity:.72;
}

.asym-hero-final-bg span:nth-child(1){width:330px;height:330px;left:5%;top:13%;animation:asymFloat 12s ease-in-out infinite}
.asym-hero-final-bg span:nth-child(2){width:480px;height:480px;right:-90px;top:5%;animation:asymFloat 15s ease-in-out infinite reverse}
.asym-hero-final-bg span:nth-child(3){width:230px;height:230px;right:29%;bottom:6%;animation:asymFloat 11s ease-in-out infinite}
.asym-hero-final-bg span:nth-child(4){width:1px;height:70%;left:50%;top:15%;border:0;background:linear-gradient(180deg,transparent,rgba(199,154,75,.28),transparent);animation:asymLine 8s ease-in-out infinite}

.asym-hero-final-shell{
  position:relative !important;
  z-index:5 !important;
  height:100% !important;
  width:min(1220px, calc(100vw - 72px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap:clamp(34px, 5vw, 76px) !important;
  align-items:center !important;
  justify-items:stretch !important;
}

.asym-hero-final-content{
  grid-column:1 !important;
  width:100% !important;
  max-width:560px !important;
  justify-self:start !important;
  align-self:center !important;
  position:relative !important;
  z-index:8 !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  text-align:left !important;
}

.asym-hero-final-content:before{
  content:"";
  position:absolute;
  left:-34px;
  top:-48px;
  width:330px;
  height:330px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(199,154,75,.15), transparent 66%);
  z-index:-1;
}

.asym-hero-final-content:after{
  content:"";
  position:absolute;
  left:-26px;
  top:8%;
  width:1px;
  height:76%;
  background:linear-gradient(180deg, transparent, var(--gold), transparent);
  opacity:.62;
}

.asym-hero-kicker{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  margin:0 0 8px !important;
  color:var(--gold) !important;
  text-transform:uppercase;
  letter-spacing:.145em;
  font-weight:950;
  font-size:10.5px;
}

.asym-hero-kicker:before{
  content:"";
  width:36px;
  height:2px;
  background:var(--gold);
  border-radius:4px;
}

.asym-hero-final-content h1{
  display:block !important;
  margin:0 0 10px !important;
  color:var(--navy) !important;
  font-size:clamp(30px, 3.72vw, 50px) !important;
  line-height:.96 !important;
  letter-spacing:-.065em !important;
  max-width:560px !important;
  opacity:1 !important;
  visibility:visible !important;
}

.asym-hero-final-content h1:after{
  content:"";
  display:block;
  width:min(210px, 34vw);
  height:4px;
  margin-top:10px;
  border-radius:999px;
  background:var(--luxury-metal);
  box-shadow:0 18px 40px rgba(199,154,75,.22);
}

.asym-hero-final-content p{
  display:block !important;
  margin:0 !important;
  max-width:548px !important;
  color:var(--text-soft) !important;
  font-size:clamp(14px, 1.05vw, 15.5px) !important;
  line-height:1.45 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.asym-hero-line{
  display:flex !important;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

.asym-hero-line span{
  display:block;
  height:2px;
  border-radius:999px;
  background:var(--luxury-metal);
  box-shadow:0 10px 28px rgba(199,154,75,.24);
}

.asym-hero-line span:nth-child(1){width:72px}
.asym-hero-line span:nth-child(2){width:18px}
.asym-hero-line span:nth-child(3){width:34px}

.asym-hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:13px !important;
  opacity:1 !important;
  visibility:visible !important;
}

.asym-hero-actions .btn{
  width:auto !important;
  min-height:42px !important;
  padding:11px 16px !important;
  font-size:13px !important;
}

.asym-hero-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:10px !important;
  max-width:548px !important;
}

.asym-hero-tags span{
  display:inline-flex !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--navy) !important;
  font-size:10.5px !important;
  font-weight:950 !important;
  backdrop-filter:blur(14px) !important;
}

.asym-hero-final-visual{
  grid-column:2 !important;
  width:100% !important;
  max-width:540px !important;
  justify-self:end !important;
  align-self:center !important;
  position:relative !important;
  z-index:7 !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.asym-hero-photo-frame{
  position:relative !important;
  width:100% !important;
  max-width:540px !important;
  border-radius:42px !important;
  overflow:hidden !important;
  border:1px solid var(--line-strong) !important;
  outline:1px solid rgba(199,154,75,.20) !important;
  outline-offset:8px !important;
  background:var(--surface-strong) !important;
  box-shadow:var(--shadow-strong) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.asym-hero-photo-frame:before{
  content:"";
  position:absolute;
  inset:18px;
  z-index:2;
  border:1px solid rgba(255,255,255,.45);
  border-radius:28px;
  pointer-events:none;
  transition:inset .35s ease,border-color .35s ease;
}

.asym-hero-photo-frame:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,31,54,.00),rgba(7,31,54,.36)),
    radial-gradient(circle at 70% 12%,rgba(227,189,106,.36),transparent 30%),
    linear-gradient(90deg,rgba(7,31,54,.34),transparent 45%);
}

.asym-hero-photo-frame img{
  display:block !important;
  width:100% !important;
  height:min(44vh,405px) !important;
  min-height:285px !important;
  object-fit:cover !important;
  opacity:1 !important;
  visibility:visible !important;
  transform-origin:center !important;
  animation:asymImageBreath 8.5s ease-in-out infinite !important;
  transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .45s ease !important;
}

.asym-hero-photo-frame:hover img{
  transform:scale(1.075) translate3d(6px,-4px,0) !important;
  filter:saturate(1.06) contrast(1.08) !important;
}

.asym-hero-photo-frame:hover:before{
  inset:14px;
  border-color:rgba(231,196,112,.62);
}

.asym-hero-photo-caption{
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  z-index:4 !important;
  padding:11px 13px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.84) !important;
  backdrop-filter:blur(22px) !important;
  border:1px solid rgba(255,255,255,.75) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.14) !important;
}

html[data-theme="dark"] .asym-hero-photo-caption{
  background:rgba(8,22,36,.80) !important;
  border-color:rgba(255,255,255,.12) !important;
}

.asym-hero-photo-caption span{
  display:block !important;
  color:var(--gold) !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  font-size:9.5px !important;
  letter-spacing:.16em !important;
}

.asym-hero-photo-caption strong{
  display:block !important;
  color:var(--navy) !important;
  font-size:clamp(15px,1.35vw,19px) !important;
  margin-top:5px !important;
  letter-spacing:-.03em !important;
}

/* Short laptops: keep buttons visible */
@media(min-width:1121px) and (max-height:730px){
  .asym-hero-final-shell{
    width:min(1200px, calc(100vw - 64px)) !important;
    column-gap:clamp(26px,3.6vw,58px) !important;
  }

  .asym-hero-final-content h1{
    font-size:clamp(28px,3.35vw,43px) !important;
    margin-bottom:8px !important;
  }

  .asym-hero-final-content h1:after{
    margin-top:8px !important;
  }

  .asym-hero-final-content p{
    font-size:13.5px !important;
    line-height:1.36 !important;
  }

  .asym-hero-line,
  .asym-hero-tags{
    display:none !important;
  }

  .asym-hero-actions{
    margin-top:11px !important;
  }

  .asym-hero-actions .btn{
    min-height:40px !important;
    padding:10px 14px !important;
    font-size:12.5px !important;
  }

  .asym-hero-photo-frame img{
    height:min(39vh,340px) !important;
    min-height:245px !important;
  }

  .asym-hero-photo-caption{
    display:none !important;
  }
}

@media(max-width:1120px){
  .asym-hero-final{
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
    padding:42px 0 !important;
    overflow:visible !important;
  }

  .asym-hero-final-shell{
    width:min(var(--max), calc(100% - 40px)) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .asym-hero-final-content,
  .asym-hero-final-visual,
  .asym-hero-photo-frame{
    width:100% !important;
    max-width:none !important;
  }

  .asym-hero-final-content:after{
    display:none !important;
  }
}

@media(max-width:760px){
  .asym-hero-final{
    padding:32px 0 !important;
  }

  .asym-hero-final-shell{
    width:min(var(--max), calc(100% - 28px)) !important;
  }

  .asym-hero-final-content h1{
    font-size:clamp(32px,9.8vw,42px) !important;
  }

  .asym-hero-actions{
    flex-direction:column !important;
  }

  .asym-hero-actions .btn{
    width:100% !important;
  }

  .asym-hero-photo-frame img{
    height:300px !important;
    min-height:unset !important;
  }
}

@keyframes asymHeroAurora{
  0%{transform:translate3d(-2%,-1%,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(2%,1.5%,0) rotate(5deg) scale(1.03)}
  100%{transform:translate3d(1%,-2%,0) rotate(-4deg) scale(1.02)}
}
@keyframes asymHeroGrid{
  0%{background-position:0 0,0 0,-260px 0}
  100%{background-position:92px 92px,92px 92px,260px 0}
}
@keyframes asymFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(16px,-18px,0) scale(1.04)}
}
@keyframes asymLine{
  0%,100%{opacity:.16;transform:translateY(-10px)}
  50%{opacity:.55;transform:translateY(14px)}
}
@keyframes asymImageBreath{
  0%,100%{transform:scale(1.01) translate3d(0,0,0)}
  50%{transform:scale(1.035) translate3d(-5px,3px,0)}
}
@media (prefers-reduced-motion: reduce){
  .asym-hero-final-bg:before,
  .asym-hero-final-bg:after,
  .asym-hero-final-bg span,
  .asym-hero-photo-frame img{
    animation:none !important;
  }
}


/* V14 — Accueil aligné sur la disposition des pages Services / Investir / Observatoire / Ressources */
.asym-home-hero{
  --mx:50%;
  --my:50%;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 13% 24%,rgba(199,154,75,.20),transparent 31%),
    radial-gradient(circle at 86% 34%,rgba(13,109,134,.14),transparent 32%),
    linear-gradient(135deg,var(--bg),var(--surface-soft) 56%,var(--bg))!important;
}
html[data-theme="dark"] .asym-home-hero{
  background:
    radial-gradient(circle at 13% 24%,rgba(227,189,106,.16),transparent 32%),
    radial-gradient(circle at 86% 34%,rgba(88,193,212,.12),transparent 33%),
    linear-gradient(135deg,#06111f,#0b1d31 56%,#081522)!important;
}
.asym-home-hero-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.asym-home-hero-bg:before{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(199,154,75,.34), transparent 19%),
    radial-gradient(circle at calc(var(--mx) + 14%) calc(var(--my) + 8%), rgba(13,109,134,.22), transparent 24%),
    conic-gradient(from 130deg at 50% 50%, transparent 0deg, rgba(199,154,75,.17) 42deg, transparent 88deg, rgba(13,109,134,.13) 170deg, transparent 250deg, rgba(199,154,75,.12) 318deg, transparent 360deg);
  filter:blur(16px);
  opacity:.95;
  animation:asymHomeAurora 14s ease-in-out infinite alternate;
}
html[data-theme="dark"] .asym-home-hero-bg:before{
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(227,189,106,.21), transparent 19%),
    radial-gradient(circle at calc(var(--mx) + 14%) calc(var(--my) + 8%), rgba(88,193,212,.16), transparent 25%),
    conic-gradient(from 130deg at 50% 50%, transparent 0deg, rgba(227,189,106,.13) 42deg, transparent 88deg, rgba(88,193,212,.12) 170deg, transparent 250deg, rgba(227,189,106,.10) 318deg, transparent 360deg);
}
.asym-home-hero-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(199,154,75,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(13,109,134,.08) 1px,transparent 1px),
    linear-gradient(115deg,transparent 0 48%,rgba(199,154,75,.18) 50%,transparent 52% 100%);
  background-size:92px 92px,92px 92px,260px 260px;
  opacity:.55;
  mask-image:radial-gradient(circle at var(--mx) var(--my), black, transparent 72%);
  animation:asymHomeGrid 18s linear infinite;
}
.asym-home-hero-bg span{
  position:absolute;
  display:block;
  border-radius:999px;
  border:1px solid rgba(199,154,75,.30);
  box-shadow:0 0 70px rgba(199,154,75,.14), inset 0 0 34px rgba(255,255,255,.08);
  opacity:.72;
}
.asym-home-hero-bg span:nth-child(1){width:330px;height:330px;left:5%;top:13%;animation:asymHomeFloat 12s ease-in-out infinite}
.asym-home-hero-bg span:nth-child(2){width:480px;height:480px;right:-90px;top:5%;animation:asymHomeFloat 15s ease-in-out infinite reverse}
.asym-home-hero-bg span:nth-child(3){width:230px;height:230px;right:29%;bottom:6%;animation:asymHomeFloat 11s ease-in-out infinite}
.asym-home-hero-bg span:nth-child(4){width:1px;height:70%;left:50%;top:15%;border:0;background:linear-gradient(180deg,transparent,rgba(199,154,75,.28),transparent);animation:asymHomeLine 8s ease-in-out infinite}
.asym-home-hero .container,
.asym-home-hero-grid,
.asym-home-copy,
.asym-home-visual{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Desktop: même logique que les pages internes, mais un peu plus grand */
@media(min-width:1121px){
  .asym-home-hero{
    min-height:calc(100svh - var(--hero-header-h, 76px))!important;
    height:calc(100svh - var(--hero-header-h, 76px))!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
  }
  .asym-home-hero-grid{
    grid-template-columns:1.02fr .98fr!important;
    gap:clamp(46px,5vw,76px)!important;
    width:min(var(--max),calc(100% - 72px))!important;
    max-height:calc(100svh - var(--hero-header-h, 76px) - 24px)!important;
    align-items:center!important;
  }
  .asym-home-copy{
    max-width:680px!important;
  }
  .asym-home-copy h1{
    font-size:clamp(38px,5.05vw,70px)!important;
    line-height:.92!important;
    margin-bottom:18px!important;
  }
  .asym-home-copy h1:after{
    width:min(285px,42vw)!important;
    height:6px!important;
    margin-top:18px!important;
  }
  .asym-home-copy p{
    font-size:clamp(16px,1.32vw,18px)!important;
    line-height:1.62!important;
    max-width:680px!important;
  }
  .asym-home-actions{
    margin-top:24px!important;
  }
  .asym-home-actions .btn{
    min-height:48px!important;
  }
  .asym-home-tags{
    margin-top:20px!important;
  }
  .asym-home-visual{
    border-radius:42px!important;
    outline:1px solid rgba(199,154,75,.20)!important;
    outline-offset:8px!important;
  }
  .asym-home-visual img{
    height:min(54vh,540px)!important;
    min-height:390px!important;
    animation:asymHomeImageBreath 8.5s ease-in-out infinite!important;
    transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .45s ease!important;
  }
  .asym-home-visual:hover img{
    transform:scale(1.075) translate3d(6px,-4px,0)!important;
    filter:saturate(1.06) contrast(1.08)!important;
  }
  .asym-home-visual:hover:before{
    inset:14px!important;
    border-color:rgba(231,196,112,.62)!important;
  }
}

/* Caption style sur le visuel */
.asym-home-caption{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  z-index:4!important;
  padding:18px 20px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.84)!important;
  backdrop-filter:blur(22px)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] .asym-home-caption{
  background:rgba(8,22,36,.80)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.asym-home-caption span{
  display:block!important;
  color:var(--gold)!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
}
.asym-home-caption strong{
  display:block!important;
  color:var(--navy)!important;
  font-size:24px!important;
  margin-top:6px!important;
  letter-spacing:-.03em!important;
}

/* Mobile/tablette : reprendre exactement la logique responsive des pages internes */
@media(max-width:1120px){
  .asym-home-hero{
    height:auto!important;
    min-height:auto!important;
    padding:72px 0 58px!important;
    overflow:hidden!important;
  }
  .asym-home-hero-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .asym-home-copy{
    max-width:none!important;
  }
  .asym-home-copy h1{
    font-size:clamp(38px,8vw,58px)!important;
    line-height:.96!important;
  }
  .asym-home-copy p{
    font-size:17px!important;
    line-height:1.62!important;
  }
  .asym-home-visual img{
    height:440px!important;
    min-height:unset!important;
  }
}
@media(max-width:840px){
  .asym-home-hero{
    padding:60px 0 46px!important;
  }
  .asym-home-copy h1{
    font-size:44px!important;
  }
  .asym-home-copy p{
    font-size:16px!important;
  }
  .asym-home-actions{
    gap:10px!important;
  }
  .asym-home-visual img{
    height:330px!important;
  }
  .asym-home-caption{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    padding:14px 15px!important;
  }
  .asym-home-caption strong{
    font-size:18px!important;
  }
}
@media(max-width:680px){
  .asym-home-hero{
    padding:48px 0 38px!important;
  }
  .asym-home-copy h1{
    font-size:clamp(34px,10.5vw,42px)!important;
    letter-spacing:-.06em!important;
  }
  .asym-home-copy h1:after{
    height:5px!important;
    margin-top:14px!important;
  }
  .asym-home-actions{
    flex-direction:column!important;
    width:100%!important;
  }
  .asym-home-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }
  .asym-home-tags{
    gap:7px!important;
  }
  .asym-home-tags span{
    font-size:11px!important;
    padding:7px 10px!important;
  }
  .asym-home-visual{
    border-radius:28px!important;
  }
  .asym-home-visual:before{
    inset:12px!important;
    border-radius:20px!important;
  }
  .asym-home-visual img{
    height:280px!important;
  }
  .asym-home-caption{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
  }
}

/* Laptops courts : ne pas perdre les boutons */
@media(min-width:1121px) and (max-height:760px){
  .asym-home-copy h1{
    font-size:clamp(34px,4.35vw,56px)!important;
    margin-bottom:12px!important;
  }
  .asym-home-copy h1:after{
    margin-top:12px!important;
  }
  .asym-home-copy p{
    font-size:15.5px!important;
    line-height:1.48!important;
  }
  .asym-home-actions{
    margin-top:16px!important;
  }
  .asym-home-tags{
    display:none!important;
  }
  .asym-home-visual img{
    height:min(45vh,400px)!important;
    min-height:305px!important;
  }
}

@keyframes asymHomeAurora{
  0%{transform:translate3d(-2%,-1%,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(2%,1.5%,0) rotate(5deg) scale(1.03)}
  100%{transform:translate3d(1%,-2%,0) rotate(-4deg) scale(1.02)}
}
@keyframes asymHomeGrid{
  0%{background-position:0 0,0 0,-260px 0}
  100%{background-position:92px 92px,92px 92px,260px 0}
}
@keyframes asymHomeFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(16px,-18px,0) scale(1.04)}
}
@keyframes asymHomeLine{
  0%,100%{opacity:.16;transform:translateY(-10px)}
  50%{opacity:.55;transform:translateY(14px)}
}
@keyframes asymHomeImageBreath{
  0%,100%{transform:scale(1.01) translate3d(0,0,0)}
  50%{transform:scale(1.035) translate3d(-5px,3px,0)}
}
@media (prefers-reduced-motion: reduce){
  .asym-home-hero-bg:before,
  .asym-home-hero-bg:after,
  .asym-home-hero-bg span,
  .asym-home-visual img{
    animation:none!important;
  }
}


/* V15 — Tags section 1 restored on desktop */
@media(min-width:1121px){
  .asym-home-tags,
  .asym-home-hero .asym-home-tags,
  #asymHomeHero .asym-home-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
    margin-top:18px!important;
    max-width:680px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  .asym-home-tags span,
  .asym-home-hero .asym-home-tags span,
  #asymHomeHero .asym-home-tags span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.66)!important;
    border:1px solid rgba(199,154,75,.22)!important;
    color:var(--navy)!important;
    font-size:11.5px!important;
    font-weight:950!important;
    backdrop-filter:blur(14px) saturate(145%)!important;
    box-shadow:0 14px 34px rgba(7,31,54,.06)!important;
  }

  html[data-theme="dark"] .asym-home-tags span,
  html[data-theme="dark"] #asymHomeHero .asym-home-tags span{
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(227,189,106,.24)!important;
    color:#f4fbff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
}

/* Même sur les laptops courts, les tags restent visibles mais plus compacts */
@media(min-width:1121px) and (max-height:760px){
  .asym-home-tags,
  .asym-home-hero .asym-home-tags,
  #asymHomeHero .asym-home-tags{
    display:flex!important;
    margin-top:10px!important;
    gap:6px!important;
  }

  .asym-home-tags span,
  .asym-home-hero .asym-home-tags span,
  #asymHomeHero .asym-home-tags span{
    padding:5px 8px!important;
    font-size:10px!important;
  }
}