/* ===== tokens.css ===== */
:root{
  --ink-900: #141414;
  --ink-800: #232323;
  --ink-700: #3D3D3D;
  --ink-600: #5C5C5C;
  --ink-500: #767676;
  --ink-400: #9A9A98;
  --ink-300: #C4C4C1;
  --ink-200: #E4E4E1;
  --ink-100: #F0F0EE;
  --ink-50: #F6F6F5;
  --white: #FFFFFF;
  --green-500: #00E6B0;
  --point-halo: rgba(0,230,176,.28);
  --point-halo-ratio: 1.81;
  --green-600: #00C497;
  --green-700: #00875F;
  --green-800: #006B4C;
  --green-100: #D6FAF1;
  --green-50: #EEFDF8;
  --yellow-500: #ECF22E;
  --yellow-600: #D9DF1C;
  --yellow-700: #A8AD12;
  --yellow-100: #FAFBD0;
  --yellow-50: #FDFEEA;
  --red-600: #C8321E;
  --red-100: #FBE3DF;
  --orange-600: #C26A00;
  --orange-100: #FDEBD3;
  --blue-600: #2A5DA8;
  --blue-100: #DEE8F7;
  --success-600: #1E8E5A;
  --success-100: #DCF3E6;
  --text-1: var(--ink-900);
  --text-2: var(--ink-600);
  --text-3: var(--ink-500);
  --text-inverse: var(--white);
  --text-accent: var(--green-700);
  --text-link: var(--ink-900);
  --text-on-yellow: var(--ink-900);
  --text-on-ink: var(--white);
  --surface-page: var(--white);
  --surface-card: var(--white);
  --surface-sunken: var(--ink-50);
  --surface-muted: var(--ink-100);
  --surface-ink: var(--ink-900);
  --surface-ink-2: var(--ink-800);
  --surface-photo: var(--ink-800);
  --border-1: var(--ink-200);
  --border-2: var(--ink-300);
  --border-strong: var(--ink-900);
  --border-focus: var(--green-600);
  --accent: var(--green-500);
  --accent-soft: var(--green-100);
  --pro: var(--yellow-500);
  --pro-hover: var(--yellow-600);
  --pro-soft: var(--yellow-100);
  --status-neutral-fg: var(--ink-700);
  --status-neutral-bg: var(--ink-100);
  --status-info-fg: var(--blue-600);
  --status-info-bg: var(--blue-100);
  --status-success-fg: var(--success-600);
  --status-success-bg: var(--success-100);
  --status-warning-fg: var(--orange-600);
  --status-warning-bg: var(--orange-100);
  --status-danger-fg: var(--red-600);
  --status-danger-bg: var(--red-100);
  --status-active-fg: var(--green-800);
  --status-active-bg: var(--green-100);
  --overlay: rgba(20,20,20,.56);
  --font-sans: "Heebo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-technical: var(--font-mono);
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-black: 900;
  --text-display-xl: clamp(44px,5vw,72px);
  --text-display-l: clamp(36px,4vw,56px);
  --text-display-m: 40px;
  --text-h1: 32px;
  --text-h2: 24px;
  --text-h3: 20px;
  --text-h4: 17px;
  --text-body-l: 18px;
  --text-body: 16px;
  --text-body-s: 14px;
  --text-caption: 13px;
  --text-micro: 12px;
  --text-mono: 13px;
  --text-mono-s: 11px;
  --leading-display: 0.95;
  --leading-heading: 1.1;
  --leading-body: 1.55;
  --leading-tight: 1.25;
  --tracking-display: -0.035em;
  --tracking-heading: -0.02em;
  --tracking-body: 0;
  --tracking-mono: 0.12em;
  --tracking-mono-tight: 0.02em;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --gutter: 24px;
  --gutter-mobile: 16px;
  --container: 1200px;
  --container-narrow: 760px;
  --container-wide: 1440px;
  --sidebar-w: 248px;
  --topbar-h: 60px;
  --control-h-s: 32px;
  --control-h: 40px;
  --control-h-l: 48px;
  --touch-min: 44px;
  --radius-xs: 4px;
  --radius-s: 6px;
  --radius-m: 8px;
  --radius-l: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --border-w: 1px;
  --border-w-strong: 1.5px;
  --shadow-none: none;
  --shadow-s: 0 1px 2px rgba(20,20,20,.06);
  --shadow-m: 0 4px 12px rgba(20,20,20,.08);
  --shadow-l: 0 16px 40px rgba(20,20,20,.16);
  --shadow-card: 0 1px 2px rgba(20,20,20,.04),0 10px 30px rgba(20,20,20,.07);
  --shadow-accent: 0 10px 28px rgba(0,230,176,.35);
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --focus-ring: 0 0 0 3px var(--green-100),0 0 0 4.5px var(--green-600);
}


/* ===== base.css ===== */
/* ===== base.css — fondations + ARMOR Odoo V12 (scope .ww) =====
   Resets en :where(.ww) → spécificité (0,0,1) : n'importe quelle classe de composant les bat.
   Armor = défenses apprises sur le thème website.layout (lessons 2026-05-26/27/28, 06-17), préfixe #wrap. */

:where(.ww), :where(.ww) *, :where(.ww) *::before, :where(.ww) *::after { box-sizing: border-box; }
.ww {
  font-family: var(--font-sans); font-weight: var(--weight-regular); line-height: var(--leading-body);
  color: var(--text-1); background: var(--surface-page);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
/* --- règles globales d'éléments du DS (extraites du live : ds-element-rules.css) --- */
.ww { font-size: var(--text-body); font-feature-settings: "kern"; }
:where(.ww) ul, :where(.ww) ol { margin: 0; padding: 0; list-style: none; }
:where(.ww) img, :where(.ww) svg { display: block; }
:where(.ww) img { max-width: 100%; }
:where(.ww) p { margin: 0; text-wrap: pretty; }
/* titres : le thème Odoo pose h1-h6{font-size/font-weight:300 !important} → valeurs DS en !important (les classes ww-t-* et .ww-hero .ww-h1, plus spécifiques, gardent la main) */
.ww h1, .ww h2, .ww h3, .ww h4 {
  margin: 0; font-family: var(--font-display) !important; letter-spacing: var(--tracking-heading) !important;
  line-height: var(--leading-heading) !important; color: var(--text-1) !important; text-wrap: pretty;
}
.ww h1 { font-size: var(--text-h1) !important; font-weight: var(--weight-black) !important; letter-spacing: var(--tracking-display) !important; }
.ww h2 { font-size: var(--text-h2) !important; font-weight: var(--weight-black) !important; }
.ww h3 { font-size: var(--text-h3) !important; font-weight: var(--weight-bold) !important; }
.ww h4 { font-size: var(--text-h4) !important; font-weight: var(--weight-bold) !important; }
/* liens : soulignés fins (DS), vert au survol ; les .ww-btn annulent le soulignement */
:where(.ww) a {
  color: var(--text-link); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
  text-decoration-color: var(--ink-300); transition: text-decoration-color var(--dur-base) var(--ease-out);
}
:where(.ww) a:hover { text-decoration-color: var(--green-600); }
/* bootstrap (thème) pose sup{position:relative;top:-.5em;line-height:0;vertical-align:baseline} → retour au rendu de référence (UA) */
:where(.ww) sup { position: static; top: auto; line-height: inherit; vertical-align: super; }
:where(.ww) button { all: unset; box-sizing: border-box; cursor: pointer; font: inherit; color: inherit; display: inline-flex; }
:where(.ww) button:focus-visible, :where(.ww) a:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-s); }
.ww ::selection { background: var(--green-100); color: var(--ink-900); }

/* ===== ARMOR Odoo — actif sous #wrapwrap (thème website.layout) : couvre la landing (#wrap > .ww) ET le footer (#footer > .ww) ===== */
/* Le thème pose header{position:fixed}, margin-left:230px sur main/header/section, a{color:#000!important},
   b,strong{color:#000!important}, p{font-weight:300}, h1{font-size!important}. On RÉAFFIRME le design (préfixe #wrap = 1-2-x). */
#wrapwrap .ww .ww-topbar { position: relative !important; top: auto !important; left: auto !important; width: auto !important; }  /* le thème pose header{position:fixed} ; bandeau non collant (écart n°2) */
#wrapwrap .ww .ww-rail-nav { position: fixed !important; }
#wrapwrap .ww section, #wrapwrap .ww footer, #wrapwrap .ww header, #wrapwrap .ww main, #wrapwrap .ww nav {
  margin-left: 0 !important; margin-right: 0 !important;
}
#wrapwrap .ww section, #wrapwrap .ww footer { position: relative !important; top: auto !important; left: auto !important; width: auto !important; }
/* liens de contenu : hériter (les boutons .ww-btn ont leur propre couleur, voir components.css) */
#wrapwrap .ww a, #wrapwrap .ww strong, #wrapwrap .ww b { color: inherit !important; -webkit-text-fill-color: currentColor !important; }  /* (1,1,1) : les classes ww-t-* (1,2,0) et .ww-btn--* !important gardent leur couleur */
/* le thème pose p{font-family/font-size/font-weight/line-height: … !important} (0,0,1) : un <p> sans style propre doit HÉRITER
   comme dans le DS (mesuré 25/09 : « Tout part de là » 18.6 px devenait 25.2 px). Les classes ww-t-* (1,2,0 !important) gardent la main. */
/* le thème pose a{text-decoration:none !important} : on réaffirme le soulignement fin du DS ; les liens du design en `text-decoration:none`
   (classes ww-t-*, 1,2,0 !important) et les boutons .ww-btn gardent la main. */
#wrapwrap .ww a { text-decoration-line: underline !important; text-decoration-thickness: 1px !important; text-decoration-color: var(--ink-300) !important; }
#wrapwrap .ww a:hover { text-decoration-color: var(--green-600) !important; }
#wrapwrap .ww .ww-btn, #wrapwrap .ww .ww-btn:hover { text-decoration-line: none !important; }
#wrapwrap .ww p { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
/* mesure live 25/09 : le thème force la taille des <p> (chapô hero 18 px au lieu de 17) → armor sur les p écrits à la main */
#wrapwrap .ww .ww-hero__lede { font-size: 17px !important; line-height: 1.5 !important; }


/* ===== components.css ===== */
/* ===== components.css — composants landing v2 (valeurs = styles inline du rendu de référence) =====
   Convention : classes de la référence conservées quand elles existent (.ww-hero, .ww-hero-in, .ww-hero-veil,
   .ww-grid2, .ww-hero-btns, .ww-h1, .ww-rail-nav) pour que responsive.css (extrait du DS) s'applique tel quel ;
   BEM `__` pour les parties qui n'étaient stylées qu'en inline. */

/* ---------- Bandeau (68 px encre, logo dans un U inversé) ----------
   ÉCART VOLONTAIRE n°2 (Charles 25/09 : « le sticky header n'est pas obligatoire ») : le bandeau défile avec la page
   (le design le pose en sticky). À REPORTER dans Claude Design. */
.ww-topbar {
  position: relative; z-index: 50; height: 68px;
  display: flex; align-items: flex-end; justify-content: center; padding: 0 24px;
  background: var(--ink-900); color: #fff;
}
.ww-logo-u {
  display: inline-flex; align-items: center; justify-content: center;
  height: 60px; padding: 0 28px; margin-top: 8px;
  border: 1px solid rgba(255,255,255,.55); border-bottom: 0; border-radius: 14px 14px 0 0;
}
.ww-logo-u img { height: 26px; width: auto; }
.ww-back { display: none; }

/* ---------- Atomes : bouton, pilule, kicker, point vert ---------- */
.ww-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 48px; padding: 0 22px; border-radius: var(--radius-m); border: 1px solid transparent;
  font-family: var(--font-sans); font-weight: var(--weight-bold); font-size: 16px; line-height: 1;
  cursor: pointer; white-space: nowrap; text-decoration: none;
  transition: background var(--dur-fast) var(--ease-out), transform var(--dur-fast);
}
.ww-btn svg { width: 18px; height: 18px; flex: 0 0 auto; }
.ww-btn:active { transform: translateY(1px); }
.ww-btn--accent  { background: var(--green-500); border-color: var(--green-500); color: var(--ink-900); }
.ww-btn--inverse { background: #fff; border-color: #fff; color: var(--ink-900); }
/* Hover/active = table V du Button DS (background: hov ? v.hbg : v.bg ; transform: act ? translateY(1px)).
   !important car les boutons générés gardent leur background inline. */
.ww-btn--accent:hover    { background: var(--green-600) !important; }
.ww-btn--pro:hover       { background: var(--yellow-600) !important; }
.ww-btn--primary:hover   { background: var(--ink-800) !important; }
.ww-btn--inverse:hover   { background: var(--ink-100) !important; }
.ww-btn--secondary:hover { background: var(--ink-50) !important; }
.ww-btn--ghost:hover     { background: var(--ink-100) !important; }
.ww-btn--danger:hover    { background: #A82717 !important; }
.ww-btn--accent:active, .ww-btn--pro:active, .ww-btn--primary:active, .ww-btn--inverse:active,
.ww-btn--secondary:active, .ww-btn--ghost:active, .ww-btn--danger:active { transform: translateY(1px) !important; }
/* actions rapides du mock (onMouseEnter → ink-50 dans le DS) */
.ww-quick > button:hover, .ww-quick > a:hover { background: var(--ink-50) !important; }
/* armor : le thème Odoo pose a{color:#000!important} — les boutons sont des <a> */
#wrapwrap .ww .ww-btn--accent, #wrapwrap .ww .ww-btn--inverse { color: var(--ink-900) !important; -webkit-text-fill-color: var(--ink-900) !important; }

.ww-kicker { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.ww-sep { width: 1px; height: 14px; background: rgba(255,255,255,.4); }
.ww-pills { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.ww-pill {
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600;
  color: var(--ink-900); background: var(--yellow-500); padding: 4px 8px; border-radius: var(--radius-pill);
}
.ww-point {
  position: absolute; left: 50%; bottom: -6px; width: 12px; height: 12px; margin-left: -6px;
  border-radius: 6px; background: var(--green-500); box-shadow: 0 0 0 6px var(--point-halo);
}
.ww-dot { color: var(--green-500); }

/* ---------- Hero (cadre U + photo voilée + grille copy / boutons) ---------- */
.ww-hero { background: var(--ink-900); color: #fff; padding: 0 64px; }
.ww-hero__wrap { position: relative; max-width: 1200px; margin: 0 auto; padding-bottom: 18px; }
.ww-hero__frame { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.55); border-radius: 14px; pointer-events: none; }
.ww-hero__inner { margin: 0 18px; padding-top: 18px; }
.ww-hero-in {
  position: relative; width: 100%; min-height: 0; border-radius: 12px; overflow: hidden;
  display: flex; align-items: flex-end;
}
.ww-hero-in > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.ww-hero-veil {
  position: absolute; inset: 0;
  background: linear-gradient(rgba(20,20,20,.35) 0%, rgba(20,20,20,.3) 30%, rgba(20,20,20,.7) 60%, rgba(20,20,20,.94) 100%);
}
.ww-hero-in > .ww-grid2 {
  position: relative; width: 100%; padding: 200px 48px 44px;
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: end;
}
.ww-hero__copy { display: grid; gap: 18px; }
.ww-hero__meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ww-hero__meta .ww-kicker { color: #fff; }
/* ÉCART VOLONTAIRE à la maquette — VALIDÉ Charles 25/09 : surtitre « L’espace professionnel d’idréva » en badge encre (style rail) pour signaler « plateforme »
   — point vert + Eyebrow ink (vert) 14 px / 500, plaque rgba(20,20,20,.72) + liseré .18, coins 10. À REPORTER dans Claude Design (source de vérité). */
.ww-hero__meta .ww-kicker {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 14px; font-weight: 500; letter-spacing: .12em;
  color: var(--green-500); /* Eyebrow DS, variante « ink » : vert sur fond encre */
  /* cran 1 : plaque encre (style du rail de progression) */
  padding: 8px 14px 8px 12px; border-radius: 10px;
  background: rgba(20,20,20,.72); border: 1px solid rgba(255,255,255,.18);
}
.ww-hero__meta .ww-kicker::before {
  content: ""; width: 8px; height: 8px; border-radius: 4px; flex: 0 0 8px;
  background: var(--green-500); box-shadow: 0 0 0 4px var(--point-halo);
}
/* .ww-h1 est aussi utilisé par le DS dans le mock « Mon espace » (h1 « Bonjour Marie. », 52 px encre) → scoper au hero */
.ww-hero .ww-h1 { font-size: 64px; font-weight: var(--weight-black); letter-spacing: -.04em; line-height: .92; color: #fff; max-width: 820px; }
.ww-hero__lede { font-size: 17px; line-height: 1.5; color: var(--ink-200); max-width: 560px; }
.ww-hero-btns { display: flex; flex-direction: column; gap: 10px; align-items: stretch; width: 240px; flex: 0 0 auto; }

/* Typo armor (thème Odoo : h1{font-size/weight !important}) — hero uniquement ; les h1/h2/h3 générés portent leurs classes ww-t-* */
#wrapwrap .ww .ww-hero .ww-h1 { font-weight: 900 !important; line-height: .92 !important; letter-spacing: -.04em !important; color: #fff !important; }
@media (min-width: 761px) { #wrapwrap .ww .ww-hero .ww-h1 { font-size: 64px !important; } }  /* ≤760 : font-size 34px par la règle DS .ww-hero-in h1 */

/* ---------- §02 : onglets 01–05 (états actif/inactif mesurés sur la référence) + scène à 5 cartes ---------- */
.ww-tab { color: var(--ink-500); transition: color .18s ease; }
.ww-tab.is-active, .ww-tab:hover { color: var(--ink-900); }
.ww-tab__dot { background: var(--ink-300); box-shadow: none; transition: background .18s ease, box-shadow .18s ease; }
.ww-tab.is-active .ww-tab__dot { background: var(--green-500); box-shadow: 0 0 0 4px var(--point-halo); }
.ww-tab__num { color: var(--ink-400); transition: color .18s ease; }
.ww-tab.is-active .ww-tab__num { color: var(--green-700); }
.ww-stage__card[hidden] { display: none !important; }

/* ---------- Rail de progression (fixe à droite, règle graduée + 6 ancres + point) ---------- */
.ww-rail-nav {
  position: fixed; right: 24px; top: 50%; transform: translateY(-50%); z-index: 60;
  height: 240px; width: 60px; border-radius: 10px;
  background: rgba(20,20,20,.72); border: 1px solid rgba(255,255,255,.18); color: #fff;
  transition: color .2s ease-out, background .2s ease-out;
}
.ww-rail-nav__axis { position: absolute; right: 14px; top: 20px; bottom: 20px; border-left: 1px solid; opacity: .6; }
.ww-rail-nav__tick { position: absolute; right: 14px; border-top: 1px solid; width: 4px; opacity: .35; }
.ww-rail-nav__tick--mid   { width: 8px;  opacity: .6; }
.ww-rail-nav__tick--major { width: 12px; opacity: .9; }
.ww-rail-nav__btn {
  position: absolute; right: 14px; transform: translateY(-50%);
  display: flex; align-items: center; height: 18px; padding-right: 20px; color: inherit; cursor: pointer;
}
.ww-rail-nav__btn:nth-of-type(1) { top: 36px; }  .ww-rail-nav__btn:nth-of-type(2) { top: 70px; }
.ww-rail-nav__btn:nth-of-type(3) { top: 103px; } .ww-rail-nav__btn:nth-of-type(4) { top: 137px; }
.ww-rail-nav__btn:nth-of-type(5) { top: 170px; } .ww-rail-nav__btn:nth-of-type(6) { top: 204px; }
.ww-rail-nav__num { font-family: var(--font-mono); font-size: 10px; letter-spacing: .12em; font-weight: 500; opacity: .45; transition: opacity .2s ease-out; }
.ww-rail-nav__btn.is-active .ww-rail-nav__num, .ww-rail-nav__btn:hover .ww-rail-nav__num { opacity: 1; }
.ww-rail-nav__dot {
  position: absolute; right: 10.5px; top: 20px; width: 8px; height: 8px; margin-top: -4px;
  border-radius: 4px; background: var(--green-500); box-shadow: 0 0 0 4px var(--point-halo);
  transition: top .12s linear;
}
.ww-rail-nav__cap { position: absolute; right: 10px; font-family: var(--font-mono); font-size: 8px; opacity: .6; line-height: 1; }
.ww-rail-nav__cap--top    { top: 5px;    letter-spacing: .1em; }
.ww-rail-nav__cap--bottom { bottom: 5px; letter-spacing: .12em; }

/* ---------- Mobile (≤760) : barres fixes + §06 segmenté + aperçu §03 à l'échelle (JS) ---------- */
.ww-progress__fill { display: block; height: 100%; width: 0%; background: var(--green-500); transition: width .12s linear; }
.ww-seg__tab { color: var(--text-2); font-weight: 500; background: transparent; box-shadow: none; }
.ww-seg__tab.is-active { color: var(--ink-900); font-weight: 700; background: #fff; box-shadow: var(--shadow-s); }
@media (max-width: 760px) {
  .ww-acc-card:not(.is-active) { display: none !important; }
  .ww-vitrine { padding-bottom: 76px; } /* place pour la barre collante (règle DS) */
}

/* mock « Mon espace » sous 760 : le DS rend le h1 « Bonjour Marie. » à 34 px (mesuré) — bat la classe ww-t-* (52 px) */
@media (max-width: 760px) { #wrapwrap .ww .ww-preview .ww-h1 { font-size: 34px !important; } }


/* ===== generated.css ===== */
/* generated.css (genere par gen_body.py, ne pas editer) : ww-t-* = typo et couleurs des liens, gras, titres, paragraphes (important : bat le theme Odoo) ; ww-s-* = tous les autres styles inline du design, factorises en classes partagees */
#wrapwrap .ww .ww-t-f3bc7{color:rgb(255, 255, 255) !important;font-size:56px !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:0.96 !important}
#wrapwrap .ww .ww-t-8ec96{color:var(--ink-300) !important;font-size:17px !important;line-height:1.55 !important}
#wrapwrap .ww .ww-t-d11d5{color:var(--ink-500) !important;font-family:var(--font-mono) !important;font-size:12px !important;letter-spacing:0.08em !important}
#wrapwrap .ww .ww-t-64e48{font-size:44px !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important}
#wrapwrap .ww .ww-t-42ed4{color:var(--text-2) !important;font-size:17px !important;line-height:1.55 !important}
#wrapwrap .ww .ww-t-8ac43{font-size:52px !important;letter-spacing:-0.04em !important;line-height:0.95 !important}
#wrapwrap .ww .ww-t-6564a{color:var(--ink-600) !important;font-size:22px !important;letter-spacing:-0.01em !important}
#wrapwrap .ww .ww-t-adc77{font-size:28px !important;letter-spacing:-0.035em !important}
#wrapwrap .ww .ww-t-4b051{font-size:26px !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1.05 !important}
#wrapwrap .ww .ww-t-ea3a9{color:var(--ink-600) !important;font-size:17px !important;line-height:1.4 !important}
#wrapwrap .ww .ww-t-4699d{color:rgb(255, 255, 255) !important;font-size:15px !important;font-weight:700 !important;text-decoration-line:underline !important}
#wrapwrap .ww .ww-t-fe568{font-size:40px !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important}
#wrapwrap .ww .ww-t-51af8{color:var(--text-2) !important;font-size:15px !important;line-height:1.55 !important}
#wrapwrap .ww .ww-t-fbf75{color:rgb(255, 255, 255) !important;font-size:44px !important;font-weight:900 !important;letter-spacing:-0.035em !important;line-height:1 !important}
#wrapwrap .ww .ww-t-7b578{font-size:60px !important;font-weight:900 !important;letter-spacing:-0.04em !important;line-height:0.94 !important}
#wrapwrap .ww .ww-t-6d98d{color:var(--text-2) !important;font-size:18px !important;line-height:1.5 !important}
#wrapwrap .ww .ww-t-9f81c{color:var(--text-2) !important;font-size:15px !important;line-height:1.5 !important}
#wrapwrap .ww .ww-t-6867a{color:var(--ink-300) !important;font-size:15px !important;line-height:1.5 !important}
#wrapwrap .ww .ww-t-173ea{color:var(--ink-300) !important;font-size:15px !important;line-height:1.55 !important}
#wrapwrap .ww .ww-t-32ec2{color:var(--ink-200) !important;font-size:15px !important;text-decoration:none !important}
#wrapwrap .ww .ww-t-237b9{color:var(--ink-200) !important;font-size:15px !important;line-height:1.5 !important}
#wrapwrap .ww .ww-t-704a8{color:rgb(255, 255, 255) !important;font-size:15px !important;font-weight:700 !important;text-decoration:none !important}
#wrapwrap .ww .ww-t-0d01d{color:var(--ink-400) !important;text-decoration:none !important}
#wrapwrap .ww .ww-t-dd404{color:var(--text-2) !important;font-size:14px !important;line-height:1.5 !important}
#wrapwrap .ww .ww-t-fddb5{color:var(--ink-900) !important;font-family:var(--font-sans) !important;font-size:16px !important;font-weight:700 !important;line-height:1 !important;text-decoration:none !important}
#wrapwrap .ww .ww-s-a599e{position:fixed;left:0px;right:0px;top:0px;height:3px;z-index:80;background:rgba(20, 20, 20, 0.08);pointer-events:none}
#wrapwrap .ww .ww-s-bc084{display:block;height:100%;width:0%;background:var(--green-500);transition:width 0.12s linear}
#wrapwrap .ww .ww-s-93795{position:fixed;left:0px;right:0px;bottom:0px;z-index:80;background:rgba(255, 255, 255, 0.96);border-top:1px solid var(--border-1);padding:12px 16px;gap:10px;box-sizing:border-box;align-items:center}
#wrapwrap .ww .ww-s-512d9{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0px 22px;border-radius:var(--radius-m);border:1px solid var(--ink-300);background:rgb(255, 255, 255);cursor:pointer;opacity:1;transform:none;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast);white-space:nowrap;box-sizing:border-box}
#wrapwrap .ww .ww-s-8c46e{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;height:48px;padding:0px 22px;border-radius:var(--radius-m);border:1px solid var(--green-500);background:var(--green-500);cursor:pointer;opacity:1;transform:none;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast);white-space:nowrap;box-sizing:border-box}
#wrapwrap .ww .ww-s-691ef{flex:0 0 auto;display:inline-block}
#wrapwrap .ww .ww-s-067e8{background:var(--ink-900);color:rgb(255, 255, 255);padding:0px 64px 128px}
#wrapwrap .ww .ww-s-f63fb{max-width:1200px;margin:0px auto;display:grid;grid-template-columns:minmax(0px, 1fr);justify-items:center}
#wrapwrap .ww .ww-s-82de9{display:block;width:0px;height:96px;border-left:1px solid rgba(255, 255, 255, 0.4)}
#wrapwrap .ww .ww-s-c3863{width:100%;max-width:1120px;display:grid;grid-template-columns:minmax(0px, 1.3fr) minmax(0px, 1fr);gap:48px;align-items:end;margin-top:8px}
#wrapwrap .ww .ww-s-080a8{font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-400)}
#wrapwrap .ww .ww-s-b0043{margin-top:16px}
#wrapwrap .ww .ww-s-43bac{color:var(--green-500)}
#wrapwrap .ww .ww-s-f614a{display:grid;gap:16px;padding-bottom:6px}
#wrapwrap .ww .ww-s-5f7ab{text-transform:uppercase}
#wrapwrap .ww .ww-s-29e42{background:var(--surface-sunken);padding:128px 24px;overflow:hidden}
#wrapwrap .ww .ww-s-61185{max-width:1200px;margin:0px auto}
#wrapwrap .ww .ww-s-7dd56{display:grid;grid-template-columns:minmax(0px, 1fr) minmax(0px, 1fr);gap:48px;align-items:end}
#wrapwrap .ww .ww-s-d193c{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-accent);line-height:1.4}
#wrapwrap .ww .ww-s-00253{margin-top:12px}
#wrapwrap .ww .ww-s-e5bdc{max-width:520px}
#wrapwrap .ww .ww-s-34b91{display:none;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:32px -16px 0px;padding:0px 16px 8px}
#wrapwrap .ww .ww-s-7d10e{cursor:pointer;flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0px 14px 0px 12px;border-radius:999px;background:rgb(255, 255, 255);color:var(--ink-900);border:1px solid var(--ink-200);font-size:15px;font-weight:700;white-space:nowrap}
#wrapwrap .ww .ww-s-85870{width:8px;height:8px;border-radius:4px;background:var(--ink-300);box-shadow:none}
#wrapwrap .ww .ww-s-4b6c8{cursor:pointer;flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0px 14px 0px 12px;border-radius:999px;background:var(--ink-900);color:rgb(255, 255, 255);border:1px solid var(--ink-900);font-size:15px;font-weight:700;white-space:nowrap}
#wrapwrap .ww .ww-s-c1a25{width:8px;height:8px;border-radius:4px;background:var(--green-500);box-shadow:rgba(0, 230, 176, 0.28) 0px 0px 0px 4px}
#wrapwrap .ww .ww-s-724c3{display:grid;grid-template-columns:minmax(0px, 5fr) minmax(0px, 7fr);gap:40px;margin-top:64px;align-items:stretch}
#wrapwrap .ww .ww-s-cba2f{display:grid;align-content:start}
#wrapwrap .ww .ww-s-3b156{cursor:pointer;display:grid;grid-template-columns:24px minmax(0px, 1fr);gap:20px;padding:0px;min-height:88px}
#wrapwrap .ww .ww-s-6ca4a{position:relative;display:block}
#wrapwrap .ww .ww-s-deb1c{position:absolute;left:11px;top:0px;bottom:0px;width:1px;background:var(--ink-300)}
#wrapwrap .ww .ww-s-bf3bc{position:absolute;left:7.75px;top:22px;width:8px;height:8px;border-radius:4px}
#wrapwrap .ww .ww-s-a01a8{display:grid;gap:4px;padding:16px 0px 20px;border-bottom:1px solid var(--border-1)}
#wrapwrap .ww .ww-s-8c8db{display:flex;align-items:baseline;gap:12px}
#wrapwrap .ww .ww-s-35e86{font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em}
#wrapwrap .ww .ww-s-2d7a2{font-size:24px;font-weight:900;letter-spacing:-0.025em;line-height:1}
#wrapwrap .ww .ww-s-cae54{font-size:14px;line-height:1.5;color:var(--text-2)}
#wrapwrap .ww .ww-s-ef578{background:rgb(255, 255, 255);border-radius:12px;box-shadow:var(--shadow-l);border:1px solid var(--border-1);overflow:hidden;display:flex;flex-direction:column;min-height:520px}
#wrapwrap .ww .ww-s-eb8af{height:40px;display:flex;align-items:center;gap:8px;padding:0px 16px;border-bottom:1px solid var(--border-1);background:var(--ink-50)}
#wrapwrap .ww .ww-s-0926d{width:10px;height:10px;border-radius:5px;background:var(--ink-200)}
#wrapwrap .ww .ww-s-0cce2{margin-left:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:0.04em}
#wrapwrap .ww .ww-s-27bf4{flex:1 1 0%;padding:28px;display:grid;gap:18px;align-content:start;background:var(--surface-sunken)}
#wrapwrap .ww .ww-s-6e270{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
#wrapwrap .ww .ww-s-1f7b7{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
#wrapwrap .ww .ww-s-e77e3{font-size:26px;font-weight:900;letter-spacing:-0.03em;line-height:1.05}
#wrapwrap .ww .ww-s-d95ba{display:grid;grid-template-columns:minmax(0px, 1fr) minmax(0px, 1fr);gap:12px}
#wrapwrap .ww .ww-s-77f85{border-radius:var(--radius-l);padding:20px;box-sizing:border-box;background:rgb(255, 255, 255);border:1px solid rgba(20, 20, 20, 0.04);box-shadow:var(--shadow-card)}
#wrapwrap .ww .ww-s-b90f4{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-accent);margin-bottom:8px}
#wrapwrap .ww .ww-s-30ec7{font-family:var(--font-sans);font-weight:700;font-size:16px;line-height:1.25;margin-bottom:6px}
#wrapwrap .ww .ww-s-2b529{margin:0px}
#wrapwrap .ww .ww-s-27070{display:flex;gap:6px;flex-wrap:wrap}
#wrapwrap .ww .ww-s-1d883{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0px 10px;border-radius:999px;border:1px solid var(--ink-300);background:rgb(255, 255, 255);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:12px;letter-spacing:0px;text-transform:none;white-space:nowrap}
#wrapwrap .ww .ww-s-65c0b{background:rgb(255, 255, 255);border-radius:12px;box-shadow:var(--shadow-card);display:grid;grid-template-columns:160px minmax(0px, 1fr);overflow:hidden}
#wrapwrap .ww .ww-s-f9207{position:relative;background:var(--ink-900);min-height:160px}
#wrapwrap .ww .ww-s-a16a4{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:center 40%}
#wrapwrap .ww .ww-s-9d01e{position:absolute;left:10px;top:10px}
#wrapwrap .ww .ww-s-1b60b{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0px 11px 0px 6.6px;border-radius:999px;border:1px solid var(--ink-900);background:var(--ink-900);color:rgb(255, 255, 255);font-family:var(--font-sans);font-weight:900;font-size:11px;letter-spacing:-0.02em;white-space:nowrap}
#wrapwrap .ww .ww-s-22b55{height:14px;display:block}
#wrapwrap .ww .ww-s-9dc3d{font-size:0.55em;font-weight:700;vertical-align:top;position:relative;top:0.15em;margin-left:1px}
#wrapwrap .ww .ww-s-df326{padding:18px 20px;display:grid;gap:10px}
#wrapwrap .ww .ww-s-5f7d7{font-size:19px;font-weight:700;letter-spacing:-0.02em}
#wrapwrap .ww .ww-s-4a2cb{font-family:var(--font-sans)}
#wrapwrap .ww .ww-s-92968{margin:0px;display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));column-gap:32px}
#wrapwrap .ww .ww-s-57e8c{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0px;border-bottom:1px solid var(--border-1)}
#wrapwrap .ww .ww-s-693c3{font-size:14px;color:var(--text-2);margin:0px}
#wrapwrap .ww .ww-s-4d82d{margin:0px;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--ink-900);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#wrapwrap .ww .ww-s-2e57a{color:var(--text-3);margin-left:4px}
#wrapwrap .ww .ww-s-fac30{margin:0px;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink-900);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#wrapwrap .ww .ww-s-e0e9e{display:flex;gap:8px;flex-wrap:wrap}
#wrapwrap .ww .ww-s-eae20{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0px 12px;border-radius:var(--radius-m);border:1px solid var(--yellow-500);background:var(--yellow-500);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:13px;line-height:1;cursor:pointer;opacity:1;transform:none;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast);text-decoration:none;white-space:nowrap;box-sizing:border-box}
#wrapwrap .ww .ww-s-77f92{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0px 12px;border-radius:var(--radius-m);border:1px solid var(--ink-300);background:rgb(255, 255, 255);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:13px;line-height:1;cursor:pointer;opacity:1;transform:none;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast);text-decoration:none;white-space:nowrap;box-sizing:border-box}
#wrapwrap .ww .ww-s-9162f{display:grid;grid-template-columns:minmax(0px, 1fr) 220px;gap:12px;align-items:start}
#wrapwrap .ww .ww-s-b9ad6{background:rgb(255, 255, 255);border-radius:12px;box-shadow:var(--shadow-card);padding:20px;display:grid;gap:14px}
#wrapwrap .ww .ww-s-35e63{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#wrapwrap .ww .ww-s-16eb6{display:grid;gap:6px}
#wrapwrap .ww .ww-s-a3654{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.3;color:var(--ink-900)}
#wrapwrap .ww .ww-s-09284{min-width:0px}
#wrapwrap .ww .ww-s-b3f65{display:flex;align-items:stretch;height:40px;border:1px solid var(--ink-300);border-radius:var(--radius-m);background:rgb(255, 255, 255);box-shadow:none;box-sizing:border-box;overflow:hidden}
#wrapwrap .ww .ww-s-de706{display:inline-flex;align-items:center;padding:0px 10px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-2);background:var(--ink-50);border-right:1px solid var(--border-1)}
#wrapwrap .ww .ww-s-92250{flex:1 1 0%;min-width:0px;border:0px;outline:0px;background:transparent;padding:0px 12px;font-family:var(--font-mono);font-size:15px;text-align:right;color:var(--ink-900)}
#wrapwrap .ww .ww-s-56bc2{display:inline-flex;align-items:center;padding:0px 12px;font-family:var(--font-mono);font-size:12px;color:var(--text-2);border-left:1px solid var(--border-1)}
#wrapwrap .ww .ww-s-461c6{font-size:13px;color:var(--text-2)}
#wrapwrap .ww .ww-s-3baec{position:relative;height:40px}
#wrapwrap .ww .ww-s-10f76{width:100%;height:100%;appearance:none;border:1px solid var(--ink-300);border-radius:var(--radius-m);background:rgb(255, 255, 255);padding:0px 36px 0px 12px;font-family:var(--font-sans);font-size:15px;color:var(--ink-900);outline:0px;box-shadow:none;box-sizing:border-box;cursor:pointer}
#wrapwrap .ww .ww-s-df0ae{position:absolute;right:10px;top:0px;bottom:0px;display:inline-flex;align-items:center;pointer-events:none;color:var(--text-2)}
#wrapwrap .ww .ww-s-4db44{display:inline-flex;gap:10px;align-items:flex-start;cursor:pointer;opacity:1;font-family:var(--font-sans)}
#wrapwrap .ww .ww-s-3aa98{position:absolute;opacity:0;width:0px;height:0px}
#wrapwrap .ww .ww-s-4cd33{width:20px;height:20px;flex:0 0 auto;margin-top:1px;border-radius:5px;border:1.5px solid var(--ink-900);background:var(--ink-900);color:rgb(255, 255, 255);display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast)}
#wrapwrap .ww .ww-s-a736b{display:grid;gap:2px;min-width:0px}
#wrapwrap .ww .ww-s-c5894{font-size:14px;font-weight:500;color:var(--ink-900);line-height:1.4}
#wrapwrap .ww .ww-s-752a7{background:rgb(255, 255, 255);border-radius:12px;box-shadow:var(--shadow-card);padding:20px;display:grid;gap:10px}
#wrapwrap .ww .ww-s-d360b{font-family:var(--font-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-3)}
#wrapwrap .ww .ww-s-0268c{font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:-0.02em}
#wrapwrap .ww .ww-s-09665{font-size:13px;color:var(--text-3)}
#wrapwrap .ww .ww-s-7e8c1{font-size:12px;color:var(--text-3);line-height:1.4}
#wrapwrap .ww .ww-s-3ff03{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;height:32px;padding:0px 12px;border-radius:var(--radius-m);border:1px solid var(--yellow-500);background:var(--yellow-500);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:13px;line-height:1;cursor:pointer;opacity:1;transform:none;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast);text-decoration:none;white-space:nowrap;box-sizing:border-box}
#wrapwrap .ww .ww-s-fbdcf{background:rgb(255, 255, 255);border-radius:12px;box-shadow:var(--shadow-card);padding:22px 20px;display:grid;gap:18px}
#wrapwrap .ww .ww-s-60741{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#wrapwrap .ww .ww-s-57ae1{font-size:16px;font-weight:700}
#wrapwrap .ww .ww-s-973cb{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0px 10px;border-radius:999px;background:var(--status-active-bg);color:var(--status-active-fg);font-family:var(--font-sans);font-weight:700;font-size:12px;white-space:nowrap}
#wrapwrap .ww .ww-s-eb6ea{width:6px;height:6px;border-radius:3px;background:currentcolor;flex:0 0 auto}
#wrapwrap .ww .ww-s-df74e{overflow-x:auto}
#wrapwrap .ww .ww-s-2a398{list-style:none;margin:0px;padding:0px;display:flex;flex-direction:row;gap:0px;font-family:var(--font-sans)}
#wrapwrap .ww .ww-s-de9bf{display:flex;flex-direction:column;flex:1 1 0%;gap:8px;min-width:0px}
#wrapwrap .ww .ww-s-29475{display:flex;align-items:center;flex-direction:row}
#wrapwrap .ww .ww-s-55298{width:24px;height:24px;border-radius:12px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--ink-900);border:1.5px solid var(--ink-900);color:rgb(255, 255, 255);font-family:var(--font-mono);font-size:11px;font-weight:600}
#wrapwrap .ww .ww-s-d3fa5{flex:1 1 0%;background:var(--ink-900);height:1.5px;margin:0px 8px;align-self:center}
#wrapwrap .ww .ww-s-06324{padding-bottom:0px;padding-right:12px}
#wrapwrap .ww .ww-s-6db92{font-size:13px;font-weight:500;color:var(--ink-900);line-height:1.3}
#wrapwrap .ww .ww-s-651c0{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-top:2px}
#wrapwrap .ww .ww-s-17be1{width:24px;height:24px;border-radius:12px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--green-500);border:1.5px solid var(--green-500);color:var(--ink-900);font-family:var(--font-mono);font-size:11px;font-weight:600}
#wrapwrap .ww .ww-s-9c3c8{flex:1 1 0%;background:var(--ink-200);height:1.5px;margin:0px 8px;align-self:center}
#wrapwrap .ww .ww-s-62a41{font-size:13px;font-weight:700;color:var(--ink-900);line-height:1.3}
#wrapwrap .ww .ww-s-2d07a{width:24px;height:24px;border-radius:12px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);border:1.5px solid var(--ink-300);color:var(--ink-900);font-family:var(--font-mono);font-size:11px;font-weight:600}
#wrapwrap .ww .ww-s-794f0{font-size:13px;font-weight:500;color:var(--text-3);line-height:1.3}
#wrapwrap .ww .ww-s-66df0{display:flex;flex-direction:column;flex:0 0 auto;gap:8px;min-width:0px}
#wrapwrap .ww .ww-s-44dea{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-m);background:var(--status-info-bg);color:var(--ink-900);font-family:var(--font-sans)}
#wrapwrap .ww .ww-s-d3fdc{color:var(--status-info-fg);display:inline-flex;margin-top:1px}
#wrapwrap .ww .ww-s-349af{flex:1 1 0%;min-width:0px}
#wrapwrap .ww .ww-s-a4729{font-weight:700;font-size:14px;margin-bottom:2px}
#wrapwrap .ww .ww-s-2ea6a{font-size:14px;line-height:1.5;color:var(--ink-700)}
#wrapwrap .ww .ww-s-3dee6{display:grid;gap:12px}
#wrapwrap .ww .ww-s-b95a4{display:flex;justify-content:flex-end}
#wrapwrap .ww .ww-s-01e73{max-width:78%;display:grid;gap:6px}
#wrapwrap .ww .ww-s-54812{font-size:12px;font-weight:700;text-align:right}
#wrapwrap .ww .ww-s-af289{font-family:var(--font-mono);font-weight:400;color:var(--text-3)}
#wrapwrap .ww .ww-s-a58a3{padding:12px 16px;border-radius:12px;background:rgb(255, 255, 255);border:1px solid var(--border-1);font-size:15px;line-height:1.5}
#wrapwrap .ww .ww-s-f7dbb{display:flex}
#wrapwrap .ww .ww-s-dff98{font-size:12px;font-weight:700}
#wrapwrap .ww .ww-s-166a9{padding:12px 16px;border-radius:12px;background:var(--ink-100);font-size:15px;line-height:1.5}
#wrapwrap .ww .ww-s-faaa7{display:flex;gap:8px;align-items:center}
#wrapwrap .ww .ww-s-9cbbe{flex:1 1 0%}
#wrapwrap .ww .ww-s-a31da{display:flex;align-items:center;height:40px;border:1px solid var(--ink-300);border-radius:var(--radius-m);background:rgb(255, 255, 255);box-shadow:none;transition:box-shadow var(--dur-fast), border-color var(--dur-fast);box-sizing:border-box}
#wrapwrap .ww .ww-s-837b3{flex:1 1 0%;min-width:0px;height:100%;border:0px;outline:0px;background:transparent;padding:0px 12px;font-family:var(--font-sans);font-size:15px;color:var(--ink-900);text-align:left}
#wrapwrap .ww .ww-s-55d3d{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0px 16px;border-radius:var(--radius-m);border:1px solid var(--green-500);background:var(--green-500);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1;cursor:pointer;opacity:1;transform:none;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast);text-decoration:none;white-space:nowrap;box-sizing:border-box}
#wrapwrap .ww .ww-s-9952d{background:rgb(255, 255, 255);padding:128px 24px 12px;overflow:visible}
#wrapwrap .ww .ww-s-60eec{position:relative;padding-bottom:18px;margin-top:64px}
#wrapwrap .ww .ww-s-2ff38{border-top:0px none rgb(20, 20, 20);border-right:1px solid rgb(20, 20, 20);border-bottom:1px solid rgb(20, 20, 20);border-left:1px solid rgb(20, 20, 20);border-radius:0px 0px 14px 14px;position:absolute;inset:0px;border-top:0px;border-radius:0px 0px 14px 14px;pointer-events:none}
#wrapwrap .ww .ww-s-a2305{position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;border-radius:6px;background:var(--green-500);box-shadow:rgba(0, 230, 176, 0.28) 0px 0px 0px 6px}
#wrapwrap .ww .ww-s-e009d{margin:0px 18px}
#wrapwrap .ww .ww-s-a14f2{margin:0px auto;max-width:1120px;border-radius:12px;background:rgb(255, 255, 255);box-shadow:var(--shadow-l);border:1px solid var(--border-1);overflow:hidden}
#wrapwrap .ww .ww-s-c3110{position:relative;height:972px;overflow:hidden;background:var(--surface-sunken)}
#wrapwrap .ww .ww-s-81024{position:absolute;left:0px;top:0px;width:1400px;transform:scale(0.8);transform-origin:left top;padding:32px 40px 48px;box-sizing:border-box;pointer-events:none}
#wrapwrap .ww .ww-s-f185f{display:flex;gap:20px;align-items:stretch}
#wrapwrap .ww .ww-s-21fa8{position:relative;flex:0 0 auto;width:1.5px;align-self:stretch;height:auto;background:var(--ink-900);min-height:20px}
#wrapwrap .ww .ww-s-c32fc{position:absolute;top:0px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:var(--green-500);box-shadow:none}
#wrapwrap .ww .ww-s-805bd{min-width:0px;flex:1 1 0%}
#wrapwrap .ww .ww-s-4ddbe{white-space:nowrap}
#wrapwrap .ww .ww-s-5371d{margin-top:10px}
#wrapwrap .ww .ww-s-1c113{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:0px 28px;border-radius:var(--radius-m);border:1px solid var(--green-500);background:var(--green-500);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:17px;line-height:1;cursor:pointer;opacity:1;transform:none;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast);text-decoration:none;white-space:nowrap;box-sizing:border-box;box-shadow:var(--shadow-accent);margin-top:8px}
#wrapwrap .ww .ww-s-2d7b1{cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 20px;background:rgb(255, 255, 255);border-radius:12px;box-shadow:var(--shadow-card);box-sizing:border-box;min-width:0px}
#wrapwrap .ww .ww-s-f04b2{display:block;font-weight:700;font-size:17px;letter-spacing:-0.01em;line-height:1.2}
#wrapwrap .ww .ww-s-40e00{display:block;font-size:14px;color:var(--text-2);margin-top:3px;line-height:1.3}
#wrapwrap .ww .ww-s-a092c{border-radius:var(--radius-l);padding:0px;box-sizing:border-box;background:rgb(255, 255, 255);border:1px solid rgba(20, 20, 20, 0.04);box-shadow:var(--shadow-card);display:flex;flex-direction:column}
#wrapwrap .ww .ww-s-33fdb{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 16px;padding:24px 26px 18px}
#wrapwrap .ww .ww-s-61672{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--green-700);white-space:nowrap}
#wrapwrap .ww .ww-s-bebcd{padding:0px 26px;overflow-x:auto}
#wrapwrap .ww .ww-s-5d940{width:100%;min-width:640px;border-collapse:separate;border-spacing:0px;border:1px solid var(--border-1);border-radius:8px;overflow:hidden}
#wrapwrap .ww .ww-s-c29cd{text-align:left;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink-700);padding:14px 18px;background:var(--ink-50);border-bottom:1px solid var(--border-1);border-left:0px}
#wrapwrap .ww .ww-s-e18c6{text-align:left;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink-700);padding:14px 18px;background:var(--ink-50);border-bottom:1px solid var(--border-1);border-left:1px solid var(--border-1)}
#wrapwrap .ww .ww-s-dac6d{padding:18px;border-bottom:1px solid var(--border-1);font-size:15px;vertical-align:middle}
#wrapwrap .ww .ww-s-3a6ee{font-weight:700;font-size:16px}
#wrapwrap .ww .ww-s-31a9a{font-size:14px;color:var(--text-2);margin-top:3px}
#wrapwrap .ww .ww-s-e4d77{padding:18px;border-bottom:1px solid var(--border-1);font-size:15px;vertical-align:middle;border-left:1px solid var(--border-1)}
#wrapwrap .ww .ww-s-7ebd0{display:inline-flex;gap:8px;align-items:center}
#wrapwrap .ww .ww-s-aaaf1{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0px 11px 0px 6.6px;border-radius:999px;border:1px solid var(--ink-100);background:var(--ink-100);color:var(--ink-900);font-family:var(--font-sans);font-weight:900;font-size:11px;letter-spacing:-0.02em;white-space:nowrap}
#wrapwrap .ww .ww-s-7ee1b{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
#wrapwrap .ww .ww-s-8c286{width:10px;height:10px;border-radius:5px;background:var(--orange-600);flex:0 0 auto}
#wrapwrap .ww .ww-s-17442{width:10px;height:10px;border-radius:5px;background:var(--green-600);flex:0 0 auto}
#wrapwrap .ww .ww-s-803b5{padding:18px;border-bottom:0px;font-size:15px;vertical-align:middle}
#wrapwrap .ww .ww-s-4e9c4{padding:18px;border-bottom:0px;font-size:15px;vertical-align:middle;border-left:1px solid var(--border-1)}
#wrapwrap .ww .ww-s-a61af{width:10px;height:10px;border-radius:5px;background:var(--ink-500);flex:0 0 auto}
#wrapwrap .ww .ww-s-34e47{background:var(--green-50);border-radius:10px;padding:14px 18px;color:var(--ink-900);margin:20px 26px 26px}
#wrapwrap .ww .ww-s-d8ff9{display:flex;gap:14px;align-items:stretch}
#wrapwrap .ww .ww-s-4e87a{display:flex;gap:14px;align-items:flex-start}
#wrapwrap .ww .ww-s-03406{display:inline-flex;margin-top:2px;color:var(--ink-700)}
#wrapwrap .ww .ww-s-057cf{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}
#wrapwrap .ww .ww-s-23b20{font-size:15px;line-height:1.45;margin-top:0px}
#wrapwrap .ww .ww-s-01551{flex:0 0 auto}
#wrapwrap .ww .ww-s-c1cc5{border-radius:var(--radius-l);padding:0px;box-sizing:border-box;background:rgb(255, 255, 255);border:1px solid rgba(20, 20, 20, 0.04);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column}
#wrapwrap .ww .ww-s-1206b{flex:1 1 0%;min-height:250px;position:relative}
#wrapwrap .ww .ww-s-afd8a{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
#wrapwrap .ww .ww-s-9c510{padding:26px 26px 28px}
#wrapwrap .ww .ww-s-4a909{margin-top:18px}
#wrapwrap .ww .ww-s-2f197{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--green-700);white-space:nowrap}
#wrapwrap .ww .ww-s-5d1f5{margin-top:40px;margin-bottom:16px}
#wrapwrap .ww .ww-s-4ae04{cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 20px;background:rgb(255, 255, 255);border-radius:12px;box-shadow:var(--shadow-card);box-sizing:border-box;min-width:0px}
#wrapwrap .ww .ww-s-d95a4{margin-top:20px;border-radius:12px;overflow:hidden;position:relative;height:220px;background:var(--ink-900);box-shadow:var(--shadow-card)}
#wrapwrap .ww .ww-s-935c0{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:center 30%}
#wrapwrap .ww .ww-s-b16c9{position:absolute;inset:0px;background:linear-gradient(90deg, rgba(20, 20, 20, 0.94) 0%, rgba(20, 20, 20, 0.78) 38%, rgba(20, 20, 20, 0.15) 70%, rgba(20, 20, 20, 0.05) 100%)}
#wrapwrap .ww .ww-s-9ebc3{position:absolute;left:36px;top:0px;bottom:0px;display:flex;flex-direction:column;justify-content:center;color:rgb(255, 255, 255);max-width:480px}
#wrapwrap .ww .ww-s-ef5bf{font-size:30px;font-weight:900;letter-spacing:-0.035em;line-height:1.05}
#wrapwrap .ww .ww-s-0b46c{font-size:16px;color:var(--ink-300);margin-top:10px}
#wrapwrap .ww .ww-s-00440{display:inline-flex;align-items:center;gap:8px;margin-top:18px;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:var(--green-500);text-underline-offset:5px}
#wrapwrap .ww .ww-s-fef0c{position:absolute;right:36px;top:0px;bottom:0px;display:flex;align-items:center}
#wrapwrap .ww .ww-s-2b375{border-left:2px solid var(--green-500);padding-left:16px;color:rgb(255, 255, 255);font-size:14px;line-height:1.45;max-width:150px;text-shadow:rgba(20, 20, 20, 0.6) 0px 1px 8px}
#wrapwrap .ww .ww-s-6b378{padding:0px 24px 128px}
#wrapwrap .ww .ww-s-6a721{display:grid;justify-items:center;margin-bottom:48px}
#wrapwrap .ww .ww-s-21394{display:block;width:0px;height:112px;border-left:1px solid var(--ink-900)}
#wrapwrap .ww .ww-s-d7e41{margin-top:12px;max-width:720px}
#wrapwrap .ww .ww-s-412af{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:16px;margin-top:64px}
#wrapwrap .ww .ww-s-a8741{background:var(--ink-50);border-radius:12px;padding:28px 26px;display:grid;gap:10px;align-content:start}
#wrapwrap .ww .ww-s-98011{font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--green-700)}
#wrapwrap .ww .ww-s-ae090{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
#wrapwrap .ww .ww-s-d5ae7{background:var(--ink-900);color:rgb(255, 255, 255);padding:128px 24px}
#wrapwrap .ww .ww-s-787e3{max-width:1200px;margin:0px auto;display:grid;grid-template-columns:minmax(0px, 1.2fr) minmax(0px, 1fr);gap:56px;align-items:center}
#wrapwrap .ww .ww-s-553a6{margin-top:14px}
#wrapwrap .ww .ww-s-39d37{margin-top:20px;max-width:560px}
#wrapwrap .ww .ww-s-cef28{display:grid;gap:28px}
#wrapwrap .ww .ww-s-5e567{border-left:1px solid rgba(255, 255, 255, 0.35);padding:4px 0px 4px 22px;position:relative;display:grid;grid-template-columns:auto minmax(0px, 1fr);gap:20px;align-items:center}
#wrapwrap .ww .ww-s-9df50{position:absolute;left:-4.5px;top:0px;width:8px;height:8px;border-radius:4px;background:var(--green-500);box-shadow:rgba(0, 230, 176, 0.28) 0px 0px 0px 4px}
#wrapwrap .ww .ww-s-66371{font-family:var(--font-mono);font-size:36px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap}
#wrapwrap .ww .ww-s-c6e9a{font-size:15px;color:var(--ink-300);line-height:1.45}
#wrapwrap .ww .ww-s-c0590{padding:128px 24px;background:var(--surface-sunken)}
#wrapwrap .ww .ww-s-b4e6b{display:grid;grid-template-columns:minmax(0px, 1.15fr) minmax(0px, 1fr);gap:64px;align-items:end}
#wrapwrap .ww .ww-s-a8009{max-width:480px}
#wrapwrap .ww .ww-s-93259{display:none;margin-top:32px}
#wrapwrap .ww .ww-s-662da{display:flex;gap:4px;border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;padding:4px;background:var(--ink-100);border-radius:10px;width:fit-content}
#wrapwrap .ww .ww-s-4f6db{cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:14px;padding:6px 14px;border-radius:7px;border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;margin-bottom:0px;transition:color var(--dur-fast)}
#wrapwrap .ww .ww-s-186ae{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:24px;margin-top:64px;align-items:stretch}
#wrapwrap .ww .ww-s-dbbfb{position:relative;background:rgb(255, 255, 255);color:var(--ink-900);border-radius:12px;box-shadow:var(--shadow-card);padding:28px 26px 30px;display:grid;gap:16px;align-content:start;border:1px solid transparent}
#wrapwrap .ww .ww-s-ac399{display:flex;justify-content:space-between;align-items:center;gap:10px}
#wrapwrap .ww .ww-s-d907e{font-family:var(--font-mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;padding:4px 8px;border-radius:999px;background:var(--ink-100);color:var(--ink-900)}
#wrapwrap .ww .ww-s-e63bf{font-size:26px;font-weight:900;letter-spacing:-0.03em;line-height:1.02}
#wrapwrap .ww .ww-s-0bdd7{display:grid;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--ink-200)}
#wrapwrap .ww .ww-s-2b0da{display:grid;grid-template-columns:14px minmax(0px, 1fr);gap:10px;align-items:start;font-size:14px;line-height:1.45}
#wrapwrap .ww .ww-s-f1347{width:6px;height:6px;border-radius:3px;background:currentcolor;opacity:0.5;margin-top:7px;margin-left:2px}
#wrapwrap .ww .ww-s-210f8{margin-top:auto;padding-top:10px}
#wrapwrap .ww .ww-s-b253e{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;height:40px;padding:0px 16px;border-radius:var(--radius-m);border:1px solid var(--ink-300);background:rgb(255, 255, 255);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1;cursor:pointer;opacity:1;transform:none;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast);text-decoration:none;white-space:nowrap;box-sizing:border-box}
#wrapwrap .ww .ww-s-a0929{position:relative;background:var(--ink-900);color:rgb(255, 255, 255);border-radius:12px;box-shadow:var(--shadow-card);padding:28px 26px 30px;display:grid;gap:16px;align-content:start;border:1px solid var(--ink-900)}
#wrapwrap .ww .ww-s-a9291{font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--green-500)}
#wrapwrap .ww .ww-s-da020{font-family:var(--font-mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;padding:4px 8px;border-radius:999px;background:var(--yellow-500);color:var(--ink-900)}
#wrapwrap .ww .ww-s-b7823{display:grid;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--ink-700)}
#wrapwrap .ww .ww-s-d7208{position:relative;background:rgb(255, 255, 255);color:var(--ink-900);border-radius:12px;box-shadow:var(--shadow-card);padding:28px 26px 30px;display:grid;gap:16px;align-content:start;border:1px solid var(--yellow-500)}
#wrapwrap .ww .ww-s-a3d34{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:40px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-3)}
#wrapwrap .ww .ww-s-20a2a{background:var(--ink-900);color:rgb(255, 255, 255);padding:0px 24px 32px}
#wrapwrap .ww .ww-s-4d769{display:grid;grid-template-columns:minmax(0px, 1.4fr) repeat(3, minmax(0px, 1fr));gap:48px;padding:96px 0px 48px;border-bottom:1px solid var(--ink-800)}
#wrapwrap .ww .ww-s-fedbf{position:relative;padding:0px 0px 26px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
#wrapwrap .ww .ww-s-a1ae7{position:absolute;inset:0px;border-width:0px 1px 1px;border-style:none solid solid;border-color:currentcolor rgba(255, 255, 255, 0.55) rgba(255, 255, 255, 0.55);border-image:initial;border-radius:0px 0px 14px 14px;pointer-events:none}
#wrapwrap .ww .ww-s-296c9{display:grid;gap:20px;align-content:start;padding:0px 24px}
#wrapwrap .ww .ww-s-c13e3{height:26px;display:block;justify-self:start}
#wrapwrap .ww .ww-s-0894c{max-width:360px}
#wrapwrap .ww .ww-s-76f39{display:grid;gap:14px;align-content:start}
#wrapwrap .ww .ww-s-fac02{font-family:var(--font-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-500)}
#wrapwrap .ww .ww-s-436b9{display:flex;gap:10px;margin-top:6px;align-items:center}
#wrapwrap .ww .ww-s-8d7df{height:22px}
#wrapwrap .ww .ww-s-843e0{font-size:13px;font-weight:700}
#wrapwrap .ww .ww-s-9b11a{font-size:0.6em}
#wrapwrap .ww .ww-s-8cdc8{height:22px;margin-left:8px}
#wrapwrap .ww .ww-s-b32a7{display:inline-flex;align-items:center;gap:8px}
#wrapwrap .ww .ww-s-a24f1{font-size:14px;color:var(--ink-400);line-height:1.5;margin-top:6px}
#wrapwrap .ww .ww-s-0f83e{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em;color:var(--ink-500)}
#wrapwrap .ww .ww-s-91552{display:flex;gap:24px;flex-wrap:wrap}


/* ===== hover.css ===== */
/* ===== hover.css : etats hover/active/focus du DS (regles .scpN:hover injectees par le runtime + hover des composants) ===== */
.ww .scp0:hover { background: var(--ink-800) !important; color: rgb(255, 255, 255) !important; }
.ww .scp1:hover { border-color: var(--ink-900) !important; }
.ww .scp2:hover { background: var(--ink-800) !important; }
.ww .scp3:hover { border-color: var(--green-500) !important; background: var(--ink-800) !important; }
.ww .scp4:hover { box-shadow: var(--shadow-m) !important; }
.ww .scp5:hover { background: var(--ink-50) !important; }
.ww a:hover { text-decoration-color: var(--green-600); }
.ww :focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-s); }
.ww a:hover { text-decoration-color: var(--green-500); }


/* ===== responsive.css ===== */
.ww-quick { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }
.ww-two { display: grid; grid-template-columns: minmax(0px, 1fr) 400px; gap: 20px; margin-top: 20px; align-items: stretch; }
.ww-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; flex-wrap: wrap; margin-bottom: 28px; }
.ww-menu { display: none !important; }
.ww-show-m { display: none !important; }
.ww-snap { scrollbar-width: none; }
.ww-snap::-webkit-scrollbar { display: none; }
.ww-mobile-bar { display: none !important; }
@media (max-width: 1180px) {
  .ww-two { grid-template-columns: minmax(0px, 1fr); }
  .ww-quick { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.ww-rail { grid-template-columns: minmax(0px, 1fr) !important; }
  .ww-cat { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; }
  .ww-hero-btns { flex-wrap: wrap; flex-direction: row !important; width: auto !important; }
  .ww-hero-btns > * { flex: 0 0 auto; }
  .ww-row { grid-template-columns: minmax(0px, 1fr) !important; }
.ww-threads { display: none !important; }
  .ww-grid2 { grid-template-columns: minmax(0px, 1fr) !important; }
}
@media (max-width: 1100px) {
  .ww-access-grid { grid-template-columns: minmax(0px, 1fr) !important; gap: 40px !important; }
  .ww-access-aside { position: static !important; }
  .ww-rail-nav { display: none !important; }
  .ww-hide-mid { display: none !important; }
.ww-side { display: none !important; }
.ww-menu { display: inline-flex !important; }
.ww-login { grid-template-columns: minmax(0px, 1fr) !important; }
}
@media (max-width: 760px) {
.ww-h1 { font-size: 36px !important; white-space: normal !important; }
  .ww-hero-side { display: none !important; }
  .ww-grid2 { grid-template-columns: minmax(0px, 1fr) !important; }
.ww-grid3 { grid-template-columns: minmax(0px, 1fr) !important; }
.ww-compose > div { flex-basis: 100%; }
  .ww-photo { aspect-ratio: 4 / 3 !important; }
  .ww-mobile-bar { display: flex !important; }
  .ww-hide-m { display: none !important; }
.ww-threads { display: none !important; }
  .ww-row { grid-template-columns: minmax(0px, 1fr) !important; }
.ww-vitrine h1 { font-size: 34px !important; }
.ww-vitrine input + *, .ww-vitrine label + div { min-height: 0px; }
.ww-login-copy h1 { font-size: 32px !important; }
.ww-vitrine.access .ww-login > div:last-child { padding: 28px 20px !important; }
  .ww-access-page { padding: 28px 18px 40px !important; }
  .ww-access-grid { grid-template-columns: minmax(0px, 1fr) !important; gap: 32px !important; }
  .ww-access-aside { position: static !important; }
  .ww-show-m { display: flex !important; }
  .ww-vitrine { padding-bottom: 76px; }
.ww-vitrine .ww-cat { margin-top: 24px !important; }
  .ww-preview-in { padding: 16px 12px 24px !important; }
  .ww-foot { grid-template-columns: minmax(0px, 1fr) !important; gap: 32px !important; }
  .ww-hero { padding: 0px 16px !important; }
  .ww-hero-btns { flex-wrap: wrap; flex-direction: row !important; width: auto !important; }
  .ww-hero-btns > * { flex: 0 0 auto; }
  .ww-hero-in { background: var(--ink-900) !important; min-height: 0px !important; }
  .ww-hero-in img { height: 300px !important; bottom: auto !important; }
  .ww-hero-veil { height: 300px !important; bottom: auto !important; background: linear-gradient(180deg,rgba(20,20,20,.1) 0%,rgba(20,20,20,.15) 55%,var(--ink-900) 100%) !important; }
  .ww-hero-in > .ww-grid2 { padding: 240px 20px 28px !important; }
  .ww-hero-in h1 { font-size: 34px !important; }
  .ww-hero-in p { font-size: 15px !important; }
.ww-login-copy { padding: 96px 24px 24px; position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; gap: 14px !important; }
}
[data-mobile] .ww-menu, [data-mobile] .ww-mobile-bar, [data-mobile] .ww-show-m { display: flex !important; }
[data-mobile] .ww-vitrine { padding-bottom: 76px; }
[data-mobile] .ww-h1 { font-size: 36px !important; white-space: normal !important; }
[data-mobile] .ww-vitrine h1 { font-size: 40px !important; }
[data-mobile] .ww-vitrine h2 { font-size: 30px !important; }
[data-mobile] .ww-foot { grid-template-columns: minmax(0px, 1fr) !important; gap: 32px !important; }
[data-mobile] .ww-cta-btns > * { flex: 1 1 100%; }
[data-mobile] .ww-cta-btns button { width: 100%; }
[data-mobile] .ww-vitrine section { padding-top: 72px !important; padding-bottom: 72px !important; }
[data-mobile] .ww-vitrine #sec-metier, [data-mobile] .ww-vitrine #sec-qui { padding-top: 0px !important; }
[data-mobile] .ww-vitrine #sec-espace { padding-bottom: 12px !important; }
[data-mobile] .ww-vitrine #sec-metier, [data-mobile] .ww-vitrine #sec-espace, [data-mobile] .ww-vitrine #sec-commencer { padding-left: 16px !important; padding-right: 16px !important; }
[data-mobile] .ww-vitrine .ww-cat { margin-top: 24px !important; }
[data-mobile] .ww-vitrine h1 { font-size: 34px !important; }
[data-mobile] .ww-vitrine input + *, .ww-vitrine label + div { min-height: 0px; }
[data-mobile] .ww-access-page { padding: 28px 18px 40px !important; }
[data-mobile] .ww-access-grid { grid-template-columns: minmax(0px, 1fr) !important; gap: 32px !important; }
[data-mobile] .ww-access-aside { position: static !important; }
[data-mobile] .ww-preview-in { padding: 16px 12px 24px !important; }
[data-mobile] .ww-vitrine .ww-hero { padding-top: 0px !important; padding-bottom: 0px !important; }
[data-mobile] .ww-grid3 { grid-template-columns: minmax(0px, 1fr) !important; }
[data-mobile] .ww-photo { aspect-ratio: 4 / 3 !important; }
[data-mobile] .ww-hero { padding: 0px 12px !important; }
[data-mobile] .ww-hero-btns { flex-wrap: wrap; flex-direction: row !important; width: auto !important; }
.ww-hero-btns > * { flex: 0 0 auto; }
.ww-hero-in { background: var(--ink-900) !important; min-height: 0px !important; }
[data-mobile] .ww-hero-in img { height: 300px !important; bottom: auto !important; }
[data-mobile] .ww-hero-veil { height: 300px !important; bottom: auto !important; background: linear-gradient(180deg,rgba(20,20,20,.1) 0%,rgba(20,20,20,.15) 55%,var(--ink-900) 100%) !important; }
[data-mobile] .ww-hero-in > .ww-grid2 { padding: 240px 20px 28px !important; }
[data-mobile] .ww-hero-in h1 { font-size: 34px !important; }
[data-mobile] .ww-hero-in p { font-size: 15px !important; }
[data-mobile] .ww-preview { height: 300px !important; }
[data-mobile] .ww-preview-in { transform: scale(0.27) !important; width: 1400px !important; }