/* AXIA — palette graphite, argent et bleu (chargée en dernier, ne change que les couleurs). */
:root,html.theme-p1{
  --night:#101419;--deep:#141A21;--raise:#1B222C;
  --ink:#F2F4F7;--soft:#D3DAE3;--mut:#B8C2CF;
  --cyan:#2878E8;--cyan-hi:#78B4F5;--electric:#2878E8;--deep-blue:#1A4FA8;--cyan-ink:#FFFFFF;
  --glow:rgba(40,120,232,.34);
  --edge:rgba(170,183,199,.24);--edge-strong:rgba(170,183,199,.42);
  --glass:rgba(170,183,199,.05);
  --neon:0 0 0 1px rgba(170,183,199,.55),0 0 8px rgba(40,120,232,.35),0 0 20px rgba(40,120,232,.18);
  --neon-hi:0 0 0 1px rgba(120,180,245,.85),0 0 10px rgba(40,120,232,.5),0 0 26px rgba(40,120,232,.25);
  --led:var(--neon-hi);--led-soft:var(--neon);
}
html,body,html.theme-p1 body{background-color:#101419}
/* titre : blanc, « nouvelle dimension. » en bleu clair */
html.theme-p1 .hero .h-xl{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#F2F4F7!important;filter:none!important;text-shadow:0 0 30px rgba(40,120,232,.15)}
.hero .h-xl .t-blue{color:#78B4F5;text-shadow:0 0 18px rgba(40,120,232,.35)}
/* bouton principal bleu, texte blanc */
.btn-cyan{color:#FFFFFF!important;text-shadow:0 1px 1px rgba(0,0,0,.25)!important;border-color:rgba(120,180,245,.7)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,0) 52%),linear-gradient(180deg,#4A90F0 0%,#2878E8 50%,#1F64CC 100%)!important}
.btn-cyan .ico{color:#FFFFFF}
/* bouton secondaire : sombre, contour argent */
.btn-line{color:#F2F4F7;border-color:rgba(170,183,199,.75)!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.2))!important}
/* ambiance bleu nuit derrière la démonstration */
.hero::before{background:radial-gradient(48% 58% at 66% 34%,rgba(40,120,232,.16),transparent 72%)!important}
/* visuel du héros : passe du cyan au bleu de la référence */
.hero .stack img{filter:hue-rotate(28deg) saturate(1.05)}
/* halos dosés pour la lisibilité */
.eyebrow{text-shadow:0 0 6px rgba(40,120,232,.4)!important}
/* hero « 3 publications générées » : miniatures des vraies publications */
html.theme-p1 .p1-thumbs i{background-repeat:no-repeat!important;background-size:cover!important}
html.theme-p1 .p1-thumbs i:nth-child(1){background-image:url(posts/kartezzi.webp)!important;background-position:50% 30%!important}
html.theme-p1 .p1-thumbs i:nth-child(2){background-image:url(posts/ecoled-photo.webp)!important;background-position:45% 50%!important}
html.theme-p1 .p1-thumbs i:nth-child(3){background-image:url(posts/heyzack.webp)!important;background-position:22% 30%!important}
html.theme-p1 .p1-thumbs i::after{z-index:1;box-shadow:0 1px 4px rgba(0,0,0,.6)}
/* Téléphone IA : tout le secrétariat */
.sec-all{grid-column:1/-1;display:grid;gap:16px;padding:clamp(18px,2.4vw,26px);border-radius:16px;border:1px solid rgba(170,183,199,.28);background:linear-gradient(180deg,rgba(22,29,38,.85),rgba(16,20,25,.85));box-shadow:0 0 26px rgba(40,120,232,.12)}
.sec-all-t{margin:0;font-weight:700;color:#fff;font-size:1.05rem}
.sec-grid{display:grid;gap:18px 22px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.sec-g{display:grid;gap:10px;align-content:start}
.sec-g>b{color:#B9D7FA;font-size:.92rem;letter-spacing:.01em}
.sec-g .ticks{gap:8px;font-size:.9rem;line-height:1.4}
.sec-g .ticks li{padding-left:24px}
/* bouton « Compte » : rectangle aux coins légèrement arrondis (plus de pilule) */
:root:root .acct-btn,:root:root .user-btn{border-radius:11px}
.acct-btn{padding:6px 14px 6px 8px}
.user-btn{padding:5px 12px 5px 7px}
@media (max-width:520px){.acct-btn{padding:5px 10px 5px 6px}}
@media (max-width:760px){:root:root .acct-btn,:root:root .user-btn{border-radius:10px;padding:4px!important}}
/* Marketing IA : rythme choisi par l'entreprise, horaires choisis par l'IA */
.mk-sched{grid-column:1/-1;display:grid;gap:18px;padding:clamp(18px,3vw,30px);border-radius:22px;border:1px solid rgba(120,180,245,.45);background:radial-gradient(60% 90% at 100% 0%,rgba(40,120,232,.14),transparent 60%),linear-gradient(170deg,#1E2631,#141A21 60%,#101419);box-shadow:0 0 30px rgba(40,120,232,.14);min-width:0}
.mk-head{display:grid;gap:10px;max-width:80ch}.mk-head .h-m span{color:#78B4F5}.mk-head p{color:var(--soft)}
.mk-cols{display:grid;gap:14px}@media (min-width:860px){.mk-cols{grid-template-columns:1fr 1fr}}
.mk-col{padding:16px 18px;border-radius:18px;background:rgba(27,34,44,.75);border:1px solid rgba(170,183,199,.25);min-width:0}
.mk-col.ai{border-color:rgba(120,180,245,.5);box-shadow:inset 0 0 24px rgba(40,120,232,.08)}
.mk-t{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:400 .7rem/1 var(--f-hud,var(--f-display));letter-spacing:.2em;text-transform:uppercase;color:#D3DAE3}
.mk-col.ai .mk-t{color:#78B4F5}.mk-t .ico{width:16px;height:16px}
.mk-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mk-col li{display:flex;gap:12px;align-items:flex-start}
.mk-col li>.ico{flex:none;width:22px;height:22px;color:#AAB7C7;margin-top:2px}.mk-col.ai li>.ico{color:#78B4F5}
.mk-col b{display:block;color:#fff;font-size:.95rem}.mk-col li span{font-size:.88rem;color:var(--soft);line-height:1.45}
.mk-plan{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px dashed rgba(170,183,199,.4);background:rgba(16,20,25,.6)}
.mk-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-radius:12px;background:rgba(27,34,44,.8);border:1px solid rgba(170,183,199,.16);font-size:.9rem;color:var(--soft)}
.mk-row b{color:#fff;min-width:80px}
.mk-net{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:700 .7rem/1 var(--f-display);color:#fff}
.mk-net.ig{background:linear-gradient(135deg,#F9A13A,#E1306C 55%,#7B3FE4)}.mk-net.li{background:#0A66C2}
.mk-f{padding:.3em .7em;border-radius:8px;background:rgba(170,183,199,.14);color:#E6ECF2;font-weight:600;font-size:.82rem}
.mk-h{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:.3em .7em;border-radius:8px;background:rgba(40,120,232,.2);border:1px solid rgba(120,180,245,.5);color:#B9D7FA;font-weight:600;font-size:.82rem}
.mk-h .ico{width:14px;height:14px}
.mk-row.mk-sub{background:transparent;border:0;padding:2px 4px;font-size:.8rem;color:var(--mut);gap:6px 16px}
.mk-sub span{display:inline-flex;align-items:center;gap:6px}.mk-sub .ico{width:13px;height:13px;color:#78B4F5}
.mk-ex{margin:0;padding:14px 16px;border-left:3px solid #2878E8;border-radius:0 14px 14px 0;background:rgba(40,120,232,.08)}
.mk-ex figcaption{font:400 .62rem/1 var(--f-hud,var(--f-display));letter-spacing:.2em;text-transform:uppercase;color:#78B4F5;margin-bottom:8px}
.mk-ex blockquote{margin:0;color:var(--ink);font-style:italic;line-height:1.55}
.mk-note{margin:0;font-size:.82rem;color:var(--mut)}
@media (max-width:560px){.mk-h{margin-left:0}}
/* Marketing IA : grille des réseaux */
.mk-plan-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 2px 4px;font:400 .66rem/1.4 var(--f-hud,var(--f-display));letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.mk-plan-h .mk-h{margin-left:0;font:600 .8rem/1.2 var(--f-body);letter-spacing:0;text-transform:none}
.mk-rows{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.mk-rows .mk-row{flex-wrap:nowrap;gap:10px;justify-content:flex-start}
.mk-rows .mk-row b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-rows .mk-f{flex:none;white-space:nowrap}
.mk-net{flex:none}
.mk-net.fb{background:#1877F2}.mk-net.tt{background:#111;box-shadow:inset 2px 0 0 #25F4EE,inset -2px 0 0 #FE2C55}.mk-net.yt{background:#FF0033}.mk-net.x{background:#000;border:1px solid rgba(255,255,255,.3)}.mk-net.pi{background:#E60023}.mk-net.sc{background:#FFFC00;color:#111}.mk-net.wa{background:#25D366}.mk-net.tg{background:#29A9EB}
.mk-apps{display:grid;gap:6px;padding:14px 16px;border-radius:16px;border:1px solid rgba(120,180,245,.5);background:linear-gradient(180deg,rgba(40,120,232,.16),rgba(40,120,232,.05))}
.mk-apps h5{margin:0;font:500 clamp(1.05rem,1.8vw,1.25rem)/1.3 var(--f-display);color:#fff}
.mk-apps p{margin:0;color:var(--soft);font-size:.92rem}
@media (max-width:560px){.mk-rows{grid-template-columns:1fr 1fr;gap:6px}.mk-rows .mk-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 8px;padding:8px}.mk-rows .mk-net{grid-row:1/3}.mk-rows .mk-row b{font-size:.86rem}.mk-rows .mk-f{justify-self:start;font-size:.72rem;padding:.2em .5em}}