/* Homepage mobile · 390 px
   Tokens DS v2. Le header (.hm-header) garde sa géométrie :
   seul le nom de variable de fond est branché sur brand/surface-deep.
   Hero : h2 44. Titres de section : h1 54. Chiffres : display 80,
   une colonne pour tenir dans 390 px. */

.hm{display:none}

@media (max-width:767px){
.home-desk{display:none!important}
body{background:var(--color-neutral-blush-50)}
.hm{
  display:block;
  background:var(--color-neutral-blush-50);
  color:var(--color-text-primary);
  font-family:var(--font-family-body);
  -webkit-font-smoothing:antialiased;
}
.hm, .hm *{font-family:var(--font-family-body)}
.hm *{box-sizing:border-box}
.hm a{text-decoration:none}
.hm img{max-width:none}
.hm-h1 em,.hm-h2 em{font-family:var(--font-family-display);font-style:italic;font-weight:var(--type-h1-weight)}

.hm-header{
  background:var(--color-brand-surface-deep);
  padding:var(--space-16) 20px;
}
.hm-header img{display:block;width:132px;height:25px}

.hm-hero{
  background:var(--color-brand-surface-deep);
  padding:0 var(--space-8) var(--space-8);
}
.hm-hero-card{
  background:var(--color-brand-surface);
  border-radius:var(--radius-2xl);
  overflow:hidden;
}
.hm-hero-copy{padding:var(--space-32) 20px 0}
.hm-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);
}
.hm-eyebrow--gold{color:var(--color-text-accent)}
.hm-eyebrow--accent{color:var(--color-accent-gold)}
.hm-h1,.hm-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);
  color:var(--color-text-on-brand);
}
.hm-h2{color:var(--color-text-primary)}
.hm-hero .hm-h1{
  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);
}
.hm-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);
}
.hm-lead p{margin:0}
.hm-lead p+p{margin-top:0}
.hm-actions{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:28px}
.hm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:10px 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);
  line-height:var(--type-button-leading);
  letter-spacing:var(--type-button-tracking);
  cursor:pointer;
  background:transparent;
}
.hm-btn--light{background:var(--color-button-hero-bg);color:var(--color-text-primary);border-color:var(--color-button-hero-bg)}
.hm-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);
}
.hm-btn--line{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-control)}
.hm-btn--ink{background:var(--color-brand-surface-accent);color:var(--color-neutral-white);border-color:var(--color-brand-surface-accent)}
.hm-btn--gold{
  background:var(--color-accent-gold);
  color:var(--color-text-on-brand);
  border-color:var(--color-accent-gold);
  border-radius:0;
  padding:14px 26px;
  text-transform:uppercase;
  line-height:var(--type-button-leading);
}
.hm-hero-visual{position:relative;height:420px;margin-top:var(--space-32);overflow:hidden}
.hm-hero-visual picture{display:block;width:100%;height:420px}
.hm-hero-visual .hm-hero-photo,
.hm-hero-visual .hm-hero-who{
  width:751px;max-width:100%;height:420px;object-fit:cover;object-position:52.3% 0;
}
.hm-hero-visual .hm-hero-photo{display:block}
.hm-hero-visual .hm-hero-who{position:absolute;left:0;top:0}
.hm-hero-visual .hm-veil{
  position:absolute;inset:0;
  background:linear-gradient(to top, color-mix(in srgb, var(--color-brand-surface) 60%, transparent) 0.4%, transparent 52.84%);
}
.hm-hero-visual .hm-fade-top{
  position:absolute;left:0;right:0;top:0;height:140px;
  background:linear-gradient(to bottom, var(--color-brand-surface), transparent);
}
.hm-hero-visual .hm-fade-bot{
  position:absolute;left:0;right:0;bottom:0;height:120px;
  background:linear-gradient(to bottom, transparent, var(--color-brand-surface-deep));
}

.hm-method{background:var(--color-brand-surface-deep);padding:var(--space-64) 20px var(--space-48)}
.hm-method .hm-eyebrow--accent{text-align:center;display:block}
.hm-method .hm-h1{text-align:center;margin-top:var(--space-16)}
.hm-rule{padding-top:var(--space-48)}
.hm-kicker{
  margin:0;
  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);
}
.hm-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);
}
.hm-rule p.hm-body{
  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);
}
.hm-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);
  color:var(--color-text-on-brand);
}
.hm-link--ink{color:var(--color-text-primary)}
.hm-scene{margin-top:var(--space-32);padding:var(--space-24) 0}

.hm-card,
.hm-card *,
.hm-chat,
.hm-chat *,
.hm-float,
.hm-float *{font-family:var(--font-family-mock)}
.hm-card{
  position:relative;
  background:var(--color-neutral-white);
  color:var(--color-text-primary);
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-ring-subtle), var(--shadow-lg);
  padding:var(--space-16);
}
.hm-card::before{
  content:"";
  position:absolute;
  left:21px;right:21px;top:calc(var(--space-8) * -1);height:var(--space-16);
  background:color-mix(in srgb, var(--color-neutral-white) 55%, transparent);
  border-radius:var(--radius-xl) var(--radius-xl) 0 0;
}
.hm-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--color-neutral-paper);
  border-radius:var(--radius-full);
  padding:var(--space-2);
  margin-bottom:var(--space-16);
}
.hm-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);
}
.hm-switch span.is-on{background:var(--color-neutral-white);box-shadow:var(--shadow-sm)}
.hm-muted{
  color:var(--color-text-muted);margin:0;
  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);
}
.hm-blurrow{
  display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-6);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);
}
.hm-blur{
  width:76px;height:21px;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.2px);
}
.hm-rows{margin-top:14px;border-top:1px solid var(--color-border-subtle)}
.hm-rows div{
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);
  padding:10px 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);
}
.hm-rows div:last-child{border-bottom:0}
.hm-rows em{
  font-family:var(--font-family-mock);font-style:italic;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);
}
.hm-fine{
  margin:var(--space-16) 0 0;padding-top:var(--space-16);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);
}
.hm-card-id{display:flex;gap:var(--space-12);align-items:center}
.hm-fine--split{display:flex;justify-content:space-between;border:0;padding-top:var(--space-16)}
.hm-card-h{
  display:flex;justify-content:space-between;align-items:flex-start;
  padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-16);
}
.hm-card-h strong,.hm-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);
}
.hm-card-h span{
  display:block;color:var(--color-text-muted);margin-top:var(--space-2);
  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);
}
.hm-avatar{
  width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--color-neutral-paper);
  border:1px solid var(--color-border-subtle);
  display:grid;place-items:center;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-shrink:0;
}
.hm-track{position:relative;padding-left:28px;--rail:1;--rail-o:1}
.hm-track::before,
.hm-track::after{
  content:"";position:absolute;left:var(--space-8);top:10px;bottom:10px;width:var(--space-2);
  border-radius:var(--radius-sm);pointer-events:none;
}
.hm-track::before{background:var(--color-border-subtle);z-index:0}
.hm-track::after{
  z-index:0;background:var(--color-accent-gold);transform-origin:top center;
  transform:scaleY(var(--rail));opacity:var(--rail-o);
}
.hm-track > div{
  position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);
  border:0;padding:var(--space-8) 0;color:var(--color-text-muted);
}
.hm-track div.is-now{color:var(--color-text-primary)}
.hm-track div > div 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);
}
.hm-track div > div span{
  display:block;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);
}
.hm-dot{
  position:absolute;z-index:1;left:-28px;top:10px;width:19px;height:19px;border-radius:var(--radius-full);background:var(--color-neutral-white);
  box-shadow:0 0 0 var(--space-2) var(--color-border-subtle);
}
.hm-track div.is-now .hm-dot,
.fl-step.is-now .hm-dot,
.fl-step.is-past .hm-dot{box-shadow:0 0 0 var(--space-2) var(--color-accent-gold)}
.hm-track .fl-step.is-now{color:var(--color-text-primary)}
.hm-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-2) var(--space-6);border-radius:var(--radius-full);
  border:1px solid var(--color-border-subtle);background:var(--color-neutral-paper);white-space:nowrap;
}
.hm-track div.is-now .hm-pill{background:var(--color-accent-gold);border-color:transparent;color:var(--color-pastille-yellow-text)}
.hm-footline{
  display:flex;align-items:center;gap:10px;margin-top:var(--space-16);padding-top:var(--space-16);
  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);
}
.hm-chat{display:flex;flex-direction:column;gap:10px}
.hm-bubble-me{
  align-self:flex-end;max-width:86%;background:var(--color-accent-gold);color:var(--color-text-primary);
  border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);
  padding:var(--space-8) 11px;
  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);
}
.hm-typing{
  align-self:flex-start;display:flex;gap:var(--space-4);background:var(--color-neutral-cream);
  border-radius:var(--radius-sm) var(--radius-xl) var(--radius-xl) var(--radius-xl);padding:10px 11px;
}
.hm-typing i{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);background:var(--color-text-muted);display:block}
.hm-wait{
  margin:0;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);
}
.hm-bar{height:var(--space-4);border-radius:var(--radius-full);background:var(--color-neutral-paper);margin-top:var(--space-6);overflow:hidden}
.hm-bar span{display:block;width:14px;height:100%;background:var(--color-accent-gold)}

.hm-pad{padding:var(--space-64) 20px}
.hm-stats{background:var(--color-neutral-blush-50)}
.hm-grid2{
  display:grid;grid-template-columns:1fr;
  border-top:1px solid var(--color-border-default);
  margin-top:var(--space-64);
}
.hm-stat{padding:var(--space-24) 0}
.hm-stat + .hm-stat{border-top:1px solid var(--color-border-default)}
.hm-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);
}
.hm-stat span{
  display:block;margin-top:14px;
  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);
}
.hm-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);
}

.hm-offer{
  background:var(--color-brand-surface);color:var(--color-text-on-brand);border-radius:var(--radius-xl);
  padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-24);margin-bottom:var(--space-48);
}
.hm-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);
}
.hm-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);
}
.hm-prices .hm-h2{margin-top:var(--space-16)}
.hm-intro{
  margin:var(--space-16) 0 0;
  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);
}
.hm-bill{
  display:flex;align-items:center;gap:var(--space-4);width:max-content;max-width:100%;
  margin:var(--space-32) 0 28px;padding:var(--space-4);border-radius:var(--radius-full);
  background:var(--color-neutral-blush-100);border:1px solid var(--color-border-control);
}
.hm-bill button{
  border:0;background:transparent;border-radius:var(--radius-full);cursor:pointer;
  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);padding:var(--space-12) var(--space-16);
}
.hm-bill button[aria-pressed="true"]{background:var(--color-brand-surface-accent);color:var(--color-text-on-brand)}
.hm-bill .hm-chip{
  display:inline-flex;align-items:center;padding:0 var(--space-8);margin-left:var(--space-8);margin-right: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;
}
.hm-plans{display:flex;flex-direction:column;gap:var(--space-16)}
.hm-plan{
  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);
}
.hm-plan--dark{background:var(--color-brand-surface);border-color:var(--color-brand-surface);color:var(--color-text-on-brand)}
.hm-plan-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}
.hm-plan-top strong{
  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);
}
.hm-badge{
  background:var(--color-accent-gold);color:var(--color-pastille-yellow-text);border-radius:var(--radius-full);
  font-size:var(--type-pastille-size);font-weight:var(--type-pastille-weight);
  line-height:var(--type-pastille-leading);letter-spacing:var(--type-pastille-tracking);
  padding:var(--space-4) var(--space-8);
}
.hm-for{
  margin:var(--space-4) 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);
}
.hm-plan--dark .hm-for{color:var(--color-text-on-brand-secondary)}
.hm-amount{display:flex;align-items:flex-end;gap:var(--space-8);margin-top:var(--space-8)}
.hm-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);color:var(--color-text-primary);
}
.hm-plan--dark .hm-amount b{color:var(--color-text-on-brand)}
.hm-amount span,.hm-yearline,.hm-micro-only{
  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);
}
.hm-amount span{padding-bottom:var(--space-8)}
.hm-plan--dark .hm-amount span{color:var(--color-text-on-brand-secondary)}
.hm-yearline{display:none;margin:var(--space-4) 0 0}
.hm[data-billing="year"] .hm-yearline{display:block}
.hm-plan--dark .hm-yearline{color:var(--color-text-on-brand-secondary)}
.hm-micro-only{display:none;margin:var(--space-8) 0 0}
.hm[data-billing="year"] .hm-micro-only{display:block}
.hm-plan ul{list-style:none;margin:var(--space-24) 0 0;padding:22px 0 0;border-top:1px solid var(--color-neutral-blush-150)}
.hm-plan--dark ul{border-top-color:var(--color-border-on-brand)}
.hm-plan li{
  position:relative;padding:0 0 var(--space-12) 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);
}
.hm-plan li::before{content:"✓";position:absolute;left:0;top:0;color:var(--color-text-accent)}
.hm-plan--dark li::before{color:var(--color-accent-gold)}
.hm-plan .hm-plus::before{content:"+"}
.hm-more{
  margin:var(--space-8) 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;
}
.hm-tag{
  display:flex;width:max-content;max-width:100%;margin:var(--space-8) 0 var(--space-16);
  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);
}
.hm-plan:not(.hm-plan--dark) .hm-tag{border-color:var(--color-accent-gold-deep);color:var(--color-text-primary)}
.hm-plan .hm-link{display:flex;width:max-content;margin-top:var(--space-8)}
.hm-setup{
  margin-top:28px;background:var(--color-neutral-blush-100);border-radius:var(--radius-lg);
  padding:20px var(--space-24);display:flex;flex-direction:column;gap:var(--space-16);
}
.hm-setup p{
  margin: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);
  color:var(--color-text-secondary);
}
.hm-setup strong{color:var(--color-text-primary);font-weight:var(--type-button-weight)}

.hm-situation{background:var(--color-neutral-blush-50)}
.hm-tabs{display:flex;flex-direction:column;gap:var(--space-24);margin-top:var(--space-48)}
.hm-tabs button{
  display:block;width:100%;text-align:left;background:none;border:0;padding:0;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);
}
.hm-tabs button[aria-selected="true"]{color:var(--color-text-primary)}
.hm-shot{position:relative;margin-top:var(--space-32);aspect-ratio:470 / 633;border-radius:0;overflow:hidden;background:transparent}
.hm-shot picture{display:block;height:100%}
.hm-shot .fl-sit-img{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.hm-shot .fl-sit-img.is-on{opacity:1;z-index:1}
.hm-shot img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.hm-sit-copy{
  margin-top:var(--space-32);max-width:282px;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);
}
.hm-sit-copy .hm-link{margin-top:var(--space-16)}

.hm-metier{background:var(--color-brand-surface);color:var(--color-text-on-brand)}
.hm-metier .hm-body{
  margin:var(--space-24) 0 0;
  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);
}
.hm-chips{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-32)}
.hm-chips span{
  border:1px solid var(--color-border-on-brand);border-radius:var(--radius-full);
  padding:var(--space-8) var(--space-12);
  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);
}
.hm-chips span.is-gold{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}
.hm-jobs{margin:var(--space-48) 0 0;padding:0;border-top:1px solid var(--color-border-on-brand)}
.hm-jobs li{
  list-style:none;display:flex;justify-content:space-between;align-items:center;
  min-height:74px;border-bottom:1px solid var(--color-border-on-brand);
  font-family:var(--font-family-display);font-size:var(--type-h5-size);font-weight:var(--type-h5-weight);
  line-height:var(--type-h5-leading);letter-spacing:var(--type-h5-tracking);color:var(--color-text-on-brand);
}
.hm-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);
}
.hm-metier .hm-actions{margin-top:var(--space-32)}

.hm-start{background:var(--color-surface-inverse)}
.hm-steps{margin:var(--space-40) 0 0;padding:0;border-top:1px solid var(--color-border-on-brand)}
.hm-steps li{
  list-style:none;display:grid;grid-template-columns:20px 1fr auto;gap:var(--space-12);
  padding:22px 0;border-bottom:1px solid var(--color-border-on-brand);
}
.hm-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);
}
.hm-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);
  color:var(--color-text-on-brand);
}
.hm-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);
}
.hm-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);white-space:nowrap;
}
.hm-photo{position:relative;margin-top:var(--space-48);aspect-ratio:534.53 / 592.31;border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-surface-inverse)}
.hm-photo > picture,.hm-cta-visual > picture{display:contents}
.hm-photo img{position:absolute;max-width:none}
.hm-photo .base{left:-69%;top:-12.36%;width:296.8%;height:150.67%;object-fit:fill}
.hm-photo .ov{left:-13.47%;top:-1.29%;width:132.45%;height:67.36%;object-fit:cover;opacity:.7}
.hm-photo .top{inset:0;width:100%;height:100%;object-fit:fill}
.hm-photo .hm-float{
  position:absolute;left:var(--space-16);right:var(--space-16);bottom:var(--space-16);
  background:var(--color-neutral-white);border-radius:var(--radius-2xl);
  box-shadow:var(--shadow-ring-subtle), var(--shadow-lg);
  display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16);
}
.hm-photo .hm-avatar{width:var(--space-32);height:var(--space-32);border-radius:var(--radius-xl)}
.hm-float span{
  display:block;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);
}
.hm-float .hm-j7{
  margin-left:auto;background:var(--color-accent-gold);color:var(--color-text-primary);
  border-radius:var(--radius-full);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);
  padding:var(--space-2) var(--space-8);
}

.hm-faq{background:var(--color-neutral-blush-50)}
.hm-faq .hm-actions{margin-top:28px}
.hm-acc{margin-top:var(--space-32);border-top:1px solid var(--color-border-default)}
.hm-acc details{border-bottom:1px solid var(--color-border-default)}
.hm-acc summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);
  padding:var(--space-24) 0;cursor:pointer;
  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);
}
.hm-acc summary::-webkit-details-marker{display:none}
.hm-acc summary::after{
  content:"+";flex:0 0 30px;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);
}
.hm-acc details[open] summary::after{
  content:"×";background:var(--color-neutral-peach);border-color:var(--color-neutral-peach);
  color:var(--color-text-accent);transform:none;
}
.hm-acc details p{
  margin:0 0 var(--space-24);
  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);
}
.hm-acc details strong{color:var(--color-text-primary);font-weight:var(--type-button-weight)}

.hm-cta{background:var(--color-neutral-blush-50);padding:0 var(--space-8) var(--space-8)}
.hm-cta-card{background:var(--color-brand-surface);border-radius:var(--radius-2xl);overflow:hidden}
.hm-cta-visual{position:relative;height:275px;overflow:hidden}
.hm-cta-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hm-cta-visual .ov{opacity:.5}
.hm-cta-copy{padding:var(--space-24) 20px var(--space-32)}
.hm-cta-copy .hm-lead{margin-top:var(--space-16);color:var(--color-text-on-brand)}
.hm-cta-copy .hm-actions{flex-direction:column;align-items:flex-start}

.hm-foot{
  position:relative;background:var(--color-surface-inverse);color:var(--color-text-on-brand);
  padding:var(--space-64) 20px 0;overflow:hidden;
}
.hm-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-32) var(--space-24)}
.hm-foot-brand{grid-column:1 / -1}
.hm-foot-brand img{width:132px;height:25px;display:block}
.hm-foot-brand p{
  margin:var(--space-16) 0 0;max-width:208px;
  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);
}
.hm-foot h3{
  margin:0;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);
}
.hm-foot ul{list-style:none;margin:var(--space-16) 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.hm-foot a{
  color:var(--color-text-on-brand-secondary);
  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);
}
.hm-legal{
  margin-top:var(--space-48);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);
}
.hm-legal p{margin:0}
.hm-legal p+p{margin-top:var(--space-8)}
.hm-watermark{
  position:relative;overflow:hidden;pointer-events:none;
  width:calc((100% + 40px) * 389.9776 / 390);margin-left:-20px;
  margin-top:calc((100% + 40px) * 35.0859375 / 390);
  aspect-ratio:389.9776 / 60.9140625;
}
.hm-watermark img{position:absolute;left:0;top:0;display:block;width:100%;height:auto}
.hm-foot :focus-visible,
.hm-header :focus-visible,
.hm-method .hm-link:focus-visible,
.hm-offer .fl-btn:focus-visible,
.hm-plan--dark :focus-visible,
.hm-metier :focus-visible,
.hm-cta-card :focus-visible{
  outline-color:var(--color-ring-focus-dark);
  box-shadow:var(--shadow-ring-focus-dark);
}
}