@font-face{font-family:"Inter";src:url("fonts/InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--stpe-bg:#fbfaf7;--stpe-bg2:#f1eee7;--stpe-fg:#0e1a33;--stpe-muted:#4f5e78;--stpe-accent:#b8481f;--stpe-accent-fg:#fff;--stpe-line:#ddd8cd;--stpe-card:#fff;--stpe-glow:rgba(184,72,31,.10);--stpe-radius:16px}
@media (prefers-color-scheme:dark){:root{--stpe-bg:#0a1122;--stpe-bg2:#0f1a33;--stpe-fg:#eef2f9;--stpe-muted:#a9b5cb;--stpe-accent:#f0875f;--stpe-accent-fg:#1c0e07;--stpe-line:#25324f;--stpe-card:#111c36;--stpe-glow:rgba(240,135,95,.14)}}
html{scroll-behavior:smooth}
body{background:var(--stpe-bg);color:var(--stpe-fg);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased;line-height:1.65}
h1,h2,h3,h4{font-family:"Inter",system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--stpe-fg)}
a{color:var(--stpe-accent);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--stpe-accent);outline-offset:3px;border-radius:4px}
.stpe-main{margin:0!important}
/* En-tête */
.stpe-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--stpe-bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--stpe-line)}
.stpe-header .wp-block-site-title a{font-weight:800;letter-spacing:-.02em;color:var(--stpe-fg);text-decoration:none;font-size:1.15rem}
.stpe-header .wp-block-navigation a{font-weight:500;color:var(--stpe-fg);text-decoration:none}
.stpe-header .wp-block-navigation a:hover{color:var(--stpe-accent)}
.stpe-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--stpe-bg);color:var(--stpe-fg)}
/* Sections */
.stpe-section{padding:clamp(3.5rem,8vw,6.5rem) 1.25rem}
.stpe-section.alt{background:var(--stpe-bg2);border-block:1px solid var(--stpe-line)}
.stpe-hero{padding:clamp(4rem,10vw,8rem) 1.25rem clamp(3rem,7vw,5.5rem);background:radial-gradient(70rem 28rem at 15% -10%,var(--stpe-glow),transparent 60%),radial-gradient(50rem 24rem at 100% 0,var(--stpe-glow),transparent 60%)}
.stpe-hero h1{font-size:clamp(2.4rem,6.2vw,4.6rem);font-weight:850;max-width:18ch;margin:0}
.stpe-hero .lead{font-size:clamp(1.1rem,2.2vw,1.35rem);color:var(--stpe-muted);max-width:44rem;margin-top:1.4rem}
.stpe-pill{display:inline-block;padding:.35rem .9rem;border-radius:999px;background:var(--stpe-accent);color:var(--stpe-accent-fg);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 1.4rem}
.stpe-kicker{color:var(--stpe-accent);font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .6rem}
.stpe-h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 1rem}
.stpe-intro{color:var(--stpe-muted);font-size:1.1rem;max-width:46rem}
/* Cartes */
.stpe-grid{margin-top:2.5rem;gap:1.25rem}
.stpe-card{background:var(--stpe-card);border:1px solid var(--stpe-line);border-radius:var(--stpe-radius);padding:1.6rem 1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s}
.stpe-card:hover{transform:translateY(-3px);border-color:var(--stpe-accent);box-shadow:0 14px 34px -18px var(--stpe-accent)}
.stpe-card h3{font-size:1.2rem;margin:.2rem 0 .5rem}
.stpe-card p{color:var(--stpe-muted);margin:0}
.stpe-card ul{margin:.8rem 0 0;padding-left:1.1rem;color:var(--stpe-muted)}
.stpe-card li{margin:.25rem 0}
.stpe-num{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:12px;background:var(--stpe-accent);color:var(--stpe-accent-fg);font-weight:800}
.stpe-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2rem}
.stpe-box{border:1px solid var(--stpe-line);border-radius:var(--stpe-radius);padding:1.6rem;background:var(--stpe-card)}
.stpe-box.accent{border-color:var(--stpe-accent)}
.stpe-box h3{margin-top:0}
.stpe-plus{display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:800;color:var(--stpe-accent)}
@media (max-width:760px){.stpe-split{grid-template-columns:1fr}}
/* Boutons */
.wp-block-button__link{border-radius:12px;font-weight:700;padding:.85rem 1.5rem;background:var(--stpe-accent);color:var(--stpe-accent-fg);transition:transform .15s,filter .15s}
.wp-block-button__link:hover{filter:brightness(1.08);transform:translateY(-1px)}
.is-style-outline>.wp-block-button__link,.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--stpe-fg);border:1.5px solid var(--stpe-line)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--stpe-accent);color:var(--stpe-accent)}
.stpe-header .wp-block-button__link{padding:.55rem 1.1rem;font-size:.95rem}
/* FAQ */
.wp-block-details{border-bottom:1px solid var(--stpe-line);padding:1.1rem 0}
.wp-block-details summary{cursor:pointer;font-weight:700;font-size:1.08rem}
.wp-block-details p{color:var(--stpe-muted)}
/* Formulaire */
.stpe-form{display:grid;gap:1.1rem;max-width:44rem}
.stpe-form .row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media (max-width:640px){.stpe-form .row{grid-template-columns:1fr}}
.stpe-form label{font-weight:600;display:block;margin-bottom:.35rem;font-size:.95rem}
.stpe-form input[type=text],.stpe-form input[type=email],.stpe-form input[type=tel],.stpe-form input[type=url],.stpe-form select,.stpe-form textarea{width:100%;padding:.8rem 1rem;border:1.5px solid var(--stpe-line);border-radius:12px;background:var(--stpe-card);color:var(--stpe-fg);font:inherit}
.stpe-form textarea{min-height:10rem;resize:vertical}
.stpe-form input:focus,.stpe-form select:focus,.stpe-form textarea:focus{border-color:var(--stpe-accent);outline:none;box-shadow:0 0 0 3px var(--stpe-glow)}
.stpe-form .check{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem;color:var(--stpe-muted)}
.stpe-form .check input{margin-top:.3rem;accent-color:var(--stpe-accent)}
.stpe-form button{justify-self:start;border:0;cursor:pointer;border-radius:12px;padding:.95rem 1.8rem;background:var(--stpe-accent);color:var(--stpe-accent-fg);font:inherit;font-weight:700}
.stpe-form button:hover{filter:brightness(1.08)}
.stpe-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.stpe-alert{border-radius:12px;padding:1rem 1.2rem;border:1.5px solid var(--stpe-accent);background:var(--stpe-glow);max-width:44rem;margin-bottom:1rem}
/* Pied de page */
.stpe-footer{border-top:1px solid var(--stpe-line);background:var(--stpe-bg2);padding:3rem 1.25rem 2rem;color:var(--stpe-muted)}
.stpe-footer a{color:var(--stpe-fg);text-decoration:none}
.stpe-footer a:hover{color:var(--stpe-accent);text-decoration:underline}
.stpe-footer h2,.stpe-footer h3{font-size:1rem;color:var(--stpe-fg);margin:0 0 .7rem}
.stpe-footer p{margin:.3rem 0}
.stpe-legal h2{font-size:1.4rem;margin-top:2rem}
.stpe-legal{padding:3rem 1.25rem 5rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Grilles : colonnes qui remplissent toute la largeur */
.stpe-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--m,16rem)),1fr))!important}
.stpe-grid.m13{--m:13rem}.stpe-grid.m14{--m:14rem}.stpe-grid.m15{--m:15rem}.stpe-grid.m16{--m:16rem}.stpe-grid.m18{--m:19rem}
/* Tailles de texte homogènes */
body{font-size:1.0625rem}
.stpe-card p,.stpe-card li,.stpe-box p{font-size:1rem}
.stpe-footer p,.stpe-footer li{font-size:.98rem}
.stpe-card h3{font-size:1.25rem}
.stpe-hero .lead,.stpe-intro{font-size:1.15rem}

/* Correctifs de mise en page */
h1,h2,h3{text-wrap:balance}
.stpe-hero h1{max-width:22ch}
.stpe-form input,.stpe-form select,.stpe-form textarea{box-sizing:border-box}
.stpe-hero+.stpe-section{padding-top:2.5rem}
.stpe-footer-cols{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))!important;gap:2rem}
.stpe-footer .has-text-align-center{margin-top:2.2rem}
.stpe-box p{margin:.5rem 0 0}
.stpe-card .stpe-num{margin-bottom:.4rem}
