/* Avenzoar. Layout: full-bleed deep-brown opening band with the golden sun disc carrying the arch mark; reading sections on a near-white ground, heading in a narrow left column and content in the wide right column, all left-aligned. */
@font-face{font-family:"Spectral";src:url("fonts/spectral-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Spectral";src:url("fonts/spectral-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Spectral";src:url("fonts/spectral-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Spectral";src:url("fonts/spectral-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("fonts/public-sans-latin-wght-normal.woff2") format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --ground:#FBFAF8;      /* papier */
  --surface:#FFFFFF;
  --ink:#2B160B;         /* brun-noir pour le texte */
  --muted:#6B5749;
  --line:#E7DED5;
  --brown:#431906;       /* brun Avenzoar, carte de visite */
  --brown-fg:#FBF3E6;
  --brown-muted:#D9C4AE;
  --gold:#F2C21B;        /* or du disque solaire */
  --gold-ink:#2B160B;
  --gold-soft:#FCF1C7;
  --link:#7A2E0C;
  --ok:#2C7650; --ok-soft:#E1F0E7;
  --warn:#94600F; --warn-soft:#F6EBD6;
  --gap:#6E4A97; --gap-soft:#EEE7F6;
  --font-display:"Spectral", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body:"Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --step--1:.875rem; --step-0:1.0625rem; --step-1:1.3rem; --step-2:1.75rem; --step-3:2.4rem; --step-4:clamp(2.4rem, 1.6rem + 3.2vw, 4rem);
  --wrap:72rem;
  --radius:14px;
}



*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;font-variant-numeric:tabular-nums}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--brown)}
img,svg{max-width:100%}
a{color:var(--link);text-underline-offset:.18em;text-decoration-color:var(--gold)}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.12;text-wrap:balance;margin:0;letter-spacing:-.01em}
h1{font-size:var(--step-4)}
h2{font-size:var(--step-3)}
h3{font-size:var(--step-1);font-weight:600;letter-spacing:0}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:720px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:16px;top:16px;background:var(--surface);color:var(--ink);padding:.5rem 1rem;z-index:30}

/* Header on the brown band */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--brown);color:var(--brown-fg);border-bottom:1px solid rgba(251,243,230,0.14)}
.site-header .wrap{display:flex;align-items:center;gap:1.25rem;min-height:4.25rem}
.brand{display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;font-family:var(--font-display);font-size:1.45rem;font-weight:600;letter-spacing:.01em;line-height:1}
.brand svg{width:34px;height:34px;flex:none}
.product{display:flex;align-items:center;gap:.45rem;color:var(--gold);text-decoration:none;font-family:var(--font-display);font-size:1.2rem;font-weight:600;padding-left:1.1rem;border-left:1px solid rgba(251,243,230,0.25)}
.product svg{width:26px;height:26px}
.nav{display:flex;gap:1.4rem;margin-left:auto;align-items:center}
.nav a{color:var(--brown-fg);text-decoration:none;font-size:var(--step--1);font-weight:500}
.nav a:hover{color:var(--gold)}
.lang{font-size:var(--step--1);font-weight:600;border:1px solid rgba(251,243,230,0.35);border-radius:999px;padding:.2rem .65rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 var(--step--1)/1 var(--font-body);padding:.85rem 1.25rem;border-radius:999px;text-decoration:none;border:1.5px solid var(--gold);cursor:pointer;transition:background .15s,color .15s}
.btn-gold,.nav a.btn-gold,.btn-gold:hover{background:var(--gold);color:var(--gold-ink)}
.btn-gold:hover{background:#F4CD44}
.btn-line{background:transparent;color:inherit}
.band a.btn-line{color:var(--brown-fg)}
.btn-line:hover{background:rgba(242,194,27,0.18)}
.nav .btn{padding:.6rem 1rem}
@media (max-width:920px){.nav a:not(.btn):not(.lang){display:none}}
@media (max-width:520px){.nav .btn{display:none}.product{padding-left:.8rem}}

/* Brown bands */
.band{background:var(--brown);color:var(--brown-fg)}
.band a:not(.btn){color:var(--gold)}
.band h2{color:var(--brown-fg)}
.hero{padding-block:clamp(3rem,7vw,6rem) clamp(3.5rem,7vw,6rem)}
.hero-grid{display:grid;gap:3rem;align-items:center}
@media (min-width:960px){.hero-grid{grid-template-columns:1.1fr .9fr;gap:4rem}}
.hero-text{display:grid;gap:1.6rem;min-width:0}
.hero-text .kicker{font-size:var(--step--1);color:var(--gold);font-weight:600;letter-spacing:.02em}
.hero-text .lede{font-size:var(--step-1);line-height:1.5;color:var(--brown-muted);max-width:34em}
.hero-text h1 em{font-style:italic;font-weight:400}
.actions{display:flex;flex-wrap:wrap;gap:.75rem}
.scope{font-size:var(--step--1);color:var(--brown-muted);max-width:38em}

/* The sun disc, heritage of the first Avenzoar logo */
.sun{position:relative;justify-self:center;width:min(86%,25rem);aspect-ratio:1;max-width:100%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#FFF2B8 0 6%,var(--gold) 30%,#E0A80F 100%);display:grid;place-items:center;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
@media (max-width:959px){.hero .sun{width:min(68%,18rem)}}
.sun svg{width:92%;height:auto;color:#431906}
.sun::after{content:"";position:absolute;inset:-6%;border-radius:50%;border:1px solid rgba(242,194,27,0.40)}

/* Sections */
.section{padding-block:clamp(3.5rem,8vw,6.5rem);border-top:1px solid var(--line)}
.band .section,.band + .section{border-top:0}
.split{display:grid;gap:2rem}
@media (min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:4rem}}
.split > *{min-width:0}
.sec-head{display:grid;gap:1rem;align-content:start}
.sec-head p{color:var(--muted)}
@media (min-width:900px){.sec-head{position:sticky;top:6.5rem}}
.prose{display:grid;gap:1rem;max-width:38em}

/* Activities */
.services{display:grid}
.service{display:grid;gap:.75rem;padding-block:1.75rem;border-bottom:1px solid var(--line)}
.service:first-child{border-top:1px solid var(--line)}
@media (min-width:700px){.service{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2.5rem}}
.service h3{font-size:var(--step-2);font-weight:500}
.service > div{display:grid;gap:.7rem;align-content:start;min-width:0}
.service p{color:var(--muted)}
.std{display:flex;flex-wrap:wrap;gap:.4rem}
.std span{font-size:.75rem;font-weight:600;border:1px solid var(--line);border-radius:6px;padding:.15rem .5rem;background:var(--surface)}

.steps{list-style:none;padding:0;margin:0;display:grid;counter-reset:s}
.steps li{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.25rem .75rem;border-bottom:1px solid var(--line);counter-increment:s}
.steps li:first-child{border-top:1px solid var(--line)}
.steps li::before{content:counter(s);font-family:var(--font-display);font-size:1.9rem;line-height:1;color:var(--link)}
.steps li > div{display:grid;gap:.3rem;min-width:0}
.steps li p{color:var(--muted)}
.steps .cond{background:rgba(238,231,246,0.55)}
.steps .cond::before{color:var(--gap)}
.legend{margin-top:1rem;font-size:var(--step--1);color:var(--muted);display:flex;gap:.5rem;align-items:center}
.legend span{width:1rem;height:1rem;border-radius:4px;background:var(--gap-soft);border:1px solid var(--line);flex:none}

.who{display:grid;gap:1.75rem}
@media (min-width:640px){.who{grid-template-columns:1fr 1fr}}
.who > div{display:grid;gap:.4rem;align-content:start}
.who p{color:var(--muted);font-size:.9375rem}

/* Application feature */
.app-feature{display:grid;gap:2rem;padding:clamp(1.5rem,4vw,2.75rem);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
@media (min-width:800px){.app-feature{grid-template-columns:auto 1fr;gap:2.75rem;align-items:center}}
.app-mark{width:clamp(88px,12vw,120px);aspect-ratio:1;border-radius:26px;background:var(--brown);display:grid;place-items:center;color:var(--gold)}
.app-mark svg{width:64%}
.app-feature > div{display:grid;gap:.9rem;min-width:0}
.app-feature h3{font-size:var(--step-2);font-weight:500}
.app-feature p{color:var(--muted);max-width:40em}
.app-feature .actions{margin-top:.3rem}
.app-feature .btn-line{color:var(--link)}
.soon{font-size:var(--step--1);color:var(--muted)}

/* Arch-framed answer card (Mizan) */
.arch{position:relative;min-width:0;padding:clamp(3.2rem,8vw,5rem) clamp(.75rem,3vw,1.75rem) clamp(.75rem,3vw,1.75rem);border:1.5px solid rgba(242,194,27,0.45);border-radius:50% 50% var(--radius) var(--radius) / clamp(110px,22vw,190px) clamp(110px,22vw,190px) var(--radius) var(--radius);background:linear-gradient(to bottom,rgba(242,194,27,0.20),transparent 55%)}
.arch-label{position:absolute;top:clamp(1.3rem,4vw,2rem);left:0;right:0;text-align:center;font-size:var(--step--1);color:var(--brown-muted)}
.answer{background:var(--surface);color:var(--ink);border-radius:var(--radius);box-shadow:0 18px 40px -20px rgba(0,0,0,.6);overflow:hidden}
.tabs{display:flex;border-bottom:1px solid var(--line)}
.tab{flex:1 1 0;min-width:0;text-align:center;font:600 .8125rem/1.2 var(--font-body);color:var(--muted);background:none;border:0;border-bottom:2.5px solid transparent;padding:.85rem .6rem;cursor:pointer}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--tone)}
.tab:hover{color:var(--ink)}
.panel{padding:1.25rem 1.25rem 1.4rem;display:grid;gap:1rem}
.q{font-family:var(--font-display);font-size:1.15rem;line-height:1.35}
.pico{display:flex;flex-wrap:wrap;gap:.4rem}
.pico span{font-size:.75rem;background:var(--ground);border:1px solid var(--line);border-radius:6px;padding:.15rem .5rem;color:var(--muted)}
.pico b{color:var(--ink);font-weight:600}
.status{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;padding:.7rem .85rem;border-radius:10px;background:var(--tone-soft);color:var(--tone);font-weight:600;font-size:.9375rem}
.status .dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--tone)}
.t-ok{--tone:var(--ok);--tone-soft:var(--ok-soft)}
.t-warn{--tone:var(--warn);--tone-soft:var(--warn-soft)}
.t-gap{--tone:var(--gap);--tone-soft:var(--gap-soft)}
.facts{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;font-size:.875rem;margin:0}
.facts dt{color:var(--muted)}
.facts dd{margin:0;min-width:0}
.grade{display:inline-flex;align-items:center;gap:.5rem}
.grade i{display:inline-flex;gap:3px}
.grade i b{width:.8rem;height:.8rem;border-radius:50%;border:1.5px solid var(--ink);position:relative;display:inline-block}
.grade i b.on{background:var(--ink)}
.grade i b.on::before,.grade i b.on::after{content:"";position:absolute;background:var(--surface)}
.grade i b.on::before{left:50%;top:18%;bottom:18%;width:1.5px;transform:translateX(-50%)}
.grade i b.on::after{top:50%;left:18%;right:18%;height:1.5px;transform:translateY(-50%)}
.side{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.side div{border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;font-size:.8125rem;display:grid;gap:.2rem}
.side strong{font-size:.875rem}
.note{font-size:.8125rem;color:var(--muted)}
.next{font-size:.875rem;border-top:1px dashed var(--line);padding-top:.85rem}

.stats{display:grid;gap:2.5rem}
@media (min-width:640px){.stats{grid-template-columns:1fr 1fr}}
.stat{display:grid;gap:.6rem;align-content:start}
.stat .n{font-family:var(--font-display);font-size:clamp(3rem, 2rem + 4vw, 4.6rem);line-height:1;font-weight:400;color:var(--link)}
.stat cite{font-style:normal;font-size:var(--step--1);color:var(--muted)}
.wide{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid var(--line);display:grid;gap:.5rem}

.answers{display:grid;gap:1rem}
@media (min-width:760px){.answers{grid-template-columns:repeat(3,1fr)}}
.answers article{display:grid;gap:.7rem;align-content:start;padding:1.4rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--tone)}
.answers h3{color:var(--tone)}
.answers p{font-size:.9375rem}

.honest{display:grid;gap:2rem}
@media (min-width:760px){.honest{grid-template-columns:1fr 1fr}}
.honest h3{margin-bottom:.6rem}
.list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.list li{display:grid;grid-template-columns:1.25rem 1fr;gap:.6rem;font-size:.9375rem}
.list li::before{content:"";width:.6rem;height:.6rem;margin-top:.5rem;border-radius:50%;background:var(--gold)}
.list.no li::before{background:transparent;border:1.5px solid var(--muted)}

.guar{display:grid;margin:0}
.guar > div{display:grid;gap:.35rem;padding-block:1.1rem;border-bottom:1px solid var(--line)}
@media (min-width:640px){.guar > div{grid-template-columns:11rem 1fr;gap:1.5rem}}
.guar dt{font-family:var(--font-display);font-size:1.25rem;font-weight:600}
.guar dd{margin:0;color:var(--muted)}

.plans{display:grid;gap:1rem;margin-top:2.5rem}
@media (min-width:760px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{display:grid;gap:.8rem;align-content:start;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.plan.feat{border:1.5px solid var(--gold)}
.plan .tag{justify-self:start;font-size:.75rem;font-weight:600;color:var(--gold-ink);background:var(--gold);border-radius:999px;padding:.15rem .6rem}
.plan ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem;font-size:.9375rem;color:var(--muted)}
.price-note{margin-top:1rem;font-size:var(--step--1);color:var(--muted)}

/* Name story band */
.name-grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.name-grid{grid-template-columns:auto 1fr;gap:4rem}}
.name-grid .sun{width:clamp(140px,20vw,210px)}
.band .prose{max-width:none}
.band .prose p{color:var(--brown-muted);max-width:40em}
.regions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.regions span{border:1px solid rgba(251,243,230,0.35);border-radius:999px;padding:.25rem .8rem;font-size:var(--step--1)}

.pilot-metrics{display:grid;gap:1rem;margin-block:1.5rem 2.5rem}
@media (min-width:640px){.pilot-metrics{grid-template-columns:repeat(3,1fr)}}
.pilot-metrics div{display:grid;gap:.25rem;padding-left:1rem;border-left:3px solid var(--gold)}
.pilot-metrics strong{font-family:var(--font-display);font-size:1.2rem;font-weight:600}
.pilot-metrics span{font-size:.9375rem;color:var(--muted)}

form{display:grid;gap:1rem;padding:clamp(1.25rem,3vw,2rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.row{display:grid;gap:1rem}
@media (min-width:640px){.row{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:.35rem;min-width:0}
label{font-size:var(--step--1);font-weight:600}
input,select,textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}
textarea{min-height:7rem;resize:vertical}
.check{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;font-size:var(--step--1);font-weight:400}
.check input{width:1.1rem;height:1.1rem;margin-top:.2rem;accent-color:#431906}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{font-size:.9375rem;padding:.75rem 1rem;border-radius:10px}
.form-msg.ok{background:var(--ok-soft);color:var(--ok)}
.form-msg.err{background:var(--warn-soft);color:var(--warn)}

.site-footer{background:var(--brown);color:var(--brown-muted);padding-block:2.75rem 3rem;font-size:var(--step--1)}
.site-footer a{color:var(--brown-fg)}
.foot{display:grid;gap:1.75rem}
@media (min-width:760px){.foot{grid-template-columns:1.6fr 1fr}}
.foot .brand{color:var(--brown-fg);font-size:1.2rem}
.foot nav{display:grid;gap:.5rem;align-content:start}
.disclaimer{max-width:46em}

.legal{padding-block:3rem 5rem}
.legal .prose{max-width:44em;gap:1.1rem}
.legal h1{font-size:var(--step-3)}
.legal h2{font-size:var(--step-1);font-weight:600;margin-top:1rem}

/* Mizan emblem: brown disc, gold calligraphic M */
.app-mark{background:none;border-radius:50%}
.app-mark svg{width:100%;height:auto}
.mz-disc{justify-self:center;width:clamp(140px,20vw,210px);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 10px rgba(242,194,27,0.14),0 30px 60px -30px rgba(0,0,0,.7)}
.mz-disc svg{width:100%;height:auto;display:block}
.product svg{width:28px;height:28px}

/* ============ Design v2 : photos, cartes, frise ============ */
:root{--ph:linear-gradient(135deg,#6E3410 0%,#A8601A 55%,#E0A82A 100%);--soft:#FAF4E2}
.photo,.hero-bg,.card-img,.show-img,.story-bg,.contact-img{background-size:cover;background-position:center;background-repeat:no-repeat}

/* Header floating over the hero */
.site-header[data-overlay]{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent;transition:background .3s,box-shadow .3s}
.site-header[data-overlay].solid{background:rgba(67,25,6,0.94);backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.brand span,.product span{white-space:nowrap}
.btn-lg{padding:1rem 1.6rem;font-size:.9375rem}
.btn-glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4);color:#FBF3E6;backdrop-filter:blur(6px)}
.btn-glass:hover{background:rgba(255,255,255,.16)}
.btn-brown{background:#431906;border-color:#431906;color:#FBF3E6}
.btn-brown:hover{background:#5a240c}
.btn-outline{background:transparent;border-color:rgba(43,22,11,0.35);color:var(--ink)}
.btn-outline:hover{border-color:var(--ink)}
.btn{transition:background .15s,color .15s,transform .15s}
.btn:active{transform:translateY(1px)}

/* Photo hero */
.hero-photo{position:relative;isolation:isolate;background:#2B160B;color:#FBF3E6;min-height:min(92vh,820px);display:grid;align-items:center;padding-block:calc(5.5rem + env(safe-area-inset-top,0px)) 4.5rem;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-2;transform:scale(1.02)}
.hero-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,14,5,.55) 0%,transparent 28%),linear-gradient(90deg,rgba(30,14,5,.94) 0%,rgba(30,14,5,.78) 42%,rgba(30,14,5,.25) 100%)}
.hero-inner{display:grid;gap:3rem;align-items:center}
@media (min-width:960px){.hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
.hero-photo .hero-text{display:grid;gap:1.5rem;max-width:40rem}
.hero-photo h1{font-size:clamp(2.6rem,1.6rem + 4vw,4.8rem);line-height:1.04;letter-spacing:-.02em}
.hero-photo h1 em{color:var(--gold);font-style:italic;font-weight:400}
.hero-photo .lede{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);line-height:1.55;color:#E9DCCB;max-width:36em}
.hero-photo .scope{color:#D9C4AE}
.kicker{display:inline-flex;align-items:center;gap:.55rem;justify-self:start;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:#FBF3E6;background:rgba(255,255,255,.08);border:1px solid rgba(242,194,27,.35);border-radius:999px;padding:.4rem .9rem;backdrop-filter:blur(6px)}
.kicker.dark{color:var(--ink);background:rgba(242,194,27,0.18);border-color:rgba(242,194,27,0.55)}
.kdot{width:.5rem;height:.5rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(242,194,27,.2)}
.regions-inline{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-size:.875rem;color:#D9C4AE;margin-top:.5rem}
.regions-inline span{display:inline-flex;align-items:center;gap:.5rem}
.regions-inline span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
.medal{justify-self:center;width:clamp(200px,26vw,340px);aspect-ratio:1;max-width:100%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#FFF2B8 0 6%,#F2C21B 30%,#E0A80F 100%);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(242,194,27,.12),0 0 0 22px rgba(242,194,27,.06),0 40px 80px -30px rgba(0,0,0,.8);color:#431906}
.medal svg{width:92%;height:auto}
.medal.sm{width:clamp(150px,18vw,230px)}
@media (max-width:700px){.hero-photo .medal{display:none}}

/* Standards strip */
.std-strip{background:var(--surface);border-bottom:1px solid var(--line)}
.std-inner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;padding-block:1.4rem}
.std-inner p{font-size:.8125rem;color:var(--muted);font-weight:600;margin:0}
.std-inner ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 2rem}
.std-inner li{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:rgba(43,22,11,0.70)}

/* Section intros */
.sec-intro{display:grid;gap:.9rem;max-width:46rem;margin-bottom:2.75rem}
.sec-intro h2{font-size:clamp(2rem,1.4rem + 2vw,3rem)}
.sec-intro p{color:var(--muted);font-size:1.0625rem}
.sec-intro.light p{color:var(--brown-muted)}
.section.band{border-top:0}

/* Photo cards */
.cards{display:grid;gap:1.5rem}
@media (min-width:760px){.cards{grid-template-columns:1fr 1fr}}
.card-photo{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.card-photo:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(43,22,11,0.55)}
.card-img{aspect-ratio:16/10;transition:transform .6s}
.card-photo:hover .card-img{transform:scale(1.04)}
.card-body{display:grid;gap:.75rem;padding:1.6rem 1.6rem 1.8rem;align-content:start}
.card-body h3{font-size:var(--step-2);font-weight:500}
.card-body p{color:var(--muted)}

/* Timeline */
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:1.75rem}
.timeline li{position:relative;display:grid;gap:.5rem;align-content:start;padding-left:4rem}
.timeline .num{position:absolute;left:0;top:0;width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#2B160B;font-family:var(--font-display);font-size:1.3rem;font-weight:600}
.timeline li::before{content:"";position:absolute;left:1.45rem;top:3.1rem;bottom:-1.6rem;width:1px;background:rgba(242,194,27,.35)}
.timeline li:last-child::before{display:none}
.timeline h3{color:var(--brown-fg);font-size:1.25rem}
.timeline p{color:var(--brown-muted);font-size:.9375rem}
.timeline .cond .num{background:transparent;color:var(--gold);border:1.5px dashed var(--gold)}
@media (min-width:980px){
  .timeline{grid-template-columns:repeat(5,1fr);gap:1.5rem}
  .timeline li{padding-left:0;padding-top:4rem}
  .timeline li::before{left:3.4rem;right:-1.5rem;top:1.45rem;bottom:auto;width:auto;height:1px}
}
.legend.light{color:var(--brown-muted);margin-top:2rem}
.legend.light span{background:transparent;border:1.5px dashed var(--gold)}

/* Tiles */
.tiles{display:grid;gap:1rem}
@media (min-width:600px){.tiles{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{display:grid;gap:.5rem;align-content:start;padding:1.6rem;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.tile h3::before{content:"";display:block;width:2.2rem;height:2.2rem;border-radius:50%;margin-bottom:1rem;background:radial-gradient(circle at 32% 28%,#FFF2B8 0 8%,#F2C21B 40%,#E0A80F 100%)}
.tile p{color:var(--muted);font-size:.9375rem}

/* Mizan showcase */
.showcase{background:var(--soft);border-top:0}
.show-grid{display:grid;gap:3rem;align-items:center}
@media (min-width:960px){.show-grid{grid-template-columns:1fr 1fr;gap:4.5rem}}
.show-text{display:grid;gap:1.25rem;min-width:0}
.show-title{display:flex;align-items:center;gap:1rem}
.show-title .app-mark{width:64px;height:64px}
.show-title h2{font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem)}
.lead{font-size:1.15rem;color:var(--muted);line-height:1.6}
.show-visual{position:relative;min-width:0;padding-bottom:2rem}
.show-img{aspect-ratio:4/5;border-radius:26px;max-height:600px;width:100%}
@media (min-width:960px){.show-img{width:82%;margin-left:auto}}
.answer.mini{position:absolute;left:0;bottom:0;width:min(360px,92%);border:1px solid var(--line)}
.answer.mini .panel{padding:1.1rem 1.2rem}
.answer.mini .q{font-size:1rem}
@media (max-width:959px){.answer.mini{position:relative;margin:-5rem auto 0;left:auto}}

/* Story band with architecture photo */
.story{position:relative;isolation:isolate;color:#FBF3E6;background:#2B160B;overflow:hidden}
.story-bg{position:absolute;inset:0;z-index:-2}
.story::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(30,14,5,.9),rgba(30,14,5,.62))}
.story-inner{display:grid;gap:2.5rem;align-items:center;padding-block:clamp(4.5rem,9vw,8rem)}
@media (min-width:860px){.story-inner{grid-template-columns:auto 1fr;gap:4rem}}
.story h2{font-size:clamp(2rem,1.4rem + 2vw,3rem);color:#FBF3E6}
.story .prose p{color:#E3D3C0;max-width:40em}
.story .prose{max-width:none}

/* Contact / pilot split */
.contact-grid{display:grid;gap:3rem}
@media (min-width:960px){.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem}}
.contact-side{display:grid;gap:1.1rem;align-content:start}
.contact-side h2{font-size:clamp(2rem,1.4rem + 2vw,3rem)}
.contact-side > p{color:var(--muted)}
.contact-img{aspect-ratio:4/3;border-radius:22px;margin-top:1rem}
form{border-radius:22px;box-shadow:0 30px 60px -40px rgba(43,22,11,0.50)}

/* Mizan page */
.hero-photo.mz::after{background:linear-gradient(180deg,rgba(30,14,5,.55) 0%,transparent 28%),linear-gradient(90deg,rgba(30,14,5,.95) 0%,rgba(30,14,5,.85) 50%,rgba(30,14,5,.55) 100%)}
@media (min-width:960px){.hero-photo.mz .hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.stat-row{display:grid;gap:1.25rem}
@media (min-width:860px){.stat-row{grid-template-columns:1fr 1fr 1fr}}
.stat-card{display:grid;gap:.7rem;align-content:start;padding:1.8rem;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.stat-card .n{font-family:var(--font-display);font-size:clamp(3rem,2.2rem + 3vw,4.4rem);line-height:1;color:var(--link)}
.stat-card cite{font-style:normal;font-size:var(--step--1);color:var(--muted)}
.stat-card.alt{background:#431906;color:#FBF3E6;border-color:#431906}
.stat-card.alt p{color:#E3D3C0}
.section.soft{background:var(--soft)}
.guar-grid{display:grid;gap:1rem}
@media (min-width:640px){.guar-grid{grid-template-columns:1fr 1fr}}
.guar-grid > div{display:grid;gap:.4rem;padding:1.3rem 1.4rem;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.guar-grid h3{font-size:1.15rem}
.guar-grid p{color:var(--muted);font-size:.9375rem}
.plans{margin-top:2rem}
.band .name-grid .mz-disc{box-shadow:0 0 0 12px rgba(242,194,27,.1),0 30px 60px -30px rgba(0,0,0,.7)}
@media (max-width:959px){.hero-photo.mz .arch{margin-top:1rem}}
/* Cadrage des photos */
.show-img{background-position:22% center}
#pilote .contact-img{background-position:68% center}
/* Accueil : la photo porte le haut de page, la médaille reste dans « Pourquoi Avenzoar » */
.hero-photo:not(.mz) .medal{display:none}
.hero-photo:not(.mz) .hero-bg{background-position:60% center}
.hero-photo:not(.mz)::after{background:linear-gradient(180deg,rgba(30,14,5,.5) 0%,transparent 26%),linear-gradient(90deg,rgba(30,14,5,.93) 0%,rgba(30,14,5,.72) 40%,rgba(30,14,5,.1) 72%,rgba(30,14,5,.05) 100%)}
@media (max-width:759px){.hero-photo:not(.mz)::after,.hero-photo.mz::after{background:linear-gradient(180deg,rgba(30,14,5,.72) 0%,rgba(30,14,5,.8) 60%,rgba(30,14,5,.9) 100%)}}

/* Incubés */
.incub{display:grid;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
@media (min-width:860px){.incub{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}}
.incub-logo{background:#2B160B;display:grid;place-items:center;padding:2rem 1.5rem}
.incub-logo img{width:min(60%,190px);height:auto}
.incub-body{display:grid;gap:1.25rem;align-content:center;padding:clamp(1.5rem,4vw,2.5rem)}
.incub-products{display:grid;gap:.75rem;margin:0}
@media (min-width:520px){.incub-products{grid-template-columns:1fr 1fr}}
.incub-products > div{padding:1rem 1.1rem;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.incub-products dt{font-family:var(--font-display);font-size:1.25rem;font-weight:600}
.incub-products dd{margin:0;color:var(--muted);font-size:.9375rem}

/* Incubation */
.incub-teaser{background:#FAF4E2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.teaser-grid{display:grid;gap:2rem;align-items:center;padding-block:clamp(2.5rem,5vw,3.5rem)}
@media (min-width:860px){.teaser-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:3rem}}
.teaser-text{display:grid;gap:.8rem}
.teaser-text h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem)}
.teaser-text p{color:var(--muted)}
.teaser-side{display:grid;gap:1rem;justify-items:start}
@media (min-width:860px){.teaser-side{justify-items:end}}
.teaser-drugit{display:flex;align-items:center;gap:.8rem;background:#2B160B;border-radius:12px;padding:.7rem 1rem;text-decoration:none}
.teaser-drugit img{width:96px;height:auto}
.teaser-drugit span{font-size:.75rem;color:#D9C4AE}
.list.big li{font-size:1.0625rem}
@media (min-width:980px){.timeline.four{grid-template-columns:repeat(4,1fr)}}
.incub-body p{color:var(--muted)}