/* Vigie Formation. Theme sombre d abord, theme clair selon l appareil. Zero dependance, polices hebergees ici. */
@font-face{font-family:"Geist";src:url(/assets/fonts/geist.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/assets/fonts/geist-mono.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;
  interpolate-size:allow-keywords;
  --bg:#0b0c0e;
  --surface:#111316;
  --raised:#171a1e;
  --line:#23272d;
  --line-strong:#353a42;
  --heading:#eef0f3;
  --text:#c9ced4;
  --muted:#a3a9b1;
  --field:#3b4149;
  --accent:#7dd3a8;
  --accent-soft:rgba(125,211,168,.13);
  --accent-line:rgba(125,211,168,.35);
  --warn:#f6c264;
  --warn-soft:rgba(246,194,100,.13);
  --alert:#e07070;
  --alert-soft:rgba(224,112,112,.14);
  --inverse:#eef0f3;
  --on-inverse:#0b0c0e;
  --header-bg:rgba(11,12,14,.74);
  --shadow:0 30px 80px -30px rgba(0,0,0,.75);
  --radius:12px;
  --radius-lg:20px;
  --gutter:clamp(16px,4vw,40px);
  --page:1200px;
  --edge:max(var(--gutter),calc((100% - var(--page)) / 2));
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media(prefers-color-scheme:light){
  :root{
    color-scheme:light;
    --bg:#f5f6f7;
    --surface:#ffffff;
    --raised:#eceef1;
    --line:#dde1e5;
    --line-strong:#c5cbd2;
    --heading:#0c0f12;
    --text:#3a4149;
    --muted:#5f6770;
    --field:#c3c9cf;
    --accent:#1f7a55;
    --accent-soft:rgba(31,122,85,.1);
    --accent-line:rgba(31,122,85,.3);
    --warn:#9a5b00;
    --warn-soft:rgba(154,91,0,.1);
    --alert:#b4483f;
    --alert-soft:rgba(180,72,63,.1);
    --inverse:#0c0f12;
    --on-inverse:#f5f6f7;
    --header-bg:rgba(245,246,247,.8);
    --shadow:0 30px 80px -40px rgba(12,15,18,.28);
  }
}

/* Base */
*,*::before,*::after{box-sizing:border-box}
/* La barre de defilement porte les couleurs du theme ; color-scheme la fixe avant, par theme. */
html{scrollbar-color:var(--line-strong) var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;color:var(--heading);font-weight:560;text-wrap:balance}
p{margin:0}
code{font-family:var(--mono)}
::selection{background:var(--accent);color:var(--on-inverse)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.skip-link{position:absolute;left:var(--gutter);top:-120px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--inverse);color:var(--on-inverse);font-weight:560;text-decoration:none}
.skip-link:focus{top:12px}

/* En-tete */
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px var(--edge);background:var(--header-bg);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}
@supports (animation-timeline:scroll()){
  .site-header{border-bottom-color:transparent;animation:header-line linear both;animation-timeline:scroll();animation-range:0 96px}
}
@keyframes header-line{to{border-bottom-color:var(--line)}}
.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--heading);font-size:1.0625rem;font-weight:600;letter-spacing:-.02em;text-decoration:none}
.brand>span:last-child span{color:var(--muted);font-weight:450}
.brand-mark{display:grid;flex:none;grid-template-columns:repeat(2,8px);gap:2px}
.brand-mark i{width:8px;height:8px;border-radius:2px;background:var(--heading)}
.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.4}
.brand-mark i:nth-child(4){background:var(--accent)}
.site-header nav{display:flex;align-items:center;gap:4px}
.site-header nav a{padding:8px 12px;border-radius:8px;color:var(--muted);font-size:.9375rem;text-decoration:none;transition:color .2s,background-color .2s}
.site-header nav a:hover{color:var(--heading);background:var(--raised)}
.site-header nav .nav-cta{margin-left:8px;padding:9px 16px;background:var(--inverse);color:var(--on-inverse);font-weight:560}
.site-header nav .nav-cta:hover{background:var(--inverse);color:var(--on-inverse);opacity:.88}

/* Sections de la page d accueil */
[data-page="home"] main>section{padding:clamp(72px,9vw,136px) var(--edge)}
.section-kicker{margin-bottom:18px;color:var(--accent);font-family:var(--mono);font-size:.875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
h2{font-size:clamp(1.875rem,1.4167rem + 2.037vw,3.25rem);line-height:1.06;letter-spacing:-.035em}
.section-heading{max-width:760px;margin-bottom:clamp(40px,5vw,64px)}
.section-heading>p:not(.section-kicker),.checker-copy>p:not(.section-kicker),.scope-main>p:not(.section-kicker),.price-copy>p:not(.section-kicker){max-width:60ch;margin-top:18px;color:var(--text)}

/* Signal vivant */
.live-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:ping 2.4s var(--ease) infinite}
@keyframes ping{0%{transform:scale(1);opacity:.55}80%,100%{transform:scale(3);opacity:0}}

/* Accueil */
[data-page="home"] main>.hero{position:relative;isolation:isolate;overflow:clip;padding-top:clamp(40px,6vw,96px);padding-bottom:clamp(64px,8vw,120px)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(var(--line-strong) 1px,transparent 1.2px);background-size:26px 26px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 75% 45%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 70% 60% at 75% 45%,#000 10%,transparent 70%)}
.hero::after{content:"";position:absolute;z-index:-1;right:-8%;top:34%;width:min(760px,90vw);aspect-ratio:1;background:radial-gradient(closest-side,var(--accent-soft),transparent);pointer-events:none}
.hero-fields{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 38%,#000 72%);mask-image:linear-gradient(90deg,transparent 38%,#000 72%)}
.hero-fields span{position:absolute;color:var(--field);font-family:var(--mono);font-size:12px;white-space:nowrap}
.hero-fields span:nth-child(1){top:6%;left:64%}
.hero-fields span:nth-child(2){top:13%;left:80%}
.hero-fields span:nth-child(3){top:21%;left:58%}
.hero-fields span:nth-child(4){top:29%;left:84%}
.hero-fields span:nth-child(5){top:37%;left:71%}
.hero-fields span:nth-child(6){top:46%;left:52%}
.hero-fields span:nth-child(7){top:55%;left:88%}
.hero-fields span:nth-child(8){top:64%;left:60%}
.hero-fields span:nth-child(9){top:72%;left:81%}
.hero-fields span:nth-child(10){top:81%;left:55%}
.hero-fields span:nth-child(11){top:88%;left:91%}
.hero-fields span:nth-child(12){top:94%;left:67%}
.eyebrow{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:6px 14px 6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-family:var(--mono);font-size:.875rem}
.hero h1{max-width:13em;margin-top:28px;font-size:clamp(2.25rem,1.25rem + 4.4444vw,5.25rem);font-weight:580;line-height:1.02;letter-spacing:-.045em;-webkit-hyphens:manual;hyphens:manual}
.hero-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:start;margin-top:clamp(40px,5vw,72px)}
.hero-side{padding-top:6px}
.lead{max-width:40ch;color:var(--text);font-size:clamp(1.0625rem,1.0208rem + .1852vw,1.1875rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.proof-list{display:flex;flex-wrap:wrap;gap:10px 22px;margin:32px 0 0;padding:0;list-style:none;color:var(--muted);font-family:var(--mono);font-size:.875rem}
.proof-list li{display:inline-flex;align-items:center;gap:10px}
.proof-list li::before,.check-list li::before{content:"";flex:none;width:6px;height:11px;margin:0 3px;border:solid var(--accent);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}

/* Boutons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:var(--radius);font:inherit;font-size:.9688rem;font-weight:560;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s var(--ease)}
.button.primary{background:var(--inverse);color:var(--on-inverse)}
.button.primary:hover{opacity:.9}
.button.secondary{border-color:var(--line-strong);background:transparent;color:var(--heading)}
.button.secondary:hover{background:var(--raised)}
.button:active{transform:translateY(1px)}
.button .arrow{display:inline-block;transition:transform .25s var(--ease)}
.button:hover .arrow{transform:translateX(4px)}
.button.wide{width:100%}
.text-button{background:none;color:var(--muted)}
.text-button:hover{color:var(--heading)}
.danger-button{border-color:var(--alert);background:transparent;color:var(--alert)}
.danger-button:hover{background:var(--alert-soft)}
.button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.button:disabled .arrow{transform:none}

/* Panneau de surveillance */
.monitor{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}
.monitor::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent-line),transparent)}
.monitor-head,.console-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.875rem}
.monitor-head{justify-content:space-between}
.monitor-title{display:inline-flex;align-items:center;gap:10px;color:var(--heading)}
.monitor-meta{padding:2px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}
.monitor-rows{position:relative;overflow:hidden;margin:0;padding:4px 0;list-style:none}
.monitor-rows::after{content:"";position:absolute;left:0;right:0;top:-100%;height:200%;background:linear-gradient(180deg,transparent calc(50% - 44px),var(--accent-soft) calc(50% - 22px),transparent 50%);pointer-events:none;animation:scan 5.5s linear infinite}
@keyframes scan{from{transform:translateY(0)}to{transform:translateY(calc(50% + 44px))}}
.row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:12px 18px 12px 40px;border-top:1px solid var(--line)}
.row:first-child{border-top:0}
.row::before{content:"";position:absolute;left:18px;top:21px;width:8px;height:8px;border-radius:50%;background:var(--line-strong)}
.row[data-state="change"]::before{background:var(--warn);animation:beat 2.4s ease-in-out infinite}
.row[data-state="alert"]::before{background:var(--alert);box-shadow:0 0 0 4px var(--alert-soft)}
@keyframes beat{0%,100%{box-shadow:0 0 0 3px var(--warn-soft)}50%{box-shadow:0 0 0 7px transparent}}
.row-name{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--heading);font-weight:500}
.row-siret{color:var(--muted);font-family:var(--mono);font-size:.875rem;font-weight:400}
.state{padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:var(--mono);font-size:.875rem}
.row[data-state="change"] .state{border-color:transparent;background:var(--warn-soft);color:var(--warn)}
.row[data-state="alert"] .state{border-color:transparent;background:var(--alert-soft);color:var(--alert)}
.row-detail{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 12px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);font-size:.875rem;overflow-wrap:anywhere}
.row-detail span{color:var(--warn)}
.row[data-state="alert"] .row-detail span{color:var(--alert)}
.monitor-foot{padding:14px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}

/* Chiffres */
[data-page="home"] main>.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 var(--edge);padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line)}
.metric{display:flex;flex-direction:column;gap:8px;min-width:0;padding:28px 24px;background:var(--bg)}
.metric strong{color:var(--heading);font-family:var(--mono);font-size:clamp(1.5rem,1.0833rem + 1.8519vw,2.75rem);font-weight:500;line-height:1.1;letter-spacing:-.04em}
.metric span{color:var(--muted);font-size:.9375rem;line-height:1.45}

/* Verificateur */
.checker{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:center}
.console{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}
.console-head{color:var(--muted)}
.inline-form{display:grid;gap:10px;padding:20px 18px 18px}
.inline-form label{color:var(--muted);font-family:var(--mono);font-size:.875rem}
.input-action{display:flex;gap:10px}
.input-action input{flex:1 1 auto;min-width:0}
.form-note{color:var(--muted);font-size:.875rem}
input,select,textarea{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);color:var(--heading);font:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}
textarea{padding:14px}
#verify-siret{font-family:var(--mono);letter-spacing:.04em}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
select{-webkit-appearance:none;appearance:none;padding-right:40px;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - 22px) 50%/6px 6px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - 16px) 50%/6px 6px no-repeat,var(--bg)}
.result{margin:0 18px 18px;padding:16px;border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft)}
.result[data-tone="error"]{border-color:color-mix(in srgb,var(--alert) 45%,transparent);background:var(--alert-soft)}
.result h3{margin-bottom:4px;font-size:1.0625rem}
.result p{color:var(--text);font-size:.9375rem}
.result .loading{color:var(--muted);font-family:var(--mono);font-size:.875rem}
.result dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:14px 0 0;font-size:.9375rem}
.result dt{color:var(--muted);font-family:var(--mono);font-size:.875rem}
.result dd{margin:0;color:var(--heading);overflow-wrap:anywhere}

/* Fonctionnement */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.steps article{padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .25s}
.steps article:hover{border-color:var(--line-strong)}
.steps span{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 7px;border-radius:7px;background:var(--inverse);color:var(--on-inverse);font-family:var(--mono);font-size:.875rem;font-weight:500}
.steps h3{margin:28px 0 10px;font-size:1.25rem;letter-spacing:-.02em}
.steps p{color:var(--text);font-size:1rem}

/* Perimetre */
.scope-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.scope-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.scope-columns>div{padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg)}
.scope-columns>div:first-child{background:var(--surface)}
.scope-columns h3{margin-bottom:18px;font-size:1.125rem}
.check-list,.plain-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.check-list li,.plain-list li{display:flex;align-items:flex-start;gap:12px;color:var(--text);font-size:1rem}
.check-list li::before{margin-top:.3em}
.plain-list li{color:var(--muted)}
.plain-list li::before{content:"";flex:none;width:11px;height:11px;margin:.45em 1px 0;background:linear-gradient(45deg,transparent 44%,var(--muted) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--muted) 44% 56%,transparent 56%)}

/* Tarif */
.pricing-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(32px,6vw,88px);align-items:center}
.price-copy .check-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;margin-top:28px}
.price-card{position:relative;padding:clamp(28px,4vw,44px);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:radial-gradient(120% 60% at 50% 0%,var(--accent-soft),transparent 62%),var(--surface);box-shadow:var(--shadow)}
.price-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.price-label{color:var(--muted);font-family:var(--mono);font-size:.875rem}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:18px 0 6px}
.price strong{color:var(--heading);font-size:clamp(3.5rem,2.9167rem + 2.5926vw,5.25rem);font-weight:600;line-height:1;letter-spacing:-.05em}
.price span{color:var(--muted);font-family:var(--mono);font-size:.9375rem}
.tax-note{margin-bottom:28px;color:var(--muted);font-size:.875rem}
.micro{margin-top:14px;color:var(--muted);font-size:.875rem;text-align:center}

/* Commande */
[data-page="home"] main>.checkout-panel{margin:0 var(--edge) clamp(48px,6vw,96px);padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:24px;background:var(--surface)}
[data-page="home"] main>.checkout-panel[hidden]{display:none}
.compact-heading{margin-bottom:32px}
.checkout-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.checkout-form label{display:grid;gap:8px;min-width:0;color:var(--muted);font-size:.875rem}
.span-2{grid-column:1/-1}
.checkout-form label.consent{display:flex;align-items:flex-start;gap:12px;color:var(--text);font-size:.9375rem}
.consent a{color:var(--heading)}
input[type="checkbox"]{flex:none;width:20px;height:20px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--accent)}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.form-status{min-height:1.5em;color:var(--muted);font-size:.9375rem}

/* Questions */
.faq{display:grid;justify-items:center;text-align:center}
.faq .section-heading{margin-inline:auto}
.faq-list{width:100%;max-width:820px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:left}
.faq details{border-top:1px solid var(--line)}
.faq details:first-child{border-top:0}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;color:var(--heading);font-size:1.0625rem;font-weight:500;list-style:none;cursor:pointer;transition:background-color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:8px;height:8px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq summary:hover{background:var(--raised)}
.faq summary:focus-visible{outline-offset:-2px;border-radius:0}
.faq details p{max-width:64ch;padding:0 24px 22px;color:var(--text)}
@supports selector(::details-content){
  .faq details::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease),content-visibility .35s allow-discrete}
  .faq details[open]::details-content{block-size:auto}
}

/* Pied de page */
footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 32px;padding:40px var(--edge) 48px;border-top:1px solid var(--line);color:var(--muted);font-size:.9375rem}
.footer-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
footer nav a{color:var(--muted);text-decoration:none}
footer nav a:hover{color:var(--heading)}
footer small{grid-column:1/-1;font-family:var(--mono);font-size:.875rem}

/* Pages secondaires */
.page-shell{max-width:calc(960px + 2 * var(--gutter));margin:0 auto;padding:clamp(48px,7vw,96px) var(--gutter)}
.page-hero{margin-bottom:40px}
.page-hero h1,.center-card h1{font-size:clamp(2.25rem,1.6667rem + 2.5926vw,4rem);line-height:1.04;letter-spacing:-.04em}
.page-hero>p:not(.section-kicker){max-width:60ch;margin-top:16px;color:var(--text)}
.legal-card{padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.legal-card h2{margin:32px 0 12px;font-size:1.25rem;letter-spacing:-.02em}
.legal-card h2:first-child{margin-top:0}
.legal-card p{margin-top:10px;color:var(--text)}
.legal-card a{color:var(--heading)}
.legal-card dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 24px;margin:0}
.legal-card dt{color:var(--muted);font-family:var(--mono);font-size:.875rem}
.legal-card dd{margin:0;color:var(--heading);overflow-wrap:anywhere}
.center-card{display:grid;justify-items:center;gap:16px;max-width:560px;margin:0 auto;text-align:center}
.center-card .section-kicker{margin-bottom:0}
.portal-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
.portal-card,.danger-zone{padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.portal-form{display:grid;gap:14px}
.portal-form textarea{min-height:320px;font-family:var(--mono);line-height:1.7;resize:vertical}
#siret-count{color:var(--muted);font-family:var(--mono);font-size:.875rem}
.notice{color:var(--muted);font-size:.9375rem}
.danger-zone{border-color:color-mix(in srgb,var(--alert) 35%,var(--line))}
.danger-zone h2{margin-bottom:10px;font-size:1.25rem}
.danger-zone p{margin-bottom:20px;color:var(--text);font-size:1rem}

/* Mouvement */
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes reveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes drift{to{transform:translate3d(-24px,12px,0)}}
@media(prefers-reduced-motion:no-preference){
  .hero-copy>*,.hero-side,.monitor{animation:rise .9s var(--ease) both}
  .hero-copy h1{animation-delay:.08s}
  .hero-side{animation-delay:.18s}
  .monitor{animation-delay:.28s}
  .hero-fields span{animation:drift 18s ease-in-out infinite alternate}
  .hero-fields span:nth-child(3n){animation-duration:23s;animation-direction:alternate-reverse}
  .hero-fields span:nth-child(3n+1){animation-duration:15s}
  @supports (animation-timeline:view()){
    [data-reveal]{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  }
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .live-dot::after,.row[data-state="change"]::before{animation:none}
  .monitor-rows::after{display:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}

/* Tablette */
@media(max-width:850px){
  [data-page="home"] .site-header nav a[href^="#"]:not(.nav-cta){display:none}
  .hero-fields{display:none}
  .hero-body,.checker,.scope-section,.pricing-section,.portal-grid{grid-template-columns:minmax(0,1fr)}
  [data-page="home"] main>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:minmax(0,1fr)}
  footer{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  [data-page="home"] .site-header nav a:not(.nav-cta){display:none}
  .scope-columns,.checkout-form,.price-copy .check-list{grid-template-columns:minmax(0,1fr)}
}

/* Telephone */
@media(max-width:480px){
  .site-header nav .nav-cta{margin-left:0;padding:9px 14px;font-size:.875rem}
  .hero-actions .button{width:100%}
  .metric{padding:20px 12px}
  .steps article,.scope-columns>div,.portal-card,.danger-zone{padding:22px}
  .legal-card dl,.result dl{grid-template-columns:minmax(0,1fr);gap:2px}
  .legal-card dd,.result dd{margin-bottom:10px}
  .monitor-head,.monitor-foot,.console-head,.inline-form{padding-left:14px;padding-right:14px}
  .row{padding:12px 14px 12px 34px}
  .row::before{left:14px}
  .result{margin:0 14px 14px}
  .faq summary{padding:18px}
  .faq details p{padding:0 18px 20px}
}
@media(max-width:480px){
  .eyebrow{align-items:flex-start;border-radius:12px}
  .eyebrow .live-dot{margin-top:7px}
}
@media(max-width:350px){
  .brand>span:last-child span{display:none}
}

/* Espace client */
.portal-form-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}
.portal-form-head strong{color:var(--heading);font-size:1.0625rem}
.count{color:var(--muted);font-family:var(--mono);font-size:.875rem}
.portal-after{color:var(--muted);font-size:.875rem}
.portal-form .form-actions{align-items:center;gap:12px 16px}
.portal-form .notice{margin:0}
.portal-side{display:grid;gap:20px;align-content:start}
.portal-state{display:grid;gap:14px;padding:24px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.portal-state>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px}
.portal-state span{color:var(--muted);font-size:.9375rem}
.portal-state strong{color:var(--heading);font-family:var(--mono);font-size:.9375rem;font-weight:500;text-align:right}
.portal-locked{display:none;grid-column:1/-1;max-width:680px;padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.portal-locked h2{margin-bottom:12px;font-size:1.375rem;letter-spacing:-.02em}
.portal-locked p{color:var(--text)}
.portal-locked .check-list{margin:20px 0}
.portal-locked .notice{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.portal-locked a{color:var(--heading)}
.portal-verrouille .portal-card,.portal-verrouille .portal-side{display:none}
.portal-verrouille .portal-locked{display:block}
.portal-device{color:var(--muted);font-size:.875rem}
.portal-device .text-button{min-height:0;padding:0;border:0;color:var(--heading);font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.portal-device .text-button:hover{color:var(--accent)}
.relink{display:grid;gap:10px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.relink label{color:var(--heading);font-size:.9375rem;font-weight:500}
.relink .input-action input{flex:1 1 auto;min-width:0}
.relink .notice{margin:0}
@media(max-width:480px){
  .relink .input-action{flex-direction:column;align-items:stretch}
}
.relink .input-action .button{flex:none}

/* Marque : le symbole fourni, en SVG transparent. Sur fond clair, son degrade argent
   disparaitrait, il recoit donc un fond sombre, comme une pastille. */
img.brand-mark{width:auto;height:24px;flex:none}
.footer-brand img.brand-mark{height:22px}
@media(prefers-color-scheme:light){
  img.brand-mark{box-sizing:content-box;padding:5px 7px;border-radius:9px;background:#0c0f12}
}

/* Gamme Vigie */
.brand-zone{display:flex;align-items:center;gap:10px;min-width:0}
.gamme-chip{padding:4px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-family:var(--mono);font-size:.875rem;text-decoration:none;transition:color .2s,border-color .2s}
.gamme-chip:hover{color:var(--heading);border-color:var(--line-strong)}
.gamme-chip[aria-current="page"]{color:var(--accent);border-color:var(--accent-line)}
[data-page="gamme"] main>section{padding:clamp(56px,7vw,112px) var(--edge)}
.gamme-hero{padding-top:clamp(48px,7vw,104px)!important}
.gamme-hero h1{max-width:14em;margin-top:22px;font-size:clamp(2.25rem,1.25rem + 4.4444vw,5.25rem);font-weight:580;line-height:1.02;letter-spacing:-.045em}
.gamme-hero .lead{max-width:60ch;margin-top:26px}
.gamme-principe{padding-top:0!important}
.gamme-liste .section-heading{margin-bottom:28px}
.gamme-liste .etude-titre{margin-top:clamp(56px,7vw,96px)}
.vigie-carte{display:grid;gap:10px;padding:clamp(24px,3vw,34px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-decoration:none}
a.vigie-carte{transition:border-color .2s}
a.vigie-carte:hover{border-color:var(--accent-line)}
.vigie-carte strong{color:var(--heading);font-size:1.5rem;font-weight:560;letter-spacing:-.02em}
.vigie-etat{display:inline-flex;align-items:center;gap:9px;width:max-content;padding:4px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:var(--mono);font-size:.875rem}
.ouverte .vigie-etat{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}
.vigie-quoi{max-width:62ch}
.vigie-prix{color:var(--muted);font-family:var(--mono);font-size:.9375rem}
.vigie-etudes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gamme-maison .hero-actions{margin-top:0}
@media(max-width:1100px){
  .vigie-etudes{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .gamme-chip{display:none}
}

/* Logotype de la marque : deux fichiers, blanc et navy. Une inversion CSS donnerait du noir,
   pas cette teinte, c est pourquoi le fichier change avec le theme et non sa couleur. */
.brand .logotype img{display:block;height:19px;width:auto}
.footer-brand .logotype img{height:18px}
@media(max-width:480px){
  .brand .logotype img{height:17px}
}

/* Registre de veille, posé par Codex : il réutilise les classes du site, on l ajuste ici. */
#registre-title{margin-bottom:10px;font-size:1.25rem;letter-spacing:-.02em}
#registre-title ~ p{color:var(--text)}
#registre-title ~ .form-actions{margin-top:18px}
#export-status:empty{display:none}
/* Un bouton sans variante prend l apparence secondaire, jamais celle du navigateur. */
.button:not(.primary):not(.danger-button):not(.text-button){border-color:var(--line-strong);background:transparent;color:var(--heading)}
.button:not(.primary):not(.danger-button):not(.text-button):hover{background:var(--raised)}

/* Pourquoi maintenant : l indicateur 27 et l echeance du 1er novembre */
.pourquoi-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pourquoi-deux article{padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.pourquoi-deux h3{margin-bottom:10px;font-size:1.125rem;letter-spacing:-.01em}
.pourquoi-deux p{color:var(--text);font-size:1rem}
.pourquoi-deux a{color:var(--heading);text-decoration:underline;text-underline-offset:3px}
.pourquoi-deux a:hover{color:var(--accent)}
@media(max-width:850px){
  .pourquoi-deux{grid-template-columns:minmax(0,1fr)}
}

/* Trois offres */
.offres-section{grid-template-columns:minmax(0,1fr)!important;gap:clamp(32px,4vw,56px)}
.offres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.offres .price-card{padding:clamp(26px,3vw,34px)}
.offres .price strong{font-size:clamp(2.75rem,2.25rem + 2.2222vw,4rem)}
.offres .price{margin:14px 0 8px}
.offre-quoi{color:var(--text);font-size:.9375rem}
.offres .tax-note{margin:12px 0 22px;font-size:.8125rem}
.offres .micro{margin-top:12px}
.price-card.reseau{border-color:var(--accent-line);background:radial-gradient(120% 60% at 50% 0%,var(--accent-soft),transparent 66%),var(--surface)}
.etiquette{display:block;margin-bottom:8px;color:var(--accent);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase}
.offres .button.secondary{border-color:var(--line-strong)}
@media(max-width:900px){
  .offres{grid-template-columns:minmax(0,1fr)}
}

/* Bascule mensuel / annuel, sans JavaScript : deux boutons radio et l affichage suit. */
.periode{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.bascule{display:inline-flex;justify-self:start;gap:4px;margin:0;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.bascule label{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;color:var(--muted);font-size:.9375rem;cursor:pointer;transition:background-color .2s,color .2s}
.bascule label span{color:var(--accent);font-family:var(--mono);font-size:.8125rem}
.bascule label:hover{color:var(--heading)}
#periode-mois:checked ~ .bascule label[for="periode-mois"],
#periode-an:checked ~ .bascule label[for="periode-an"]{background:var(--inverse);color:var(--on-inverse)}
#periode-mois:checked ~ .bascule label[for="periode-an"] span,
#periode-an:checked ~ .bascule label[for="periode-an"] span{color:inherit}
.periode:focus-visible ~ .bascule{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}
.a-l-an{display:none}
#periode-an:checked ~ .offres .au-mois{display:none}
#periode-an:checked ~ .offres .a-l-an{display:flex}
#periode-an:checked ~ .offres a.a-l-an{display:inline-flex}
.offres-section{justify-items:stretch}
/* Le lien « Tarif » arrive sur le titre, pas sur le haut de la marge de la section. */
#tarif{scroll-margin-top:calc(24px - clamp(72px,9vw,136px))}
.offres{width:100%;margin-top:28px}
/* Sur téléphone, la bascule reste une bascule : deux moitiés égales, la mention passe sous le mot. */
@media(max-width:480px){
  .bascule{display:flex;width:100%}
  .bascule label{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:2px;padding:8px 10px;text-align:center;line-height:1.25}
  .bascule label span{font-size:.75rem}
}

/* Deux offres, sur la même largeur que le texte : la seconde carte tombe sous la seconde colonne de la liste. */
.offres{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){
  .offres{grid-template-columns:minmax(0,1fr)}
}

/* Formulaire de l’essai gratuit : sur téléphone, le bouton passe sous le champ (le champ tombait à 89 px). */
#trial-form h4{margin:0;color:var(--heading);font-size:1rem}
#trial-form p{margin:0}
@media(max-width:560px){
  #trial-form .input-action{flex-direction:column;align-items:stretch}
  #trial-form .input-action .button{justify-content:center}
}

/* Specimen du registre, bloc « Pourquoi maintenant » : le document que l’auditeur verra. */
.specimen{margin:20px 0 0}
.specimen-doc{display:grid;gap:6px;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-family:var(--mono);font-size:.8125rem}
.specimen-titre{margin:0 0 4px;color:var(--heading);font-weight:600}
.specimen-titre span{margin-left:6px;padding:1px 6px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-size:.6875rem;font-weight:400;text-transform:uppercase}
.specimen-ligne{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;margin:0;padding:6px 8px;border-radius:8px;color:var(--text)}
.specimen-ligne span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.specimen-ligne .ok{color:var(--accent)}
.specimen-ligne .ko{color:var(--warn);font-weight:600}
.specimen-ligne.change{background:var(--warn-soft)}
.specimen figcaption{margin-top:10px;color:var(--muted);font-size:.875rem}

/* Bandeau de mesure consentie : aux couleurs du site, Accepter et Refuser de meme poids (CNIL). */
.mesure-bandeau{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;display:grid;gap:10px;padding:18px 18px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--raised);box-shadow:var(--shadow);color:var(--text);font-size:.9375rem}
.mesure-bandeau p{margin:0}
.mesure-bandeau a{color:var(--accent)}
.mesure-titre{color:var(--heading);font-weight:600}
.mesure-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.mesure-actions .button{justify-content:center;min-height:44px}
/* Sur ordinateur : en bas a gauche, carre (demandes d Anthony, 23/09). */
@media(min-width:640px){
  .mesure-bandeau{left:24px;right:auto;bottom:24px;width:320px;min-height:320px;align-content:space-between}
}

/* Lien vers la verification groupee, sous le verificateur. */
.groupe-lien{margin:0;padding:14px 18px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:.9375rem}
.groupe-lien a{color:var(--accent);font-weight:500}

/* Pied de page refait (23/09, demande d Anthony) : la lettre en vedette, les liens en colonnes. */
footer.pied{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border-top:1px solid var(--line);color:var(--muted)}
.pied-lettre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:center;padding:clamp(40px,6vw,64px) var(--edge);background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--line)}
.pied-lettre h2{margin:6px 0 10px;color:var(--heading);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);line-height:1.15}
.pied-lettre p{margin:0;color:var(--text);max-width:52ch}
.pied-form{display:grid;gap:10px;padding:20px;border:1px solid var(--accent-line);border-radius:var(--radius-lg);background:var(--raised);box-shadow:var(--shadow)}
.pied-champ{color:var(--muted);font-family:var(--mono);font-size:.8125rem}
.pied-form .input-action input{min-width:0}
.pied-accord{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.875rem;line-height:1.45}
.pied-accord input{margin-top:3px;flex:none}
.pied-accord a,.pied-colonnes a:hover{color:var(--heading)}
.pied-bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:32px 48px;padding:40px var(--edge) 48px}
.pied-marque{display:grid;gap:10px;align-content:start}
.pied-marque p{margin:0;font-size:.9375rem}
.pied-marque small{font-family:var(--mono);font-size:.8125rem}
.pied-colonnes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
@media(max-width:1100px){.pied-colonnes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pied-colonnes div{display:grid;gap:10px;align-content:start}
.pied-titre{margin:0 0 4px;color:var(--heading);font-weight:600;font-size:.9375rem}
.pied-colonnes a{color:var(--muted);text-decoration:none;font-size:.9375rem}
@media(max-width:860px){
  .pied-lettre,.pied-bas{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .pied-colonnes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pied-form .input-action{flex-direction:column;align-items:stretch}
  .pied-form .input-action .button{justify-content:center}
}

/* Page de la lettre allegee (23/09) : ce qu on recoit, formulaire compact, anciens numeros. */
.lettre-page{max-width:760px}
.lettre-contenu{display:grid;gap:12px;margin:8px 0 28px;padding:0;list-style:none}
.lettre-contenu li{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.lettre-contenu strong{color:var(--heading)}
.lettre-contenu span{color:var(--text)}
.lettre-contenu a{color:var(--accent)}
.lettre-archives{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.lettre-archives h2{margin:0 0 8px;color:var(--heading);font-size:1.25rem}
.lettre-archives p{margin:0;color:var(--muted)}
@media(max-width:560px){.lettre-form .input-action{flex-direction:column;align-items:stretch}.lettre-form .input-action .button{justify-content:center}}

/* Annonce du code promo cache dans la lettre (23/09, idee d Anthony). */
.lettre-code{margin:0 0 16px;padding:12px 16px;border:1px dashed var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);color:var(--text)}
.lettre-code strong{color:var(--accent)}

/* Literata pour LIRE (demande d Anthony, 23/09) : texte courant de la lettre et de ses archives.
   Les titres restent en Geist : on lit en Literata, on repere en Geist. Memes fichiers que Hora. */
@font-face{font-family:"Literata";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/fonts/literata-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Literata";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/fonts/literata-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Literata";font-style:italic;font-weight:200 900;font-display:swap;src:url(/assets/fonts/literata-ital-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Literata";font-style:italic;font-weight:200 900;font-display:swap;src:url(/assets/fonts/literata-ital-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lecture:"Literata",ui-serif,Georgia,"Times New Roman",serif}
.lettre-page .page-hero p:not(.section-kicker),.lettre-contenu span,.lettre-code,.lettre-archives p,.lettre-numero p,.lettre-numero li{font-family:var(--lecture);font-size:1.0625rem;line-height:1.65}
.lettre-numero{max-width:68ch}


/* Kit indicateur 27 (page /kit.html), Claude, 03/10/2026 */
[data-page="kit"] main>section{padding:clamp(56px,8vw,120px) var(--edge)}
[data-page="kit"] main>.kit-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(32px,6vw,88px);align-items:end;padding-top:clamp(56px,8vw,112px)}
.kit-hero h1{max-width:14em;margin-top:28px;font-size:clamp(2.125rem,1.2rem + 3.6vw,4.25rem);font-weight:580;line-height:1.04;letter-spacing:-.04em}
.kit-chapeau{max-width:46ch;margin-top:24px;color:var(--text);font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem)}
.kit-prix{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}
.kit-prix p{margin:0;color:var(--muted)}
.kit-prix strong{color:var(--heading);font-size:2.25rem;font-weight:600;letter-spacing:-.03em}
.kit-hero .tax-note{margin-top:14px}
.kit-texte-officiel{margin:0;padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface)}
.kit-texte-officiel p{margin:0;color:var(--heading);font-family:var(--lecture);font-size:1.125rem;line-height:1.6}
.kit-texte-officiel footer{display:block;margin-top:16px;color:var(--muted);font-family:var(--mono);font-size:.8125rem}
.kit-texte-officiel a{color:inherit}
[data-page="kit"] main>.kit-cfa{max-width:calc(760px + 2 * var(--edge));padding-top:0;padding-bottom:0}
.kit-cfa p:not(.section-kicker){max-width:60ch;color:var(--text)}
.kit-achat .price-card .micro a{color:inherit}
.checkout-form textarea{min-height:132px;font-family:var(--mono);line-height:1.7;resize:vertical}
.checkout-form label small{color:var(--muted);font-size:.8125rem}
@media(max-width:850px){
  [data-page="kit"] main>.kit-hero{grid-template-columns:minmax(0,1fr);align-items:start}
  [data-page="kit"] .site-header nav a[href^="#"]:not(.nav-cta){display:none}
}
@media(max-width:600px){
  [data-page="kit"] .site-header nav a:not(.nav-cta){display:none}
  .kit-prix .button{width:100%}
}
.pourquoi-deux article p+p{margin-top:14px}
.pourquoi-deux article>.button{margin-top:22px}

/* Pages des vigies a venir (Claude, 03/10) */
.vigie-lien{display:inline-flex;align-items:center;gap:8px;margin-top:4px;color:var(--heading);font-weight:520}
a.vigie-carte:hover .vigie-lien .arrow{transform:translateX(3px)}
.vigie-lien .arrow{transition:transform .2s}
.vigie-attente{padding-top:0!important}
.attente-form{max-width:640px}
.attente-form h2{margin:0 0 6px;font-size:clamp(1.25rem,1rem + 1vw,1.625rem);letter-spacing:-.02em;line-height:1.2}
.vigie-champs{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.vigie-champs h3{margin-top:0}
.vigie-detail .section-heading p{max-width:62ch}
.vigie-detail .section-kicker{margin-top:28px}
.vigie-chiffre{color:var(--muted);font-family:var(--mono);font-size:.9375rem}
@media(max-width:560px){.attente-form .input-action{flex-direction:column;align-items:stretch}.attente-form .input-action .button{justify-content:center}}
.attente-form .input-action .button{white-space:nowrap;flex:none}
.vigie-etudes-seule{grid-template-columns:minmax(0,1fr);max-width:640px}