/* Zlotia V27 — interactive marketing walkthrough. Isolated selectors. */
.v27-demo{margin:0 0 52px;padding:28px;border:1px solid #e5ddd0;border-radius:24px;background:linear-gradient(128deg,#fffdf8,#f6f0e4 78%,#fdfbf6);box-shadow:0 16px 42px rgba(71,51,18,.06)}
.v27-demo-caption{text-align:left;margin-bottom:20px}.v27-demo-caption h2{font-size:clamp(1.55rem,2.7vw,2.3rem);line-height:1.13;margin:9px 0}.v27-demo-caption p{color:#6a6052;max-width:68ch;margin:0}.v27-demo-kicker{color:#95600b;font-weight:800;font-size:.76rem;letter-spacing:.1em}
.v27-demo-shell{border:1px solid #ded5c8;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 44px rgba(28,20,8,.09)}
.v27-demo-tabs{display:flex;overflow-x:auto;gap:4px;padding:10px;background:#faf7f2;border-bottom:1px solid #eee7df;scrollbar-width:thin}
.v27-demo-tabs button{flex:0 0 auto;border:1px solid transparent;border-radius:10px;padding:11px 15px;font-family:inherit;font-size:.9rem;font-weight:700;color:#625b53;background:transparent;cursor:pointer;white-space:nowrap}
.v27-demo-tabs button[aria-selected=true]{border-color:#e5c796;color:#281e12;background:#fff3dc;box-shadow:0 3px 9px rgba(113,71,14,.07)}
.v27-demo-tabs button:focus-visible{outline:3px solid #94610b;outline-offset:2px}
.v27-demo-panel{padding:23px 25px;min-height:300px}
.v27-demo-window-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.v27-demo-window-head small{color:#9c6d1c;letter-spacing:.08em;font-size:.71rem;font-weight:800}.v27-demo-window-head h3{margin:5px 0 0;font-size:1.42rem}
.v27-live-tag{font-weight:700;font-size:.73rem;padding:7px 12px;border-radius:50px;border:1px solid #d7b778;background:#fbf4e6;color:#6c4918}
.v27-demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.v27-metric{background:#faf9f7;border:1px solid #eee9e2;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px;min-width:0}
.v27-metric span{font-size:.79rem;color:#655d52}.v27-metric strong{font-size:clamp(1.08rem,2vw,1.45rem);color:#211e18;line-height:1.14;overflow-wrap:anywhere}.v27-metric small{color:#99702d;font-size:.73rem}
.v27-demo-window-sub{margin:21px 0 9px}.v27-demo-window-sub h4{margin:0 0 3px}.v27-demo-window-sub p{color:#736b60;margin:0;font-size:.84rem}
.v27-demo-record{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;gap:10px;align-items:center;border-bottom:1px solid #f0ebe4;padding:12px 2px;font-size:.88rem}
.v27-demo-record span{font-weight:700;min-width:0}.v27-demo-record span small{font-weight:400;display:block;color:#797168;margin-top:2px}.v27-demo-record b{white-space:nowrap}.v27-demo-record em{justify-self:end;border-radius:24px;padding:5px 9px;background:#fff0d9;color:#79520d;font-style:normal;font-size:.72rem}
.v27-demo-action{margin-top:18px;border-radius:11px;background:#f8efdc;padding:12px 16px;color:#805512;font-weight:700}
.v27-demo-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#70695f;font-size:.83rem;margin-top:14px}.v27-demo-foot a{font-weight:800;color:#6e4708;text-decoration:underline}
@media(max-width:760px){.v27-demo{padding:15px;margin-bottom:38px;border-radius:18px}.v27-demo-panel{padding:16px;min-height:340px}.v27-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-demo-record{grid-template-columns:minmax(0,1fr) auto;gap:7px}.v27-demo-record em{grid-column:1/-1;justify-self:start}}
/* Badge de confiance dans la zone du visuel, précisément à l'emplacement indiqué. */
.hero-grid > .zs-hero-visual{text-align:center}
.zs-hero-visual > .zs-astrabase-hosting{display:inline-flex;justify-content:center;margin:0 0 17px;max-width:100%;font-size:.83rem}
.zs-hero-visual .zs-hero-stage{text-align:left}
@media(max-width:760px){.zs-hero-visual > .zs-astrabase-hosting{margin:10px 0 14px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.v27-demo *{animation:none!important;transition:none!important}}