/* ============================================================
   DYPILON — Concept V6 "The Hybrid"
   Editorial calm (V3) + narrative warmth (V4) + product proof (V5).
   Self-contained. Does not import the live styles.css.

   CTA colour rule (fixed): green = free / safe action,
   orange = paid / urgent action. Gold is reserved for small
   decorative accents only — never a clickable button.
   ============================================================ */

:root{
  --navy-900:#07111F;
  --navy-800:#0B1F3A;
  --navy-700:#132A4A;
  --navy-600:#1A3558;
  --gold-300:#E2C57A;
  --gold-500:#C9A24A;
  --gold-700:#8A6E3B;
  --green:#22C55E;
  --green-dark:#16A34A;
  --orange:#FF9900;
  --orange-dark:#E47911;
  --ink:#0F172A;
  --muted:#5B6B84;
  --muted-2:#8695AC;
  --line:rgba(255,255,255,0.10);
  --line-soft:rgba(11,31,58,0.10);
  --paper:#FBFAF7;
  --surface:#F5F7FB;
  --font-head:'Playfair Display', Georgia, serif;
  --font-body:'Inter', -apple-system, sans-serif;
  --max:1140px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul,ol{margin:0;padding:0;list-style:none;}
p{margin:0;}
table{border-collapse:collapse;width:100%;}

.v6-conceptbar{
  background:#1a1a1a;color:#e8e8e8;font-size:12.5px;text-align:center;padding:8px 16px;letter-spacing:.01em;
}
.v6-conceptbar strong{color:var(--gold-300);}
.v6-conceptbar a{color:#9ec2ea;text-decoration:underline;}

/* ---------- Buttons ---------- */
.v6-btn{
  display:inline-flex;align-items:center;gap:8px;border-radius:999px;
  padding:10px 22px;font-size:14.5px;font-weight:600;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space:nowrap;border:none;
}
.v6-btn--ghost{border:1px solid rgba(255,255,255,.28);color:#F3F6FA;padding:9px 20px;background:transparent;}
.v6-btn--ghost:hover{border-color:rgba(255,255,255,.55);}
.v6-btn--ghost-dark{border:1px solid var(--line-soft);color:var(--navy-800);background:transparent;}
.v6-btn--ghost-dark:hover{border-color:var(--navy-600);}
.v6-btn--action{background:var(--green);color:#fff;box-shadow:0 10px 24px -8px rgba(34,197,94,.55);}
.v6-btn--action:hover{transform:translateY(-1px);background:var(--green-dark);box-shadow:0 14px 28px -8px rgba(34,197,94,.65);}
.v6-btn--payment{background:var(--orange);color:#1a1200;box-shadow:0 10px 24px -8px rgba(255,153,0,.5);}
.v6-btn--payment:hover{transform:translateY(-1px);background:var(--orange-dark);box-shadow:0 14px 28px -8px rgba(255,153,0,.6);}

/* ---------- Header ---------- */
.v6-header{background:var(--navy-800);border-bottom:1px solid var(--line);}
.v6-geo{
  margin:0;
  padding:8px 32px 10px;
  text-align:center;
  background:var(--navy-800);
  color:#D4AF37;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.16em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(212,175,55,.35);
}
.v6-geo[hidden]{display:none !important;}
.v6-header__inner{
  max-width:var(--max);margin:0 auto;padding:0 32px;
  height:85px;
  display:flex;align-items:center;gap:36px;
}
.v6-brand{position:relative;display:inline-flex;align-items:center;height:100%;flex:none;}
.v6-brand img{height:64px;width:auto;max-width:none;flex:none;}
/* justify-content:center — the nav is flex:1 so its BOX already spans the
   whole gap between logo and language button, but left-aligned items dumped
   all the slack on the right. Measured at 1920px: 55px of dead space in
   EN/NL, 125px in FR and 220px in DE (the .lang-de/.lang-fr compression
   shrinks the text, which only makes the imbalance worse). Centring splits
   that slack evenly so the product links sit between logo and language
   button in every language. */
.v6-nav{display:flex;align-items:center;justify-content:center;gap:19px;flex:1;font-size:13.5px;white-space:nowrap;}
.v6-nav a{
  color:#E2E8F0;
  position:relative;
  padding:6px 0;
  transition:color .15s ease;
}
.v6-nav a:hover{color:#fff;}
.v6-nav a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1.5px;
  background:#D4AF37;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.v6-nav a:hover::after{transform:scaleX(1);}
.v6-header__right{display:flex;align-items:center;gap:12px;flex:none;}
.v6-header .v6-lang,
.v6-header .v6-btn--action{
  height:40px;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.v6-header .v6-btn--action{padding:0 22px;}
.v6-lang{
  display:inline-flex;align-items:center;gap:4px;
  font:inherit;font-size:13.5px;font-weight:600;color:#D7DEE9;
  background:transparent;border:1px solid rgba(255,255,255,.22);
  border-radius:999px;padding:0 14px;cursor:pointer;
  transition:border-color .15s ease,color .15s ease;
}
.v6-lang:hover{border-color:rgba(255,255,255,.5);color:#fff;}
.v6-lang span{font-size:10px;opacity:.8;}

/* ---------- Hero ---------- */
.v6-hero-wrap{background:var(--navy-800);position:relative;overflow:hidden;}
.v6-hero{
  max-width:var(--max);margin:0 auto;padding:64px 32px 56px;
  display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;
}
.v6-eyebrow{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-300);font-weight:600;margin-bottom:14px;
}
.v6-hero__title{
  font-family:var(--font-head);font-weight:600;
  font-size:clamp(34px,4.4vw,50px);line-height:1.13;color:#F7F9FC;margin:0 0 18px;
}
.v6-hero__title em{font-style:italic;color:var(--gold-300);}
.v6-hero__sub{font-size:16px;line-height:1.6;color:#C3CCDC;max-width:460px;margin-bottom:26px;}
.v6-hero__actions{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap;}
.v6-hero__link{font-size:14px;color:#AEC3DD;text-decoration:underline;text-decoration-color:rgba(174,195,221,.4);}
.v6-hero__link:hover{color:#fff;}
.v6-btn--hero{
  flex-direction:column;align-items:flex-start;gap:2px;
  padding:14px 28px;white-space:normal;
}
.v6-btn__sub{font-size:11.5px;font-weight:500;opacity:.9;letter-spacing:.01em;}
.v6-hero__badges{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:100%;
  max-width:34rem;
}
.v6-hero__badges span{
  font-size:11.5px;font-weight:700;color:#fff;border:1px solid var(--line);
  border-radius:999px;padding:6px 13px;
  text-align:center;width:100%;box-sizing:border-box;
  opacity:0;
  animation:fadeInUp .6s ease-out forwards;
}
.v6-hero__badges span:nth-child(1){animation-delay:0s;}
.v6-hero__badges span:nth-child(2){animation-delay:.15s;}
.v6-hero__badges span:nth-child(3){animation-delay:.3s;}
.v6-hero__badges span:nth-child(4){animation-delay:.45s;}
@keyframes fadeInUp{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}

/* Carousel */
.v6-carousel{
  position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3.1;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.55);background:var(--navy-900);
}
.v6-carousel__img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;z-index:1;transition:opacity .9s ease;
}
.v6-carousel__img.is-active{opacity:1;z-index:2;}
.v6-carousel__scrim{
  position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 55%, rgba(7,17,31,.75) 100%);
  pointer-events:none;
}
.v6-carousel__caption{
  position:absolute;left:16px;bottom:16px;
  display:flex;align-items:center;gap:8px;
  background:rgba(7,17,31,.55);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.18);border-radius:999px;
  padding:7px 14px 7px 8px;font-size:12.5px;font-weight:600;color:#fff;
}
.v6-carousel__caption-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none;box-shadow:0 0 0 3px rgba(34,197,94,.25);}
.v6-carousel__dots{position:absolute;right:16px;bottom:16px;display:flex;gap:5px;}
.v6-carousel__dots span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .3s ease,transform .3s ease;}
.v6-carousel__dots span.is-active{background:#fff;transform:scale(1.3);}

/* ---------- Proof strip ---------- */
.v6-proof{background:var(--navy-700);border-top:1px solid var(--line);padding:26px 32px;}
.v6-proof__label{text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#D4AF37;margin-bottom:16px;}
.v6-proof__logos{
  max-width:var(--max);margin:0 auto 22px;display:flex;justify-content:center;gap:44px;flex-wrap:wrap;
  font-family:var(--font-head);font-size:17px;color:#C9D2E1;opacity:.75;
}
.v6-proof__metrics{
  max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  border-top:1px solid var(--line);padding-top:22px;
}
.v6-proof__metrics div{text-align:center;}
.v6-proof__metrics strong{display:block;font-size:14.5px;color:#F3F6FA;margin-bottom:3px;}
.v6-proof__metrics span{font-size:12.5px;color:#8FA0BC;}

/* ---------- What we scan ---------- */
.v6-scans{max-width:var(--max);margin:0 auto;padding:8px 32px 96px;}
.v6-scans__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.v6-scan-tile{
  border:1px solid var(--line-soft);border-radius:16px;padding:22px 18px;
  background:#fff;transition:border-color .15s ease,transform .15s ease;
}
.v6-scan-tile:hover{border-color:var(--gold-500);transform:translateY(-2px);}
.v6-scan-tile__icon{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:10px;border:1px solid var(--line-soft);color:var(--navy-700);margin-bottom:14px;
}
.v6-scan-tile__icon svg{width:17px;height:17px;}
.v6-scan-tile h3{font-family:var(--font-head);font-weight:600;font-size:16px;margin:0 0 6px;}
.v6-scan-tile p{font-size:13px;color:var(--muted);line-height:1.5;margin:0;}

/* ---------- Section head ---------- */
.v6-section-head{max-width:640px;margin:0 auto 40px;padding:0 32px;}
.v6-section-head h2{font-family:var(--font-head);font-weight:600;font-size:clamp(26px,3vw,34px);color:var(--ink);margin:0 0 8px;}
.v6-section-head__sub{font-size:15px;color:var(--muted);line-height:1.55;}
.v6-section-head--center{text-align:center;margin-left:auto;margin-right:auto;}
.v6-section-head--center .v6-eyebrow{text-align:center;}
.v6-eyebrow--dark{color:var(--gold-700)!important;}

/* ---------- Manifesto ---------- */
.v6-manifesto{max-width:760px;margin:0 auto;padding:88px 32px 64px;text-align:center;}
.v6-manifesto p{
  font-family:var(--font-head);font-weight:500;font-style:italic;
  font-size:clamp(22px,3vw,30px);line-height:1.45;color:var(--navy-800);
}
.v6-manifesto p em{color:var(--gold-700);font-style:italic;}
.v6-manifesto__sig{display:block;margin-top:20px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal;}

/* ---------- Bento ---------- */
.v6-bento{max-width:var(--max);margin:0 auto;padding:20px 32px 90px;}
.v6-bento__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(172px,auto);gap:16px;}
.v6-tile{
  border:1px solid var(--line-soft);border-radius:18px;padding:24px;
  display:flex;flex-direction:column;justify-content:flex-end;gap:8px;
  background:#fff;transition:border-color .15s ease, transform .15s ease, box-shadow .2s ease;
}
/* The two plain tiles ("Solve"/"Protect and Monitor") sit side-by-side in
   the SAME grid row, so CSS Grid stretches both to equal height — but their
   translated paragraph text wraps to a different number of lines per
   language (e.g. FR "Protéger et Surveiller" + its longer body text wraps
   to 3 lines vs 2 for "Résolvez"). With justify-content:flex-end (bottom-
   anchored), that taller content block pushes the icon+title higher than
   the shorter sibling's, visually misaligning the row across every
   language. Top-anchoring only these two tiles keeps the icon/title at a
   fixed offset from the card's top edge regardless of paragraph length, so
   the row always aligns — the --big (Detect) and --wide (Advisor) tiles
   keep their original bottom-anchored layout since each is alone in its
   row and intentionally pairs its text with background art positioned
   relative to the bottom. */
.v6-tile:not(.v6-tile--big):not(.v6-tile--wide){justify-content:flex-start;}
/* Top-anchoring fixed the icon/title, but the paragraph still slid down in the
   tile whose title wrapped: measured paragraph tops 1365 vs 1389 in NL at every
   width, and 1385 vs 1407 in DE at 1100px, while EN and FR happened to match.
   Reserving two title lines here keeps both paragraphs on the same line in
   every language. Two lines is the observed maximum across nl/en/fr/de at
   1920/1500/1100/920px, and 2.67em matches the measured two-line height at both
   font sizes in play (48px at 18px, 45px at 16.9px). */
.v6-tile:not(.v6-tile--big):not(.v6-tile--wide) h3{min-height:2.67em;}
.v6-tile:hover{border-color:var(--gold-500);transform:translateY(-2px);}
.v6-tile:not(.v6-tile--big){
  box-shadow:0 1px 2px rgba(11,31,58,.06), 0 1px 3px rgba(11,31,58,.04);
}
.v6-tile:not(.v6-tile--big):hover{
  box-shadow:0 4px 14px rgba(11,31,58,.10), 0 2px 6px rgba(11,31,58,.06);
}
.v6-tile--big{grid-column:span 2;grid-row:span 2;background:var(--navy-800);color:#fff;border-color:transparent;position:relative;overflow:hidden;}
.v6-tile--big .v6-tile__icon{color:var(--gold-300);border-color:rgba(255,255,255,.2);}
.v6-tile--big h3,.v6-tile--big p{position:relative;z-index:2;}
.v6-tile--big p{color:#C3CCDC;max-width:52%;}

/* Detect tile — scanning globe: your device in Europe reaching every region */
.v6-globe{
  position:absolute;right:-6px;top:50%;transform:translateY(-50%);
  width:310px;height:310px;
  z-index:1;pointer-events:none;opacity:.97;
}
.v6-globe__ring,.v6-globe__lat{fill:none;stroke:rgba(226,197,122,.28);stroke-width:1;}
.v6-globe__arc{fill:none;stroke:#60BDF0;stroke-opacity:.92;stroke-width:1.5;stroke-dasharray:3 5;animation:v6-globe-flow 2.4s linear infinite;filter:drop-shadow(0 0 3px rgba(96,189,240,.75));}
.v6-globe__dot{fill:var(--gold-300);animation:v6-globe-pulse 2s ease-in-out infinite;}
.v6-globe__dot--home{fill:#60BDF0;animation:v6-globe-pulse-home 2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(96,189,240,.95));}
.v6-globe__dot:nth-of-type(4){animation-delay:.35s;}
.v6-globe__dot:nth-of-type(5){animation-delay:.7s;}
.v6-globe__dot:nth-of-type(6){animation-delay:1.05s;}
.v6-globe__dot:nth-of-type(7){animation-delay:1.4s;}
@keyframes v6-globe-pulse{
  0%,100%{opacity:.55;r:3;}
  50%{opacity:1;r:4;}
}
@keyframes v6-globe-pulse-home{
  0%,100%{opacity:.8;r:5.5;}
  50%{opacity:1;r:7;}
}
@keyframes v6-globe-flow{
  0%{stroke-dashoffset:0;}
  100%{stroke-dashoffset:-40;}
}
@media (prefers-reduced-motion: reduce){
  .v6-globe__arc,.v6-globe__dot{animation:none;}
  .v6-hero__badges span{animation:none;opacity:1;transform:none;}
}
.v6-tile--wide{grid-column:span 2;}
.v6-tile--gold{background:linear-gradient(155deg, rgba(201,162,74,.14), transparent);border-color:rgba(201,162,74,.35);}
.v6-tile__icon{
  width:32px;height:32px;border-radius:9px;border:1px solid var(--line-soft);
  display:flex;align-items:center;justify-content:center;color:var(--gold-700);margin-bottom:4px;
}
.v6-tile__icon svg{width:16px;height:16px;}
.v6-tile h3{font-family:var(--font-head);font-weight:600;font-size:18px;margin:0;}
.v6-tile p{font-size:13.5px;color:var(--muted);line-height:1.5;margin:0;}

/* ---------- Product proof (score mock) ---------- */
.v6-proofpanel{max-width:var(--max);margin:0 auto;padding:20px 32px 96px;display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:start;}
.v6-proofpanel__copy h2{font-family:var(--font-head);font-weight:600;font-size:clamp(26px,3vw,34px);margin:0 0 14px;}
.v6-proofpanel__copy p{font-size:15.5px;line-height:1.65;color:var(--muted);max-width:440px;margin-bottom:22px;}
.v6-proofpanel__copy ul{display:flex;flex-direction:column;gap:10px;}
.v6-proofpanel__copy li{font-size:14px;color:var(--ink);padding-left:22px;position:relative;}
.v6-proofpanel__copy li::before{content:"✓";position:absolute;left:0;color:#22C55E;font-weight:800;}

.v6-mock{background:var(--navy-800);border-radius:20px;padding:16px;box-shadow:0 40px 70px -30px rgba(11,31,58,.55);color:#fff;}
.v6-mock__topbar{display:flex;align-items:center;gap:6px;padding:6px 6px 14px;}
.v6-mock__topbar span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);}
.v6-mock__topbar p{margin-left:8px;min-width:0;flex:1;font-size:12px;font-weight:600;color:#B7C2D6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity 0.5s ease-in-out;transform:translateZ(0);}
.v6-mock__shot{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:900/328;background:#E7ECF3;box-shadow:0 0 0 1px rgba(255,255,255,.06);}
.v6-mock__shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;z-index:1;transition:opacity 0.5s ease-in-out;transform:translateZ(0);backface-visibility:hidden;will-change:opacity;}
.v6-mock__shot img.is-active{opacity:1;z-index:2;}
.v6-mock__dots{display:flex;justify-content:center;gap:6px;padding-top:12px;}
.v6-mock__dots span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.25);transition:background .3s ease,transform .3s ease;}
.v6-mock__dots span.is-active{background:var(--gold-300);transform:scale(1.3);}
.v6-mock__caption{font-size:12px;line-height:1.55;color:#8FA0BC;text-align:center;padding:10px 14px 0;border-top:1px solid rgba(255,255,255,.1);margin-top:12px;}

/* ---------- Audience rows ---------- */
.v6-audience{max-width:var(--max);margin:0 auto;padding:20px 32px 90px;}
.v6-rows{border-top:1px solid var(--line-soft);}
.v6-row{display:flex;align-items:center;gap:22px;padding:22px 6px;border-bottom:1px solid var(--line-soft);transition:background .15s ease,box-shadow .15s ease;cursor:pointer;}
.v6-row:hover{background:rgba(11,31,58,.03);}
.v6-row.v6-row--active{background:rgba(34,197,94,.08);box-shadow:inset 3px 0 0 var(--green);}
.v6-row .v6-row__cta{
  flex:none;font-size:13.5px;font-weight:600;color:var(--green-dark);
  border:1px solid rgba(22,163,74,.35);border-radius:999px;padding:9px 18px;white-space:nowrap;
  background:transparent;cursor:pointer;
  display:inline-flex;align-items:center;gap:4px;text-decoration:none;
  transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.v6-row:hover .v6-row__cta{
  background:var(--green) !important;color:#fff;border-color:transparent;
  box-shadow:0 8px 18px -8px rgba(34,197,94,.55);
  font-weight:700;
}
.v6-row.v6-row--active .v6-row__cta{
  background:var(--green);color:#fff;border-color:transparent;
  box-shadow:0 8px 18px -8px rgba(34,197,94,.55);
}
.v6-row__icon{
  width:44px;height:44px;flex:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--line-soft);color:var(--gold-700);
}
.v6-row__icon svg{width:20px;height:20px;}
.v6-row__body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;}
.v6-row__title{font-family:var(--font-head);font-weight:600;font-size:18px;color:var(--ink);}
.v6-row__desc{font-size:13.5px;color:var(--muted);}
.v6-row__tags{font-size:12px;color:var(--muted-2);}
.v6-row__from{display:block;margin-top:3px;font-size:12px;line-height:1.3;color:var(--gold-700);}

/* ---------- Testimonial ---------- */
.v6-testimonial{background:var(--surface);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:80px 32px;text-align:center;}
.v6-testimonial blockquote{
  margin:0 auto;max-width:660px;font-family:var(--font-head);font-style:italic;font-weight:500;
  font-size:clamp(19px,2.4vw,25px);line-height:1.55;color:var(--navy-800);
}
.v6-testimonial__by{margin-top:18px;font-size:13px;color:var(--muted);letter-spacing:.03em;}

/* ---------- Plans ---------- */
.v6-plans{max-width:var(--max);margin:0 auto;padding:88px 32px;}
.v6-plans__audiences{display:flex;flex-direction:column;gap:44px;max-width:700px;margin:0 auto;}
.v6-plans__audience-label{
  text-align:center;font-family:var(--font-head);font-weight:600;font-size:15px;
  color:var(--navy-700);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line-soft);
}
.v6-plans__pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch;}
.v6-plan{
  border:1px solid var(--line-soft);border-radius:18px;padding:30px 26px;
  display:flex;flex-direction:column;background:#fff;
  transition:border-color .15s ease,transform .15s ease;
}
.v6-plan:hover{border-color:var(--gold-500);transform:translateY(-2px);}
.v6-plan--featured{border-color:var(--gold-500);background:linear-gradient(180deg, rgba(34,197,94,.07), #fff 60%);box-shadow:0 22px 44px -26px rgba(11,31,58,.28);}
.v6-plan__badge{
  display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;border-radius:999px;padding:4px 11px;margin-bottom:14px;
}
.v6-plan__badge--chosen{color:var(--muted);background:rgba(11,31,58,.06);}
.v6-plan__badge--recommended{color:var(--gold-700);background:rgba(201,162,74,.14);}
.v6-plan__eyebrow{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-700);font-weight:700;margin-bottom:10px;}
.v6-plan__tier{font-family:var(--font-head);font-weight:600;font-size:21px;margin-bottom:6px;}
.v6-plan__price{font-size:24px;font-weight:700;margin-bottom:8px;}
.v6-plan__cadence{font-size:12.5px;font-weight:500;color:var(--muted);}
.v6-plan__promise{font-size:13.5px;color:var(--muted);margin-bottom:18px;line-height:1.5;}
.v6-plan ul{margin-bottom:24px;display:flex;flex-direction:column;gap:9px;flex:1;}
.v6-plan li{font-size:13px;color:var(--ink);padding-left:20px;position:relative;line-height:1.4;}
.v6-plan li::before{content:"✓";position:absolute;left:0;color:var(--gold-700);font-size:12px;}
.v6-plan .v6-btn{align-self:stretch;text-align:center;justify-content:center;margin-top:auto;}

/* ---------- Closing ---------- */
.v6-closing{background:var(--navy-900);text-align:center;padding:80px 32px;}
.v6-closing p{
  max-width:620px;margin:0 auto 30px;font-family:var(--font-head);font-style:italic;
  font-size:clamp(18px,2.1vw,22px);line-height:1.5;color:#DCE3ED;
}

/* ---------- Footer ---------- */
.v6-footer-wrap{background:var(--navy-900);border-top:1px solid var(--line);}
.v6-footer{max-width:var(--max);margin:0 auto;padding:36px 32px 44px;display:flex;justify-content:space-between;align-items:center;gap:48px;flex-wrap:wrap;}
.v6-footer__brand{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.v6-footer__brand .v6-brand{height:72px;}
.v6-footer__brand p{font-size:12.5px;color:#8FA0BC;line-height:1.5;margin:8px 0 0;max-width:280px;}
.v6-footer__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:48px;
  row-gap:14px;
  align-items:center;
  font-size:13px;
  flex:1 1 420px;
  max-width:560px;
}
.v6-footer__grid a{color:#B7C2D6;text-decoration:none;white-space:nowrap;}
.v6-footer__grid a:hover{color:#fff;}

@media (max-width: 960px){
  .v6-hero{grid-template-columns:1fr;padding-top:40px;}
  .v6-carousel{order:-1;aspect-ratio:16/10;}
  .v6-proof__metrics{grid-template-columns:repeat(2,1fr);}
  .v6-proofpanel{grid-template-columns:1fr;}
  .v6-mock{max-width:420px;margin:0 auto;}
  .v6-bento__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(200px,auto);}
  .v6-tile--big{grid-column:span 2;grid-row:span 1;}
  .v6-tile--wide{grid-column:span 2;}
  .v6-globe{right:-50px;bottom:-60px;}
  .v6-scans__grid{grid-template-columns:repeat(2,1fr);}
  .v6-plans__panel{grid-template-columns:1fr;}
  .v6-plan-divider{display:none;}
  .v6-header__inner{flex-wrap:wrap;gap:14px;}
  /* Wrapped state is its own full-width row, so the desktop centring does not
     apply here — keep the links reading from the left edge. */
  .v6-nav{order:3;flex-basis:100%;gap:18px;flex-wrap:wrap;justify-content:flex-start;}
  .v6-row{flex-wrap:wrap;}
  .v6-row__cta{margin-left:66px;}
}