/* Beaj 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 light;
  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{
    --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}
html{-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));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}