/* =========================================================================
   NSX Kompetenz — VERSION 1 « Clair & Éditorial »
   Lumineux, aéré, premium discret. Fond blanc cassé, grande typographie,
   grille asymétrique, motif pétales en accents subtils, couleur par bloc.
   Dépend de charte-2026.css (jetons de couleur). N'écrase JAMAIS la charte.
   Aucune animation en boucle. Interactions au SURVOL uniquement.
   ========================================================================= */

/* ----------------------------------------------------------------- BASE */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--font-body);color:var(--ink);
  background:#FBFAF7;                 /* blanc cassé éditorial */
  font-size:clamp(16px,1.02vw,17.5px);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.v1-wrap{width:min(100% - 40px,1240px);margin-inline:auto}

/* Typographie éditoriale — grande, haute densité de contraste */
h1,h2,h3,h4{font-family:var(--font-head);color:var(--c-navy);line-height:1.05;letter-spacing:-.02em;margin:0;font-weight:900}
.v1-eyebrow{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--font-head);font-weight:800;font-size:.78rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--c-orange);margin:0 0 18px;
}
.v1-eyebrow::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px}
.v1-lead{font-size:clamp(1.06rem,1.5vw,1.28rem);color:var(--muted);line-height:1.62;max-width:60ch}

/* Boutons */
.v1-btn{
  display:inline-flex;align-items:center;gap:.55em;
  font-family:var(--font-head);font-weight:800;font-size:.98rem;
  padding:.92em 1.5em;border-radius:var(--radius-pill);
  text-decoration:none;border:2px solid transparent;cursor:pointer;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease);
}
.v1-btn svg{width:16px;height:16px;transition:transform .28s var(--ease)}
.v1-btn:hover svg{transform:translateX(3px)}
/* CTA principal — orange FIGÉ */
.v1-btn--cta{background:var(--c-orange);color:#fff}
.v1-btn--cta:hover{transform:translateY(-2px);box-shadow:var(--sh-orange)}
/* Secondaire — révélation de couleur par catégorie au survol (orange -> pilier) */
.v1-btn--ghost{background:transparent;color:var(--c-navy);border-color:var(--line-strong)}
.v1-btn--ghost:hover{transform:translateY(-2px);border-color:var(--pill,var(--c-orange));color:var(--pill,var(--c-orange));box-shadow:var(--pill-sh,var(--sh-orange))}
.v1-btn--white{background:#fff;color:var(--c-navy)}
.v1-btn--white:hover{transform:translateY(-2px);box-shadow:0 18px 40px -20px rgba(0,0,0,.4)}

/* jetons "pilier" appliqués par catégorie (pour révélation de couleur/ombres) */
.v1-academy   {--pill:var(--c-green); --pill-sh:var(--sh-green); --pill-tint:var(--tint-green)}
.v1-governance{--pill:var(--c-blue);  --pill-sh:var(--sh-blue);  --pill-tint:var(--tint-blue)}
.v1-elite     {--pill:var(--c-navy);  --pill-sh:var(--sh-navy);  --pill-tint:var(--tint-navy)}
.v1-talents   {--pill:var(--c-yellow-d); --pill-sh:0 18px 40px -20px rgba(244,214,46,.6); --pill-tint:var(--tint-yellow)}

/* --------------------------------------------------------------- HEADER */
.v1-header{
  position:sticky;top:0;z-index:60;
  background:rgba(251,250,247,.82);backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--line);
}
.v1-header .v1-wrap{display:flex;align-items:center;gap:24px;min-height:76px}
.v1-brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}
.v1-brand .mk{width:38px;height:38px;flex-shrink:0}
.v1-brand .mk svg{width:100%;height:100%}
.v1-brand .wd{display:flex;flex-direction:column;line-height:1.05}
.v1-brand .wd b{font-family:var(--font-head);font-weight:900;font-size:1.04rem;color:var(--c-navy);letter-spacing:-.01em;text-transform:lowercase}
.v1-brand .wd span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}

.v1-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.v1-nav a{
  font-family:var(--font-head);font-weight:700;font-size:.94rem;color:var(--c-navy);
  text-decoration:none;padding:.55em .8em;border-radius:10px;position:relative;
  transition:color .2s var(--ease),background .2s var(--ease);
}
.v1-nav a::after{content:"";position:absolute;left:.8em;right:.8em;bottom:.32em;height:2px;background:var(--c-orange);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .26s var(--ease)}
.v1-nav a:hover{color:var(--c-orange)}
.v1-nav a:hover::after,.v1-nav a[aria-current="page"]::after{transform:scaleX(1)}
.v1-nav a[aria-current="page"]{color:var(--c-orange)}

.v1-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.v1-lang{
  display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-weight:800;font-size:.84rem;
  background:transparent;border:1px solid var(--line-strong);color:var(--c-navy);
  padding:.45em .7em;border-radius:var(--radius-pill);cursor:pointer;transition:border-color .2s var(--ease)}
.v1-lang:hover{border-color:var(--c-orange)}
.v1-flag{display:inline-flex;width:18px;height:12px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.v1-flag i{flex:1}.v1-flag .k{background:#111}.v1-flag .r{background:#D7141A}.v1-flag .g{background:#FFCE00}

.v1-burger{display:none;width:46px;height:46px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.v1-burger span{width:20px;height:2px;background:var(--c-navy);border-radius:2px;transition:transform .3s var(--ease),opacity .3s var(--ease)}

/* ------------------------------------------------- DRAWER (mobile, dans body) */
.v1-drawer-backdrop{
  position:fixed;inset:0;z-index:90;background:rgba(9,33,43,.42);
  backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s var(--ease)}
.v1-drawer-backdrop.open{opacity:1;visibility:visible}
.v1-drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(86vw,360px);
  background:#FBFAF7;box-shadow:-20px 0 60px -30px rgba(9,33,43,.5);
  transform:translateX(102%);transition:transform .34s var(--ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto}
.v1-drawer.open{transform:translateX(0)}
.v1-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.v1-drawer-close{width:44px;height:44px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;cursor:pointer;font-size:1.4rem;line-height:1;color:var(--c-navy)}
.v1-drawer nav{display:flex;flex-direction:column;gap:2px}
.v1-drawer nav a{font-family:var(--font-head);font-weight:800;font-size:1.12rem;color:var(--c-navy);text-decoration:none;padding:.7em .6em;border-radius:12px;border-bottom:1px solid var(--line)}
.v1-drawer nav a:hover{background:var(--tint-orange);color:var(--c-orange)}
.v1-drawer .v1-drawer-cta{margin-top:18px;display:flex;flex-direction:column;gap:10px}

/* ----------------------------------------------------------------- HERO */
.v1-hero{position:relative;padding:clamp(56px,9vw,116px) 0 clamp(48px,7vw,92px);overflow:hidden}
.v1-hero .petal-bg{
  position:absolute;inset:0;z-index:0;color:var(--c-navy);opacity:.05;
  background:url("../img/motif-petales.svg") repeat;background-size:300px 300px;pointer-events:none}
.v1-hero-grid{
  position:relative;z-index:1;display:grid;
  grid-template-columns:1.32fr .68fr;gap:clamp(28px,4vw,64px);align-items:center}
.v1-hero h1{font-size:clamp(2.5rem,6.6vw,5.1rem);font-weight:900;letter-spacing:-.03em;margin:0 0 24px}
.v1-hero h1 .accent{color:var(--c-orange)}
.v1-hero h1 .ul{position:relative;white-space:nowrap}
.v1-hero h1 .ul::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:var(--c-yellow);z-index:-1;border-radius:3px}
.v1-hero .v1-lead{font-size:clamp(1.1rem,1.6vw,1.32rem);max-width:54ch}
.v1-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

/* Bloc mark géométrique grand format (côté droit du hero) */
.v1-hero-mark{position:relative;aspect-ratio:1;display:grid;place-items:center}
.v1-hero-mark .ring{position:absolute;inset:6%;border-radius:34% 66% 58% 42%/52% 36% 64% 48%;
  background:linear-gradient(150deg,var(--tint-orange),var(--tint-green) 55%,var(--tint-blue));opacity:.7}
.v1-hero-mark .mk{position:relative;width:64%;filter:drop-shadow(0 26px 50px rgba(9,40,80,.22))}
.v1-hero-mark .mk svg{width:100%;height:auto}

/* Bandeau de stats sous le hero */
.v1-hero-stats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--line);padding-top:30px}
.v1-hero-stats .st{flex:1;min-width:150px}
.v1-hero-stats .st b{display:block;font-family:var(--font-head);font-weight:900;font-size:clamp(1.8rem,3.4vw,2.5rem);color:var(--c-navy);line-height:1}
.v1-hero-stats .st span{display:block;margin-top:6px;color:var(--muted);font-size:.92rem;font-weight:600}

/* -------------------------------------------------------------- SECTIONS */
.v1-section{padding:clamp(56px,8vw,108px) 0}
.v1-section--tint{background:#fff}
.v1-section--navy{background:var(--c-navy);color:#fff}
.v1-section--navy h2,.v1-section--navy h3{color:#fff}
.v1-section--navy .v1-lead{color:rgba(255,255,255,.82)}
.v1-section--navy .petal-bg{color:#fff;opacity:.06}

.v1-head{max-width:760px;margin-bottom:clamp(34px,5vw,56px)}
.v1-head.center{margin-inline:auto;text-align:center}
.v1-head.center .v1-eyebrow{justify-content:center}
.v1-head.center .v1-lead{margin-inline:auto}
.v1-head h2{font-size:clamp(1.9rem,4.4vw,3.2rem);margin:0 0 18px}

/* DISTINCTION — split asymétrique éditorial */
.v1-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
.v1-split .copy h2{font-size:clamp(1.9rem,4.2vw,3rem);margin-bottom:20px}
.v1-split .copy p{font-size:clamp(1.05rem,1.4vw,1.18rem);color:var(--muted);line-height:1.66}
.v1-abbr{position:relative;color:var(--c-orange);font-weight:800;cursor:help;border-bottom:2px dotted var(--c-orange);text-decoration:none}
.v1-abbr .tip{
  position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(6px);
  width:max(240px,18vw);max-width:320px;background:var(--c-navy);color:#fff;font-size:.82rem;font-weight:600;line-height:1.5;
  padding:12px 14px;border-radius:12px;box-shadow:var(--sh-md);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s var(--ease),transform .22s var(--ease);z-index:5}
.v1-abbr .tip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:7px solid transparent;border-top-color:var(--c-navy)}
.v1-abbr:hover .tip,.v1-abbr:focus .tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* visuel logo officiel encadré */
.v1-split .visual{position:relative;display:grid;place-items:center;padding:clamp(28px,4vw,52px);
  background:linear-gradient(160deg,#fff,var(--tint-navy));border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--sh-sm)}
.v1-split .visual img{width:min(78%,320px)}

/* -------------------------------------------------------- PILIERS (cartes) */
.v1-piliers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v1-pilier{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:34px 30px;overflow:hidden;isolation:isolate;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
  text-decoration:none;color:inherit;display:flex;flex-direction:column}
/* spotlight curseur (au survol, via variables --mx/--my fournies par JS) */
.v1-pilier::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s var(--ease);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),var(--pill-tint,var(--tint-orange)),transparent 60%)}
.v1-pilier:hover{transform:translateY(-6px);border-color:var(--pill,var(--c-orange));box-shadow:var(--pill-sh,var(--sh-orange))}
.v1-pilier:hover::before{opacity:1}
.v1-pilier .idx{font-family:var(--font-head);font-weight:900;font-size:.9rem;color:var(--c-orange);transition:color .3s var(--ease)}
.v1-pilier:hover .idx{color:var(--pill,var(--c-orange))}
.v1-pilier .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin:16px 0 18px;
  background:var(--pill-tint,var(--tint-orange));color:var(--pill,var(--c-orange))}
.v1-pilier .ic svg{width:26px;height:26px}
.v1-pilier .kick{font-family:var(--font-head);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.v1-pilier h3{font-size:1.42rem;margin:6px 0 12px;color:var(--c-navy)}
.v1-pilier p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.6;flex:1}
.v1-pilier .more{margin-top:18px;font-family:var(--font-head);font-weight:800;font-size:.9rem;color:var(--pill,var(--c-orange));display:inline-flex;align-items:center;gap:6px}
.v1-pilier .more svg{width:15px;height:15px;transition:transform .28s var(--ease)}
.v1-pilier:hover .more svg{transform:translateX(4px)}

/* ------------------------------------------------- PÔLES (onglets éditoriaux) */
.v1-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:clamp(34px,4vw,48px)}
.v1-tab{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--font-head);font-weight:800;font-size:.98rem;
  padding:.74em 1.3em;border-radius:var(--radius-pill);border:2px solid var(--line-strong);background:#fff;color:var(--c-navy);cursor:pointer;
  transition:border-color .26s var(--ease),color .26s var(--ease),background .26s var(--ease),box-shadow .26s var(--ease)}
.v1-tab svg{width:20px;height:20px}
.v1-tab:hover{border-color:var(--tb,var(--c-orange));color:var(--tb,var(--c-orange))}
.v1-tab[aria-selected="true"]{background:var(--tb,var(--c-orange));border-color:var(--tb,var(--c-orange));color:#fff;box-shadow:var(--tb-sh,var(--sh-orange))}
.v1-tab.t-academy{--tb:var(--c-green);--tb-sh:var(--sh-green)}
.v1-tab.t-gov{--tb:var(--c-blue);--tb-sh:var(--sh-blue)}
.v1-tab.t-elite{--tb:var(--c-navy);--tb-sh:var(--sh-navy)}

.v1-panel{display:none}
.v1-panel.show{display:block;animation:v1fade .4s var(--ease)}
@keyframes v1fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.v1-panel-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,60px);align-items:center}
.v1-panel-grid h3{font-size:clamp(1.6rem,3.4vw,2.3rem);margin-bottom:18px}
.v1-checklist{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:14px}
.v1-checklist li{display:flex;gap:13px;align-items:flex-start;font-size:1.04rem;line-height:1.55;color:var(--ink)}
.v1-checklist .tk{flex-shrink:0;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--pill,var(--c-orange));color:#fff;margin-top:1px}
.v1-checklist .tk svg{width:14px;height:14px}
.v1-checklist strong{color:var(--c-navy)}
.v1-panel-visual{aspect-ratio:4/3.2;border-radius:var(--radius-lg);position:relative;overflow:hidden;
  display:flex;align-items:flex-end;padding:22px;color:#fff;font-family:var(--font-head);font-weight:800;
  background:linear-gradient(150deg,var(--pill,var(--c-orange)),var(--c-navy));box-shadow:var(--sh-md)}
.v1-panel-visual::before{content:"";position:absolute;inset:0;background:url("../img/motif-petales.svg") repeat;background-size:240px;color:#fff;opacity:.12}
.v1-panel-visual span{position:relative;z-index:1;font-size:1.1rem}
.v1-panel-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;border-top:1px solid var(--line);padding-top:28px}
.v1-panel-stats .st b{display:block;font-family:var(--font-head);font-weight:900;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--c-navy);line-height:1.1}
.v1-panel-stats .st span{display:block;margin-top:5px;color:var(--muted);font-size:.86rem;font-weight:600}
.brand-sup{font-size:.55em;font-weight:800;vertical-align:super;letter-spacing:.02em;color:var(--c-orange)}

/* ------------------------------------------------------------- VALEURS */
.v1-values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v1-value{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 28px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.v1-value:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.v1-value .ic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;color:#fff}
.v1-value .ic svg{width:28px;height:28px}
.v1-value:nth-child(1) .ic{background:var(--c-orange)}
.v1-value:nth-child(2) .ic{background:var(--c-green)}
.v1-value:nth-child(3) .ic{background:var(--c-blue)}
.v1-value h3{font-size:1.32rem;margin-bottom:10px}
.v1-value p{margin:0;color:var(--muted);line-height:1.6}

/* qsn — valeurs sur 4 colonnes (cartes compactes, accent gauche par couleur) */
.v1-values.four{grid-template-columns:repeat(4,1fr)}
.v1-values.four .v1-value{border-left:4px solid var(--c-orange);padding:26px 24px}
.v1-values.four .v1-value:nth-child(2){border-left-color:var(--c-green)}
.v1-values.four .v1-value:nth-child(3){border-left-color:var(--c-blue)}
.v1-values.four .v1-value:nth-child(4){border-left-color:var(--c-yellow-d)}
.v1-values.four .v1-value h3{font-size:1.15rem}

/* --------------------------------------------------------- GROUPE (qsn) */
.v1-group-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:center}
.v1-group-visual{aspect-ratio:4/3.2;border-radius:var(--radius-lg);overflow:hidden;position:relative;
  display:flex;align-items:flex-end;padding:24px;color:#fff;font-family:var(--font-head);font-weight:800;
  background:linear-gradient(150deg,var(--c-green),var(--c-navy))}
.v1-group-visual::before{content:"";position:absolute;inset:0;background:url("../img/motif-petales.svg") repeat;background-size:240px;color:#fff;opacity:.14}
.v1-group-visual span{position:relative;z-index:1}
.v1-devise{display:inline-block;margin-top:14px;font-style:italic;font-size:1.12rem;color:#fff;
  border-left:3px solid var(--c-yellow);padding-left:14px}

/* --------------------------------------------------------------- CTA band */
.v1-cta{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:clamp(40px,6vw,72px);text-align:center;
  background:linear-gradient(135deg,var(--c-orange),var(--c-orange-d));color:#fff;box-shadow:var(--sh-lg)}
.v1-cta::before{content:"";position:absolute;inset:0;background:url("../img/motif-petales.svg") repeat;background-size:260px;color:#fff;opacity:.13}
.v1-cta>*{position:relative;z-index:1}
.v1-cta h2{color:#fff;font-size:clamp(1.7rem,3.6vw,2.6rem);margin-bottom:14px}
.v1-cta p{color:rgba(255,255,255,.92);font-size:1.1rem;max-width:60ch;margin:0 auto 28px}

/* --------------------------------------------------------------- FOOTER */
.v1-footer{background:var(--c-navy);color:rgba(255,255,255,.78);padding:clamp(48px,6vw,76px) 0 30px}
.v1-footer h5{font-family:var(--font-head);font-weight:800;color:#fff;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}
.v1-footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.14)}
.v1-footer .v1-brand .wd b{color:#fff}
.v1-footer .v1-brand .wd span{color:rgba(255,255,255,.6)}
.v1-footer .about{margin:18px 0 0;max-width:36ch;line-height:1.6;font-size:.95rem}
.v1-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.v1-footer a{color:rgba(255,255,255,.78);text-decoration:none;transition:color .2s var(--ease)}
.v1-footer a:hover{color:var(--c-orange)}
.v1-footer .ct p{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:.92rem;line-height:1.5}
.v1-footer .ct svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--c-orange)}
.v1-footer-bottom{padding-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:.86rem}
.v1-footer-bottom .orange{color:var(--c-orange);font-weight:700}

/* ------------------------------------------------------- REVEAL au scroll */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ---------------------------------------------------------- RESPONSIVE */
@media (max-width:1023px){
  .v1-nav,.v1-tools .v1-lang,.v1-tools .v1-btn{display:none}
  .v1-burger{display:flex}
  .v1-hero-grid{grid-template-columns:1fr}
  .v1-hero-mark{max-width:380px;margin-inline:auto;order:-1}
  .v1-split,.v1-panel-grid,.v1-group-grid{grid-template-columns:1fr;gap:32px}
  .v1-split .visual{order:-1}
  .v1-piliers,.v1-values{grid-template-columns:1fr}
  .v1-values.four{grid-template-columns:repeat(2,1fr)}
  .v1-panel-stats{grid-template-columns:repeat(2,1fr)}
  .v1-footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .v1-values.four,.v1-panel-stats,.v1-footer-top{grid-template-columns:1fr}
  .v1-hero-actions .v1-btn{width:100%;justify-content:center}
  .v1-tab{flex:1;justify-content:center}
}