/* Homepage · v3 · desktop
   Couleurs, typo, rayons, ombres : tokens.css (DS v2).
   Titres OT Jubilee Regular 400. Hero et montants : h2.
   General Sans : comparatif, trajectoire, message expert, frise.
   Geist Mono : J0 et « J+7 ouvrés ». Situation : Inter.
   Mesures hors échelle d'espacement (28, 10, 14, 72…) : conservées,
   listées dans le rapport. Pas de teinte de texte en opacité. */

.hd{display:block;background:var(--color-neutral-blush-50);color:var(--color-text-primary);font-family:var(--font-family-body);-webkit-font-smoothing:antialiased}
.hd, .hd *{font-family:var(--font-family-body)}
.hd *{box-sizing:border-box}
.hd a{text-decoration:none;color:inherit}
.hd a.hd-btn--light,.hd a.hd-btn--line{color:var(--color-text-primary)}
.hd a.hd-btn--ghost,.hd a.hd-btn--ink{color:var(--color-neutral-white)}
.hd a.hd-btn--gold{color:var(--color-text-on-brand)}
.hd img{max-width:none}
.hd-wrap{width:min(1240px,calc(100% - var(--space-48)));margin:0 auto}
.hd-h2 em{font-family:var(--font-family-display);font-style:italic;font-weight:var(--type-h1-weight)}

.hd-header{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:28px;
  height:72px;padding:0 28px;background:var(--color-brand-surface-deep);
}
.hd-header img{display:block;width:132px;height:25px}
.hd-nav{display:flex;gap:22px}
.hd-nav a{
  font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);
  line-height:var(--type-body-s-leading);letter-spacing:var(--type-body-s-tracking);
  color:var(--color-text-on-brand-secondary);
}
.hd-header .hd-btn{margin-left:auto}

.hd-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:38px;padding:0 14px;border-radius:var(--radius-md);border:1px solid transparent;
  font-family:var(--font-family-body);font-size:var(--type-button-size);font-weight:var(--type-button-weight);
  letter-spacing:var(--type-button-tracking);line-height:var(--type-button-leading);white-space:nowrap;
}
.hd-btn--light{background:var(--color-button-hero-bg);color:var(--color-text-primary);border-color:var(--color-button-hero-bg)}
.hd-btn--ghost{
  background:color-mix(in srgb, var(--color-brand-surface-accent) 10%, transparent);
  color:var(--color-neutral-white);border-color:var(--color-border-control);
}
.hd-btn--ink{background:var(--color-brand-surface-accent);color:var(--color-neutral-white);border-color:var(--color-brand-surface-accent)}
.hd-btn--line{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-control)}
.hd-btn--gold{
  height:auto;padding:14px 26px;border-radius:0;background:var(--color-accent-gold);
  color:var(--color-text-on-brand);border-color:var(--color-accent-gold);text-transform:uppercase;
}

.hd-link{
  display:inline-flex;gap:var(--space-6);align-items:center;padding-bottom:var(--space-2);
  border-bottom:1px solid currentColor;
  font-size:var(--type-button-size);font-weight:var(--type-button-weight);
  letter-spacing:var(--type-button-tracking);line-height:var(--type-button-leading);
}
.hd-kicker{
  margin:0;font-family:var(--font-family-body);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);
  letter-spacing:var(--type-eyebrow-tracking);line-height:var(--type-eyebrow-leading);
  text-transform:uppercase;color:var(--color-accent-gold);
}
.hd-kicker--deep{color:var(--color-text-accent)}
.hd-h1{
  margin:var(--space-16) 0 0;font-family:var(--font-family-display);font-style:normal;
  font-weight:var(--type-h2-weight);font-size:var(--type-h2-size);
  line-height:var(--type-h2-leading);letter-spacing:var(--type-h2-tracking);
  color:var(--color-text-on-brand);
}
.hd-h2{
  margin:var(--space-16) 0 0;font-family:var(--font-family-display);font-style:normal;
  font-weight:var(--type-h1-weight);font-size:var(--type-h1-size);
  line-height:var(--type-h1-leading);letter-spacing:var(--type-h1-tracking);
}
.hd-lead{
  margin:var(--space-24) 0 0;max-width:560px;
  font-size:var(--type-body-l-size);font-weight:var(--type-body-l-weight);
  line-height:var(--type-body-l-leading);letter-spacing:var(--type-body-l-tracking);
  color:var(--color-text-on-brand);
}
.hd-lead p{margin:0}

.hd-hero{background:var(--color-brand-surface-deep);padding:0 var(--space-16) var(--space-16)}
.hd-hero-card{position:relative;height:812px;border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-brand-surface)}
.hd-hero-visual{position:absolute;inset:0}
.hd-hero-visual .base,.hd-hero-visual .who{
  position:absolute;left:0;top:0;width:121.3%;height:157.7%;object-fit:cover;
}
.hd-hero-visual .who{z-index:2}
.hd-veil{
  position:absolute;inset:0;z-index:3;
  background:linear-gradient(90deg, color-mix(in srgb, var(--color-brand-surface) 60%, transparent) 0.4%, transparent 52.84%);
}
/* Panneau transactions · vecteur 636:871, Geist Mono 12–20 validé par Fayaz. */
.tx{
  position:absolute;z-index:1;left:47.6%;top:6%;width:49%;
  display:flex;flex-direction:column;gap:12px;
  color:var(--color-neutral-white);font-family:var(--font-family-mono);font-weight:400;
  opacity:.45;filter:blur(.65px);pointer-events:none;
}
.tx img{display:block;width:24px;height:24px;flex:none}
.tx-title{
  margin:0 0 8px;font-size:18px;font-weight:500;letter-spacing:6.6px;line-height:1.2;text-transform:uppercase;
}
.tx-totals{display:flex;flex-direction:column;gap:10px}
.tx-totals div{display:grid;grid-template-columns:24px max-content max-content;gap:12px 28px;align-items:center}
.tx-totals span{font-size:14px;font-weight:500;letter-spacing:4.5px;line-height:1;white-space:nowrap}
.tx-totals b{font-size:20px;font-weight:400;letter-spacing:2.3px;line-height:1;white-space:nowrap}
.tx-filters{
  display:flex;align-items:center;gap:16px;margin-top:8px;padding-top:14px;
  border-top:1px solid color-mix(in srgb, var(--color-neutral-white) 55%, transparent);
  opacity:.8;font-size:16px;letter-spacing:.4px;white-space:nowrap;
}
.tx-filters span{display:inline-flex;align-items:center;gap:8px}
.tx-search{flex:1}
.tx-rule{width:1px;height:18px;background:color-mix(in srgb, var(--color-neutral-white) 70%, transparent)}
.tx-head,.tx-pill{
  display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(88px,.8fr) minmax(90px,1fr) auto;
  gap:12px;align-items:center;white-space:nowrap;
}
.tx-head{margin-top:8px;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;opacity:.8}
.tx-pill{font-size:17px;letter-spacing:0;line-height:1.2;padding:3px 0}
.tx-status{display:inline-flex;align-items:center;gap:8px}
.tx-badge{
  display:inline-flex;align-items:center;border:1.1px solid var(--color-neutral-white);
  border-radius:var(--radius-full);padding:4px 10px;
  font-family:var(--font-family-body);font-weight:600;font-size:12px;letter-spacing:0;line-height:1.2;
}
.tx-pill b{font-weight:400;font-size:17px}
.hd-hero-copy{position:absolute;left:var(--space-48);top:272px;width:min(680px,calc(100% - var(--space-96)))}
.hd-eyebrow{
  margin:0;font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);
  line-height:var(--type-eyebrow-leading);letter-spacing:var(--type-eyebrow-tracking);
  text-transform:uppercase;color:var(--color-text-on-brand-secondary);
}
.hd-actions{display:flex;gap:var(--space-8);flex-wrap:wrap;margin-top:28px}

.hd-method{background:var(--color-brand-surface-deep);color:var(--color-text-on-brand);padding:var(--space-128) 0}
.hd-method .hd-center{text-align:center}
.hd-method .hd-h2{color:var(--color-text-on-brand)}
.hd-method .hd-wrap + .hd-wrap{margin-top:72px}
.hd-rule{
  display:grid;grid-template-columns:minmax(0,490px) minmax(0,1fr);gap:var(--space-64);align-items:center;
  padding:0;
}
.hd-rule:nth-child(1){min-height:650px}
.hd-rule:nth-child(2){min-height:581px}
.hd-rule:nth-child(3){min-height:545px}
.hd-rule h3{
  margin:var(--space-16) 0 0;font-family:var(--font-family-display);font-style:normal;
  font-weight:var(--type-h4-weight);font-size:var(--type-h4-size);
  line-height:var(--type-h4-leading);letter-spacing:var(--type-h4-tracking);
  color:var(--color-text-on-brand);
}
.hd-rule p{
  margin:var(--space-16) 0 26px;
  font-size:var(--type-body-l-size);font-weight:var(--type-body-l-weight);
  line-height:var(--type-body-l-leading);letter-spacing:var(--type-body-l-tracking);
  color:var(--color-text-on-brand);
}
.hd-rule p.hd-muted,
.hd-rule p.hd-fine,
.hd-rule p.hd-wait{color:var(--color-text-muted)}
.hd-rule p.hd-footline,
.hd-rule p.hd-bubble-me{color:var(--color-text-primary)}
.hd-scene{display:flex;justify-content:center}

.hd-card,
.hd-card *,
.hd-chat,
.hd-chat *,
.hd-float,
.hd-float *{font-family:var(--font-family-mock)}
.hd-card{
  width:min(440px,100%);background:var(--color-neutral-white);color:var(--color-text-primary);
  border-radius:var(--radius-2xl);padding:var(--space-24);
  box-shadow:var(--shadow-ring-subtle), var(--shadow-lg);
}
.hd-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--color-neutral-paper);border-radius:var(--radius-full);padding:var(--space-4);margin-bottom:var(--space-24)}
.hd-switch span{
  text-align:center;font-size:var(--type-mock-label-m-size);font-weight:var(--type-mock-label-m-weight);
  line-height:var(--type-mock-label-m-leading);letter-spacing:var(--type-mock-label-m-tracking);
  border-radius:var(--radius-full);color:var(--color-text-primary);
}
.hd-switch .is-on{background:var(--color-neutral-white);box-shadow:var(--shadow-sm)}
.hd-muted{
  margin:0;color:var(--color-text-muted);
  font-size:var(--type-mock-body-s-size);font-weight:var(--type-mock-body-s-weight);
  line-height:var(--type-mock-body-s-leading);letter-spacing:var(--type-mock-body-s-tracking);
}
.hd-blurrow{
  display:flex;gap:10px;align-items:center;margin-top:var(--space-6);color:var(--color-text-muted);
  font-size:var(--type-mock-body-m-size);font-weight:var(--type-mock-body-m-weight);
  line-height:var(--type-mock-body-m-leading);letter-spacing:var(--type-mock-body-m-tracking);
}
.hd-blur{
  width:var(--space-96);height:26px;border-radius:var(--radius-md);
  background:linear-gradient(90deg, var(--color-neutral-blush-200), var(--color-neutral-paper) 50%, var(--color-neutral-blush-200));
  filter:blur(1.5px);
}
.hd-rows{margin-top:var(--space-16);border-top:1px solid var(--color-border-subtle)}
.hd-rows div{
  display:flex;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) 0;
  border-bottom:1px solid var(--color-border-subtle);
  font-size:var(--type-mock-body-m-size);font-weight:var(--type-mock-body-m-weight);
  line-height:var(--type-mock-body-m-leading);letter-spacing:var(--type-mock-body-m-tracking);
}
.hd-rows div:last-child{border-bottom:0}
.hd-rows em{
  color:var(--color-text-muted);font-style:italic;font-family:var(--font-family-mock);
  font-size:var(--type-mock-body-s-size);font-weight:var(--type-mock-body-s-weight);
  line-height:var(--type-mock-body-s-leading);letter-spacing:var(--type-mock-body-s-tracking);
}
.hd-fine{
  margin:var(--space-24) 0 0;padding-top:var(--space-24);border-top:1px solid var(--color-border-subtle);
  color:var(--color-text-muted);
  font-size:var(--type-mock-caption-size);font-weight:var(--type-mock-caption-weight);
  line-height:var(--type-mock-caption-leading);letter-spacing:var(--type-mock-caption-tracking);
}
.hd-card-h{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-16)}
.hd-card-id{display:flex;gap:var(--space-12);align-items:center}
.hd-fine--split{display:flex;justify-content:space-between;border:0;padding-top:var(--space-16)}
.hd-actions--flush{margin-top:0}
.hd-card-h strong,.hd-float strong{
  display:block;font-family:var(--font-family-display);font-weight:var(--type-title-s-weight);
  font-size:var(--type-title-s-size);line-height:var(--type-title-s-leading);letter-spacing:var(--type-title-s-tracking);
}
.hd-track strong{
  display:block;font-family:var(--font-family-mock);font-weight:var(--type-mock-label-m-weight);
  font-size:var(--type-mock-label-m-size);line-height:var(--type-mock-label-m-leading);letter-spacing:var(--type-mock-label-m-tracking);
}
.hd-card-h span,.hd-track span{
  color:var(--color-text-muted);
  font-size:var(--type-mock-body-s-size);font-weight:var(--type-mock-body-s-weight);
  line-height:var(--type-mock-body-s-leading);letter-spacing:var(--type-mock-body-s-tracking);
}
.hd-avatar{
  display:grid;place-items:center;width:var(--space-32);height:var(--space-32);border-radius:var(--radius-xl);
  background:var(--color-neutral-paper);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);
  font-family:var(--font-family-mock);font-size:var(--type-mock-label-m-size);font-weight:var(--type-mock-label-m-weight);flex:none;
}
.hd-track{position:relative;display:flex;flex-direction:column;gap:14px;--rail:1;--rail-o:1}
.hd-track::before,
.hd-track::after{
  content:"";position:absolute;left:7px;top:12px;bottom:12px;width:2px;border-radius:1px;
  background:var(--color-accent-gold);pointer-events:none;
}
.hd-track::before{background:var(--color-border-subtle);opacity:1;z-index:0}
.hd-track::after{z-index:0;transform-origin:top center;transform:scaleY(var(--rail));opacity:var(--rail-o)}
.hd-track > div{position:relative;z-index:1;display:grid;grid-template-columns:var(--space-16) 1fr auto;gap:var(--space-12);align-items:center}
.hd-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-border-subtle);justify-self:center}
.fl-step.is-now .hd-dot,
.fl-step.is-past .hd-dot{background:var(--color-neutral-white);box-shadow:0 0 0 1.5px var(--color-accent-gold)}
.hd-pill{
  font-size:var(--type-mock-tag-size);font-weight:var(--type-mock-tag-weight);
  line-height:var(--type-mock-tag-leading);letter-spacing:var(--type-mock-tag-tracking);
  padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);background:var(--color-neutral-paper);
}
.is-now .hd-pill{background:var(--color-pastille-yellow-bg);color:var(--color-pastille-yellow-text)}
.hd-footline{
  display:flex;gap:10px;align-items:center;margin:var(--space-16) 0 0;padding-top:var(--space-16);
  border-top:1px solid var(--color-border-subtle);
  font-size:var(--type-mock-body-m-size);font-weight:var(--type-mock-body-m-weight);
  line-height:var(--type-mock-body-m-leading);letter-spacing:var(--type-mock-body-m-tracking);
}
.hd-chat{display:flex;flex-direction:column;gap:10px}
.hd-bubble-me{
  margin:0;align-self:flex-end;max-width:90%;background:var(--color-neutral-paper);
  border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);
  padding:var(--space-12) 14px;
  font-size:var(--type-mock-body-m-size);font-weight:var(--type-mock-body-m-weight);
  line-height:var(--type-mock-body-m-leading);letter-spacing:var(--type-mock-body-m-tracking);
}
.hd-typing{display:flex;gap:var(--space-4)}
.hd-typing i{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--color-accent-gold);display:block}
.hd-wait{
  margin:0;color:var(--color-text-muted);
  font-size:var(--type-mock-body-s-size);font-weight:var(--type-mock-body-s-weight);
  line-height:var(--type-mock-body-s-leading);letter-spacing:var(--type-mock-body-s-tracking);
}
.hd-bar{height:var(--space-4);border-radius:var(--radius-full);background:var(--color-pastille-yellow-bg);margin-top:var(--space-12)}
.hd-bar span{display:block;width:42%;height:100%;border-radius:inherit;background:var(--color-accent-gold)}

.hd-stats{padding:112px 0 var(--space-40)}
.hd-stats .hd-h2{max-width:760px;color:var(--color-text-primary)}
.hd-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:var(--space-64);border-top:1px solid var(--color-border-default)}
.hd-stat{padding:36px 28px 0 0}
.hd-stat + .hd-stat{padding-left:28px;border-left:1px solid var(--color-border-default)}
.hd-stat strong{
  display:block;font-family:var(--font-family-display);font-weight:var(--type-display-weight);
  font-size:var(--type-display-size);line-height:var(--type-display-leading);letter-spacing:var(--type-display-tracking);
  color:var(--color-text-primary);
}
.hd-stat span{
  display:block;margin-top:14px;max-width:210px;
  font-size:var(--type-body-m-size);font-weight:var(--type-body-m-weight);
  line-height:var(--type-body-m-leading);letter-spacing:var(--type-body-m-tracking);
  color:var(--color-text-secondary);
}
.hd-note{
  margin:var(--space-40) 0 0;
  font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);
  line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);
  color:var(--color-text-muted);
}

.hd-prices{padding:var(--space-128) 0}
.hd-offer{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);
  margin-bottom:var(--space-64);padding:var(--space-24) var(--space-24) var(--space-24) var(--space-32);
  border-radius:var(--radius-xl);background:var(--color-brand-surface);color:var(--color-text-on-brand);
}
.hd-offer strong{
  display:block;font-family:var(--font-family-display);font-weight:var(--type-h6-weight);
  font-size:var(--type-h6-size);line-height:var(--type-h6-leading);letter-spacing:var(--type-h6-tracking);
}
.hd-offer p{
  margin:var(--space-8) 0 0;
  font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);
  line-height:var(--type-body-s-leading);letter-spacing:var(--type-body-s-tracking);
}
.hd-prices .hd-h2{max-width:760px;color:var(--color-text-primary)}
.hd-intro{
  margin:var(--space-16) 0 0;max-width:574px;
  font-size:var(--type-lead-size);font-weight:var(--type-lead-weight);
  line-height:var(--type-lead-leading);letter-spacing:var(--type-lead-tracking);
  color:var(--color-text-secondary);
}
.hd-bill{
  display:flex;margin-top:var(--space-64);padding:var(--space-4);width:max-content;
  border-radius:var(--radius-full);background:var(--color-neutral-blush-100);border:1px solid var(--color-border-control);
}
.hd-bill button{
  display:inline-flex;align-items:center;gap:var(--space-8);border:0;background:transparent;cursor:pointer;
  padding:var(--space-12) var(--space-16);border-radius:var(--radius-full);font-family:var(--font-family-body);
  font-size:var(--type-button-size);font-weight:var(--type-button-weight);
  letter-spacing:var(--type-button-tracking);line-height:var(--type-button-leading);
  text-transform:uppercase;color:var(--color-text-primary);
}
.hd-bill button[aria-pressed="true"]{background:var(--color-brand-surface-accent);color:var(--color-text-on-brand)}
.hd-chip,.hd-badge{
  padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);
  background:var(--color-accent-gold);color:var(--color-text-primary);
  font-size:var(--type-pastille-size);font-weight:var(--type-pastille-weight);
  line-height:var(--type-pastille-leading);letter-spacing:var(--type-pastille-tracking);text-transform:none;
}
.hd-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12);margin-top:var(--space-32);align-items:stretch}
.hd-plan{
  display:flex;flex-direction:column;background:var(--color-neutral-white);
  border:1px solid var(--color-border-default);border-radius:var(--radius-xl);
  padding:28px var(--space-24) var(--space-24);
}
.hd-plan--dark{background:var(--color-brand-surface);border-color:var(--color-brand-surface);color:var(--color-text-on-brand)}
.hd-plan-top{
  display:flex;justify-content:space-between;align-items:center;
  font-size:var(--type-body-m-size);font-weight:var(--type-button-weight);
  line-height:var(--type-body-m-leading);letter-spacing:var(--type-body-m-tracking);
}
.hd-for{
  margin:var(--space-4) 0 26px;
  font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);
  line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);
  color:var(--color-text-muted);
}
.hd-plan--dark .hd-for{color:var(--color-text-on-brand-secondary)}
.hd-amount{display:flex;align-items:flex-end;gap:var(--space-8)}
.hd-amount b{
  font-family:var(--font-family-display);font-weight:var(--type-h2-weight);font-size:var(--type-h2-size);
  line-height:var(--type-h2-leading);letter-spacing:var(--type-h2-tracking);
}
.hd-amount span,.hd-year{
  font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);
  line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);
  color:var(--color-text-muted);
}
.hd-amount span{padding-bottom:var(--space-8)}
.hd-plan--dark .hd-amount span,.hd-plan--dark .hd-year{color:var(--color-text-on-brand-secondary)}
.hd-year{margin:var(--space-8) 0 0}
.hd[data-billing="month"] .hd-year{display:none}
.hd-plan ul{list-style:none;margin:var(--space-24) 0 0;padding:22px 0 0;border-top:1px solid var(--color-neutral-blush-150)}
.hd-plan--dark ul{border-top-color:var(--color-border-on-brand)}
.hd-plan li{
  position:relative;margin:0 0 var(--space-12);padding-left:22px;
  font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);
  line-height:var(--type-body-s-leading);letter-spacing:var(--type-body-s-tracking);
}
.hd-plan li::before{content:"✓";position:absolute;left:0;color:var(--color-text-accent)}
.hd-plan--dark li::before{color:var(--color-accent-gold)}
.hd-plan .is-plus::before{content:"+"}
.hd-more{
  margin:22px 0 var(--space-12);padding-top:22px;border-top:1px solid var(--color-border-on-brand);
  font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);
  letter-spacing:var(--type-eyebrow-tracking);line-height:var(--type-eyebrow-leading);text-transform:uppercase;
}
.hd-tag{
  display:inline-flex;width:max-content;max-width:100%;margin-top:var(--space-8);
  padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);
  border:1px solid var(--color-accent-gold);color:var(--color-accent-gold);
  font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);
  line-height:var(--type-body-s-leading);letter-spacing:var(--type-body-s-tracking);
}
.hd-plan:not(.hd-plan--dark) .hd-tag{border-color:var(--color-accent-gold-deep);color:var(--color-text-primary)}
.hd-plan .hd-link{margin-top:auto;padding-top:var(--space-24)}
.hd-setup{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);
  margin-top:28px;padding:20px var(--space-24);border-radius:var(--radius-lg);background:var(--color-neutral-blush-100);
  font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);
  line-height:var(--type-body-s-leading);letter-spacing:var(--type-body-s-tracking);
}
.hd-setup p{margin:0}
.hd-setup span{color:var(--color-text-secondary)}

.hd-situation{padding:var(--space-40) 0 0}
.hd-situation .hd-h2{color:var(--color-text-primary)}
.hd-sit{
  display:grid;grid-template-columns:minmax(220px,376px) minmax(0,470px) minmax(180px,282px);
  gap:56px;align-items:center;margin-top:0;min-height:900px;
}
.hd-tabs{display:flex;flex-direction:column;gap:var(--space-40);border:0;padding:0;margin:0}
.hd-tabs button{
  border:0;background:transparent;padding:0;text-align:left;cursor:pointer;
  font-family:var(--font-family-display);font-weight:var(--type-h3-weight);font-size:var(--type-h3-size);
  line-height:var(--type-h3-leading);letter-spacing:var(--type-h3-tracking);color:var(--color-text-muted);
}
.hd-tabs button[aria-selected="true"]{color:var(--color-text-primary)}
.hd-shot{position:relative;aspect-ratio:470 / 633;background:transparent}
.hd-shot picture{display:block}
.hd-shot .fl-sit-img{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.hd-shot .fl-sit-img.is-on{opacity:1;z-index:1}
.hd-shot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hd-sit-copy p{
  margin:0 0 var(--space-16);
  font-family:var(--font-family-body);font-size:var(--type-body-l-size);font-weight:var(--type-body-l-weight);
  line-height:var(--type-body-l-leading);letter-spacing:var(--type-body-l-tracking);
  color:var(--color-text-secondary);
}

.hd-metier{background:var(--color-brand-surface);color:var(--color-text-on-brand);padding:var(--space-128) 0}
.hd-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:72px;align-items:start}
.hd-metier .hd-h2{color:var(--color-text-on-brand)}
.hd-body{
  margin:var(--space-24) 0 0;max-width:535px;
  font-size:var(--type-body-l-size);font-weight:var(--type-body-l-weight);
  line-height:var(--type-body-l-leading);letter-spacing:var(--type-body-l-tracking);
  color:var(--color-text-on-brand);
}
.hd-chips{display:flex;flex-wrap:wrap;gap:var(--space-8);max-width:420px;margin-top:var(--space-32)}
.hd-chips span{
  padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);
  border:1px solid var(--color-border-on-brand);
  font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);
  line-height:var(--type-body-s-leading);letter-spacing:var(--type-body-s-tracking);
  color:var(--color-text-on-brand);
}
.hd-chips .is-gold{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}
.hd-jobs{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-border-on-brand)}
.hd-jobs li{
  display:flex;justify-content:space-between;align-items:center;height:74px;
  border-bottom:1px solid var(--color-border-on-brand);
  font-family:var(--font-family-display);font-weight:var(--type-h5-weight);font-size:var(--type-h5-size);
  line-height:var(--type-h5-leading);letter-spacing:var(--type-h5-tracking);
}
.hd-jobs span{
  font-family:var(--font-family-body);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);
  line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);
  color:var(--color-text-on-brand-secondary);
}
.hd-metier .hd-actions{margin-top:var(--space-32)}

.hd-start{background:var(--color-surface-inverse);color:var(--color-text-on-brand);padding:var(--space-128) 0}
.hd-start-grid{display:grid;grid-template-columns:minmax(280px,535fr) minmax(0,641fr);gap:64px;align-items:center}
.hd-start .hd-h2{color:var(--color-text-on-brand)}
.hd-steps{list-style:none;margin:var(--space-40) 0 0;padding:0}
.hd-steps li{
  display:grid;grid-template-columns:var(--space-48) 1fr auto;gap:var(--space-16);align-items:start;
  padding:22px 0;border-top:1px solid var(--color-border-on-brand);
}
.hd-steps .n{
  color:var(--color-accent-gold);
  font-size:var(--type-caption-size);font-weight:var(--type-eyebrow-weight);
  line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);padding-top:var(--space-6);
}
.hd-steps strong{
  display:block;font-family:var(--font-family-display);font-weight:var(--type-h6-weight);
  font-size:var(--type-h6-size);line-height:var(--type-h6-leading);letter-spacing:var(--type-h6-tracking);
}
.hd-steps p{
  margin:var(--space-6) 0 0;
  font-size:var(--type-body-m-size);font-weight:var(--type-body-m-weight);
  line-height:var(--type-body-m-leading);letter-spacing:var(--type-body-m-tracking);
  color:var(--color-text-on-brand-secondary);
}
.hd-steps .when{
  font-family:var(--font-family-mono);font-weight:var(--type-mono-label-weight);
  font-size:var(--type-mono-label-size);line-height:var(--type-mono-label-leading);
  letter-spacing:var(--type-mono-label-tracking);color:var(--color-text-on-brand-secondary);padding-top:var(--space-8);
}
.hd-photo{position:relative;aspect-ratio:534.53 / 592.31;border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-surface-inverse)}
.hd-photo > picture,.hd-cta-visual > picture,.hd-hero-visual > picture{display:contents}
.hd-photo .base{position:absolute;left:-69%;top:-12.36%;width:296.8%;height:150.67%;object-fit:fill}
.hd-photo .ov{position:absolute;left:-13.47%;top:-1.29%;width:132.45%;height:67.36%;object-fit:cover;opacity:.7}
.hd-photo .top{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.hd-float{
  position:absolute;left:var(--space-24);bottom:14.9%;display:flex;align-items:center;gap:var(--space-12);
  width:min(300px,calc(100% - var(--space-48)));padding:var(--space-16);border-radius:var(--radius-2xl);
  background:var(--color-neutral-white);color:var(--color-text-primary);
  box-shadow:var(--shadow-ring-subtle), var(--shadow-lg);
}
.hd-float span{
  color:var(--color-text-muted);
  font-size:var(--type-mock-body-s-size);font-weight:var(--type-mock-body-s-weight);
  line-height:var(--type-mock-body-s-leading);letter-spacing:var(--type-mock-body-s-tracking);
}
.hd-float .hd-j7{
  margin-left:auto;padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);
  background:var(--color-accent-gold);color:var(--color-text-primary);
  font-family:var(--font-family-mock);font-size:var(--type-mock-tag-size);font-weight:var(--type-mock-tag-weight);
  line-height:var(--type-mock-tag-leading);letter-spacing:var(--type-mock-tag-tracking);
}

.hd-faq{padding:var(--space-128) 0}
.hd-faq-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:72px;align-items:start}
.hd-faq .hd-h2{color:var(--color-text-primary)}
.hd-acc details{border-bottom:1px solid var(--color-border-default)}
.hd-acc details:first-child{border-top:1px solid var(--color-border-default)}
.hd-acc summary{
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-16);
  padding:var(--space-24) 0;cursor:pointer;list-style:none;
  font-family:var(--font-family-display);font-weight:var(--type-h6-weight);font-size:var(--type-h6-size);
  line-height:var(--type-h6-leading);letter-spacing:var(--type-h6-tracking);color:var(--color-text-primary);
}
.hd-acc summary::-webkit-details-marker{display:none}
.hd-acc summary::after{
  content:"+";flex:none;width:30px;height:30px;border-radius:var(--radius-xl);border:1px solid var(--color-border-control);
  display:grid;place-items:center;font-family:var(--font-family-body);font-weight:var(--type-lead-weight);
  font-size:var(--type-lead-size);color:var(--color-text-primary);
}
.hd-acc details[open] summary::after{content:"×";background:var(--color-neutral-peach);border-color:var(--color-neutral-peach);color:var(--color-text-accent)}
.hd-acc details p{
  margin:0 0 var(--space-24);max-width:578px;
  font-size:var(--type-body-l-size);font-weight:var(--type-body-l-weight);
  line-height:var(--type-body-l-leading);letter-spacing:var(--type-body-l-tracking);
  color:var(--color-text-secondary);
}
.hd-acc strong{color:var(--color-text-primary);font-weight:var(--type-button-weight)}

.hd-cta{background:var(--color-neutral-blush-50);padding:0 var(--space-16) var(--space-16)}
.hd-cta-card{
  position:relative;display:grid;grid-template-columns:minmax(0,600px) 1fr;min-height:620px;
  border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-brand-surface);
}
.hd-cta-copy{position:relative;z-index:1;padding:108px var(--space-64);max-width:664px}
.hd-cta .hd-h2{color:var(--color-text-on-brand)}
.hd-cta .hd-lead{color:var(--color-text-on-brand);max-width:456px}
.hd-cta-visual{position:absolute;top:0;right:0;bottom:0;width:58%}
.hd-cta-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hd-cta-visual .ov{opacity:.5}

.hd-foot{position:relative;background:var(--color-surface-inverse);color:var(--color-text-on-brand);padding:88px 0 0;overflow:hidden}
.hd-foot-grid{display:grid;grid-template-columns:minmax(200px,360px) repeat(4,minmax(0,180px));gap:var(--space-40)}
.hd-foot h3{
  margin:0;font-family:var(--font-family-body);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);
  letter-spacing:var(--type-eyebrow-tracking);line-height:var(--type-eyebrow-leading);
  text-transform:uppercase;color:var(--color-accent-gold);
}
.hd-foot ul{list-style:none;margin:var(--space-16) 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.hd-foot li a{
  font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);
  line-height:var(--type-body-s-leading);letter-spacing:var(--type-body-s-tracking);
  color:var(--color-text-on-brand-secondary);
}
.hd-foot-brand p{
  margin:var(--space-16) 0 0;max-width:244px;
  font-size:var(--type-body-s-size);font-weight:var(--type-body-s-weight);
  line-height:var(--type-body-s-leading);letter-spacing:var(--type-body-s-tracking);
  color:var(--color-text-on-brand-secondary);
}
.hd-legal{
  display:flex;justify-content:space-between;gap:var(--space-16);margin-top:72px;padding-top:var(--space-24);
  border-top:1px solid var(--color-border-on-brand);
  font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);
  line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);
  color:var(--color-text-on-brand-secondary);
}
.hd-legal p{margin:0}
.hd-watermark{
  position:relative;overflow:hidden;pointer-events:none;
  width:calc(100% * 1453 / 1440);margin-left:calc(100% * -8 / 1440);
  margin-top:calc(100% * 85.265625 / 1440);
  aspect-ratio:1453 / 203.734375;
}
.hd-watermark img{position:absolute;left:0;top:0;display:block;width:100%;height:auto}
.hd-foot :focus-visible,
.hd-header :focus-visible,
.hd-method .hd-link:focus-visible,
.hd-offer .fl-btn:focus-visible,
.hd-plan--dark :focus-visible,
.hd-metier :focus-visible,
.hd-cta-card :focus-visible,
.hd-hero :focus-visible{
  outline-color:var(--color-ring-focus-dark);
  box-shadow:var(--shadow-ring-focus-dark);
}

@media (max-width:1100px){
  .hd-rule,.hd-split,.hd-start-grid,.hd-faq-grid,.hd-sit{grid-template-columns:1fr;gap:var(--space-32)}
  .hd-rule{min-height:0}
  .hd-sit{min-height:0}
  .hd-stats-grid{grid-template-columns:1fr 1fr}
  .hd-stat + .hd-stat{border-left:0}
  .hd-plans{grid-template-columns:1fr}
  .hd-offer,.hd-setup,.hd-legal,.hd-foot-grid{display:flex;flex-direction:column;align-items:flex-start}
  .hd-tabs{flex-direction:row;flex-wrap:wrap;gap:var(--space-16)}
  .hd-cta-card{grid-template-columns:1fr;min-height:0}
  .hd-cta-visual{position:relative;width:100%;height:320px}
  .hd-cta-copy{padding:var(--space-48) 28px}
  .hd-hero-card{height:auto;min-height:640px}
  .hd-hero-copy{top:var(--space-48)}
}

@media (max-width:767px){
  .hd{display:none !important}
}