/* Refonte à valider — direction bleu nuit / bleu électrique. */
:root[data-theme="light"]{--paper:#fff;--surface:#f2f5fa;--surface-2:#e8edf5;--ink:#132139;--ink-2:#4b5c73;--ink-3:#586b83;--line:#dfe6ef;--line-strong:#bcc9dc;--brand:#2459ea;--brand-hover:#1742b9;--brand-soft:#eaf0ff;--brand-line:#bdceff;--band:#10213d;--band-ink:#fff;--band-btn:#c3fa75;--band-btn-ink:#10213d;--maxw:1360px;--pad:clamp(22px,4vw,64px);--r:20px;--r-sm:12px}
body{font-size:16px} .mono{font-size:12px;letter-spacing:.1em} .btn{border-radius:10px;min-height:46px}.btn:hover{transform:translateY(-2px)}
header.site{background:rgba(255,255,255,.96)}.nav{height:82px;gap:18px}.brand{white-space:nowrap;font-size:18px}.brand small{display:none}.brand .pin-ico{width:25px;height:25px}.nav-links{gap:18px}.nav-links a{font-size:14px;white-space:nowrap}.nav-tel{white-space:nowrap;font-size:14px}.menu-toggle{display:none}.nav-links a[aria-current]{color:var(--brand);border-color:var(--brand)}
.hero{background:#0c1a31;color:#fff;border:0}.hero::before{background:radial-gradient(ellipse at 95% 30%,#173c66 0,transparent 60%)}
.hero-grid{padding:64px var(--pad) 58px;gap:54px;align-items:center}.hero-copy{gap:23px}.hero-copy h1{font-size:clamp(2.8rem,4.35vw,4.25rem);line-height:1.04;letter-spacing:-.055em}.hero-copy h1 .line2{color:#b9c9df;font-size:.73em;line-height:1.13;margin-top:16px;max-width:19ch}.hero-copy .sub{color:#b9c9df;font-size:16px;max-width:48ch}.hero-copy .sub strong{color:#fff;font-weight:500}.slots{background:transparent;border:0;padding:0;color:#c3fa75;max-width:100%;white-space:normal}.slots .pulse{background:#c3fa75}.pulse::after{border-color:#c3fa75}.hero .btn-primary{background:#c3fa75;border-color:#c3fa75;color:#132139}.hero .btn-ghost{color:#fff;border-color:#53647a;background:transparent}.hero .btn-ghost:hover{background:#223958}.hero-alt{background:transparent!important;border-color:#3b4f69!important;color:#b9c9df!important;border-radius:0!important;border-width:1px 0 0!important;padding:17px 0 0!important;font-size:14px!important}.hero-alt b{color:#fff!important}.hero-alt span{font-size:13px!important}
.sim{position:relative;gap:14px;min-width:0}.sim-heading .mono{color:#a8c0e0}.sim-heading h2{font-size:30px;letter-spacing:-.035em;margin:12px 0;color:#fff}.sim-heading h2 br{display:none}.sim-heading h2 span{color:#c3fa75}.sim-heading p{font-size:14px;color:#b9c9df}.sim-bar{gap:6px}.sim-bar>.mono{display:none}.sim-bar .tab{background:#172c47;color:#dae5f4;border-color:#38506d;font-size:13px;min-height:40px;padding:7px 12px}.sim-bar .tab[aria-selected=true]{background:#c3fa75;color:#132139;border-color:#c3fa75}.device{color:var(--ink);box-shadow:0 24px 65px #0004;border:1px solid #fff3;border-radius:18px;min-height:390px}.device-top{flex-wrap:wrap;padding:14px;background:#fff}.searchbar{flex-basis:100%;border-radius:9px}.seg{width:100%;border-radius:9px}.seg button{flex:1;border-radius:7px;min-height:38px}.sim-note{color:#a8bbd3;font-size:12px}.sim-note strong{color:#dce6f4}.sim-note .mono{color:#c3fa75}
.proof-strip{padding-top:30px;padding-bottom:30px}.hero-facts{gap:0}.hero-facts div{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:12px 26px}.hero-facts div:first-child{padding-left:0}.hero-facts div:last-child{border:0}.hero-facts b{color:#2459ea;font-size:34px}.hero-facts span{font-size:13px;max-width:24ch;line-height:1.5}
.sec-head{padding-top:80px;gap:18px}.sec-head h2{max-width:24ch;font-size:clamp(2rem,3.2vw,2.9rem)}.sec-head .lede{max-width:66ch}.band{border-color:#e7edf5}#audit{background:#f2f5fa}.quiz{background:#fff!important;border-radius:22px;box-shadow:0 15px 45px #11234009}.quiz-q{max-width:40ch;font-size:clamp(1.4rem,2.6vw,2rem)}.quiz-prog .bar{height:8px}.quiz-btns button{min-height:50px;border-radius:10px}.plan,.service,.step,.guard{transition:transform .22s,box-shadow .22s}.plan:hover,.service:hover,.guard:hover{transform:translateY(-5px);box-shadow:0 18px 45px #11234012}.plan{border-radius:20px!important}.plan.top{border:2px solid var(--brand)!important}.plan .price b{letter-spacing:-.05em}details{border-radius:12px!important}summary{padding-block:23px!important}.final{background:#10213d}.contact-form{box-shadow:0 25px 65px #0002}.page-head{background:#eff4ff}.page-head h1{max-width:24ch}.reading-progress{position:fixed;top:0;left:0;height:3px;background:#2459ea;z-index:100;width:0;pointer-events:none}
@media(min-width:1060px){.hero-grid{grid-template-columns:1fr 1fr}.sim{padding-top:6px}}
@media(max-width:1360px){.nav-links{display:none}.menu-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:14px;cursor:pointer}.nav-links.is-open{display:flex;position:absolute;top:81px;left:0;right:0;background:white;padding:24px var(--pad);flex-wrap:wrap;box-shadow:0 15px 30px #11234014}.nav-links a{padding:10px}.nav-tel{display:inline}.nav{gap:12px}}
@media(max-width:1059px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy h1{font-size:clamp(2.8rem,7vw,4.3rem);max-width:20ch}.hero-copy .sub{max-width:65ch}.sim{max-width:720px;width:100%}.sim-heading h2{font-size:25px}.hero-facts{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.nav{height:auto;min-height:76px;flex-wrap:wrap;padding-block:12px;gap:10px}.brand{font-size:16px}.nav>.btn{font-size:13px;padding:9px 12px;min-height:40px}.nav-tel{font-size:12px;order:4;width:100%;text-align:right}.nav-links.is-open{top:100%;flex-direction:column;align-items:stretch}.hero-grid{padding-top:38px;padding-bottom:38px}.hero-copy h1{font-size:2.8rem}.hero-cta{width:100%}.hero-cta .btn{width:100%}.hero-facts{grid-template-columns:1fr 1fr;row-gap:16px}.hero-facts div{padding:8px 14px}.hero-facts div:nth-child(odd){padding-left:0}.hero-facts div:nth-child(2){border:0}.hero-facts b{font-size:29px}.sec-head{padding-top:52px}.sim-heading h2 br{display:block}.sim-bar .tab{flex:1;font-size:12px;padding:7px 8px}.device{min-height:360px}.sim-note{line-height:1.5}.mono{letter-spacing:.05em}.proof-strip{padding-top:20px;padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Deuxième direction : une activité incarnée, une scène de quartier. */
.neighborhood{position:relative;margin:0;align-self:stretch;min-height:510px;border-radius:72px 18px 18px 18px;overflow:hidden;background:#234565;box-shadow:0 25px 60px #0003}.neighborhood>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:54% center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.neighborhood:hover>img{transform:scale(1.025)}.neighborhood::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061629e8);pointer-events:none}.neighborhood figcaption{position:absolute;z-index:1;bottom:65px;left:30px;right:22px;display:grid;gap:12px}.neighborhood figcaption .mono{color:#dfffae;font-size:11px}.neighborhood figcaption strong{font-family:"Space Grotesk",sans-serif;font-size:28px;line-height:1.13;letter-spacing:-.035em;color:#fff}.picture-link{position:absolute;bottom:22px;left:30px;z-index:2;color:#fff;text-decoration:none;font-size:14px}.picture-link span{display:inline-block;margin-left:25px;transition:transform .2s}.picture-link:hover span{transform:translate(3px,-3px)}
.personal-strip{display:flex;gap:18px;align-items:center;padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--line)}.initials{display:grid;place-items:center;flex:none;width:54px;height:54px;background:#2459ea;color:#fff;border-radius:50%;font-family:"Space Grotesk",sans-serif;font-size:25px;letter-spacing:-.08em}.personal-strip p{color:var(--ink-2);font-size:15px}.personal-strip b{color:var(--ink);display:block;font-size:18px;margin-bottom:2px}.personal-strip>a{margin-left:auto;white-space:nowrap;font-size:14px;text-decoration:none;color:var(--brand)}
.simulation-section{background:#edf2f8;border-block:1px solid var(--line)}.simulation-layout{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.simulation-intro{display:grid;gap:22px}.simulation-intro h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12}.simulation-intro em{font-style:normal;color:#2459ea}.simulation-intro p{color:var(--ink-2);font-size:16px;max-width:44ch}.text-link{color:var(--brand);font-weight:600;text-decoration:none}.simulation-section .sim-note{color:#53657c}.simulation-section .sim-note strong{color:#263b57}.simulation-section .sim-note .mono{color:#2459ea}.simulation-section .device{box-shadow:0 15px 40px #19375415}.simulation-section .tab{background:#fff;color:#53657c;border-color:#c6d3e4}.simulation-section .tab[aria-selected=true]{color:#fff;background:#2459ea;border-color:#2459ea}
.personal-about{background:#fff8ec}.personal-about .sec-head h2{max-width:30ch}.personal-about .about{grid-template-columns:.7fr 1.3fr;gap:70px}.personal-about .idcard{background:#f8d887;border:0;border-radius:70px 12px 12px 12px;min-height:310px;transform:rotate(-3deg);padding:35px;box-shadow:8px 10px 0 #edd09d}.personal-about .idcard::before{display:none}.personal-about .idcard-mark{background:transparent;color:#755016}.personal-about .idcard-name{color:#10213d;font-size:52px;line-height:1}.personal-about .idcard-role{color:#604a21}.personal-about .sig{font-family:Georgia,serif;font-style:italic;font-size:32px;color:#2459ea}.personal-about .about-facts span{background:transparent;border-color:#d5c4a5}
@media(max-width:1059px){.neighborhood{min-height:440px}.simulation-layout{gap:32px;grid-template-columns:1fr}.simulation-intro p{max-width:65ch}.simulation-section .sim{max-width:none}.personal-about .about{gap:35px;grid-template-columns:1fr 1.5fr}}
@media(min-width:720px) and (max-width:1059px){.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;padding-top:44px}.hero-copy{gap:18px}.hero-copy h1{font-size:clamp(2.45rem,5.2vw,3.25rem)}.hero-copy h1 .line2{margin-top:11px}.hero-copy .sub{font-size:15px}.hero-cta{display:grid;width:100%}.hero-cta .btn{width:100%}.hero-alt{margin-top:2px}.neighborhood{min-height:500px}.neighborhood figcaption strong{font-size:23px}}
@media(max-width:620px){.neighborhood{min-height:380px;border-top-left-radius:70px}.neighborhood figcaption{left:24px}.neighborhood figcaption strong{font-size:26px}.picture-link{left:24px}.personal-strip{flex-wrap:wrap;gap:12px}.personal-strip p{flex:1;font-size:14px}.personal-strip>a{margin-left:66px;font-size:13px}.simulation-layout{padding-top:40px;padding-bottom:40px}.personal-about .about{grid-template-columns:1fr}.personal-about .idcard{min-height:240px;max-width:340px;margin:0 10px 10px}.personal-about .idcard-name{font-size:44px}}
.demo-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.demo-toolbar>div{display:flex;gap:4px;border:1px solid var(--line);border-radius:10px;padding:4px}.demo-toolbar button{font:inherit;font-size:13px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink-2);cursor:pointer}.demo-toolbar button[aria-pressed=true]{background:#132139;color:#fff}.demo-shell{width:100%;margin:auto;background:#faf7ee;color:#1d3d3c;border:1px solid #d5d4ca;border-radius:16px;overflow:hidden;box-shadow:0 24px 50px #11234019;container-type:inline-size;transition:max-width .35s ease;max-width:100%}.demo-shell.is-mobile{max-width:360px}.demo-browser{display:flex;gap:16px;align-items:center;padding:12px 16px;background:#f1eee6;color:#686e68;font:11px monospace;border-bottom:1px solid #deddd3}.demo-browser>span:first-child{color:#bdbcae}.demo-nav{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-nav b{font-size:23px;letter-spacing:-1px}.demo-nav b span{font-size:11px;letter-spacing:0;font-weight:400}.demo-nav button,.demo-back{background:transparent;border:0;color:#234a45;cursor:pointer;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px}.demo-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:310px}.demo-copy{padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.demo-label{font:10px monospace;letter-spacing:.08em;color:#62736a}.demo-copy h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;font-size:36px;line-height:1.06}.demo-copy h3 em{color:#a35c36;font-weight:400}.demo-copy p{font-size:13px;line-height:1.65;color:#576961}.demo-hero img{width:100%;height:100%;min-height:310px;object-fit:cover;max-height:420px}.demo-primary{background:#1d4b43;color:#fff;border:0;border-radius:4px;padding:13px 16px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.demo-primary:hover{background:#326e5e;transform:translateY(-2px)}.demo-services{padding:24px 20px;display:grid;gap:15px}.demo-services>div[role=group]{display:flex;border-bottom:1px solid #d9dbce;gap:6px;flex-wrap:wrap}.demo-services button[data-service]{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 2px;min-height:44px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer;color:#62736a}.demo-services button[aria-pressed=true]{color:#1d4b43;border-color:#1d4b43;font-weight:700}.demo-service-detail h4{font-size:18px;line-height:1.25}.demo-service-detail p{font-size:13px;margin:9px 0;color:#576961}.demo-service-detail button{background:transparent;border:0;color:#1d4b43;padding:6px 0;font:inherit;font-weight:600;font-size:13px;cursor:pointer}.demo-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#1d3d3c;color:#faf7ee;font-size:11px;gap:15px}.demo-footer b{font-size:22px}.demo-quote{padding:25px;min-height:440px}.demo-quote>.demo-label{display:block;margin:24px 0 14px}.demo-quote h3{font:36px Georgia,serif}.demo-quote p{font-size:14px;margin:12px 0 20px}.demo-quote form{display:grid;gap:16px}.demo-quote label{display:grid;gap:8px;font-size:14px}.demo-quote select,.demo-quote textarea{width:100%;font:inherit;border:1px solid #bfcbbd;background:white;padding:12px;border-radius:5px;color:#1d3d3c;box-sizing:border-box}.demo-confirmation{padding:24px 0}.demo-confirmation h4{font-size:25px}.demo-shell [hidden]{display:none!important}
@container(max-width:400px){.demo-hero{grid-template-columns:1fr}.demo-hero img{height:190px;min-height:190px;max-height:190px;object-position:center 60%}.demo-copy h3{font-size:35px}.demo-nav{padding:16px}.demo-copy{padding-top:12px}.demo-services>div[role=group]{flex-direction:column}.demo-services button[data-service]{text-align:left}.demo-label{font-size:10px}}
@media(max-width:620px){.demo-toolbar{flex-wrap:wrap}.demo-toolbar .mono{font-size:11px}}

/* Direction finale : studio search contemporain, centrée sur le diagnostic. */
:root[data-theme="light"]{
  --brand:#315bea;
  --brand-hover:#2447bd;
  --signal:#c9ff68;
  --night:#101725;
  --warm:#f6f4ee;
}

header.site{border-bottom:1px solid #dfe4ec}
.hero{
  position:relative;
  overflow:hidden;
  background:var(--night);
}
.hero::before{
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 73% 24%,rgba(49,91,234,.34),transparent 38%);
  background-size:64px 64px,64px 64px,auto;
  opacity:1;
}
.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(44px,5vw,80px);padding-top:76px;padding-bottom:76px}
.hero-copy h1{font-size:clamp(3.25rem,5.15vw,5.2rem);max-width:11ch;line-height:.96}
.hero-copy h1 .line2{font-size:.61em;line-height:1.08;color:#aebbd0;max-width:18ch;margin-top:23px}
.hero-copy .sub{font-size:17px;line-height:1.72;max-width:51ch}
.hero .btn-primary{background:var(--signal);border-color:var(--signal)}
.slots{letter-spacing:.14em}

.visibility-console{
  position:relative;
  color:#162033;
  background:var(--warm);
  border:1px solid rgba(255,255,255,.42);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 35px 90px rgba(0,0,0,.38),10px 10px 0 rgba(49,91,234,.45);
  transform:rotate(.35deg);
}
.visibility-console::before{content:"";position:absolute;inset:47px 0 auto;height:1px;background:#d8d9d5}
.console-topbar{height:48px;padding:0 18px;display:flex;align-items:center;gap:13px;color:#677080;font-size:10px}
.console-topbar>.mono{font-size:10px;letter-spacing:.08em}
.console-dots{display:flex;gap:5px}.console-dots i{width:7px;height:7px;border-radius:50%;background:#c5c7c5}.console-dots i:first-child{background:#315bea}.console-live{margin-left:auto;display:flex;align-items:center;gap:6px;text-transform:uppercase;font:600 9px "JetBrains Mono",monospace;letter-spacing:.08em}.console-live i{width:7px;height:7px;border-radius:50%;background:#68b848;box-shadow:0 0 0 4px #68b8481c}
.console-main{padding:27px 27px 22px}
.console-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.console-heading>.console-score{flex:none}.console-heading .mono{color:#6b7585;font-size:10px}.console-heading h2{font-size:clamp(2rem,3.1vw,3.3rem);line-height:.96;letter-spacing:-.06em;margin-top:12px}
.console-score{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--brand) 0 58%,#dde0dc 58%);display:grid;place-content:center;text-align:center;position:relative}.console-score::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--warm)}.console-score>*{position:relative}.console-score strong{font-family:"Space Grotesk",sans-serif;font-size:34px;line-height:.9;letter-spacing:-.06em}.console-score>span{font-size:11px}.console-score small{display:block;margin-top:5px;text-transform:uppercase;font:8px "JetBrains Mono",monospace;letter-spacing:.1em;color:#6c7480}
.console-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:27px;padding:5px;background:#e5e5df;border-radius:12px}.console-tabs button{min-height:41px;border:0;border-radius:8px;background:transparent;color:#697181;font:600 12px "Inter",sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .2s}.console-tabs button:hover{transform:translateY(-1px)}.console-tabs button[aria-selected=true]{background:#fff;color:#172136;box-shadow:0 4px 12px #19203512}
.console-panel{margin-top:12px;background:#fff;border:1px solid #dedfda;border-radius:14px;padding:17px}.console-panel-head{display:flex;justify-content:space-between;gap:20px;font-size:13px}.console-panel-head strong{color:var(--brand)}.signal-track{height:7px;border-radius:5px;background:#e7e9e6;margin:14px 0;overflow:hidden}.signal-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315bea,#8d6aff);transition:width .5s cubic-bezier(.2,.8,.2,1)}.console-panel p{font-size:12px;line-height:1.55;color:#647083;max-width:48ch}
.console-priorities{margin-top:21px}.console-priorities>.mono{font-size:9px;color:#6e7786}.console-priorities ol{list-style:none;margin-top:10px;border-top:1px solid #d8dad6}.console-priorities li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #d8dad6;font-size:11px}.console-priorities li>span{font:9px "JetBrains Mono",monospace;color:#7a8390}.console-priorities li>b{font-weight:600}.console-priorities li>em{font-style:normal;color:#687485;text-align:right}
.console-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#315bea;color:#fff;padding:15px 24px;font-size:11px}.console-footer>span{display:flex;align-items:center;gap:9px}.console-footer b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--signal);color:#111a2a;font-size:12px}.console-footer a{color:#fff;text-decoration:none;font-weight:600}.console-footer a span{margin-left:10px}

.channel-ticker{overflow:hidden;border-bottom:1px solid #dce2eb;background:var(--signal);color:#111a2a}.channel-ticker>div{min-height:46px;display:flex;justify-content:center;align-items:center;gap:25px;white-space:nowrap;font:600 11px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.channel-ticker i{font-style:normal;color:#315bea}
.personal-strip{margin-top:0}

#tarifs{background:#f5f3ed}.plans.two{gap:18px}.plan{background:#fff;border:1px solid #d9dedf!important;box-shadow:none!important}.plan:hover{box-shadow:8px 8px 0 #dbe2ff!important;transform:translate(-3px,-3px)}.plan.top{background:#fff;border-color:#315bea!important;box-shadow:7px 7px 0 #315bea!important}.plan.top:hover{box-shadow:11px 11px 0 #315bea!important}.plan .price b{font-size:clamp(2.35rem,4vw,4rem)}
.steps{gap:0;border-block:1px solid var(--line)}.step{border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important}.step:last-child{border-right:0!important}

@media(max-width:1059px){
  .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:28px;padding-top:48px;padding-bottom:52px}
  .hero-copy h1{font-size:clamp(2.65rem,5vw,3.7rem)}
  .hero-copy h1 .line2{font-size:.66em;margin-top:15px}
  .hero-copy .sub{font-size:15px;line-height:1.6}
  .console-main{padding:23px 22px 19px}
  .console-heading h2{font-size:2.25rem}
  .console-score{width:90px;height:90px}.console-score strong{font-size:28px}
}
@media(max-width:680px){
  .hero-grid{grid-template-columns:1fr;gap:40px;padding-top:44px}
  .hero-copy h1{font-size:clamp(3rem,12vw,4.8rem);max-width:10ch}
  .visibility-console{transform:none;max-width:620px}
  .channel-ticker>div{justify-content:flex-start;width:max-content;padding-inline:24px;animation:ticker 22s linear infinite}
  .steps{display:grid;border:0}.step{border:1px solid var(--line)!important;border-bottom:0!important}.step:last-child{border-bottom:1px solid var(--line)!important}
}
@media(max-width:520px){
  .hero-grid{padding-top:32px;padding-bottom:38px}
  .hero-copy h1{font-size:2.9rem}.hero-copy h1 .line2{font-size:.64em}
  .console-main{padding:21px 16px 16px}
  .console-heading h2{font-size:2rem}.console-score{width:82px;height:82px}.console-score strong{font-size:25px}
  .console-tabs button{font-size:10px}.console-priorities li{grid-template-columns:24px 1fr}.console-priorities li>em{display:none}
  .console-footer{padding:13px 16px}.console-footer>span{font-size:0}.console-footer>span b{font-size:12px}.console-footer a{font-size:11px}
}
@keyframes ticker{to{transform:translateX(-50%)}}

/* Mise en scène : le site sert aussi de vitrine du savoir-faire web. */
.visibility-console{transition:transform .18s ease-out,box-shadow .25s ease;transform-style:preserve-3d;will-change:transform}
.visibility-console::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,70%) var(--my,15%),rgba(255,255,255,.7),transparent 20%);mix-blend-mode:soft-light;opacity:.55}
.console-main,.console-topbar,.console-footer{position:relative;z-index:1}

.simulation-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#1c1642 0%,#111a31 56%,#123651 100%);border:0;color:#fff}
.simulation-section::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-210px;border-radius:50%;background:#315bea;filter:blur(1px);opacity:.28}
.simulation-layout{position:relative;z-index:1;padding-top:92px;padding-bottom:92px}
.simulation-intro .eyebrow{color:var(--signal)}
.simulation-intro h2{color:#fff;font-size:clamp(2.5rem,4vw,4.35rem);letter-spacing:-.055em}
.simulation-intro em{color:#a9bfff}
.simulation-intro p{color:#c4cade}
.simulation-intro .text-link{color:var(--signal)}
.simulation-section .sim-bar .tab{background:#ffffff10;color:#dce3f3;border-color:#ffffff2c}
.simulation-section .sim-bar .tab[aria-selected=true]{background:var(--signal);border-color:var(--signal);color:#101725}
.simulation-section .sim-note{color:#b9c3d9}.simulation-section .sim-note strong{color:#fff}.simulation-section .sim-note .mono{color:var(--signal)}

#prestations{position:relative;overflow:hidden;background:#315bea;color:#fff;border:0}
#prestations::before{content:"04";position:absolute;right:-.04em;top:.04em;color:#ffffff0a;font:700 min(36vw,520px)/.8 "Space Grotesk",sans-serif;letter-spacing:-.12em;pointer-events:none}
#prestations .wrap{position:relative;z-index:1}
#prestations .eyebrow,#prestations .em{color:var(--signal)}
#prestations .sec-head .lede{color:#dbe3ff}
#prestations .pillars{background:#ffffff2b;border-color:#ffffff2b;box-shadow:0 30px 80px #10215f55}
#prestations .pillar{background:#fff;color:#142039}
#prestations .pillar:hover{background:var(--signal)}
#prestations .pillar .assoc{color:#59667a;border-color:#aeb7c6}
#prestations .jump{background:#101725;border-color:#101725;color:#fff}
#prestations .jump .btn{background:var(--signal);border-color:var(--signal);color:#101725}

#site{position:relative;isolation:isolate;scroll-margin-top:102px;margin-top:110px;margin-bottom:86px;padding:clamp(38px,5vw,76px);border:1px solid #ffffff1f;border-radius:38px;background:radial-gradient(circle at 78% 24%,#4b42c9 0,transparent 34%),linear-gradient(145deg,#111827,#0c1321 68%);color:#fff;box-shadow:0 42px 110px #17223a31;overflow:hidden;gap:clamp(38px,5vw,74px)}
#site::before{content:"WEB / LOCAL / IA";position:absolute;left:-16px;bottom:-25px;z-index:-1;white-space:nowrap;color:#ffffff08;font:700 clamp(4.5rem,10vw,9rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.08em}
#site .offer-copy h3{font-size:clamp(2.2rem,4vw,4.25rem);line-height:1;letter-spacing:-.06em}
#site .offer-copy>p,#site .addon-note{color:#bdc6d8}
#site .addon-list li{color:#e7ebf3;border-color:#ffffff1c}
#site .addon-flag{display:inline-flex;background:var(--signal);color:#101725;border-radius:99px;padding:9px 13px}
#site .offer-buy .price b{color:#fff;font-size:clamp(3rem,5vw,5.25rem)}
#site .offer-buy .price span{color:#b9c4d8}
#site .offer-buy .btn{background:var(--signal);border-color:var(--signal);color:#101725}
#site .offer-demo{position:relative;z-index:1}
#site .offer-demo::before{content:"";position:absolute;z-index:-1;width:330px;height:330px;right:-90px;top:90px;border-radius:50%;background:linear-gradient(145deg,#c9ff68,#30d9c4);filter:blur(5px);opacity:.82}
.demo-toolbar{align-items:flex-start;margin-bottom:18px;color:#fff}
.demo-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.demo-toolbar>.demo-controls{border:0;padding:0}
.demo-controls>div{display:flex;gap:4px;border:1px solid #ffffff2a;border-radius:10px;padding:4px;background:#ffffff0d}
.demo-toolbar button{color:#d5dcec}.demo-toolbar button[aria-pressed=true]{background:#fff;color:#111827}
.demo-shell{transition:max-width .35s ease,transform .35s ease,background .35s ease,color .35s ease;transform:rotate(1.25deg);box-shadow:0 35px 80px #0007}
.demo-shell:hover{transform:rotate(0) translateY(-5px)}
.demo-shell.is-mobile{transform:rotate(-1deg)}.demo-shell.is-mobile:hover{transform:rotate(0) translateY(-5px)}

.demo-shell.theme-graphic{background:#f5ff69;color:#111827;border-color:#111827}
.demo-shell.theme-graphic .demo-browser{background:#111827;color:#f5ff69;border-color:#111827}
.demo-shell.theme-graphic .demo-nav{background:#f5ff69}.demo-shell.theme-graphic .demo-copy{background:#111827;color:#fff}.demo-shell.theme-graphic .demo-copy p,.demo-shell.theme-graphic .demo-label{color:#c8d0dc}.demo-shell.theme-graphic .demo-copy h3 em{color:#f5ff69}.demo-shell.theme-graphic .demo-primary{background:#f5ff69;color:#111827}.demo-shell.theme-graphic .demo-services{background:#f5ff69}.demo-shell.theme-graphic .demo-footer{background:#ff5d55;color:#111827}
.demo-shell.theme-blue{background:#e7edff;color:#13275c;border-color:#8da9ff}
.demo-shell.theme-blue .demo-browser{background:#315bea;color:#fff;border-color:#315bea}.demo-shell.theme-blue .demo-nav{background:#e7edff}.demo-shell.theme-blue .demo-copy{background:#dce5ff}.demo-shell.theme-blue .demo-copy h3 em{color:#315bea}.demo-shell.theme-blue .demo-primary{background:#315bea;color:#fff}.demo-shell.theme-blue .demo-services{background:#fff}.demo-shell.theme-blue .demo-footer{background:#315bea;color:#fff}
#site .sim-note{color:#abb8cd}#site .sim-note strong{color:#fff}#site .sim-note .mono{color:var(--signal)}

.surface-card{position:relative;overflow:hidden;min-height:310px;justify-content:flex-end;border:0;box-shadow:none}
.surface-card::before{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-70px;border-radius:50%;background:#fff6;transition:transform .45s ease}
.surface-card:hover::before{transform:scale(1.35)}
.surface-card:nth-child(1){background:#dfe7ff}.surface-card:nth-child(2){background:#d9f7e9}.surface-card:nth-child(3){background:#ffe4d8}
.surface-card .ic{position:absolute;top:24px;left:24px;background:#fff9}
.surface-card .num{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.06em;color:#111a2a}
.surface-card h3{font-size:1.25rem}.surface-card p{color:#35435a}.surface-card .src{border-color:#1d2b4122;color:#536177}

.metier-card{transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important}
.metier-card:hover{transform:translate(-4px,-4px)!important;background:var(--signal)!important;box-shadow:8px 8px 0 #315bea!important}

.motion-ready .showcase-reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}
.motion-ready .showcase-reveal.in-view{opacity:1;transform:none}

@media(max-width:1059px){
  #site{grid-template-columns:1fr;padding:44px;margin-top:80px}.offer-demo{max-width:760px;width:100%;margin-inline:auto}
}
@media(max-width:720px){
  .simulation-layout{padding-top:68px;padding-bottom:68px}
  #site{padding:30px 18px;border-radius:24px;margin-inline:-8px}.demo-controls{justify-content:flex-start}.demo-toolbar{flex-direction:column}.demo-shell{transform:none}
  .surface-card{min-height:260px}
}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.visibility-console{transform:none!important}.visibility-console::after{display:none}.demo-shell,.demo-shell:hover,.demo-shell.is-mobile,.demo-shell.is-mobile:hover{transform:none}.channel-ticker>div{animation:none}}

/* Palette 2026 : ivoire éditorial, encre, ultraviolet et accents acides. */
:root[data-theme="light"]{
  --paper:#fbfaf6;
  --surface:#f1eee8;
  --surface-2:#e8e3da;
  --ink:#17151e;
  --ink-2:#565161;
  --ink-3:#716b7a;
  --line:#ded8ce;
  --line-strong:#bdb5a9;
  --brand:#6045f5;
  --brand-hover:#4930d5;
  --brand-soft:#eeeaff;
  --brand-line:#c9bfff;
  --band:#181520;
  --band-ink:#fffdf7;
  --band-btn:#ddff5c;
  --band-btn-ink:#17151e;
  --signal:#ddff5c;
  --night:#17141f;
  --warm:#f7f3eb;
  --map-bg:#eee8de;
  --map-road:#fffdf7;
  --map-park:#a9ebbd;
  --map-water:#9ed8ff;
}

body{background:var(--paper)}
header.site{background:rgba(251,250,246,.92);border-color:#ded8ce;backdrop-filter:blur(18px) saturate(150%)}
.reading-progress{background:linear-gradient(90deg,var(--brand),#ff6b57,var(--signal))}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.eyebrow{color:var(--brand)}

.hero{background:#17141f}
.hero::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),
    radial-gradient(circle at 78% 18%,rgba(96,69,245,.62),transparent 35%),
    radial-gradient(circle at 97% 84%,rgba(255,107,87,.25),transparent 28%);
  background-size:64px 64px,64px 64px,auto,auto;
}
.hero-copy h1 .line2,.hero-copy .sub{color:#c9c2d7}
.hero .btn-primary{background:var(--signal);border-color:var(--signal);color:#17151e;box-shadow:0 9px 0 rgba(96,69,245,.72)}
.hero .btn-primary:hover{background:#ebff94;border-color:#ebff94;transform:translateY(-3px);box-shadow:0 12px 0 rgba(96,69,245,.82)}
.hero .btn-ghost{border-color:#6d647b;color:#fffdf7}.hero .btn-ghost:hover{background:#ffffff12}
.slots,.hero-alt b{color:var(--signal)!important}.slots .pulse{background:var(--signal)}

.visibility-console{background:var(--warm);color:var(--ink);box-shadow:0 38px 95px rgba(0,0,0,.42),10px 10px 0 rgba(255,107,87,.88)}
.console-dots i:first-child{background:var(--brand)}
.console-score{background:conic-gradient(var(--brand) 0 58%,#ded9cf 58%)}
.console-panel-head strong{color:var(--brand)}
.signal-track i{background:linear-gradient(90deg,var(--brand),#ff6b57)}
.console-footer{background:var(--brand)}
.channel-ticker{background:var(--signal);border-color:#17151e;color:#17151e}
.channel-ticker i{color:#ff4f3b}
.initials{background:var(--brand);box-shadow:4px 4px 0 #ff6b57}
.hero-facts b{color:var(--brand)}

.simulation-section{background:linear-gradient(128deg,#291348 0%,#17141f 52%,#0d3b3c 100%)}
.simulation-section::before{width:600px;height:600px;right:-180px;top:-260px;background:#ff6b57;opacity:.18}
.simulation-section::after{content:"";position:absolute;width:440px;height:440px;left:28%;bottom:-390px;border-radius:50%;background:var(--signal);filter:blur(4px);opacity:.18}
.simulation-intro em{color:#c9bfff}.simulation-intro .text-link{color:var(--signal)}
.simulation-section .sim-bar{row-gap:9px}
.simulation-section .sim-bar .tab{background:#ffffff0e;border-color:#ffffff30;color:#f0ebfa;backdrop-filter:blur(8px)}
.simulation-section .sim-bar .tab:hover{background:#ffffff1a;border-color:#ffffff70;color:#fff}
.simulation-section .sim-bar .tab[aria-selected=true]{background:var(--signal);border-color:var(--signal);color:#17151e;box-shadow:0 5px 0 #6045f5}
.simulation-section .device{border-color:#fff;background:#fffdf9;box-shadow:0 24px 70px #0008,7px 7px 0 #6045f5}
.simulation-section .device-top{background:#fffdf9}
.simulation-section .searchbar{background:#f1eee8;border-color:#ded8ce}
.simulation-section .seg{background:#eae5dc;border-color:#ded8ce}
.map .pin:not(.you){background:#ff5f4a}.pin.you{background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}
.res.you{background:var(--brand-soft)}.res.you .rank,.tag-you,.chip.solid{background:var(--brand)}

#audit{background:#f1eee8}
#tarifs{background:#f4efff}
.plan:hover{box-shadow:8px 8px 0 #d8ff75!important}.plan.top{border-color:var(--brand)!important;box-shadow:7px 7px 0 var(--brand)!important}.plan.top:hover{box-shadow:11px 11px 0 var(--brand)!important}
#prestations{background:linear-gradient(135deg,#6045f5 0%,#4b2fd0 58%,#301f86 100%)}
#prestations::after{content:"";position:absolute;width:420px;height:420px;right:8%;bottom:-330px;border-radius:50%;background:var(--signal);opacity:.28}
#prestations .pillar:hover{background:var(--signal)}

#site{background:radial-gradient(circle at 86% 20%,#ff6b57 0,transparent 25%),radial-gradient(circle at 70% 72%,#6045f5 0,transparent 35%),linear-gradient(145deg,#1b1725,#11131b 68%)}
#site .offer-demo::before{background:linear-gradient(145deg,var(--signal),#63ffd1)}
.demo-controls>div{border-color:#ffffff38;background:#ffffff12}
.demo-shell.theme-graphic{background:var(--signal)}
.demo-shell.theme-graphic .demo-browser{background:#17151e;color:var(--signal);border-color:#17151e}
.demo-shell.theme-graphic .demo-nav{background:var(--signal)}.demo-shell.theme-graphic .demo-copy{background:#17151e}.demo-shell.theme-graphic .demo-copy h3 em{color:var(--signal)}.demo-shell.theme-graphic .demo-primary{background:var(--signal);color:#17151e}.demo-shell.theme-graphic .demo-services{background:var(--signal)}.demo-shell.theme-graphic .demo-footer{background:#ff6b57}
.demo-shell.theme-blue{background:#eeeaff;color:#271d5d;border-color:#b6a8ff}
.demo-shell.theme-blue .demo-browser{background:var(--brand);border-color:var(--brand)}.demo-shell.theme-blue .demo-nav{background:#eeeaff}.demo-shell.theme-blue .demo-copy{background:#ddd5ff}.demo-shell.theme-blue .demo-copy h3 em{color:var(--brand)}.demo-shell.theme-blue .demo-primary,.demo-shell.theme-blue .demo-footer{background:var(--brand)}

.surface-card:nth-child(1){background:#ded6ff}.surface-card:nth-child(2){background:#c9f6dc}.surface-card:nth-child(3){background:#ffd4ca}
.metier-card:hover{background:var(--signal)!important;box-shadow:8px 8px 0 var(--brand)!important}
.personal-about{background:#f3efff}
.personal-about .idcard{background:linear-gradient(145deg,#ff765f,#ff9d78);box-shadow:9px 11px 0 #17151e}
.personal-about .idcard-name{color:#17151e}.personal-about .idcard-role{color:#4b2531}.personal-about .sig{color:var(--brand)}
.personal-about .idcard-photo{position:absolute;top:26px;right:26px;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 19%;border:3px solid #fffdf7;box-shadow:0 0 0 2px #17151e,5px 5px 0 var(--signal);filter:saturate(.92) contrast(1.02)}
.final{background:linear-gradient(135deg,#17141f,#291348 62%,#0d3b3c)}

@media(max-width:620px){
  .simulation-section .sim-bar .tab{flex:0 1 auto;padding-inline:11px}
  .hero .btn-primary{box-shadow:0 6px 0 rgba(96,69,245,.72)}
  .personal-about .idcard-photo{width:58px;height:58px;top:22px;right:22px}
}

@media(max-width:820px){
  .personal-about .about{grid-template-columns:1fr;gap:30px}
  .personal-about .idcard{width:min(100%,320px);min-height:230px;aspect-ratio:4/3;margin:0}
}

/* Blog et guides — lecture éditoriale, maillage interne et CTA sobres. */
.blog-hero{padding:clamp(84px,10vw,142px) 0 72px;background:linear-gradient(135deg,#17141f 0%,#291348 60%,#0d3b3c 100%);color:#fffdf7;overflow:hidden;position:relative}
.blog-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 15%,rgba(221,255,92,.18),transparent 25%),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
.blog-hero .wrap{position:relative}.blog-hero h1{max-width:850px;margin:20px 0 22px;font-size:clamp(3rem,7.5vw,6.7rem);line-height:.91;letter-spacing:-.065em}.blog-hero h1 em{color:var(--signal);font-style:normal}.blog-hero .sub{max-width:720px;color:#c9c2d7;font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.65}.blog-hero .eyebrow{color:var(--signal)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{display:flex;flex-direction:column;min-height:420px;padding:30px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 12px 35px rgba(23,20,31,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-card:hover{transform:translateY(-7px);box-shadow:8px 9px 0 var(--brand);border-color:var(--brand)}.blog-card:nth-child(2):hover{box-shadow:8px 9px 0 #ff6b57}.blog-card:nth-child(3):hover{box-shadow:8px 9px 0 #38c97a}.blog-card .card-visual{height:145px;margin:-16px -16px 26px;border-radius:20px;position:relative;overflow:hidden;background:#ded6ff}.blog-card .card-visual::before,.blog-card .card-visual::after{content:"";position:absolute;border-radius:50%}.blog-card .card-visual::before{width:180px;height:180px;right:-20px;top:-82px;background:var(--signal)}.blog-card .card-visual::after{width:120px;height:120px;left:18px;bottom:-70px;background:var(--brand)}.blog-card:nth-child(2) .card-visual{background:#ffd4ca}.blog-card:nth-child(2) .card-visual::before{background:#6045f5}.blog-card:nth-child(2) .card-visual::after{background:#ff6b57}.blog-card:nth-child(3) .card-visual{background:#c9f6dc}.blog-card:nth-child(3) .card-visual::before{background:#17141f}.blog-card:nth-child(3) .card-visual::after{background:#ddff5c}.blog-card .visual-label{position:absolute;z-index:1;left:22px;top:22px;padding:8px 12px;border-radius:99px;background:#fff;color:#17151e;font:500 .72rem/1 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.11em}.blog-card .meta{font:500 .74rem/1.4 JetBrains Mono,monospace;color:var(--brand);text-transform:uppercase;letter-spacing:.08em}.blog-card h2,.blog-card h3{font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.08;letter-spacing:-.035em;margin:14px 0 15px}.blog-card p{color:var(--ink-2);line-height:1.65}.blog-card .text-link{margin-top:auto;padding-top:22px;color:var(--brand);font-weight:700}
.home-blog{background:#fbfaf6}.home-blog .blog-grid{margin-top:38px}
.author-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:42px;padding:20px 22px;border:1px solid var(--line);border-radius:22px;background:#fff}.author-strip img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:50% 19%;box-shadow:3px 3px 0 var(--signal)}.author-strip b,.author-strip span{display:block}.author-strip span{font-size:.92rem;color:var(--ink-2);margin-top:3px}
.article-head{padding:80px 0 62px;background:#f3efff;border-bottom:1px solid var(--line)}.article-head .article-shell{max-width:900px;margin:auto}.article-head h1{margin:18px 0 24px;font-size:clamp(2.6rem,6.5vw,5.4rem);line-height:.96;letter-spacing:-.06em}.article-deck{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6;color:var(--ink-2);max-width:780px}.article-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:28px;color:var(--ink-3);font-size:.92rem}.article-meta img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 19%}.article-meta b{color:var(--ink)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:70px;align-items:start;max-width:1100px}.article-body{font-size:1.08rem;line-height:1.82;color:#34303d}.article-body>p:first-of-type{font-size:1.25rem;color:var(--ink);line-height:1.7}.article-body h2{font-size:clamp(1.85rem,4vw,2.7rem);line-height:1.08;letter-spacing:-.04em;margin:2.2em 0 .7em;color:var(--ink);scroll-margin-top:110px}.article-body h3{font-size:1.35rem;line-height:1.25;margin:1.8em 0 .5em;color:var(--ink)}.article-body a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.article-body ul,.article-body ol{padding-left:1.25em}.article-body li{margin:.55em 0}.article-body strong{color:var(--ink)}.article-body blockquote{margin:34px 0;padding:24px 28px;border:0;border-left:5px solid var(--brand);border-radius:0 18px 18px 0;background:var(--brand-soft);font-size:1.08rem;color:var(--ink)}.article-body .key-box{margin:36px 0;padding:28px;border-radius:22px;background:#17141f;color:#fff}.article-body .key-box h2,.article-body .key-box h3{color:var(--signal);margin-top:0}.article-body .key-box p,.article-body .key-box li{color:#d8d2e3}.article-body .step{display:grid;grid-template-columns:48px 1fr;gap:16px;margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.article-body .step>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--signal);font-weight:800;color:#17151e}.article-body .step h3{margin:2px 0 5px}.article-body .step p{margin:0}.article-aside{position:sticky;top:110px}.article-aside .toc,.article-aside .aside-cta{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.article-aside .toc b{display:block;margin-bottom:12px}.article-aside .toc a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--ink-2)}.article-aside .toc a:last-child{border:0}.article-aside .aside-cta{margin-top:16px;background:var(--brand);color:#fff;border-color:var(--brand)}.article-aside .aside-cta p{color:#e3deff;font-size:.92rem;line-height:1.5}.article-aside .aside-cta .btn{width:100%;background:var(--signal);border-color:var(--signal);color:#17151e}.article-sources{margin-top:54px;padding-top:28px;border-top:1px solid var(--line);font-size:.94rem}.article-sources li{margin:.35em 0}.related-guides{background:#f3efff}.related-guides .blog-card{min-height:330px}.related-guides .card-visual{display:none}
.article-progress{position:fixed;z-index:120;left:0;top:0;width:0;height:4px;background:linear-gradient(90deg,var(--brand),#ff6b57,var(--signal))}

@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}.blog-card:last-child{grid-column:1/-1}.article-layout{grid-template-columns:1fr}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-aside .aside-cta{margin-top:0}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-card:last-child{grid-column:auto}.blog-card{min-height:370px;padding:24px}.author-strip{grid-template-columns:auto 1fr}.author-strip .btn{grid-column:1/-1}.article-head{padding:58px 0 42px}.article-layout{gap:38px}.article-aside{grid-template-columns:1fr}.article-body{font-size:1rem}.article-body>p:first-of-type{font-size:1.12rem}.article-body .step{grid-template-columns:40px 1fr;padding:18px}.article-body .step>span{width:40px;height:40px}}