/* Alexandra Bonnet — personal brand
   Warm anthracite, champagne gold, punctual turquoise.
   Hierarchy: ~75% neutrals · ~15% gold · ~10% teal. */

@font-face{
  font-family:"Allura";
  src:url("/assets/brand/fonts/Allura-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  --ink:#141210;
  --navy:#1c1916;
  --navy-mid:#26231f;
  --ice:#f4f0e8;
  --muted:rgba(244,240,232,.76);
  --muted-2:rgba(244,240,232,.58);
  --line:rgba(244,240,232,.12);
  --line-strong:rgba(244,240,232,.22);
  --gold:#c2a36e;
  --gold-deep:#9a7d52;
  --gold-hover:#d4bc94;
  --gold-soft:rgba(194,163,110,.42);
  --gold-wash:rgba(194,163,110,.08);
  --gold-line:rgba(194,163,110,.34);
  --paper:#efe8dc;
  --paper-2:#f6f1e8;
  --teal:#2de0d0;
  --teal-deep:#00b8b0;
  --teal-soft:rgba(45,224,208,.38);
  --teal-wash:rgba(45,224,208,.07);
  --teal-line:rgba(45,224,208,.32);
  --glow:none;
  --glow-soft:none;
  --surface:rgba(36,33,29,.55);
  --surface-2:rgba(40,37,33,.66);
  --header:rgba(20,18,16,.84);
  --scrim:rgba(20,18,16,.78);
  --font:"Outfit",system-ui,sans-serif;
  --font-display:"Satoshi","Outfit",system-ui,sans-serif;
  --font-ui:"Outfit",system-ui,sans-serif;
  --max:1140px;
  --radius:4px;
  --radius-pill:999px;
  --marquee-duration:32s;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);
  color:var(--ice);
  background:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(100% - 2.75rem,var(--max));margin-inline:auto}

/* HEADER */
.site-header{
  position:fixed;inset:0 0 auto;z-index:100;
  background:rgba(20,18,16,.84);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;min-height:74px;gap:16px;
}
.brand{display:flex;align-items:center;gap:12px;justify-self:start}
.brand-name{
  font-family:var(--font-display);
  font-weight:600;font-size:1.05rem;line-height:1.15;
  letter-spacing:-.02em;font-optical-sizing:auto;
  color:var(--ice);
}
.brand-name span{
  display:block;font-family:var(--font);font-weight:500;
  font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted-2);margin-top:.15rem;
}
.brand-mark{
  width:20px;height:28px;border-radius:0;
  background:none;box-shadow:none;filter:none;
  display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;color:var(--gold);
}
.brand-mark svg{display:block;width:20px;height:28px;overflow:visible}
.nav-center{display:flex;align-items:center;justify-content:center;gap:1.1rem;flex-wrap:wrap}
.nav-center a{font-size:.9rem;font-weight:500;color:var(--muted);transition:color .15s}
.nav-center a:hover,.nav-center a.is-active{color:var(--ice)}
.nav-cta-wrap{justify-self:end;display:flex;gap:10px;align-items:center}
.nav-toggle{
  display:none;
  width:42px;height:42px;padding:0;
  background:transparent;border:1px solid var(--line);
  border-radius:var(--radius);cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:6px;
}
.nav-toggle span{
  display:block;width:16px;height:1.5px;background:var(--ice);
  transition:transform .2s,opacity .2s;
}
.site-header.is-open .nav-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}
.site-header.is-open .nav-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.nav-link-quiet{font-size:.85rem;font-weight:500;color:var(--muted-2);margin-right:.25rem}
.nav-link-quiet:hover{color:var(--gold)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.85rem 1.35rem;border-radius:var(--radius-pill);
  font-family:var(--font-ui);font-weight:600;font-size:.9rem;
  transition:transform .15s,box-shadow .2s,background .15s,border-color .15s;
  white-space:nowrap;border:none;cursor:pointer;
}
.btn:hover{transform:none}
.btn-primary{
  background:var(--gold);color:var(--ink);
  box-shadow:var(--glow);
}
.btn-primary:hover{
  background:var(--gold-hover);
  box-shadow:none;
}
.btn-ghost{
  background:transparent;color:var(--ice);
  border:1px solid rgba(244,240,232,.22);
  box-shadow:none;
}
.btn-ghost:hover{border-color:rgba(194,163,110,0.35);color:var(--gold)}
.btn-sm{padding:.65rem 1.05rem;font-size:.84rem}
.btn-header{
  padding:.72rem 1.2rem;font-size:.86rem;
  background:rgba(194,163,110,0.09);color:var(--ice);
  border:1px solid rgba(194,163,110,0.42);
  box-shadow:var(--glow);
}
.btn-header:hover{
  background:rgba(194,163,110,0.16);
  box-shadow:none;
}
.btn-quiet{
  background:transparent;color:var(--muted);
  border:1px solid var(--line);box-shadow:none;font-weight:500;
}
.btn-quiet:hover{color:var(--ice);border-color:rgba(244,240,232,.28)}

.eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1rem;
}
.eyebrow::before{content:"";width:1.75rem;height:1px;background:var(--gold);box-shadow:none}
.h1{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(2.35rem,5.2vw,3.85rem);
  line-height:1.05;letter-spacing:-.03em;
}
.h2{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(1.85rem,3.4vw,2.75rem);
  line-height:1.12;letter-spacing:-.025em;
}
.lead{font-size:1.08rem;color:var(--muted);max-width:34em;line-height:1.65}
.accent{color:var(--gold);text-shadow:none;position:relative}
.section-tight{padding:3.75rem 0 4.5rem}
.section-quiet{background:rgba(255,255,255,.02)}
.section-product{
  background:linear-gradient(180deg,rgba(36,33,29,.5),rgba(20,18,16,.22));
  border-block:1px solid var(--line);
}

/* HERO — full-bleed photo to right edge, soft fade into text */
.hero{
  position:relative;
  min-height:0;
  display:block;
  overflow:hidden;
  padding:6.75rem 0 0;
  background:
    radial-gradient(ellipse 55% 90% at 18% 45%,rgba(194,163,110,0.05),transparent 62%),
    radial-gradient(ellipse 40% 60% at 85% 30%,rgba(194,163,110,0.04),transparent 55%),
    var(--ink);
  border-bottom:1px solid rgba(194,163,110,0.11);
  box-shadow:0 1px 0 rgba(244,240,232,.04);
}
.hero .h1{margin-bottom:0}
.hero .lead{margin-top:1.35rem}
.hero-helix{
  position:absolute;left:max(.25rem,calc((100vw - var(--max)) / 2 - .4rem));
  top:22%;
  width:min(92px,8.5vw);height:auto;
  opacity:.18;z-index:1;pointer-events:none;
  filter:drop-shadow(0 0 22px rgba(194,163,110,0.22));
}
.hero-helix img,.hero-helix svg{display:block;width:100%;height:auto}
.hero-copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:1rem 2rem 3.25rem;
  padding-left:max(1.4rem,calc((100vw - var(--max)) / 2 + 1.4rem));
  max-width:min(720px,54vw);
  width:100%;
  position:relative;z-index:3;
}
.hero-creds{margin:1.15rem 0 1.6rem;font-size:.92rem;color:var(--muted-2)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.35rem}
.hero-social-proof{
  display:flex;align-items:center;gap:14px;
  margin:0;flex-wrap:wrap;
}
.hero-proof{
  display:flex;align-items:center;flex-wrap:wrap;gap:.85rem 1.35rem;
  margin:1.15rem 0 0;
}
.hero-proof-stat{
  margin:0;
  font-size:.95rem;font-weight:500;line-height:1.35;
  color:var(--muted);
}
.hero-proof-stat strong{
  font-family:var(--font-display);font-weight:650;
  font-size:1.15rem;letter-spacing:-.02em;
  color:var(--gold);text-shadow:none;
  margin-right:.35rem;
}
.hero-proof-logos{
  display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap;
}
.hero-proof-logos:empty{display:none}
.hero-proof-logos img{
  height:22px;width:auto;max-width:110px;object-fit:contain;
  opacity:.82;filter:brightness(0) invert(1);
}
.hero-avatars{
  display:flex;align-items:center;flex-shrink:0;
}
.hero-avatars img{
  width:42px;height:42px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--ink);
  box-shadow:0 0 0 1px rgba(244,240,232,.55);
  background:var(--navy-mid);
}
.hero-avatars img + img{margin-left:-12px}
.hero-social-proof-text{
  margin:0;
  font-size:.92rem;font-weight:500;line-height:1.3;
  color:rgba(244,240,232,.92);
  white-space:nowrap;
}
.hero-photo{
  position:absolute;
  top:0;right:0;bottom:0;
  width:min(48vw,720px);
  margin:0;padding:0;
  border-radius:0;
  overflow:hidden;
  z-index:1;
  pointer-events:none;
}
.hero-photo img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  /* Subject right; a bit of French Tech top-left */
  object-position:32% 14%;
  filter:contrast(1.05) saturate(.98);
  display:block;
}
.hero-photo::after{display:none}
.hero-photo-caption{
  position:absolute;left:1.35rem;bottom:1.15rem;z-index:2;
  margin:0;
  font-family:var(--font-ui);
  font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(244,240,232,.78);
  text-shadow:0 1px 10px rgba(20,18,16,.72);
  pointer-events:none;
}
.hero .hero-identity{
  margin:1.35rem 0 1.5rem;font-size:.98rem;color:var(--muted);
}
.hero .hero-identity strong{
  display:block;font-family:var(--font-display);font-size:1.15rem;
  color:var(--ice);font-weight:600;margin-bottom:.2rem;
}
.hero-photo--portrait{
  width:min(46vw,640px);
  background:transparent;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}
.hero-photo--portrait img{
  position:static;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:right bottom;
  mix-blend-mode:normal;
  filter:none;
}
.hero-photo--portrait::after{display:none}

.section-band{
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%,rgba(194,163,110,0.05),transparent 55%),
    linear-gradient(180deg,var(--navy-mid) 0%,rgba(36,33,29,.7) 100%);
  border-top:1px solid rgba(244,240,232,.05);
}

/* TRUST + TICKER BANDEAUX (Caroline-style sync) */
/* LOCK core (validated 2026-08-21): Doctolib, Lucis, Avatar Medical, Brain&Mind, Hoppen, Kor — keep sizes.
   Mono wordmarks: .trust-logo--mono (white silhouette). Multi-color: .trust-logo--color (original on navy).
   Skipped from marquee: satelia, socialdream, boli, resilio — see assets/trust/README.md.
   Both .marquee-track share --marquee-duration (32s). */

.trust-label{
  text-align:center;font-size:.75rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);
  margin-bottom:1.35rem;
}
.bandeaux .trust-marquee{margin-bottom:1.5rem}
.bandeaux .ticker{margin-top:0;margin-bottom:2.75rem}
.bandeaux:hover .marquee-track{animation-play-state:paused}
.marquee-track{
  will-change:transform;
  animation:marquee-scroll var(--marquee-duration) linear infinite;
}
.trust-marquee{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.trust-marquee-track{
  display:flex;align-items:center;
  gap:clamp(28px,5vw,56px);width:max-content;
  padding-block:.35rem;
}
.trust-marquee-track img{
  height:30px;width:auto;max-width:132px;object-fit:contain;flex:0 0 auto;
  opacity:.9;
}
.trust-marquee-track img.trust-logo--mono{
  filter:brightness(0) invert(1);
}
.trust-marquee-track img.trust-logo--color{
  opacity:.88;
}
/* Avatar stacked mark — taller + enlarged wordmark for navy visibility */
.trust-marquee-track img.trust-logo--avatar{
  height:36px;width:auto;max-width:120px;min-height:36px;
}
/* Brain&Mind wordmark — optical weight vs Doctolib/Hoppen/Kor */
.trust-marquee-track img.trust-logo--brain{
  height:58px;width:auto;max-width:160px;min-height:58px;
}
.trust-marquee-track img.trust-logo--mya{
  height:34px;width:auto;max-width:140px;
}
.trust-marquee-track img:hover{opacity:1}
@media (prefers-reduced-motion:reduce){
  .marquee-track{animation:none}
}
.ticker{
  overflow:hidden;border-block:1px solid var(--line);
  background:rgba(36,33,29,.55);padding:1rem 0;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.ticker-track{
  display:flex;align-items:center;gap:0;width:max-content;
  font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted-2);white-space:nowrap;
}
.ticker-item{display:inline-flex;align-items:center;gap:0;flex-shrink:0}
.ticker-dot{
  color:var(--gold);font-weight:700;
  padding-inline:1.75rem;
}
@keyframes marquee-scroll{to{transform:translateX(-50%)}}

.stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px 20px;
  max-width:900px;margin:0 auto;
}
.stat{text-align:center;padding:1rem .4rem;background:transparent;border:0}
.stat:not(:last-child){border-right:1px solid var(--line)}
.stat-n{
  font-family:var(--font-display);font-weight:650;
  font-size:clamp(2.1rem,3.6vw,2.9rem);letter-spacing:-.03em;line-height:1;
  color:var(--gold);text-shadow:none;
}
.stat-l{font-size:.82rem;color:var(--muted-2);margin-top:.55rem;line-height:1.35}

/* ABOUT */
.about-grid{
  display:grid;grid-template-columns:0.95fr 1.15fr;
  gap:clamp(28px,4vw,56px);align-items:end;
}
.about-copy .h2{margin-bottom:1.1rem;max-width:13em}
.about-arc{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem}
.about-arc span{
  font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold);padding:.32rem .6rem;border-radius:999px;
  border:1px solid rgba(194,163,110,0.22);background:rgba(194,163,110,0.05);
}
.about-copy p{color:var(--muted);margin-bottom:1rem;font-size:1.05rem;max-width:34em}
.about-copy strong{color:var(--ice);font-weight:600}
.about-photo{
  position:relative;justify-self:end;width:100%;max-width:560px;
  border:0;outline:0;box-shadow:none;background:transparent;
  border-radius:0;overflow:visible;
}
.about-photo img{
  display:block;width:100%;height:auto;
  object-fit:cover;object-position:center 22%;
  border:0;border-radius:0;box-shadow:none;background:transparent;
  filter:contrast(1.05) saturate(.95);
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),
    linear-gradient(180deg,#000 0%,#000 68%,transparent 100%);
  mask-image:
    linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),
    linear-gradient(180deg,#000 0%,#000 68%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}

/* RESOURCES */
.res-head{text-align:center;max-width:640px;margin:0 auto 2.75rem}
.res-head .eyebrow{justify-content:center}
.res-head .eyebrow::before{display:none}
.os-free{
  display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;
  padding:2rem;margin-bottom:2rem;
  border:1px solid rgba(194,163,110,0.27);
  border-radius:var(--radius);
  background:
    radial-gradient(ellipse at 0% 0%,rgba(194,163,110,0.12),transparent 50%),
    rgba(36,33,29,.58);
  box-shadow:var(--glow-soft);
}
.os-badge{
  display:inline-flex;font-size:.68rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink);background:var(--gold);
  padding:.35rem .7rem;border-radius:999px;margin-bottom:.75rem;
  box-shadow:none;
}
.os-free h3{font-family:var(--font-display);font-size:1.65rem;font-weight:600;margin-bottom:.65rem}
.os-free p{color:var(--muted);margin-bottom:1.15rem}
.os-free-visual{
  border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);
  aspect-ratio:16/10;background:#0e0c0a;
}
.os-free-visual img{width:100%;height:100%;object-fit:cover;opacity:.92}
.res-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.res-card{
  padding:1.6rem 0;border:0;background:transparent;
  border-top:1px solid var(--line);
}
.res-card h3{font-family:var(--font-display);font-size:1.45rem;margin:.35rem 0 .7rem}
.res-card p{color:var(--muted);margin-bottom:1rem}
.res-links{display:flex;flex-wrap:wrap;gap:10px}
.res-media{
  border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#0e0c0a;
}
.res-media video,.res-media img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.res-media--embed{position:relative;aspect-ratio:16/9}
.res-media--embed iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;display:block;
}

/* Scene replay stack */
.scene-stack{display:grid;gap:2.75rem}
.scene-block-title{
  font-family:var(--font-display);font-size:1.45rem;margin:.35rem 0 .7rem;
}
.scene-block-text{color:var(--muted);margin-bottom:1rem}
.scene-block-link{margin-top:.25rem}
.scene-block-note{
  display:inline-block;margin-top:.25rem;
  font-size:.85rem;font-weight:600;letter-spacing:.02em;
  color:var(--gold);
}

/* PRICING  -  quieter product UI */
.pricing-head{text-align:center;max-width:640px;margin:0 auto 2.5rem}
.pricing-head .eyebrow{justify-content:center}
.pricing-head .eyebrow::before{display:none}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.price-card{
  display:flex;flex-direction:column;
  padding:1.5rem 1.25rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.55);
  font-family:var(--font-ui);
}
.price-card.featured{
  border-color:rgba(194,163,110,0.23);
  background:rgba(40,37,33,.66);
}
.price-tier{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}
.price-card h3{font-family:var(--font-ui);font-size:1.2rem;font-weight:650;margin-bottom:.25rem}
.price-amt{font-family:var(--font-ui);font-size:1.55rem;font-weight:700;margin:.4rem 0}
.price-note{font-size:.8rem;color:var(--muted-2);margin-bottom:1rem}
.price-card ul{list-style:none;flex:1;margin-bottom:1.15rem}
.price-card li{font-size:.88rem;color:var(--muted);padding:.35rem 0;border-bottom:1px solid rgba(244,240,232,.06)}
.price-card li::before{content:"· ";color:var(--gold)}
.pricing-disclaimer{text-align:center;font-size:.8rem;color:var(--muted-2);margin-top:1.2rem}
.pricing-disclaimer a{color:var(--gold)}

/* QARA chapter  -  quieter */
.company-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.company-visual{
  border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);
  aspect-ratio:4/3;opacity:.92;
}
.company-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.9)}
.company-copy .h2{font-size:clamp(1.55rem,2.6vw,2.1rem)}
.company-copy p{color:var(--muted);margin:1rem 0 1.25rem;max-width:34em;font-size:.98rem}

.collab-block{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--line)}
.collab-label{
  font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:0 0 1.4rem;text-align:center;
}
.media-set-label{
  margin:0 0 .85rem;
  font-size:.78rem;font-weight:500;letter-spacing:.02em;text-transform:none;
  color:var(--muted-2);text-align:center;
}
.collab-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;max-width:880px;margin:0 auto;
}
.collab-item{
  display:flex;align-items:center;justify-content:center;min-height:88px;
  padding:1.1rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.5);
  transition:border-color .2s,transform .2s;
}
.collab-item:hover{border-color:rgba(194,163,110,0.27);}
.collab-item img{height:32px;width:auto;max-width:130px;object-fit:contain;filter:brightness(0) invert(1);opacity:.88}
.collab-item--mark{flex-direction:column;gap:.3rem;text-align:center}
.collab-mark{font-family:var(--font-display);font-weight:600;font-size:.88rem;color:var(--ice);white-space:nowrap}
.collab-mark-sub{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}

/* FINAL CTA  -  glow signature */
.final-cta{padding:4.5rem 0 5.5rem}
.final-card{
  text-align:center;max-width:700px;margin:0 auto;padding:3.25rem 2rem;
  border-radius:var(--radius);border:1px solid rgba(194,163,110,0.22);
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%,rgba(194,163,110,0.11),transparent 60%),
    rgba(36,33,29,.62);
  box-shadow:var(--glow-soft);
}
.final-card .eyebrow{justify-content:center}
.final-card .eyebrow::before{display:none}
.final-card .h2{margin-bottom:.75rem}
.final-card .lead{margin:0 auto 1.5rem;max-width:28em}
.final-card .hero-ctas{justify-content:center;margin-top:.35rem}

/* FOOTER */
.site-footer{border-top:1px solid var(--line);background:rgba(16,14,12,.94);padding:3rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;margin-bottom:2rem}
.footer-brand p{font-size:.88rem;color:var(--muted-2);max-width:28em;margin-top:.6rem}
.footer-col h4{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.85rem}
.footer-col a{display:block;font-size:.9rem;color:var(--muted);padding:.28rem 0}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
  padding-top:1.2rem;border-top:1px solid var(--line);
  font-size:.78rem;color:var(--muted-2);
}
.footer-bottom a{color:var(--muted);margin-left:1rem}
.footer-bottom a:hover{color:var(--gold)}

/* COLLABS / DIAGNOSTIC */
.diag-hero{
  padding:7.25rem 0 3.5rem;
  background:
    radial-gradient(ellipse 45% 55% at 18% 20%,rgba(194,163,110,0.08),transparent 55%),
    linear-gradient(165deg,var(--ink) 0%,var(--navy) 60%,var(--navy-mid) 100%);
}
.diag-hero--hub{padding-bottom:4rem}
.diag-hero-inner{max-width:720px}
.diag-hero-copy .h1{max-width:16em}
.diag-paths{display:flex;flex-direction:column;gap:10px;margin-top:1.85rem}
.diag-path{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.05rem 1.2rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.58);
  transition:border-color .18s,background .18s,transform .15s,box-shadow .18s;
}
.diag-path:hover,.diag-path.is-selected{
  border-color:rgba(194,163,110,0.35);
  background:rgba(40,37,33,.72);
}
.diag-path--featured{
  border-color:rgba(194,163,110,0.25);
  box-shadow:var(--glow-soft);
}
.diag-path-title{display:block;font-family:var(--font-display);font-weight:600;font-size:1.02rem;color:var(--ice)}
.diag-path-sub{display:block;margin-top:.28rem;font-size:.86rem;color:var(--muted-2)}
.diag-path-arrow{color:var(--muted-2);font-size:1.1rem;flex:none}
.diag-path:hover .diag-path-arrow,.diag-path.is-selected .diag-path-arrow{color:var(--gold)}
.diag-note{
  margin-top:1.4rem;padding:1rem 1.15rem;border-radius:var(--radius);
  border:1px solid rgba(194,163,110,0.22);background:rgba(194,163,110,0.05);
}
.diag-note-label{
  font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
}
.diag-note p{margin-top:.45rem;font-size:.9rem;color:var(--muted);line-height:1.5}
.diag-direct{margin-top:1.35rem}
.diag-direct a{font-size:.92rem;font-weight:500;color:var(--muted-2);text-decoration:underline;text-underline-offset:4px}
.diag-direct a:hover{color:var(--ice)}

.diag-section-head{text-align:center;max-width:640px;margin:0 auto 2.5rem}
.diag-section-head .eyebrow{justify-content:center}
.diag-section-head .eyebrow::before{display:none}

.diag-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.diag-offer-card{
  padding:1.4rem 1.25rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.55);
}
.diag-offer-kicker{
  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.55rem;
}
.diag-offer-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:.55rem}
.diag-offer-card p{font-size:.92rem;color:var(--muted)}

.diag-steps{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:900px;margin:0 auto}
.diag-steps li{
  display:flex;gap:1rem;align-items:flex-start;
  padding:1.25rem 1.2rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.5);
}
.diag-step-n{
  flex:none;width:2rem;height:2rem;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:.95rem;
  color:var(--ink);background:var(--gold);box-shadow:var(--glow-soft);
}
.diag-steps h3{font-family:var(--font-display);font-size:1.08rem;font-weight:600;margin-bottom:.35rem}
.diag-steps p{font-size:.9rem;color:var(--muted)}

.diag-deliverables{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;margin:0 auto}
.diag-deliverables li{
  display:flex;flex-direction:column;gap:.35rem;
  padding:1.2rem 1.25rem;border-radius:var(--radius);
  border:1px solid var(--line);border-left:2px solid var(--gold);
  background:rgba(36,33,29,.5);
}
.diag-deliverables strong{font-family:var(--font-display);font-weight:600;color:var(--ice)}
.diag-deliverables span{font-size:.9rem;color:var(--muted)}

.collab-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.collab-format{
  display:flex;flex-direction:column;gap:.55rem;
  padding:1.5rem 1.3rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.55);
}
.collab-format h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600}
.collab-format p{color:var(--muted);font-size:.92rem;flex:1;margin-bottom:.5rem}
.collab-format--featured{
  border-color:rgba(194,163,110,0.27);
  box-shadow:var(--glow-soft);
  background:
    radial-gradient(ellipse at 50% 0%,rgba(194,163,110,0.09),transparent 55%),
    rgba(40,37,33,.66);
}

/* PRESS */
.press-hero{padding:7rem 0 3rem;background:linear-gradient(165deg,var(--ink),var(--navy))}
.kit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.kit-card{padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(36,33,29,.55)}
.kit-card dt{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:.7rem}
.kit-card dd{color:var(--muted);font-size:.9rem}
.bio-block{padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(36,33,29,.5);margin-bottom:1rem}
.bio-block h3{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}
.bio-block p{color:var(--muted)}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.media-grid a{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);position:relative}
.media-grid img{width:100%;aspect-ratio:1;object-fit:cover}
.media-grid--shoot{grid-template-columns:repeat(4,1fr)}
.media-grid--shoot img{aspect-ratio:3/4;object-position:center 18%}
.media-grid--presse{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}
.media-grid--presse img{aspect-ratio:1;object-position:center 18%}
.media-grid--shoot img,.media-grid.media-grid--shoot img{aspect-ratio:3/4;object-position:center 18%}
.media-grid span{position:absolute;left:8px;bottom:8px;font-size:.68rem;background:rgba(20,18,16,.82);padding:.3rem .5rem;border-radius:4px}
.angles{display:grid;gap:8px}
.angles li{list-style:none;color:var(--muted);padding:.75rem 1rem;border-left:2px solid var(--gold);background:rgba(36,33,29,.5)}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:none}

@media (max-width:960px){
  .site-header .wrap{grid-template-columns:1fr auto;position:relative}
  .nav-toggle{display:inline-flex}
  .nav-center{
    display:none;
    position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;
    gap:0;padding:.6rem 1.4rem 1.1rem;
    background:rgba(20,18,16,.96);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    z-index:101;
  }
  .nav-center a{padding:.7rem 0;border-bottom:1px solid var(--line)}
  .nav-center a:last-child{border-bottom:0}
  .site-header.is-open .nav-center{display:flex}
  .hero{min-height:0;padding:5.75rem 0 3rem}
  .hero-helix{display:none}
  .hero-copy{
    max-width:none;padding:1rem 1.35rem 2rem;text-align:center;align-items:center;
    position:relative;z-index:2;
  }
  .hero .eyebrow{justify-content:center}
  .hero-ctas{justify-content:center}
  .hero-social-proof,.hero-proof{justify-content:center}
  .hero-photo{
    position:relative;top:auto;right:auto;bottom:auto;
    width:100%;height:min(62vw,420px);
    margin:0;pointer-events:auto;
  }
  .hero-photo::after{display:none}
  .hero-photo-caption{left:1rem;transform:none;text-align:left}
  .about-grid,.res-grid,.company-grid,.os-free,.pricing-grid,.diag-offer-grid,.diag-steps,.diag-deliverables,.collab-formats{grid-template-columns:1fr}
  .about-grid{align-items:stretch}
  .about-photo{justify-self:center;max-width:min(440px,88vw)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2n){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .stats--proof{grid-template-columns:repeat(3,1fr)}
  .stats--proof .stat{border:0}
  .collab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr}
  .media-grid,.kit-grid,.media-grid--shoot,.media-grid--presse{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .brand-name span,.nav-link-quiet{display:none}
  .stats{grid-template-columns:1fr}
  .stat{border-right:0!important;border-bottom:1px solid var(--line)}
  .stats--proof .stat{border:0!important}
  .media-grid,.media-grid--shoot,.media-grid--presse{grid-template-columns:1fr}
}

/* ===== AUTHORITY HUB (2026-08 redesign) ===== */
.section-intro{text-align:center;max-width:720px;margin:0 auto 2.75rem}
.section-intro .eyebrow{justify-content:center}
.section-intro .eyebrow::before{display:none}
.baseline{
  margin-top:.75rem;font-size:1.12rem;font-weight:500;color:var(--ice);
  letter-spacing:-.01em;
}
.section-cta{display:flex;justify-content:center;margin-top:2.25rem}
.sample-note{
  margin-top:.75rem;font-size:.78rem;font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted-2);
}

/* Category cards (Analyses) */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cat-card{
  padding:1.5rem 1.35rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.55);
  transition:border-color .2s,transform .15s,box-shadow .2s;
}
.cat-card:hover{
  border-color:rgba(194,163,110,0.27);
  box-shadow:var(--glow-soft);
}
.cat-label{
  font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.7rem;
}
.cat-card h3{
  font-family:var(--font-display);font-weight:600;font-size:1.2rem;
  line-height:1.25;margin-bottom:.7rem;letter-spacing:-.02em;
}
.cat-card p{font-size:.92rem;color:var(--muted);line-height:1.55}

/* Editorial analysis cards */
.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.analysis-card{
  display:flex;flex-direction:column;
  padding:1.5rem 1.35rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.5);
  transition:border-color .2s,transform .15s;
}
.analysis-card:hover{border-color:rgba(194,163,110,0.25);}
.analysis-cat{
  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.65rem;
}
.analysis-card h3{
  font-family:var(--font-display);font-weight:600;font-size:1.15rem;
  line-height:1.3;letter-spacing:-.02em;margin-bottom:.7rem;flex:1;
}
.analysis-card h3 a{color:var(--ice)}
.analysis-card h3 a:hover{color:var(--gold)}
.analysis-excerpt{font-size:.9rem;color:var(--muted);line-height:1.5;margin-bottom:1.15rem}
.analysis-meta{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding-top:1rem;border-top:1px solid var(--line);
  font-size:.82rem;color:var(--muted-2);
}
.analysis-meta a{color:var(--gold);font-weight:600}
.analysis-meta a:hover{color:var(--gold-hover)}

/* Building */
.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}
.build-card{
  padding:1.75rem 1.5rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.58);
}
.build-label{
  font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.7rem;
}
.build-card h3{
  font-family:var(--font-display);font-weight:600;font-size:1.35rem;
  margin-bottom:.7rem;letter-spacing:-.02em;
}
.build-card p{color:var(--muted);margin-bottom:1.25rem;font-size:.98rem}
.build-os{
  display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;
  padding:1.5rem 1.5rem;border-radius:var(--radius);
  border:1px solid rgba(194,163,110,0.22);
  background:
    radial-gradient(ellipse at 0% 0%,rgba(194,163,110,0.09),transparent 50%),
    rgba(36,33,29,.5);
}
.build-os h3{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin:.5rem 0 .55rem}
.build-os p{color:var(--muted);margin-bottom:1rem;font-size:.95rem}

/* Conferences homepage */
.conf-layout{
  max-width:40rem;margin-inline:auto;text-align:center;
}
.conf-copy .eyebrow{justify-content:center}
.conf-copy .h2{max-width:none}
.conf-copy .lead{margin-inline:auto}
.conf-layout .hero-ctas{justify-content:center}
.signature-talk{
  margin:1.75rem 0 1.25rem;padding:1.25rem 1.35rem;
  border-radius:var(--radius);
  border:1px solid rgba(194,163,110,0.27);
  background:
    radial-gradient(ellipse at 0% 50%,rgba(194,163,110,0.09),transparent 55%),
    rgba(36,33,29,.62);
  box-shadow:var(--glow-soft);
}
.signature-label{
  font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.45rem;
}
.signature-talk h3{
  font-family:var(--font-display);font-weight:600;font-size:1.35rem;
  margin-bottom:.55rem;letter-spacing:-.02em;
}
.signature-talk p{color:var(--muted);font-size:.95rem;margin:0}
.topic-list{list-style:none;margin:0 0 1rem;display:grid;gap:.45rem}
.topic-list li{
  font-size:.92rem;color:var(--muted);padding:.45rem 0 .45rem .9rem;
  border-left:2px solid rgba(194,163,110,0.35);
}
.formats{font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--muted-2)}

/* Media teaser */
.media-teaser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (min-width:1100px){
  .media-teaser-grid{grid-template-columns:repeat(4,1fr)}
}
.media-teaser{
  display:block;padding:1.4rem 1.25rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.5);
  color:inherit;text-decoration:none;
  transition:border-color .15s,transform .15s;
}
a.media-teaser:hover{
  border-color:rgba(194,163,110,0.25);
}
.media-teaser h3{
  font-family:var(--font-display);font-weight:600;font-size:1.1rem;
  margin:.35rem 0 .55rem;letter-spacing:-.02em;color:var(--ice);
}
.media-teaser p{font-size:.9rem;color:var(--muted);margin:0}

/* Page heroes (inner pages) */
.page-hero{
  padding:7.25rem 0 3.25rem;
  background:
    radial-gradient(ellipse 40% 50% at 12% 30%,rgba(194,163,110,0.06),transparent 55%),
    linear-gradient(165deg,var(--ink) 0%,var(--navy) 55%,var(--navy-mid) 100%);
}
.page-hero .h1{max-width:16em}
.page-hero .lead{margin-top:1rem}

/* Analyses listing filters */
.filter-bar{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin:0 auto 2.5rem;
}
.filter-btn{
  padding:.55rem 1rem;border-radius:var(--radius-pill);
  border:1px solid var(--line);background:transparent;
  color:var(--muted);font-family:var(--font-ui);font-size:.84rem;font-weight:600;
  cursor:pointer;transition:border-color .15s,color .15s,background .15s;
}
.filter-btn:hover,.filter-btn.is-active{
  border-color:rgba(194,163,110,0.39);color:var(--ice);
  background:rgba(194,163,110,0.08);
}
.analysis-list{display:grid;gap:12px;max-width:820px;margin:0 auto}
.analysis-list-item{
  display:grid;grid-template-columns:7.5rem 1fr auto;gap:1rem;align-items:start;
  padding:1.25rem 1.35rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.5);
  transition:border-color .15s;
}
.analysis-list-item:hover{border-color:rgba(194,163,110,0.23)}
.analysis-list-item.is-hidden{display:none}
.analysis-list-item .analysis-cat{margin:0}
.analysis-list-item h3{
  font-family:var(--font-display);font-weight:600;font-size:1.15rem;
  letter-spacing:-.02em;margin-bottom:.4rem;
}
.analysis-list-item h3 a{color:var(--ice)}
.analysis-list-item h3 a:hover{color:var(--gold)}
.analysis-list-item .analysis-excerpt{margin:0;font-size:.9rem}
.analysis-list-item time{font-size:.8rem;color:var(--muted-2);white-space:nowrap}

/* Article page */
.article-wrap{max-width:720px;margin:0 auto}
.article-meta{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  margin:1rem 0 2rem;font-size:.85rem;color:var(--muted-2);
}
.article-body p{color:var(--muted);font-size:1.05rem;margin-bottom:1.15rem;line-height:1.7}
.article-body h2{
  font-family:var(--font-display);font-weight:600;font-size:1.45rem;
  margin:2rem 0 .85rem;letter-spacing:-.02em;color:var(--ice);
}
.article-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.article-sample-badge{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink);background:rgba(194,163,110,0.42);
  padding:.35rem .7rem;border-radius:999px;margin-bottom:1rem;
}
.article-related{
  margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);
  font-size:.95rem;color:var(--muted);
}

/* Conferences page */
.topic-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.topic-card{
  padding:1.25rem 1.2rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.55);
}
.topic-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin-bottom:.4rem}
.topic-card p{font-size:.88rem;color:var(--muted)}
.format-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}
.format-pill{
  font-size:.78rem;font-weight:600;letter-spacing:.06em;
  padding:.45rem .85rem;border-radius:999px;
  border:1px solid rgba(194,163,110,0.23);color:var(--gold);
  background:rgba(194,163,110,0.06);
}

/* Invite CTA (Outlook Bookings) */
.invite-cta{
  max-width:640px;margin:2rem auto 0;text-align:center;
  padding:2rem 1.5rem;border-radius:var(--radius);
  border:1px solid rgba(194,163,110,0.22);
  background:rgba(36,33,29,.58);box-shadow:var(--glow-soft);
}
.invite-cta .btn{margin:0 auto}
.invite-cta-note{
  margin-top:1rem;font-size:.88rem;color:var(--muted-2);
}
.invite-cta-note a{color:var(--gold)}

/* Invite form (legacy) */
.invite-form{
  display:grid;gap:14px;max-width:640px;margin:0 auto;
  padding:2rem;border-radius:var(--radius);
  border:1px solid rgba(194,163,110,0.22);
  background:rgba(36,33,29,.58);box-shadow:var(--glow-soft);
}
.invite-form label{
  display:grid;gap:.4rem;font-size:.78rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);
}
.invite-form input,.invite-form select,.invite-form textarea{
  width:100%;padding:.85rem 1rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(20,18,16,.7);
  color:var(--ice);font-family:var(--font);font-size:1rem;
}
.invite-form input:focus,.invite-form select:focus,.invite-form textarea:focus{
  outline:none;border-color:rgba(194,163,110,0.42);
  box-shadow:none;
}
.invite-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.invite-form textarea{min-height:110px;resize:vertical}
.invite-form .form-note{font-size:.82rem;color:var(--muted-2);text-transform:none;letter-spacing:0;font-weight:500}

/* Press room */
.bio-tabs{display:grid;gap:12px}
.press-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.press-topic{
  padding:1.35rem 1.25rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.55);
}
.press-topic h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:.45rem}
.press-topic p{font-size:.9rem;color:var(--muted)}
.angles-live{
  padding:1.5rem;border-radius:var(--radius);
  border:1px solid rgba(194,163,110,0.27);
  background:
    radial-gradient(ellipse at 50% 0%,rgba(194,163,110,0.09),transparent 55%),
    rgba(36,33,29,.62);
}
.angles-live h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:.85rem}
.angles-live ul{list-style:none;display:grid;gap:.55rem}
.angles-live li{
  padding:.65rem .9rem;border-left:2px solid var(--gold);
  background:rgba(20,18,16,.4);color:var(--muted);font-size:.95rem;
}
.kit-downloads{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.kit-dl{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1rem 1.15rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.55);
  transition:border-color .15s;
}
.kit-dl:hover{border-color:rgba(194,163,110,0.31)}
.kit-dl strong{display:block;font-size:.92rem;color:var(--ice)}
.kit-dl span{font-size:.78rem;color:var(--muted-2)}
.kit-dl .kit-dl-action{color:var(--gold);font-weight:600;font-size:.85rem;white-space:nowrap}
.fact-sheet-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.fact-cell{
  padding:1rem 1.1rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.5);
}
.fact-cell dt{
  font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.35rem;
}
.fact-cell dd{font-size:.92rem;color:var(--muted);margin:0}

.section-ice{background:rgba(255,255,255,.02)}

/* —— Editorial refonte · De l'ADN au produit —— */
.hero-editorial{
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,4vw,56px);align-items:center;
  padding:7rem max(1.4rem,calc((100vw - var(--max)) / 2 + 1.4rem)) 4rem;
  min-height:min(88vh,920px);
  background:
    radial-gradient(ellipse 45% 55% at 8% 35%,rgba(194,163,110,0.08),transparent 58%),
    linear-gradient(165deg,var(--ink) 0%,var(--navy) 55%,var(--navy-mid) 100%);
}
.hero-editorial--text{
  display:block;min-height:0;padding-top:8rem;padding-bottom:5rem;
}
.hero-editorial-inner{max-width:720px}
.hero-editorial--text .h1{max-width:14em}
.hero-editorial--text .lead{max-width:36em;margin-top:1.1rem}
.hero-editorial .hero-identity{
  margin:1.35rem 0 1.5rem;font-size:.98rem;color:var(--muted);
}
.hero-editorial .hero-identity strong{
  display:block;font-family:var(--font-display);font-size:1.15rem;
  color:var(--ice);font-weight:600;margin-bottom:.2rem;
}
.hero-visual{
  position:relative;aspect-ratio:4/5;max-height:560px;
  border-radius:var(--radius);overflow:hidden;
  border:1px solid rgba(194,163,110,0.17);
  background:
    radial-gradient(ellipse at 30% 20%,rgba(194,163,110,0.14),transparent 50%),
    linear-gradient(145deg,rgba(28,26,23,.9),rgba(20,18,16,.95));
  box-shadow:var(--glow-soft);
}
.hero-visual svg{width:100%;height:100%;display:block}
.hero-visual img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 15%;
  display:block;
}
.hero-visual-slot{display:none}
.hero-visual figcaption{
  position:absolute;inset:auto 0 0 0;padding:.65rem .85rem;
  font-size:.78rem;color:var(--muted-2);background:rgba(20,18,16,.76);
}
.section-visual{
  margin:2rem 0;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);aspect-ratio:16/10;max-height:420px;position:relative;
}
.section-visual img{width:100%;height:100%;object-fit:cover;display:block}
.section-visual figcaption{
  position:absolute;inset:auto 0 0 0;width:100%;
  padding:.65rem .85rem;font-size:.78rem;color:var(--muted-2);
  background:rgba(20,18,16,.76);
}
.section-visual--tall{aspect-ratio:4/5;max-height:520px}

/* Photos qui coulent dans le fond — pas de cadre */
.photo-flow{
  position:relative;margin:0;
  border:0;background:transparent;overflow:visible;
}
.photo-flow img{
  display:block;width:100%;height:100%;
  object-fit:cover;
  border:0;border-radius:0;box-shadow:none;
  filter:contrast(1.04) saturate(.96);
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%),
    linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);
  mask-image:
    linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%),
    linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
.photo-flow::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(20,18,16,.95) 0%,rgba(20,18,16,.55) 8%,transparent 22%),
    linear-gradient(180deg,rgba(20,18,16,.22) 0%,transparent 12%,transparent 88%,rgba(20,18,16,.4) 100%);
}
.parcours-layout{
  display:grid;grid-template-columns:1fr min(360px,38%);
  gap:clamp(28px,4vw,48px);
  align-items:stretch;margin-top:2rem;
}
.parcours-copy{min-width:0;display:flex;flex-direction:column;justify-content:flex-start}

.parcours-ticker{
  margin-top:2rem;
  --marquee-duration:52s;
}
.parcours-ticker-track{
  display:flex;align-items:center;width:max-content;
  text-transform:none;letter-spacing:0;font-weight:400;
}
.parcours-ticker-set{
  display:flex;align-items:center;flex-shrink:0;
  padding-right:3.5rem;
}
.ticker-stage{
  display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem;
  padding-inline:1.15rem;
}
.ticker-stage-label{
  display:block;
  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);white-space:nowrap;line-height:1.2;
}
.ticker-stage-key{
  display:block;
  font-family:var(--font-display);font-size:clamp(.88rem,1.4vw,1rem);
  font-weight:600;letter-spacing:-.02em;color:var(--ice);white-space:nowrap;line-height:1.25;
}
.ticker-stage-arrow{
  flex-shrink:0;color:var(--gold);opacity:.65;font-size:1.05rem;
}

.section-visual--parcours{
  margin:0;align-self:stretch;
  aspect-ratio:unset;max-height:none;height:auto;
  border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;
}
.section-visual--parcours img{
  width:100%;height:100%;min-height:0;
  object-fit:cover;object-position:center 20%;
  display:block;
}
.section-visual--illustration{
  border:0;border-radius:0;background:transparent;overflow:visible;
  align-items:center;justify-content:center;
  min-height:0;
}
.parcours-illo{
  display:block;width:min(100%,220px);height:auto;
  max-height:480px;margin:0 auto;opacity:.9;
}
.page-hero-visual{
  margin-top:1.75rem;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);max-width:420px;
}
.page-hero-visual img{display:block;width:100%;height:auto}
.about-chapter-visual{
  margin:1rem 0 1.25rem;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);max-width:540px;
}
.about-chapter-visual img{display:block;width:100%;height:auto}
.media-grid--presse span{
  display:block;padding:.65rem .85rem;font-size:.78rem;line-height:1.35;
  color:var(--muted);background:rgba(20,18,16,.78);
}

.pullquote{
  margin:1.75rem 0;padding:1.15rem 0 1.15rem 1.15rem;
  border-left:3px solid var(--gold);
  font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.35rem);
  font-weight:600;line-height:1.35;letter-spacing:-.02em;color:var(--ice);
  box-shadow:none;
}
.pullquote-signature{
  display:block;margin-top:.65rem;font-family:var(--font);
  font-size:.88rem;font-weight:500;color:var(--gold);letter-spacing:0;
}

.editorial-block{
  max-width:640px;
}
.editorial-block p{color:var(--muted);margin-bottom:.85rem;font-size:1.02rem;line-height:1.7}
.editorial-block p:last-child{margin-bottom:0}

.why-how-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px);
  align-items:start;
}
.why-card,.how-card{
  padding:2rem 1.75rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.52);
  height:100%;
}
.why-card{border-color:rgba(194,163,110,0.22)}
.how-card{
  background:
    radial-gradient(ellipse at 100% 0%,rgba(194,163,110,0.08),transparent 55%),
    rgba(36,33,29,.52);
}
/* Punchline typographique + guillemet teal (pas de 2e cadre) */
.why-card .pullquote,.how-card .pullquote,.parcours-pullquote{
  position:relative;
  margin:1.75rem 0 0;
  padding:.35rem 0 0 0;
  border-left:0;
  box-shadow:none;
  max-width:28em;
}
.parcours-pullquote{
  margin-top:2.25rem;max-width:none;width:100%;margin-bottom:0;
}
.why-card .pullquote::before,.how-card .pullquote::before,.parcours-pullquote::before{
  content:"“";
  display:block;
  margin:0 0 .15rem;
  font-family:var(--font-display);
  font-size:2.6rem;
  font-weight:700;
  line-height:.75;
  color:var(--gold);
  text-shadow:none;
}

.territory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:2rem 0}
.territory-card{
  padding:1.35rem 1.25rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.5);
}
.territory-card .cat-label{margin-bottom:.5rem}
.territory-card h3{
  font-family:var(--font-display);font-size:1.05rem;font-weight:600;
  margin-bottom:.45rem;letter-spacing:-.02em;
}
.territory-card p{font-size:.88rem;color:var(--muted);margin:0}

.conf-signature-minimal{
  padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin:1.5rem 0;
}
.conf-ref-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:1.25rem 0 0}
.conf-ref-list a{
  display:inline-block;
  font-size:.88rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-pill);
  border:1px solid rgba(194,163,110,0.27);color:var(--gold);
  background:rgba(194,163,110,0.06);text-decoration:none;
}
.conf-ref-list a:hover{
  border-color:var(--gold);color:var(--gold);background:rgba(194,163,110,0.14);
}

.about-chapter{margin-bottom:2.75rem;padding-bottom:2.75rem;border-bottom:1px solid var(--line)}
.about-chapter:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}
.about-chapter h2{font-size:clamp(1.35rem,2.5vw,1.65rem);margin-bottom:.75rem}
.about-chapter p{color:var(--muted);font-size:1.02rem;line-height:1.7;margin-bottom:.75rem}
.portrait-block{
  margin:2.5rem 0;padding:1.75rem;border-radius:var(--radius);
  border:1px solid rgba(194,163,110,0.22);
  background:
    radial-gradient(ellipse at 0% 50%,rgba(194,163,110,0.08),transparent 55%),
    rgba(36,33,29,.58);
}
.portrait-block .eyebrow{margin-bottom:.65rem}

.about-journey-intro{
  margin-top:2.25rem;padding-top:1.75rem;
  border-top:1px solid rgba(244,240,232,.08);
}
.about-journey-label{
  margin:0 0 .45rem;
  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);
}
.about-journey-desc{
  margin:0 0 1.1rem;
  font-size:.95rem;line-height:1.5;color:var(--muted);
}
.about-journey-nav{
  display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .35rem;
  padding:0;border:0;background:transparent;border-radius:0;
}
.about-journey-nav a{
  font-size:.78rem;font-weight:600;letter-spacing:.03em;color:var(--ice);
  padding:.42rem .72rem;border-radius:var(--radius-pill);
  border:1px solid rgba(194,163,110,0.17);
  background:rgba(194,163,110,0.05);
  transition:color .2s,background .2s,border-color .2s;
}
.about-journey-nav a:hover{
  color:var(--gold);
  border-color:rgba(194,163,110,0.31);
  background:rgba(194,163,110,0.09);
}
.about-journey-nav span{color:var(--gold);opacity:.45;font-size:.72rem;user-select:none}

.about-timeline{list-style:none;margin:0;padding:0}
.about-timeline-item{
  display:grid;grid-template-columns:56px 1fr;gap:1.25rem;
  position:relative;padding-bottom:2.5rem;
}
.about-timeline-item:last-child{padding-bottom:0}
.about-timeline-item:not(:last-child)::before{
  content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;
  background:linear-gradient(180deg,rgba(194,163,110,0.35),rgba(194,163,110,0.06));
}
.about-timeline-marker{
  display:flex;align-items:flex-start;justify-content:center;padding-top:.15rem;
}
.about-timeline-marker span{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:50%;
  font-family:var(--font-display);font-size:.95rem;font-weight:700;
  color:var(--gold);border:1px solid rgba(194,163,110,0.27);
  background:rgba(40,37,33,.72);position:relative;z-index:1;
}
.about-timeline-body h2{
  font-size:clamp(1.35rem,2.5vw,1.65rem);margin-bottom:.75rem;
}
.about-timeline-body p{
  color:var(--muted);font-size:1.02rem;line-height:1.7;margin-bottom:.75rem;
}

@media (max-width:960px){
  .hero-editorial{grid-template-columns:1fr;padding-top:6.5rem;min-height:0}
  .hero-visual{max-height:380px;aspect-ratio:16/10}
  .why-how-grid,.territory-grid{grid-template-columns:1fr}
  .parcours-layout{grid-template-columns:1fr}
  .section-visual--parcours{height:auto;max-height:min(420px,70vw);aspect-ratio:4/5}
  .section-visual--parcours img{height:100%}
  .section-visual--illustration{aspect-ratio:auto;max-height:none;min-height:0;margin-top:1.5rem}
  .parcours-illo{max-height:280px;width:min(100%,160px)}
}

@media (max-width:700px){
  .media-teaser-grid{grid-template-columns:1fr}
}
@media (max-width:960px){
  .cat-grid,.analysis-grid,.build-grid,.conf-layout,
  .build-os,.topic-cards,.press-topics,.kit-downloads,.fact-sheet-grid,
  .analysis-list-item{grid-template-columns:1fr}
  .invite-form .form-row{grid-template-columns:1fr}
  .analysis-list-item{grid-template-columns:1fr}
}



/* PERSONAL BRAND HOME — EN cascade (2026-09-07) */
.hero-name{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(1.02rem,1.8vw,1.22rem);
  letter-spacing:-.02em;
  color:var(--ice);
}
.hero-roles{
  margin:0 0 1.15rem;
  font-family:var(--font-display);
  font-size:clamp(.98rem,1.7vw,1.2rem);
  font-weight:600;
  letter-spacing:-.015em;
  color:var(--gold);
  text-shadow:none;
  max-width:22em;
}
.hero--brand{
  min-height:min(92vh,980px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:stretch;
  padding:6.75rem 0 0;
  overflow:hidden;
}
.hero--brand .hero-copy{
  max-width:min(720px,92%);
  padding:2.5rem 2rem 3.5rem;
  padding-left:max(1.4rem,calc((100vw - var(--max)) / 2 + 1.4rem));
  justify-content:center;
}
.hero--brand .h1{
  font-size:clamp(2.1rem,4.4vw,3.45rem);
  max-width:14em;
}
.hero--brand .h1 + .hero-name{margin-top:1.35rem}
.hero--brand .lead{margin-top:1.25rem;margin-bottom:.35rem;max-width:32em}
.hero--brand .lead + .lead{margin-top:.7rem}
.hero--brand .hero-proof{margin-top:1.2rem;margin-bottom:.15rem}
.hero--brand .hero-ctas{margin-top:1.25rem;margin-bottom:0}
.hero--brand .hero-helix{top:26%;opacity:.16}
.hero--brand .hero-photo--portrait{
  position:relative;top:auto;right:auto;bottom:auto;
  width:100%;height:100%;min-height:560px;
  display:flex;align-items:flex-end;justify-content:center;
  padding:2.75rem 1rem 0;
  overflow:visible;
  background:transparent;
  pointer-events:none;
}
.hero--brand .hero-photo--portrait img{
  position:static;
  width:auto;height:auto;
  max-width:100%;
  max-height:min(860px,calc(100% - .5rem));
  object-fit:contain;
  object-position:center bottom;
  filter:none;
}
.lang-switch{display:inline-flex;align-items:center;gap:.45rem;margin-right:.55rem}
.lang-switch a{
  font-size:.78rem;font-weight:600;letter-spacing:.08em;
  color:var(--muted-2);padding:.2rem .15rem;
}
.lang-switch a:hover,.lang-switch a.is-active{color:var(--gold)}
.lang-switch .lang-sep{color:var(--muted-2);opacity:.5}
.hero-photo--brand{
  position:relative;
  top:auto;right:auto;bottom:auto;
  width:100%;
  height:100%;
  min-height:560px;
  display:block;
  overflow:hidden;
  pointer-events:none;
}
.hero-photo--brand img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 12%;
  filter:contrast(1.04) saturate(.96);
}

.brand-flow{
  list-style:none;
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:18px;
  align-items:stretch;
  margin-top:2rem;
}
.brand-flow > li:not(.brand-flow-arrow){
  padding:1.6rem 1.4rem;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:rgba(36,33,29,.56);
  display:flex;flex-direction:column;gap:.85rem;
}
.brand-flow-n{
  font-family:var(--font-display);font-weight:700;font-size:.9rem;
  letter-spacing:.08em;color:var(--gold);
}
.brand-flow h3{
  font-family:var(--font-display);font-size:1.2rem;font-weight:600;
  letter-spacing:-.02em;margin:0 0 .35rem;
}
.brand-flow p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}
.brand-flow-arrow{
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;color:var(--gold);padding-top:1rem;
}

.brand-split{
  display:grid;grid-template-columns:1.35fr .85fr;
  gap:clamp(24px,4vw,48px);align-items:start;
}
.brand-list{
  list-style:none;margin:1.5rem 0 0;padding:0;
  display:flex;flex-direction:column;gap:.9rem;
}
.brand-list li{
  padding-left:1rem;border-left:2px solid rgba(194,163,110,0.35);
  font-size:.98rem;color:var(--muted);line-height:1.5;
}
.brand-list strong{color:var(--ice);font-weight:600}
.brand-note{margin-top:1.35rem;font-size:.9rem;color:var(--muted-2);max-width:38em}
.brand-aside{
  padding:1.85rem 1.55rem;border-radius:var(--radius);
  border:1px solid rgba(194,163,110,0.22);
  background:
    radial-gradient(ellipse at 0% 0%,rgba(194,163,110,0.09),transparent 60%),
    rgba(36,33,29,.62);
}
.brand-aside--teal{
  background:
    radial-gradient(ellipse at 100% 0%,rgba(194,163,110,0.12),transparent 55%),
    rgba(40,37,33,.66);
}
.brand-aside-kicker{
  font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.75rem;
}
.brand-aside-title{
  font-family:var(--font-display);font-weight:600;font-size:1.2rem;
  letter-spacing:-.02em;margin-bottom:1rem;
}
.brand-aside-quote{
  font-size:1.05rem;color:var(--ice);line-height:1.55;margin:0;
  font-family:var(--font-display);font-weight:500;
}
.brand-aside-note{margin-top:1rem;font-size:.9rem;color:var(--muted);line-height:1.5}

@media (max-width:960px){
  .hero--brand{grid-template-columns:1fr;min-height:0;padding-top:5.75rem}
  .hero--brand .hero-copy{
    max-width:none;text-align:center;align-items:center;
    padding:1.25rem 1.35rem 1.5rem;
  }
  .hero--brand .hero-roles,.hero--brand .hero-name{margin-inline:auto}
  .hero-photo--brand{min-height:0;height:min(72vw,480px);order:-1}
  .hero-photo--brand img{object-position:center 18%}
  .hero--brand .hero-photo--portrait{min-height:0;height:min(78vw,520px);order:-1;padding-top:1rem}
  .hero--brand .hero-photo--portrait img{max-height:100%}
  .lang-switch{margin-right:.35rem}
  .brand-flow{grid-template-columns:1fr;gap:12px}
  .brand-flow-arrow{display:none}
  .brand-split{grid-template-columns:1fr}
}


/* Solo case studies (personal brand proof) */
.look-grid,.offer-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2.5vw,24px);margin-top:2.25rem;
}
.look-grid .case-card h3{font-size:1.25rem}
.offer-card{
  display:flex;flex-direction:column;
  padding:1.85rem 1.65rem;border-radius:var(--radius);
  border:1px solid var(--line);
  background:rgba(36,33,29,.56);
  border-left:3px solid var(--gold);
}
.offer-card h3{
  font-family:var(--font-display);font-size:1.35rem;font-weight:600;
  letter-spacing:-.02em;margin:0 0 .75rem;
}
.offer-card p{color:var(--muted);font-size:.98rem;line-height:1.6;margin:0;flex:1}
.offer-card .btn{margin-top:1.4rem;align-self:flex-start}
.case-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:clamp(16px,2.5vw,24px);margin-top:2rem;
}
.case-card{
  padding:1.85rem 1.65rem;border-radius:var(--radius);
  border:1px solid var(--line);
  background:rgba(36,33,29,.56);
  border-left:3px solid var(--gold);
}
.case-card--alt{border-left-color:var(--gold-deep)}
.case-sector{
  font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.65rem;
}
.case-card h3{
  font-family:var(--font-display);font-size:1.55rem;font-weight:600;
  letter-spacing:-.02em;margin:0 0 .85rem;
}
.case-card p{color:var(--muted);font-size:.98rem;line-height:1.6;margin:0}
.case-tags{
  margin-top:1.25rem!important;
  font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ice)!important;
  white-space:nowrap;
}
@media (max-width:960px){
  .case-grid,.look-grid,.offer-grid{grid-template-columns:1fr}
}

#track-record .section-intro{margin-bottom:1.25rem}
#track-record .stats{max-width:1000px}

.stats--proof{
  margin-top:2.75rem;
  max-width:none;
  width:100%;
  grid-template-columns:repeat(3,1fr);
  padding:1.35rem .6rem;
  border-radius:var(--radius);
  background:rgba(28,26,23,.62);
  border:1px solid rgba(194,163,110,0.14);
  border-left:3px solid var(--gold);
}
.stats--proof .stat{border:0;padding:1.1rem .5rem}
.stats--proof .stat-n{font-size:clamp(1.85rem,3vw,2.45rem)}
.stats--proof .stat-l{color:rgba(244,240,232,.62)}

.conf-list{display:flex;flex-direction:column;gap:18px;max-width:820px;margin:0 auto}
.conf-item{
  padding:1.75rem 1.5rem;border-radius:var(--radius);
  border:1px solid var(--line);background:rgba(36,33,29,.55);
  scroll-margin-top:6.5rem;
}
.conf-item h2{
  font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.75rem);
  margin:.35rem 0 .65rem;letter-spacing:-.02em;
}
.conf-item p{color:var(--muted);margin:0;line-height:1.55}
.conf-item .res-media{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.conf-item .res-media iframe{width:100%;aspect-ratio:16/9;border:0;display:block}


/* —— DA 2026 · anthracite / gold / punctual teal —— */
::selection{background:rgba(194,163,110,.28);color:var(--ice)}
:focus-visible{outline:1px solid var(--teal-line);outline-offset:3px}
.brand{gap:11px}
.brand-mark{
  position:relative;
  display:inline-flex;width:36px;height:36px;
  background:none;box-shadow:none;
}
.brand-mark img{width:36px;height:36px;display:block;object-fit:contain}
.brand-mark svg.brand-spark{
  position:absolute;inset:0;width:36px;height:36px;
  overflow:visible;pointer-events:none;opacity:0;
  transition:opacity .25s ease;
}
.brand-spark circle{
  fill:#fff4dc;
  filter:drop-shadow(0 0 1px #fff8ea) drop-shadow(0 0 3px rgba(226,196,130,.95)) drop-shadow(0 0 5px rgba(194,163,110,.7));
}
.brand:hover .brand-spark,
.brand:focus-visible .brand-spark{opacity:1}
.brand-name{
  font-size:1.14rem;font-weight:600;letter-spacing:-.03em;
}
.wordmark{
  display:inline-flex;align-items:baseline;gap:.38rem;
  color:var(--ice);line-height:1;white-space:nowrap;
}
.wordmark-given{
  font-family:var(--font-display);font-weight:500;
  font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
}
.wordmark-family{
  font-family:"Allura",cursive;font-weight:400;
  font-size:1.72rem;letter-spacing:0;text-transform:none;
  position:relative;top:.08em;
}
.site-header{background:var(--header)}
.nav-center a:hover,.nav-center a.is-active{color:var(--gold)}
.nav-link-quiet:hover{color:var(--gold)}
body{line-height:1.65}
.h1{
  font-size:clamp(2.6rem,5.5vw,4.05rem);
  line-height:1.02;letter-spacing:-.038em;font-weight:600;
}
.h2{
  font-size:clamp(2rem,3.5vw,2.95rem);
  line-height:1.08;letter-spacing:-.032em;
}
.lead{font-size:1.125rem;line-height:1.72}
.section{padding:7.25rem 0}
.eyebrow{letter-spacing:.18em;font-size:.72rem;font-weight:600;color:var(--gold)}
.accent{color:var(--gold);text-shadow:none}
.stat-n{color:var(--ice);text-shadow:none}
.hero-proof-stat strong{color:var(--gold);text-shadow:none}
.hero{
  background:
    radial-gradient(ellipse 48% 72% at 16% 42%,rgba(194,163,110,.05),transparent 64%),
    var(--ink);
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
.hero--brand .h1{font-size:clamp(2.4rem,4.7vw,3.75rem)}
.hero-roles{color:var(--gold);text-shadow:none;font-weight:500}
.btn{transition:background .15s,border-color .15s,color .15s}
.btn-primary{
  background:var(--paper);color:#171512;box-shadow:none;
}
.btn-primary:hover{background:var(--paper-2);box-shadow:none}
.btn-ghost{border-color:var(--line-strong);color:var(--ice);box-shadow:none}
.btn-ghost:hover{border-color:var(--gold-line);color:var(--gold);background:transparent}
.btn-header{
  background:transparent;color:var(--ice);
  border:1px solid var(--gold-line);box-shadow:none;
}
.btn-header:hover{
  background:var(--gold-wash);color:var(--gold);
  border-color:var(--gold);box-shadow:none;
}
.btn-quiet:hover{color:var(--ice);border-color:var(--line-strong)}
.os-badge,.diag-step-n{
  color:var(--gold);background:transparent;
  border:1px solid var(--gold-line);box-shadow:none;
}
.article-sample-badge{
  color:var(--muted-2);background:transparent;
  border:1px solid var(--line);box-shadow:none;
}
.analysis-list-item h3 a,
.analysis-card h3 a{
  text-decoration:underline;
  text-decoration-color:var(--teal);
  text-underline-offset:.22em;
  text-decoration-thickness:1px;
}
.analysis-list-item h3 a:hover,
.analysis-card h3 a:hover{
  color:var(--teal);
  text-decoration-color:var(--teal);
}
.article-body a,
.analysis-meta a,
.pricing-disclaimer a,
.invite-cta-note a{color:var(--teal)}
.article-body a:hover,
.analysis-meta a:hover,
.pricing-disclaimer a:hover,
.invite-cta-note a:hover,
.footer-col a:hover,
.footer-bottom a:hover{color:var(--teal)}
.invite-form input:focus,
.invite-form select:focus,
.invite-form textarea:focus{
  border-color:var(--teal-line);
  box-shadow:0 0 0 1px rgba(45,224,208,.16),0 0 16px rgba(45,224,208,.08);
}
.final-card,.brand-aside,.signature-talk,.os-free,.build-os,.portrait-block,.angles-live{
  box-shadow:none;
}
.final-card{
  border:1px solid var(--line);
  border-top:1px solid var(--gold-line);
  background:rgba(36,33,29,.58);
}
.site-footer{background:#100e0c}
.footer-col a:hover,.footer-bottom a:hover{color:var(--teal)}
.hero-helix{display:none}
.lang-switch a:hover,.lang-switch a.is-active{color:var(--gold)}
@media (max-width:640px){
  .brand-name{font-size:.98rem;white-space:nowrap}
  .wordmark-given{font-size:.68rem;letter-spacing:.16em}
  .wordmark-family{font-size:1.45rem}
  .nav-cta-wrap{gap:6px}
  .lang-switch{margin-right:.1rem;gap:.28rem}
  .btn-header{padding:.5rem .72rem;font-size:.78rem}
}

/* Landing dirigeants · rythme anthracite / ivoire */
.band-paper{background:var(--paper-2);color:var(--ink)}
.band-paper .eyebrow{color:var(--gold-deep)}
.band-paper .h2,.band-paper h2,.band-paper h3{color:var(--ink)}
.band-paper .lead,.band-paper p,.band-paper li{color:rgba(20,18,16,.74)}
.band-paper .lead{max-width:40rem}
.band-ink{background:var(--ink);color:var(--ice)}
.lp-narrow{max-width:40rem}
.lp-chain{
  margin-top:2.75rem;
  padding:2.4rem 2.2rem 2.1rem;
  background:var(--ink);
  color:var(--ice);
  border-radius:var(--radius);
  border-top:1px solid var(--gold-line);
}
.lp-chain .eyebrow{color:var(--gold)}
.lp-chain h3{color:var(--ice);font-family:Satoshi,sans-serif;font-weight:500;font-size:1.35rem;letter-spacing:-.02em;line-height:1.25;margin:.4rem 0 1.4rem;max-width:22em}
.lp-steps{display:flex;flex-wrap:wrap;gap:.55rem .4rem;list-style:none;margin:0;padding:0}
.lp-steps li{
  display:flex;align-items:center;gap:.4rem;
  color:var(--paper);font-size:.92rem;line-height:1.35;
}
.lp-steps li:not(:last-child)::after{
  content:"";
  width:18px;height:1px;background:var(--gold);
  display:inline-block;flex:0 0 18px;
}
.lp-note{margin:1.35rem 0 0;max-width:46rem;color:rgba(244,240,232,.62);font-size:.95rem}
.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2rem}
.lp-col{padding:1.6rem 1.5rem;border-radius:var(--radius);border:1px solid rgba(20,18,16,.1)}
.lp-col h3{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.7rem;color:var(--gold-deep)}
.lp-col--after{background:var(--ink);border-color:transparent;border-top:1px solid var(--gold-line)}
.lp-col--after h3{color:var(--gold)}
.lp-col--after p{color:rgba(244,240,232,.78)}
.lp-method{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem}
.lp-card{
  padding:1.5rem 1.35rem 1.4rem;
  background:var(--navy);
  border:1px solid var(--line);
  border-top:1px solid var(--gold-line);
  border-radius:var(--radius);
}
.lp-card span{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}
.lp-card h3{font-family:Satoshi,sans-serif;font-weight:500;font-size:1.35rem;color:var(--ice);margin-bottom:.55rem}
.lp-card p{color:var(--muted);font-size:.98rem;line-height:1.6;margin:0}
.lp-axes{margin-top:1.6rem;color:var(--gold);letter-spacing:.08em;font-size:.92rem}
.lp-list{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.85rem;max-width:40rem}
.lp-list li{padding-left:1.1rem;border-left:1px solid var(--gold);color:rgba(20,18,16,.78)}
.lp-path{display:flex;flex-wrap:wrap;gap:.45rem .35rem;list-style:none;margin:1.5rem 0 0;padding:0}
.lp-path li{
  color:var(--ink);font-size:.95rem;
  padding:.45rem .7rem;background:#fff;border:1px solid rgba(20,18,16,.08);border-radius:var(--radius);
}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.8rem}
.lp-stat{padding:1.2rem 1rem;background:#fff;border:1px solid rgba(20,18,16,.08);border-radius:var(--radius)}
.lp-stat strong{display:block;font-family:Satoshi,sans-serif;font-weight:500;font-size:1.35rem;color:var(--ink);margin-bottom:.25rem}
.lp-stat span{color:rgba(20,18,16,.62);font-size:.9rem}
.lp-faq{margin-top:1.4rem;display:grid;gap:.7rem;max-width:42rem}
.lp-faq details{border-top:1px solid rgba(20,18,16,.12);padding:.85rem 0}
.lp-faq summary{cursor:pointer;color:var(--ink);font-weight:500}
.lp-faq p{margin:.55rem 0 0}
.lp-invest{
  display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;
  padding:2rem 0;
}
.lp-invest h2{max-width:16em}
.hero--plain{min-height:0;display:block;padding:8.5rem 0 3.5rem}
.hero--plain .hero-copy{max-width:38rem;width:auto;padding:0}
.nav-center{gap:.7rem}
.nav-center a{font-size:.84rem}
.btn-inverse{
  background:transparent;color:var(--ice);
  border:1px solid var(--gold-line);box-shadow:none;
}
.btn-inverse:hover{
  background:var(--teal-wash);color:var(--teal);
  border-color:var(--teal);box-shadow:none;
}
.hero--brand .hero-copy{max-width:none;width:100%}
.hero--brand .h1{
  font-size:clamp(1.7rem,2.2vw,2.35rem);
  max-width:none;
  line-height:1.08;
}
.hero-line{display:block}
@media (min-width:961px){
  .hero-line{white-space:nowrap}
}
.h1 .mot-lien{
  font-family:"Allura",cursive;
  font-weight:400;
  font-size:1.55em;
  line-height:.7;
  letter-spacing:0;
  color:var(--gold);
  display:inline-block;
  transform:translateY(.06em);
}
.mondes{margin:1.4rem 0 0;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600;color:var(--gold-deep)}
.band-ink .mondes{color:var(--gold)}
.voix{margin-top:1.5rem}
.band-ink .situation{border-top-color:var(--line)}
.band-ink .situation h3{color:var(--ice)}
.band-ink .situation p{color:var(--muted)}
.band-ink .situation a{color:var(--teal)}
.read-grid a{background:var(--navy)}
.home-link{color:var(--teal);border-bottom:1px solid rgba(45,224,208,.55)}
.home-link:hover{color:var(--teal-deep)}
.band-paper .home-link{color:#149e96;border-bottom-color:rgba(20,158,150,.45)}
.band-paper .home-link:hover{color:#0c7f79}
.band-ink .home-link,.hero .home-link{color:var(--teal);border-bottom-color:rgba(45,224,208,.55)}
.band-ink .home-link:hover,.hero .home-link:hover{color:#7af0e6}
.prose-block{max-width:40rem}
.prose-block p+p{margin-top:1rem}
.situation{padding:1.35rem 0;border-top:1px solid rgba(20,18,16,.12)}
.situation h3{font-family:Satoshi,sans-serif;font-weight:500;font-size:1.35rem;color:var(--ink);margin-bottom:.4rem}
.situation p{margin:0;color:rgba(20,18,16,.74)}
.situation a{color:#149e96}
.read-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.6rem}
.read-grid a{display:block;padding:1.35rem 1.25rem;border:1px solid var(--line);border-top:1px solid var(--gold-line);border-radius:var(--radius);color:var(--ice)}
.read-grid a:hover{border-color:var(--gold-line)}
.read-grid span{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.55rem}
.read-grid strong{display:block;font-family:Satoshi,sans-serif;font-weight:500;font-size:1.25rem;margin-bottom:.4rem}
.read-grid em{font-style:normal;color:var(--muted);font-size:.95rem}
.relate p+p{margin-top:1.1rem}
@media (max-width:1120px){
  .site-header .wrap{grid-template-columns:1fr auto;position:relative}
  .nav-toggle{display:inline-flex}
  .nav-center{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    padding:.6rem 1.4rem 1.1rem;background:rgba(20,18,16,.96);
    border-bottom:1px solid var(--line);z-index:101;
  }
  .nav-center a{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
  .nav-center a:last-child{border-bottom:0}
  .site-header.is-open .nav-center{display:flex}
}
@media (max-width:800px){
  .read-grid{grid-template-columns:1fr}
}
.btn-ink{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}
.btn-ink:hover{background:#26231f;color:var(--paper)}
.band-paper .btn-ghost{color:var(--ink);border-color:rgba(20,18,16,.22)}
.band-paper .btn-ghost:hover{color:var(--gold-deep);border-color:var(--gold)}
@media (max-width:800px){
  .lp-split,.lp-method,.lp-stats{grid-template-columns:1fr}
  .lp-invest{flex-direction:column;align-items:flex-start}
  .lp-chain{padding:1.5rem 1.2rem}
}