:root{--navy:#071a30;--navy2:#0c2845;--navy3:#123858;--gold:#e9bf6c;--gold-light:#ffe0a0;--cream:#f7f5f0;--ink:#101d2d;--muted:#647287;--line:#dce3e7;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#f8f9fb;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h2{font-size:clamp(2rem,3.5vw,3.5rem)}h2 span,.hero h1 span{color:var(--gold)}.container{width:min(1220px,calc(100% - 48px));margin-inline:auto}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-1000px;top:0}.skip:focus{left:10px;top:10px;z-index:100;background:white;padding:12px}.topbar{background:#07192b;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(233,191,108,.3);box-shadow:0 10px 30px #00102033}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{font-size:2.7rem;line-height:1;color:var(--gold);font-weight:800;font-style:italic;letter-spacing:-.15em;padding-right:.17em}.brand strong{font-size:1.35rem;font-weight:800;display:block;line-height:1.1;letter-spacing:-.055em}.brand em{color:var(--gold);font-style:normal}.brand small{display:block;font-size:.67rem;color:#d6e2ec;letter-spacing:.01em}.nav nav{display:flex;align-items:center;gap:25px;color:#e9edf1;font-size:.9rem;font-weight:700}.nav nav a:hover,.nav nav a:focus-visible{color:var(--gold)}.nav-cta,.btn-gold{background:linear-gradient(125deg,#fff0bd,#e2ae4b 60%,#f6d68f);color:#071a30!important;box-shadow:0 7px 23px #d9a4472b}.nav nav .nav-cta{border-radius:50px;padding:11px 19px}.menu-toggle{display:none;background:none;border:1px solid #d9b364;color:#f4d18d;padding:5px 11px;border-radius:8px}.hero{background:radial-gradient(ellipse at 88% 28%,#17395b 0%,transparent 48%),linear-gradient(115deg,#071a30,#0e2c49 68%,#081a2d);color:#fff;padding:88px 0 74px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:900px;height:100px;border-radius:50%;border-top:2px solid #eabe5c88;right:-300px;bottom:-35px;transform:rotate(-8deg)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:55px;position:relative;z-index:1}.eyebrow{display:block;color:#c69a48;font-size:.79rem;font-weight:800;letter-spacing:.16em;margin-bottom:17px}.hero .eyebrow{color:var(--gold)}.hero h1{font-size:clamp(3.3rem,5.3vw,5.7rem);margin-bottom:23px;font-weight:800}.lead{font-size:1.17rem;line-height:1.7;max-width:610px;color:#e0e8ef}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:.92rem;border:0;border-radius:35px;padding:14px 24px;transition:transform .15s,filter .15s;min-height:46px}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn-outline{border:1px solid var(--gold);color:#fff;background:#071a3080}.hero-proof{display:flex;gap:14px;flex-wrap:wrap;font-size:.81rem;color:#d9e4ed}.hero-proof span{background:#ffffff0c;border:1px solid #ffffff25;border-radius:40px;padding:6px 11px}.hero-visual{position:relative;min-height:445px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;inset:25px 0 23px 25px;background:linear-gradient(140deg,#e4b75d,#264c69 65%);border-radius:30px;transform:rotate(4deg)}.hero-visual img{width:100%;height:420px;object-fit:cover;object-position:center 20%;border-radius:28px;border:2px solid #d9b363;position:relative;box-shadow:0 24px 55px #0009}.floating{position:absolute;bottom:0;left:-25px;background:#f7f2e7;color:#102139;padding:16px 19px;border-radius:16px;box-shadow:0 14px 25px #0004;max-width:290px}.floating strong,.floating span{display:block}.floating span{font-size:.8rem;color:#4e6072}.strip{background:#f1e8d6;border-bottom:1px solid #e6d9bd}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px;gap:17px}.strip-grid div{font-size:.88rem;font-weight:800;color:#19324d;border-right:1px solid #c9bda8}.strip-grid div:last-child{border-right:0}.strip-grid span{color:#a87a2e;font-size:.75rem;margin-right:7px}.section{padding:92px 0}.section-intro{max-width:810px;margin:0 auto 44px}.section-intro.center{text-align:center}.section-intro p{color:#6b7788;font-size:1.07rem}.section-intro h2{margin-bottom:18px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.audience{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e0e5ea;box-shadow:0 14px 32px #0b2d4811}.audience img{width:100%;height:175px;object-fit:cover;display:block}.audience>div{padding:26px}.tag{font-weight:800;color:#a27527;font-size:.7rem;letter-spacing:.1em}.audience h3{font-size:1.37rem;margin:10px 0}.audience p{font-size:.92rem;color:#596b7e;margin-bottom:0}.section-dark{background:linear-gradient(140deg,#07192d,#0c304e);color:#fff}.section-dark .section-intro p{color:#b7c9d7}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service{background:linear-gradient(160deg,#103754,#06192b);border:1px solid #c79a4f8c;border-radius:18px;padding:27px 24px;min-height:295px}.service-icon{color:var(--gold);font-size:2.3rem;line-height:1;margin-bottom:21px}.service h3{font-size:1.35rem}.service p{color:#c7d5df;font-size:.91rem}.notice{font-size:.76rem;color:#f2c97e;font-weight:700}.pricing{background:linear-gradient(#f8f6f0,#f0f3f6)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr .86fr;gap:22px;align-items:stretch}.price-card,.no-commission{border-radius:19px;padding:32px;position:relative}.price-card{background:#fff;border:1px solid #e0d2ad;box-shadow:0 14px 35px #132e4410}.price-card.featured{border:2px solid #cba255;box-shadow:0 18px 35px #c4a3602c}.price-label{font-weight:800;letter-spacing:.08em;font-size:.83rem;color:#193552}.featured-label{position:absolute;top:-17px;right:14px;border-radius:30px;background:var(--gold);padding:7px 13px;font-weight:800;font-size:.67rem;color:#071a30}.price{margin:20px 0 0;display:flex;align-items:flex-start;gap:8px}.price strong{font-size:3.8rem;line-height:1;font-weight:800;letter-spacing:-.06em}.price span{font-weight:800}.contact-count{font-size:1rem;margin-bottom:18px}.price-card ul,.studio-price ul{padding:0;list-style:none}.price-card li,.studio-price li{margin:9px 0;padding-left:24px;position:relative;font-size:.91rem}.price-card li:before,.studio-price li:before{content:'✓';position:absolute;left:0;color:#b58c42;font-weight:800}.price-card .btn{width:100%;margin-top:21px}.no-commission{background:radial-gradient(circle at top right,#184368,#061a2f 67%);color:white;border:1px solid #d4a95d;text-align:center;display:flex;flex-direction:column;justify-content:center}.big-zero{font-size:4.3rem;color:var(--gold);font-weight:800;line-height:1}.no-commission h3{font-size:1.75rem;color:var(--gold);margin:12px 0}.no-commission p{font-size:.95rem}.fine-rule{height:1px;background:#d2ad6159;margin:12px auto;width:65%}.price-note{text-align:center;color:#607183;font-size:.78rem;margin-top:24px}.method{padding:80px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps>div{background:#fff;border-radius:17px;padding:25px;color:#1a3047;min-height:245px;border-bottom:5px solid #d1a450}.step-n{display:inline-grid;place-items:center;background:#e7bb68;border-radius:50%;width:47px;height:47px;color:#08233e;font-weight:800;margin-bottom:15px}.steps h3{font-size:1.36rem;margin-bottom:9px}.steps p{font-size:.88rem;color:#5f6c7a}.report-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.report-grid p{color:#617183}.report-grid h2{line-height:1.2}.text-link{color:#96681e;font-weight:800;border-bottom:2px solid #cda755}.report{background:#fff;border:1px solid #dde4e9;border-radius:18px;box-shadow:0 21px 45px #09223b16;overflow:hidden}.report-top{background:#0a2946;color:white;display:flex;justify-content:space-between;padding:18px 20px}.report-top span{color:#f0c778;font-size:.7rem}.report-item{display:flex;align-items:center;gap:13px;padding:20px;border-bottom:1px solid #e7edf1}.report-item>div{flex:1}.report-item b,.report-item small{display:block}.report-item small{font-size:.78rem;color:#697a89}.report-item em{font-size:.74rem;font-style:normal;color:#4b6075}.dot{display:block;width:10px;height:10px;border-radius:100%}.dot.red{background:#df806d}.dot.gold{background:#e4b35d}.dot.green{background:#6fae84}.report-bottom{padding:15px 19px;background:#f2f5f6;color:#5d6a79;font-size:.8rem}.band{background:#e8eef2}.band-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:65px}.band h2{font-size:clamp(2rem,3vw,3rem)}.benefits{display:grid;gap:14px;align-content:center;color:#1b3855;font-weight:800}.studio{background:linear-gradient(110deg,#061b2f,#113c5b);color:white;border-top:3px solid #d8ad59;border-bottom:3px solid #d8ad59}.studio-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.studio h2{font-size:clamp(2.3rem,4vw,4.1rem)}.studio h3{font-size:1.7rem}.studio p{color:#d2dce4;max-width:640px}.studio .ownership{font-size:.86rem;color:#f0d49d}.studio-price{background:#fff;color:#152c43;border-radius:20px;padding:26px;box-shadow:0 20px 40px #0003}.studio-price>span{font-weight:800;color:#916c2a;font-size:.8rem}.studio-price strong{display:block;color:#092440;font-size:3rem;line-height:1.3}.studio-price small{font-size:.95rem}.studio-price .btn{width:100%}.faq-list{max-width:850px;margin:auto}.faq details{background:#fff;border:1px solid #e1e6ec;border-radius:12px;margin-bottom:12px;padding:18px 24px}.faq summary{font-weight:800;cursor:pointer}.faq details p{margin:13px 0 0;color:#536677}.contact{background:linear-gradient(115deg,#102a47,#061b30);color:white}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px}.contact-grid h2{margin-bottom:23px}.contact-grid>div>p{color:#cfdae5;font-size:1.07rem}.contact-points{display:grid;gap:14px;color:#f0d293;font-weight:700;margin-top:30px}.form-card{background:#fff;color:#153049;border-radius:21px;padding:34px;box-shadow:0 20px 40px #0004}.form-card h3{font-size:1.7rem;margin-bottom:8px}.form-disclaimer{font-size:.79rem;color:#677b8e}.form-card label{display:block;font-size:.81rem;font-weight:800;margin:14px 0 6px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #c9d4df;border-radius:8px;padding:12px 13px;color:#13304c;background:#fff}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:2px solid #e5b75f;outline-offset:1px}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-submit{width:100%;margin-top:18px}.form-status{font-size:.83rem;min-height:20px;color:#1b6b59;margin:11px 0 0}footer{background:#061421;color:#c8d6e2;padding:54px 0 22px}.foot{display:flex;justify-content:space-between;gap:40px}.foot p{font-size:.88rem;margin-top:22px}.foot-links{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.foot-links a{font-size:.83rem}.bottom{border-top:1px solid #ffffff2b;margin-top:45px;padding-top:18px;font-size:.72rem;display:flex;justify-content:space-between;gap:20px;color:#91a4b5}@media(max-width:1050px){.nav nav{gap:11px}.nav nav a{font-size:.78rem}.hero-grid{gap:30px}.services{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr 1fr}.no-commission{grid-column:1/-1}.hero h1{font-size:3.7rem}}@media(max-width:760px){.container{width:min(100% - 32px,540px)}.topbar .nav{height:69px}.brand strong{font-size:1.15rem}.brand small{font-size:.57rem}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:69px;left:0;right:0;background:#071a30;padding:16px;flex-direction:column;align-items:stretch;gap:15px;box-shadow:0 20px 30px #0005}.nav nav.open{display:flex}.nav nav a{font-size:1rem;padding:5px}.hero{padding:60px 0}.hero-grid,.report-grid,.band-inner,.studio-inner,.contact-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.hero-visual{min-height:290px}.hero-visual img{height:310px}.floating{left:5px;bottom:-5px}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid div:nth-child(2){border:0}.audience-grid{grid-template-columns:1fr}.audience img{height:170px}.section{padding:62px 0}.section-intro{margin-bottom:32px}.services,.pricing-grid,.steps{grid-template-columns:1fr}.no-commission{grid-column:auto}.steps>div{min-height:0}.two-inputs{grid-template-columns:1fr}.foot{flex-direction:column}.bottom{flex-direction:column}.price strong{font-size:3rem}.form-card{padding:24px}.nav-cta{text-align:center}.hero-proof{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* V0.3 — démonstration interactive : aucune donnée réelle */
.demo-shell{min-height:100vh;background:#edf1f5;color:#14263b;padding:42px 0 76px}
.demo-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}
.demo-heading h1{font-size:clamp(1.9rem,3.5vw,3rem);margin:6px 0 6px}
.demo-heading p{max-width:700px;color:#40546c}
.demo-label{display:inline-block;border-radius:50px;padding:7px 12px;background:#fff1d1;border:1px solid #d3aa51;font-weight:700;font-size:.78rem}
.demo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}
.demo-stat{background:#fff;border:1px solid #d6dfe7;border-radius:15px;padding:18px;box-shadow:0 9px 25px #17324b10}
.demo-stat strong{display:block;font-size:2rem;color:#0a2b4b}.demo-stat span{font-size:.83rem;color:#44566a}
.demo-panel{background:#fff;border:1px solid #d6dfe7;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #112c4412}
.demo-controls{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:18px;flex-wrap:wrap;border-bottom:1px solid #d6dfe7}
.demo-controls select,.demo-controls input{background:white;color:#102943;border:1px solid #b9c5d1;padding:12px;border-radius:9px;min-height:44px}
.demo-controls input{width:min(100%,300px)}
.demo-table-wrap{overflow:auto}.demo-table{width:100%;border-collapse:collapse;min-width:830px;font-size:.91rem}.demo-table th{text-align:left;background:#eff3f7;color:#28445c;font-size:.79rem;letter-spacing:.03em;text-transform:uppercase}.demo-table td,.demo-table th{padding:16px 14px;border-bottom:1px solid #e4e9ee;vertical-align:middle}.demo-table tr:last-child td{border-bottom:0}.demo-table td:first-child strong{display:block}.demo-table td:first-child small{color:#5e6b79}
.status-select{font-weight:700;min-width:140px;border-radius:7px;border:1px solid #b5c4d0;padding:9px;background:#fff;color:#102943}.tag-prio{display:inline-block;background:#fce9e5;color:#8e3025;border-radius:20px;padding:5px 10px;font-size:.75rem;font-weight:700}.tag-prio.normal{background:#e3eef8;color:#2b567b}.demo-footer{padding:16px 20px;font-size:.85rem;background:#f7f9fb;color:#45586d}.demo-warning{padding:14px 18px;border-radius:12px;background:#fff1d1;border:1px solid #d9ac50;margin:22px 0}.demo-actions{display:flex;gap:10px;flex-wrap:wrap}.demo-actions button,.demo-actions a{border-radius:9px;border:1px solid #caa758;background:#102943;color:white;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none}.demo-actions button:hover,.demo-actions a:hover{background:#194264}.demo-actions .light{background:white;color:#102943}.demo-actions .light:hover{background:#f0f4f8}
@media(max-width:800px){.demo-stats{grid-template-columns:repeat(2,1fr)}.demo-heading{display:block}}@media(max-width:450px){.demo-stats{grid-template-columns:1fr 1fr}.demo-stat{padding:13px}.demo-stat strong{font-size:1.6rem}}

/* V0.9 — priorité artisans et simulation de promotion */
.artisan-banner{background:#112a43;color:#fff;border-top:1px solid #c6a86b44;border-bottom:1px solid #c6a86b44}.artisan-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:32px;padding-bottom:32px}.artisan-inner>div{max-width:770px}.artisan-inner h2{color:#fff;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.16;margin:8px 0}.artisan-inner h2 span{color:#edc876}.artisan-inner p{color:#e3e7eb;margin:8px 0}.promo-block{padding:14px 16px;background:#edf1f6;border:1px solid #cdd6e0;border-radius:12px;margin:12px 0}.promo-line{display:flex;gap:8px;align-items:center}.promo-line input{flex:1;min-width:0}.promo-line .btn{white-space:nowrap;padding:11px 14px;color:#1c3348;border-color:#d4b66c}.promo-feedback,.promo-total{font-size:.8rem;color:#42596d;margin:8px 0 0}.promo-total{font-weight:750;color:#173e59}@media(max-width:760px){.artisan-inner{flex-direction:column;align-items:flex-start}.promo-line{flex-direction:column;align-items:stretch}}

/* Transfert Work v0.94 — retours potentiels et impayés séparés */
.roi-section{background:linear-gradient(135deg,#0a2038,#143451 78%,#0b1c30);color:#fff;padding:76px 0}
.roi-inner{display:grid;grid-template-columns:1.5fr .7fr;gap:54px;align-items:center}.roi-section h2{max-width:760px}.roi-section p{color:#dce6ed;max-width:760px}.roi-feature{border:1px solid #e9bf6c;border-radius:24px;padding:36px;background:#06172b;box-shadow:0 25px 45px #0004}.roi-feature h3{font-size:1.5rem;color:#fff}.roi-big{font-size:clamp(3.5rem,7vw,6rem);font-weight:800;color:#e9bf6c;line-height:1}.debt-detail{background:#f4f0e8}.debt-detail .container{max-width:1000px}.debt-detail h2 span{color:#a77932}.debt-detail p{color:#314659;font-size:1.05rem}.debt-detail .debt-caution{font-size:.85rem;color:#5c6572;border-left:3px solid #d1a752;padding:8px 16px}.debt-detail .btn-outline{color:#102943;background:transparent}
@media(max-width:760px){.roi-inner{grid-template-columns:1fr}.roi-section{padding:58px 0}}

/* V0.96 : pages dédiées, lisibilité, clavier, sans requête de police externe */
:root{--gold:#d8bb83;--gold-light:#f2dfb9}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #be9142;outline-offset:5px}.page-intro{background:linear-gradient(120deg,#071a30,#143652);color:white;padding:60px 0}.page-intro h1{font-size:clamp(2.6rem,5vw,4.5rem);max-width:950px}.breadcrumb{display:block;color:#d8bb83;margin-bottom:35px;font-size:.85rem}.content-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin-bottom:45px}.content-cards article{padding:30px;border:1px solid #d7c7a6;border-radius:18px;background:white}.content-cards h2{font-size:1.65rem}.editorial>h2{font-size:2rem;margin-top:35px}.editorial p{max-width:850px}.page-cta{background:#0b2741;color:white;padding:38px;border-radius:20px;margin-top:45px}.page-cta h2{font-size:2rem}.notice-box{background:#f4ead7;border-left:4px solid #b18b44;padding:28px;margin:30px 0}.notice-box h2{font-size:1.6rem}.foot-links{max-width:580px}.section-intro h2 span,.report-grid h2 span,.band h2 span{color:#866124}.eyebrow{color:#866124}.section-dark .eyebrow,.page-intro .eyebrow,.studio .eyebrow,.roi-section .eyebrow,.contact .eyebrow{color:#d8bb83}.price-note{font-size:.9rem}img{max-width:100%}@media(max-width:760px){.page-intro{padding:38px 0}.content-cards article{padding:24px}.page-cta{padding:25px}.nav .brand small{max-width:195px}.pricing .container{width:100%}.editorial{overflow-wrap:anywhere}}

.hero-visual img{object-position:center 43%}.hero-visual{min-height:465px}.hero-visual img{height:440px}
/* V0.97 — correctifs de lisibilité : le texte du bloc blanc d'appel final héritait d'une couleur claire prévue pour le fond sombre */
.contact-grid>.form-card>p{color:#2c4560;font-size:1rem}.contact-grid>.form-card>p.form-disclaimer{color:#5a6e82;font-size:.82rem}.foot-links{max-width:760px}
/* V0.97 — kit visuel officiel V1 (docs/kit-visuel/) */
:root{--rp-navy:#0B2038;--rp-navy-light:#173B59;--rp-gold:#E5B95B;--rp-gold-light:#F2D38E;--rp-ivory:#F6F2E9;--rp-text:#122236;--rp-muted:#CAD5DF;--navy:#0B2038;--navy2:#173B59;--gold:#E5B95B;--gold-light:#F2D38E;--cream:#F6F2E9;--ink:#122236}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.015em}
.brand-logo{display:block;height:46px;width:auto}.foot .brand-logo{height:56px}
.ico{display:block;flex:none}.ico-inline{display:inline-block;vertical-align:middle;margin-right:10px;width:26px;height:26px}
.strip{background:#0B2038;border-bottom:1px solid rgba(229,185,91,.35)}.strip-grid div{color:#F6F2E9;border-right-color:rgba(229,185,91,.3);display:flex;align-items:center;gap:12px}
.audience img{height:auto;aspect-ratio:906/276;object-fit:cover}
.service-icon{line-height:0}
.client-space{background:linear-gradient(135deg,#0B2038,#173B59);color:#fff}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.client-space p{color:#CAD5DF}.client-space .eyebrow{color:#E5B95B}
.client-features{list-style:none;margin:0;padding:0;display:grid;gap:14px}.client-features li{display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.06);border:1px solid rgba(229,185,91,.4);border-radius:16px;padding:18px 22px;font-weight:700}
.band-inner{align-items:center}.band-photo{margin:0}.band-photo img{width:100%;height:auto;border-radius:18px;border:2px solid #E5B95B;box-shadow:0 18px 40px #0b203833;display:block}.band .benefits{margin-top:26px}
@media(max-width:760px){.client-grid{grid-template-columns:1fr;gap:30px}.brand-logo{height:38px}.strip-grid div{font-size:.82rem}}
.section-dark .section-intro h2 span,.client-space h2 span{color:#E5B95B}
/* V0.98 — héros : photographie officielle (assets/photos/hero-chantier-officiel-*.webp), texte HTML dans un bloc bleu nuit, sans texte dans l'image */
.hero.hero-chantier{position:relative;display:flex;align-items:center;min-height:clamp(560px,46vw,700px);padding:0;background:#0B2038;overflow:hidden;color:#fff}
.hero.hero-chantier:after{display:none}
.hero-chantier .hero-media{position:absolute;inset:0;margin:0}
.hero-chantier .hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 28%}
.hero-chantier .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,32,56,.5) 0%,rgba(11,32,56,0) 42%)}
.hero-chantier .hero-grid{position:relative;z-index:2;display:block;width:min(1220px,calc(100% - 48px));margin-inline:auto;padding:56px 0}
.hero-chantier .hero-panel{width:clamp(420px,38vw,540px);background:rgba(11,32,56,.94);border:1px solid rgba(229,185,91,.5);border-radius:22px;padding:38px 40px 34px;box-shadow:0 24px 60px rgba(1,14,31,.5)}
.hero-chantier .hero-panel h1{font-size:clamp(2.4rem,3.5vw,3.6rem);line-height:1.08;margin-bottom:20px}
.hero-chantier .hero-panel .lead{font-size:1.04rem;line-height:1.65;margin-bottom:0}
.hero-chantier .hero-actions{margin:26px 0 22px}
.hero-chantier .hero-note{position:absolute;z-index:2;right:max(24px,calc((100% - 1220px)/2));bottom:30px;max-width:290px;background:#F6F2E9;color:#122236;padding:16px 19px;border-radius:16px;box-shadow:0 14px 25px rgba(1,14,31,.35);border-left:4px solid #E5B95B}
.hero-chantier .hero-note strong,.hero-chantier .hero-note span{display:block}
.hero-chantier .hero-note span{font-size:.82rem;color:#3d5164;margin-top:2px}
@media(max-width:1050px){
.hero.hero-chantier{display:block;min-height:0}
.hero-chantier .hero-media{position:relative;inset:auto;aspect-ratio:1672/941}
.hero-chantier .hero-media:after{display:none}
.hero-chantier .hero-grid{padding:30px 0 46px}
.hero-chantier .hero-panel{width:min(100%,680px);margin-inline:auto}
.hero-chantier .hero-panel h1{font-size:clamp(2.4rem,6vw,3.4rem)}
.hero-chantier .hero-note{display:none}
}
@media(max-width:760px){
.hero-chantier .hero-media{aspect-ratio:5/4}
.hero-chantier .hero-media img{object-position:60% 25%}
.hero-chantier .hero-grid{width:min(100% - 32px,540px);padding:22px 0 40px}
.hero-chantier .hero-panel{padding:28px 22px 26px;border-radius:18px}
.hero-chantier .hero-panel h1{font-size:clamp(2.3rem,10.5vw,3.1rem)}
.hero-chantier .hero-panel .lead{font-size:1rem}
}
.hero-chantier .hero-actions .btn{padding:14px 20px}

/* ===== V0.98 — pages intérieures, formulaire de contact ===== */
.topic{max-width:860px;margin:56px auto 0;padding-top:8px}
.topic h2{margin:0 0 14px}
.topic p{color:#3c4c60;font-size:1.05rem;line-height:1.7}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:48px;align-items:start}
.contact-main h2,.contact-side h2{font-size:1.5rem;margin:0 0 12px}
.lead-dark{color:#3c4c60;font-size:1.08rem;line-height:1.65;margin:0 0 26px}
.contact-form{display:grid;gap:20px}
.field{display:grid;gap:7px}
.field label{font-weight:700;color:var(--ink);font-size:.97rem}
.field input[type=text],.field input[type=email],.field input[type=tel],.field select,.field textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1.5px solid #aab6c3;border-radius:12px;padding:13px 14px;min-height:48px}
.field textarea{resize:vertical;min-height:140px}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:#0B2038}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#a4262c}
.req{color:#a4262c;font-weight:800}
.opt,.hint,.legend-req{color:#51606f;font-size:.9rem;font-weight:400}
.hint{margin:0;line-height:1.5}
.field-error{margin:0;color:#8c1d22;font-weight:700;font-size:.92rem}
.field-error[hidden]{display:none}
.field-check{grid-template-columns:auto 1fr;align-items:start;gap:6px 12px}
.field-check input{width:22px;height:22px;margin-top:3px;accent-color:#0B2038}
.field-check label{font-weight:400;line-height:1.5}
.field-check .field-error{grid-column:2}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-alert{border-radius:12px;padding:14px 16px;margin:0 0 22px;font-weight:600;line-height:1.5}
.form-alert[hidden]{display:none}
.form-alert-ok{background:#e7f4ea;color:#14532d;border:1px solid #8cc9a0}
.form-alert-err{background:#fdecec;color:#7a1b1f;border:1px solid #e3a3a6}
.contact-form .btn{justify-self:start;min-width:240px}
.contact-form .btn[disabled]{opacity:.65;cursor:progress}
.side-card,.contact-side .notice-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:20px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checks li{position:relative;padding-left:26px;color:#3c4c60;line-height:1.55}
.checks li::before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--gold)}
.account-line{color:#3c4c60;margin:0 0 16px}
.preprod-note{background:#fff7e1;border:1px dashed #b88a24;border-radius:12px;padding:12px 14px;color:#4a3a10;font-size:.92rem;line-height:1.5}
.text-link{color:#0b3a66;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.text-link:hover{color:#071a30}
.btn-outline-dark{border:1.5px solid #0B2038;color:#0B2038!important;background:transparent}
.btn-outline-dark:hover{background:#0B2038;color:#fff!important}
.back-link,.breadcrumb{display:inline-block;margin-bottom:14px;color:#f2d38e;font-weight:600}
.page-intro .breadcrumb{font-size:.92rem}
.sub{color:#cad5df;font-size:1.1rem;max-width:760px}
.eyebrow{letter-spacing:.06em}
.page-intro .lead{color:#dbe4ec}
@media (max-width:860px){
  .contact-layout{grid-template-columns:1fr;gap:32px}
  .contact-form .btn{justify-self:stretch;min-width:0}
  .topic{margin-top:40px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V0.98 — contrastes (audit tools/audit_contraste.py) */
.section-dark .eyebrow,.section-dark .section-intro .eyebrow,.hero-note .eyebrow{color:#e5b95b}
.section-intro p{color:#556376}
.tag{color:#7d5a1c}
.report-item small{color:#4f6070}
.artisan-banner .eyebrow{color:#e5b95b}
.preprod-note,.section-dark .preprod-note,.hero-note .preprod-note{color:#4a3a10!important}

/* ===== V0.99 — discours commercial : clients existants ===== */
.contact-count{font-size:1.02rem;color:var(--ink);margin:0 0 14px;line-height:1.45}
.contact-count b{font-weight:800}
.explainer{max-width:1040px;margin:0 auto 34px;background:#fff;border:1px solid #e3d6b6;border-left:5px solid #c9a24c;border-radius:16px;padding:26px 30px;box-shadow:0 10px 30px #0b203812}
.explainer h3{margin:0 0 8px;font-size:1.35rem;color:#0B2038}
.explainer-lead{margin:0 0 18px;color:#2d3d52;font-size:1.06rem;line-height:1.65}
.explainer-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.explainer-points li{position:relative;padding-left:26px;color:#3c4c60;line-height:1.5;font-size:.98rem}
.explainer-points li::before{content:"";position:absolute;left:2px;top:.5em;width:10px;height:10px;border-radius:50%;background:#c9a24c}
.explainer-points b{color:#0B2038}
@media (max-width:760px){.explainer{padding:20px 18px}.explainer-points{grid-template-columns:1fr}}
/* bandeau artisans : le bouton ne passe plus à la ligne sur tablette */
.artisan-inner .btn{flex-shrink:0;white-space:nowrap}
@media (max-width:1050px){.artisan-inner{flex-direction:column;align-items:flex-start}.artisan-inner .btn{width:auto;max-width:100%}}
@media (max-width:520px){.artisan-inner .btn{white-space:normal;width:100%;text-align:center}}

/* ===== V0.99 — formulaires de demande (mission, Studio) ===== */
.form-group{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px 22px 8px;margin:0;display:grid;gap:18px}
.form-group legend{padding:0 10px;font-weight:800;color:#0B2038;font-size:1.02rem}
.form-group .field:last-child{margin-bottom:6px}
.explainer-compact{padding:20px 22px;margin:0 0 24px;max-width:none;box-shadow:none}
.explainer-compact .explainer-lead{margin-bottom:10px}
.explainer-compact p:last-child{margin:0;color:#3c4c60;line-height:1.6;font-size:.98rem}
.steps-list{counter-reset:s;list-style:none}
.steps-list li{counter-increment:s;padding-left:34px}
.steps-list li::before{content:counter(s);background:#c9a24c;color:#0B2038;font-weight:800;width:22px;height:22px;border-radius:50%;left:0;top:.2em;display:flex;align-items:center;justify-content:center;font-size:.8rem}
select:invalid{color:#51606f}

/* V0.100 — engagement de confidentialité du portefeuille clients (nouveau bloc, charte inchangée) */
.pledge{background:linear-gradient(140deg,#0B2038,#173B59);color:#fff;border-top:3px solid #E5B95B;border-bottom:3px solid #E5B95B}
.pledge-head{max-width:860px;margin:0 auto 38px;text-align:center}
.pledge .eyebrow{color:#F2D38E}
.pledge h2{color:#fff;font-size:clamp(2rem,4vw,3.4rem);margin-bottom:18px}.pledge h2 span{color:#E5B95B}
.pledge-lead{color:#E3EAF0;font-size:1.12rem;line-height:1.7;margin:0}
.pledge-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pledge-grid li{background:#ffffff0d;border:1px solid #E5B95B8c;border-radius:18px;padding:26px 22px}
.pledge-grid h3{font-size:1.12rem;line-height:1.3;margin:14px 0 8px;color:#F2D38E}
.pledge-grid p{margin:0;color:#DCE5EC;font-size:.93rem;line-height:1.55}
.pledge-preprod{margin:26px auto 0;max-width:760px;text-align:center;font-size:.85rem;color:#F2D38E}
.pledge-cta{text-align:center;margin:30px 0 0}
@media(max-width:1050px){.pledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pledge-grid{grid-template-columns:1fr}.pledge-grid li{padding:22px 18px}}
.faq .pledge-cta{margin-top:26px}

/* V0.101 — accueil simplifié (accueil-v2) : messages courts, davantage d'espace */
.home-audiences .audience p,.home-services .service p{font-size:1rem}
.home-services .service{min-height:0}
.pledge-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.pledge-compact li{text-align:left}.pledge-compact h3{margin-bottom:0}
.steps-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.example-card{max-width:860px;margin:44px auto 0;background:#F6F2E9;color:#122236;border-left:5px solid #E5B95B;border-radius:16px;padding:26px 30px}
.example-tag{display:inline-block;background:#0B2038;color:#F2D38E;border-radius:30px;padding:4px 12px;font-size:.72rem;font-weight:800;letter-spacing:.06em}
.example-quote{font-family:Georgia,'Times New Roman',serif;font-size:1.35rem;line-height:1.35;margin:14px 0 6px;color:#0B2038}
.example-line{margin:0 0 10px;color:#3c4c60}.example-out{margin:0 0 12px;color:#122236}
.studio-mini{background:#F6F2E9;border-top:1px solid #e3d6b6}.studio-mini-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px;flex-wrap:wrap}.studio-mini p{margin:0;color:#35495c}
@media(max-width:1050px){.pledge-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pledge-compact,.steps-three{grid-template-columns:1fr}.example-card{padding:20px 18px;margin-top:32px}.example-quote{font-size:1.2rem}.home-audiences .audience img{aspect-ratio:906/276}}

/* V0.100-b — accueil simplifié (version de comparaison) */
.hero-chantier .hero-panel .hero-key{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.3;color:#F2D38E;margin:0 0 14px;font-weight:700}
.steps-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps-3>div{min-height:0;background:#fff;border:1px solid #e0d2ad}
.example-card{max-width:900px;margin:34px auto 0;background:#fff;border:1px solid #e3d6b6;border-left:5px solid #c9a24c;border-radius:16px;padding:24px 28px;box-shadow:0 10px 30px #0b203812}
.example-card h3{font-size:1.25rem;margin:8px 0}.example-card p{color:#3c4c60;line-height:1.65;margin:0 0 12px}.example-card b{color:#0B2038}
.example-tag{display:inline-block;background:#0B2038;color:#F2D38E;border-radius:30px;padding:4px 12px;font-size:.72rem;font-weight:800;letter-spacing:.06em}

.contact-simple{text-align:center;max-width:820px}.contact-simple h2{margin-bottom:16px}.contact-simple>p{color:#cfdae5;font-size:1.1rem}
.contact-simple .hero-actions{justify-content:center}.contact-simple .contact-points{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px}
.studio-mini{background:#e8eef2;border-top:1px solid #d3dbe2}.studio-mini-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;flex-wrap:wrap}.studio-mini p{margin:0;color:#1b3855}
@media(max-width:760px){.steps-3{grid-template-columns:1fr}.example-card{padding:20px 18px}.studio-mini-inner{flex-direction:column;align-items:flex-start}}

/* V0.101 : titre d'accueil plus long, retour à la ligne équilibré */
.hero-chantier h1{text-wrap:balance}

/* RENFORT PRO Visibilité */
.home-vis{background:linear-gradient(135deg,#0B2038,#12305a);color:#fff;padding:72px 0}.home-vis-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.home-vis h2{color:#fff}.home-vis h2 span{color:#D9BE7A}.home-vis p{color:#e6ecf3}.home-vis .eyebrow{color:#D9BE7A}.home-vis-fig{margin:0}.home-vis-fig img,.vis-hero-fig img{width:100%;height:auto;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.home-vis figcaption,.vis-hero-fig figcaption,.vis-examples figcaption{font-size:.85rem;color:#c9d4e0;margin-top:8px}.home-vis .checks li{color:#fff}.home-vis-price{display:flex;align-items:baseline;gap:12px;margin:18px 0}.home-vis-price strong{font-size:2rem;color:#D9BE7A}.home-vis-price span{color:#c9d4e0}
.vis-hero{background:linear-gradient(135deg,#0B2038,#12305a);color:#fff;padding:56px 0 64px}.vis-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}.vis-hero h1{color:#fff}.vis-hero h1 span{color:#D9BE7A}.vis-hero .lead,.vis-hero .breadcrumb{color:#e6ecf3}.vis-hero .eyebrow{color:#D9BE7A}.vis-key{font-weight:600;color:#D9BE7A;margin:14px 0}.vis-price-line{display:flex;align-items:baseline;gap:12px;margin:14px 0}.vis-price-line strong{font-size:2rem;color:#fff}.vis-price-line span{color:#c9d4e0}.vis-hero-fig{margin:0}
.vis-pack{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vis-card{background:#fff;border:1px solid #e3d6b6;border-radius:14px;padding:24px}.vis-card h3{margin-top:0}.vis-notinc{margin-top:24px;background:#F6F2E9;border-left:4px solid #C9A961;padding:18px 22px;border-radius:8px}.vis-notinc h3{margin-top:0}
.vis-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vis-examples figure{margin:0}.vis-examples img{width:100%;height:auto;border-radius:12px}.vis-adv{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vis-offer{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.vis-offer-card{background:#0B2038;color:#fff;border-radius:16px;padding:30px;text-align:center}.vis-offer-card .price strong{font-size:3rem;color:#D9BE7A}.vis-offer-card p{color:#e6ecf3}.vis-offer-card .price-label{color:#D9BE7A;font-weight:700;letter-spacing:.08em}
@media(max-width:900px){.home-vis-grid,.vis-hero-grid,.vis-offer{grid-template-columns:1fr}.vis-pack,.vis-examples{grid-template-columns:1fr}.vis-adv{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.vis-adv{grid-template-columns:1fr}.home-vis,.vis-hero{padding:44px 0}}
.vis-offer h2 span,.vis-pack h2 span{color:#7A5C14}
.vis-hero h1{font-size:clamp(2.2rem,4.2vw,3.3rem);text-wrap:balance;line-height:1.12}

.vis-demo{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.vis-demo h2 span{color:#D9BE7A}.vis-demo p,.vis-demo li{color:#e6ecf3}.vis-note{font-size:.92rem;color:#c9d4e0}
.vis-demo-form{background:#fff;border-radius:14px;padding:24px;color:#14243a}.vis-demo-form label{color:#14243a}.vis-demo-form .hint{color:#4a5b6c}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
@media(max-width:900px){.vis-demo{grid-template-columns:1fr}}

/* V1.1 — Visibilité : aperçus réels du moteur (ordinateur, téléphone, carte), diaporama sans script */
.home-vis{padding:88px 0;position:relative;overflow:hidden}.home-vis:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(217,190,122,.18),transparent 45%);pointer-events:none}
.home-vis .container{position:relative}.vis-lead{font-size:1.08rem;color:#dbe4ee;max-width:560px}
.vs{position:relative}.vs-stage{position:relative;aspect-ratio:8/6.2}.vs-set{position:absolute;inset:0;opacity:0;animation:vsfade 18s infinite}.vs-set:nth-child(2){animation-delay:6s}.vs-set:nth-child(3){animation-delay:12s}
@keyframes vsfade{0%{opacity:0;transform:translateY(14px)}5%,30%{opacity:1;transform:none}36%,100%{opacity:0}}
.vs-laptop{position:absolute;left:0;top:4%;width:78%;margin:0;border-radius:12px;overflow:hidden;background:#0b1626;box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(217,190,122,.35)}.vs-laptop img{display:block;width:100%;height:auto}
.vs-bar{height:20px;background:#13243a;display:flex;gap:6px;align-items:center;padding:0 10px}.vs-bar i{width:8px;height:8px;border-radius:50%;background:#D9BE7A;opacity:.8}
.vs-phone{position:absolute;right:2%;bottom:0;width:25%;margin:0;border-radius:24px;overflow:hidden;border:6px solid #0b1626;box-shadow:0 26px 50px rgba(0,0,0,.5),0 0 0 1px rgba(217,190,122,.5);background:#0b1626}.vs-phone img{display:block;width:100%;height:auto}
.vs-card{position:absolute;left:5%;bottom:-3%;width:21%;margin:0;border-radius:16px;overflow:hidden;border:4px solid #D9BE7A;box-shadow:0 22px 44px rgba(0,0,0,.5)}.vs-card img{display:block;width:100%;height:auto}
.vs-note{font-size:.82rem;color:#aebccd;margin:14px 0 0}
.vs-steps{list-style:none;margin:54px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.vs-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start;background:rgba(255,255,255,.06);border:1px solid rgba(217,190,122,.3);border-radius:16px;padding:20px}.vs-steps b{grid-row:span 2;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#F3DFA2,#D9B05B);color:#0B2038;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.vs-steps span{font-weight:700;color:#fff}.vs-steps small{color:#c4d0de;font-size:.9rem;line-height:1.45}
.home-unpaid{background:#f3efe6;padding:34px 0;border-top:1px solid #e3d9bd;border-bottom:1px solid #e3d9bd}.home-unpaid-in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.home-unpaid h2{margin:4px 0 6px;font-size:1.5rem}.home-unpaid p{margin:0;max-width:700px;color:#3b4a5d}
@media(max-width:900px){.vs-steps{grid-template-columns:1fr}.vs-stage{margin-top:20px}.home-vis{padding:56px 0}}
@media(prefers-reduced-motion:reduce){.vs-set{animation:none;opacity:0}.vs-set:first-child{opacity:1}}

/* V1.5 — trois pôles à égalité */
.poles{background:#0B2038;border-bottom:1px solid rgba(217,190,122,.35);padding:0}.poles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.pole{display:flex;flex-direction:column;gap:6px;padding:26px 28px;color:#dbe4ee;text-decoration:none;border-left:1px solid rgba(217,190,122,.22);transition:background .25s}.pole:first-child{border-left:0}.pole:hover,.pole:focus-visible{background:rgba(217,190,122,.1)}
.pole-n{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#e5b95b;font-weight:700}.pole strong{color:#fff;font-size:1.2rem;font-family:"Cormorant Garamond",Georgia,serif}.pole span:not(.pole-n){font-size:.93rem;line-height:1.5}.pole em{font-style:normal;color:#F2D38E;font-weight:700;margin-top:4px}
.home-cre{background:linear-gradient(160deg,#0a1b30,#143652);color:#fff;padding:92px 0;position:relative;overflow:hidden}.home-cre:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(217,190,122,.16),transparent 42%);pointer-events:none}.home-cre .container{position:relative}
.cre-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.home-cre h2{color:#fff}.home-cre h2 span{color:#D9BE7A}.cre-lead{font-size:1.08rem;color:#dbe4ee;max-width:560px}.home-cre .eyebrow{color:#e5b95b}
.cre-status{display:inline-flex;gap:10px;align-items:center;margin:0 0 14px;font-size:.9rem;color:#cfd9e4}.cre-status span{background:#F2D38E;color:#0B2038;font-weight:700;border-radius:20px;padding:3px 12px;font-size:.8rem}
.cre-price{display:flex;gap:18px;align-items:center;margin:22px 0;padding:16px 20px;border:1px solid rgba(217,190,122,.5);border-radius:16px;background:rgba(255,255,255,.05)}.cre-price strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.1rem;color:#F2D38E;white-space:nowrap}.cre-price span{font-size:.95rem;color:#e6ecf3}.cre-price small{color:#b9c6d4;font-size:.82rem;line-height:1.45;display:block;margin-top:4px}
.home-cre .checks li{color:#e6ecf3}
.cre-card{background:#fff;color:#122236;border-radius:22px;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.cre-card h3{margin:10px 0 18px;font-size:1.3rem;color:#0B2038}.cre-card .example-tag{display:inline-block}
.cre-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:none}.cre-steps li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;padding:12px 14px;border:1px solid #dce3e7;border-radius:14px;background:#f8f9fb}.cre-steps b{width:38px;height:38px;border-radius:50%;background:#dce3e7;color:#0B2038;display:flex;align-items:center;justify-content:center}.cre-steps li.done b{background:#0B2038;color:#F2D38E}.cre-steps li.now{border-color:#e5b95b;background:#fff8e6}.cre-steps li.now b{background:#e5b95b;color:#0B2038}.cre-steps strong{display:block;color:#0B2038}.cre-steps small{display:block;color:#4d5d73;font-size:.88rem;line-height:1.45}
@media(max-width:900px){.cre-grid{grid-template-columns:1fr}.poles-grid{grid-template-columns:1fr}.pole{border-left:0;border-top:1px solid rgba(217,190,122,.22);padding:18px 22px}.pole:first-child{border-top:0}.home-cre{padding:56px 0}.cre-price{flex-direction:column;align-items:flex-start}}

/* V1.6 Créances : méthode en sept étapes */
.cre-seven{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.cre-seven li{display:flex;flex-direction:column;gap:8px;padding:14px 12px;border:1px solid rgba(217,190,122,.45);border-radius:14px;background:rgba(255,255,255,.05);font-size:.88rem;line-height:1.35}.cre-seven b{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#F3DFA2,#D9B05B);color:#0B2038;display:flex;align-items:center;justify-content:center}
.cre-note{margin:14px 0 0;font-size:.9rem;opacity:.9}
@media(max-width:900px){.cre-seven{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cre-seven{grid-template-columns:1fr}}

/* ===== V1.7 — accueil commercial : trois grandes sections, sans pôles ni répétitions ===== */
.x-sec{padding:104px 0;position:relative}.x-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.x-eyebrow{display:block;font-size:.8rem;letter-spacing:.18em;font-weight:800;margin-bottom:16px}
.x-sec h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.1rem,3.7vw,3.4rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 20px;text-wrap:balance}
.x-lead{font-size:1.14rem;line-height:1.7;max-width:560px;margin:0 0 26px}
.x-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:26px 0 0}.x-link{font-weight:800;color:#7a5a1a;border-bottom:2px solid #d4b66c;padding-bottom:2px}.x-link-light{color:#F2D38E;border-color:rgba(242,211,142,.6)}
.x-fine{font-size:.86rem;line-height:1.55;margin:18px 0 0;color:#cdd8e4;max-width:540px}.x-fine-dark{color:#51606f}
.x-tag{display:inline-block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;background:#0B2038;color:#F2D38E;border-radius:20px;padding:4px 11px}
/* 1 — Relance : fond clair, photo à gauche */
.x-relance{background:#f6f2e9;color:#122236}.x-relance .x-eyebrow{color:#7a5a1a}.x-relance h2 span{color:#9a7424}.x-relance .x-lead{color:#33465a}
.x-photo{margin:0;position:relative}.x-photo img{width:100%;height:auto;display:block;border-radius:28px;box-shadow:0 34px 70px rgba(11,32,56,.28)}.x-photo:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:2px solid #d4b66c;border-radius:30px;z-index:-1}
.x-float{position:absolute;right:-28px;bottom:-30px;width:min(290px,78%);background:#fff;color:#122236;border-radius:18px;padding:18px 20px;box-shadow:0 26px 50px rgba(11,32,56,.3);border:1px solid #e3d6b6}.x-float b{display:block;margin:10px 0 8px;font-size:.98rem}.x-float ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.x-float li{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:700}.x-float li em{margin-left:auto;font-style:normal;font-weight:700;font-size:.74rem;color:#51606f}
.d{width:10px;height:10px;border-radius:50%;flex:none}.d1{background:#e5b95b}.d2{background:#4f9a6c}.d3{background:#6d8fb3}
.x-three{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.x-three li{display:flex;flex-direction:column;gap:10px;font-weight:800;font-size:.95rem;line-height:1.35;color:#0B2038}.x-three b{width:40px;height:40px;border-radius:50%;background:#0B2038;color:#F2D38E;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.x-prices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px}.x-prices div{background:#0B2038;color:#fff;border-radius:18px;padding:18px 22px}.x-prices strong{display:block;font-family:Georgia,serif;font-size:2.1rem;color:#F2D38E;line-height:1.1}.x-prices span{font-size:.88rem;color:#d3deea;line-height:1.45}
.x-proof{font-size:.9rem;color:#4a5a6c;line-height:1.6;margin:0}
/* 2 — Visibilité : fond nuit, grande composition */
.x-vis{background:radial-gradient(ellipse at 85% 10%,#1b4468 0%,transparent 50%),linear-gradient(160deg,#07192d,#0e2f4d);color:#fff}.x-vis .x-eyebrow{color:#E5B95B}.x-vis h2{color:#fff}.x-vis h2 span{color:#E5B95B}.x-vis .x-lead{color:#dbe5ee}
.x-chips{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.x-chips li{border:1px solid rgba(229,185,91,.6);border-radius:30px;padding:8px 16px;font-size:.9rem;font-weight:700;background:rgba(255,255,255,.05)}
.x-pricebar{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin:0}.x-pricebar strong{font-family:Georgia,serif;font-size:2.7rem;color:#F2D38E;line-height:1}.x-pricebar span{color:#cdd8e4;font-size:.96rem}.x-pricebar-dark strong{color:#0B2038}.x-pricebar-dark span{color:#44566a}
.x-stage{position:relative;aspect-ratio:1/.9}.x-laptop{position:absolute;left:0;top:2%;width:84%;margin:0;border-radius:14px;overflow:hidden;background:#0b1626;box-shadow:0 36px 70px rgba(0,0,0,.5),0 0 0 1px rgba(229,185,91,.4)}.x-laptop img{display:block;width:100%;height:auto}.x-bar{height:22px;background:#13243a;display:flex;gap:6px;align-items:center;padding:0 12px}.x-bar i{width:8px;height:8px;border-radius:50%;background:#E5B95B;opacity:.85}
.x-phone{position:absolute;right:0;bottom:0;width:23%;margin:0;border:6px solid #0b1626;border-radius:26px;overflow:hidden;box-shadow:0 30px 56px rgba(0,0,0,.55),0 0 0 1px rgba(229,185,91,.55);background:#0b1626}.x-phone img{display:block;width:100%;height:auto}
.x-reel{position:absolute;left:-2%;bottom:-10%;width:25%;margin:0;border:4px solid #E5B95B;border-radius:20px;overflow:hidden;background:#07192d;box-shadow:0 30px 56px rgba(0,0,0,.6)}.x-reel video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}.x-play{position:absolute;right:8px;bottom:8px;font:700 .7rem Arial,sans-serif;background:rgba(11,32,56,.85);color:#fff;border:1px solid #E5B95B;border-radius:14px;padding:5px 10px;cursor:pointer}
.x-trades{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:84px 0 0}.x-trades figure{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#0b1626}.x-trades img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.x-trades figure:hover img{transform:scale(1.05)}.x-trades figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;background:linear-gradient(transparent,rgba(7,25,45,.9));font-weight:800;letter-spacing:.04em}
.x-note{margin:20px 0 0;font-size:.84rem;color:#aebccd;text-align:center}
/* 3 — Créances : fond ivoire, visuel dossier */
.x-cre{background:linear-gradient(180deg,#f8f5ee,#ece6d8);color:#122236}.x-cre .x-eyebrow{color:#7a5a1a}.x-cre h2 span{color:#9a7424}.x-cre .x-lead{color:#33465a}
.x-method{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.x-method li{background:#fff;border:1px solid #e3d6b6;border-left:4px solid #c9a24c;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.x-method b{color:#0B2038}.x-method span{font-size:.88rem;color:#51606f;line-height:1.45}
.x-case{display:flex;justify-content:center}.x-phone-c{width:min(330px,100%);background:#fff;border:9px solid #0B2038;border-radius:40px;padding:34px 22px 24px;box-shadow:0 40px 80px rgba(11,32,56,.35);position:relative}.x-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:110px;height:22px;background:#0B2038;border-radius:0 0 16px 16px}
.x-case-t{display:block;margin:14px 0 12px;font-size:1.15rem;color:#0B2038}.x-case-a{display:flex;justify-content:space-between;align-items:baseline;background:#f6f2e9;border-radius:14px;padding:14px 16px;margin-bottom:16px}.x-case-a span{font-size:.82rem;color:#7a3b2e;font-weight:700}.x-case-a strong{font-family:Georgia,serif;font-size:1.4rem;color:#0B2038}
.x-case-s{list-style:none;margin:0;padding:0;display:grid;gap:10px}.x-case-s li{display:flex;align-items:center;gap:12px;font-weight:700;font-size:.92rem;padding:10px 12px;border-radius:12px;background:#f3f5f7;color:#51606f}.x-case-s i{width:28px;height:28px;border-radius:50%;background:#dce3e7;color:#0B2038;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex:none}.x-case-s li.ok{color:#0B2038;background:#eef4ee}.x-case-s li.ok i{background:#0B2038;color:#F2D38E}.x-case-s li.now{background:#fff8e6;border:1px solid #e5b95b;color:#0B2038}.x-case-s li.now i{background:#e5b95b}
.x-case-f{font-size:.8rem;color:#51606f;margin:16px 0 0;text-align:center}
/* fin : contact + FAQ brève */
.x-end{background:#0B2038;color:#fff;padding:84px 0}.x-end-in{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.x-end h2{color:#fff;font-size:clamp(1.8rem,3vw,2.6rem)}.x-end p{color:#d3deea;font-size:1.05rem;line-height:1.65;max-width:520px}
.x-faq details{background:rgba(255,255,255,.06);border:1px solid rgba(229,185,91,.4);border-radius:14px;padding:16px 20px;margin-bottom:12px}.x-faq summary{font-weight:800;cursor:pointer;color:#fff}.x-faq details p{margin:10px 0 0;font-size:.95rem;color:#cdd8e4}
/* révélation douce au défilement (respecte « réduire les animations ») */
@supports (animation-timeline:view()){.x-copy,.x-photo,.x-stage,.x-case,.x-trades{animation:xrv linear both;animation-timeline:view();animation-range:entry 0% entry 30%}@keyframes xrv{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.x-copy,.x-photo,.x-stage,.x-case,.x-trades{animation:none!important}.x-trades img{transition:none}}
@media(max-width:980px){.x-sec{padding:68px 0}.x-split,.x-end-in{grid-template-columns:1fr;gap:44px}.x-photo:before{display:none}.x-float{right:12px;bottom:-24px}.x-stage{aspect-ratio:1/1;margin-top:8px}.x-trades{grid-template-columns:1fr;margin-top:60px}.x-split-cre .x-case{order:2}.x-end{padding:60px 0}}
@media(max-width:560px){.x-prices,.x-method{grid-template-columns:1fr}.x-three{grid-template-columns:1fr;gap:12px}.x-three li{flex-direction:row;align-items:center}.x-cta{gap:16px}.x-cta .btn{width:100%;text-align:center}.x-stage{aspect-ratio:1/1.12}.x-phone{width:27%}.x-reel{width:33%}}

.x-all{margin:72px 0 22px;text-align:center;font-size:1.15rem;color:#dbe5ee}.x-all b{color:#F2D38E}
.x-trades{margin-top:0}

/* ===== V1.8 — explications commerciales complètes : cartes tarifaires, pack, méthode Créances ===== */
.x-lead strong{color:#0B2038}.x-vis .x-lead strong{color:#fff}.x-lead-s{font-size:1rem;max-width:560px}
.x-ex{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.x-ex li{background:#fff;border:1px solid #e3d6b6;border-radius:30px;padding:8px 16px;font-weight:700;font-size:.9rem;color:#0B2038}
.x-proof-line{margin:0;padding:14px 16px;border-left:4px solid #c9a24c;background:rgba(201,162,76,.1);border-radius:0 12px 12px 0;color:#33465a}
.x-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:72px 0 0;align-items:stretch}
.x-card{background:linear-gradient(165deg,#0B2038,#0f2d4d);color:#fff;border-radius:26px;padding:36px 34px;display:flex;flex-direction:column;border:1px solid rgba(229,185,91,.55);box-shadow:0 30px 60px rgba(11,32,56,.28)}
.x-card-star{border:2px solid #E5B95B;box-shadow:0 34px 70px rgba(11,32,56,.38),0 0 0 6px rgba(229,185,91,.16)}
.x-card-k{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#E5B95B}
.x-card-p{margin:10px 0 2px;line-height:1}.x-card-p strong{font-family:Georgia,serif;font-size:clamp(2.8rem,4.4vw,3.8rem);color:#F2D38E}
.x-card-s{margin:8px 0 20px;color:#dbe5ee;font-size:1.05rem}.x-card-s b{color:#fff}
.x-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px;flex:1}.x-list li{position:relative;padding-left:30px;line-height:1.5;color:#e6edf4}.x-list li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#E5B95B;color:#0B2038;font-weight:900;font-size:.78rem;display:flex;align-items:center;justify-content:center}
.x-card .btn{align-self:flex-start}
.x-roi{margin:30px auto 0;max-width:860px;text-align:center}.x-roi-t{font-family:Georgia,serif;font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.4;color:#0B2038;margin:0 0 10px}.x-roi-s{font-size:.94rem;color:#4a5a6c;line-height:1.6;margin:0}
.x-adv{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}.x-adv li{font-weight:800;font-size:.92rem;color:#0B2038;display:flex;align-items:center;gap:8px}.x-adv li:before{content:"";width:8px;height:8px;border-radius:50%;background:#c9a24c}
.x-cta-c{justify-content:center;margin-top:30px}
.x-pack{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}.x-pack li{position:relative;padding-left:28px;color:#e6edf4;line-height:1.5}.x-pack li:before{content:"✓";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:#E5B95B;color:#0B2038;font-weight:900;font-size:.72rem;display:flex;align-items:center;justify-content:center}
.x-demo{margin:72px 0 0;display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;padding:34px 38px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(229,185,91,.5)}.x-demo h3{font-family:Georgia,serif;font-size:1.7rem;margin:0 0 10px;color:#F2D38E}.x-demo p{margin:0;color:#dbe5ee;line-height:1.65}.x-demo .x-cta{flex-direction:column;align-items:stretch;margin:0}.x-demo .btn{text-align:center}
.x-vis .x-trades{margin-top:44px}
.x-steps{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:s}.x-steps li{background:#fff;border:1px solid #e3d6b6;border-top:4px solid #c9a24c;border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:8px}.x-steps b{width:36px;height:36px;border-radius:50%;background:#0B2038;color:#F2D38E;display:flex;align-items:center;justify-content:center}.x-steps strong{color:#0B2038;line-height:1.3}.x-steps span{font-size:.88rem;color:#51606f;line-height:1.5}
.x-legal{margin:28px auto 0;max-width:900px;padding:16px 20px;border:1px solid #c9a24c;border-radius:14px;background:#fff8e6;color:#3c3320;font-size:.92rem;line-height:1.6}
.x-trust{background:#07192d;color:#fff;padding:44px 0}.x-trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.x-trust li{display:flex;flex-direction:column;gap:4px;border-left:3px solid #E5B95B;padding-left:16px}.x-trust b{color:#F2D38E;font-size:1.05rem}.x-trust span{color:#cdd8e4;font-size:.9rem;line-height:1.5}
.x-end{padding:72px 0}.x-end-in{grid-template-columns:1.2fr 1fr}.x-end .x-cta{justify-content:flex-end;margin:0}
@media(max-width:980px){.x-cards{grid-template-columns:1fr;gap:22px;margin-top:56px}.x-card{padding:30px 24px}.x-demo{grid-template-columns:1fr;padding:26px 22px}.x-steps{grid-template-columns:1fr 1fr}.x-trust ul{grid-template-columns:1fr 1fr}.x-end .x-cta{justify-content:flex-start}}
@media(max-width:560px){.x-steps,.x-trust ul{grid-template-columns:1fr}.x-card .btn{align-self:stretch;text-align:center}.x-demo .x-cta{gap:12px}.x-cta-c .btn{width:100%}}
.x-roi{margin-top:44px}.x-pricebar+.x-lead-s{margin-top:16px}.x-pricebar-dark+.x-lead-s{margin-top:18px}

/* ===== V1.9 — finalisation commerciale : scènes variées, démo à essayer, mise en page sans vides ===== */
.x-top{align-items:start}.x-top .x-copy{padding-top:6px}
.x-flow{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:14px}.x-flow li{display:flex;gap:16px;align-items:flex-start}.x-flow b{flex:none;width:40px;height:40px;border-radius:50%;background:#0B2038;color:#F2D38E;display:flex;align-items:center;justify-content:center}.x-flow strong{display:block;color:#0B2038;font-size:1.05rem}.x-flow span{color:#51606f;font-size:.95rem;line-height:1.5}
/* visuel Relance : devis + compte rendu (aucun portrait) */
.x-vis1{position:relative;min-height:540px;border-radius:28px;background:radial-gradient(circle at 20% 15%,#1b4468,#0B2038 70%);box-shadow:0 34px 70px rgba(11,32,56,.3);overflow:hidden}
.x-vis1:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(229,185,91,.05) 0 2px,transparent 2px 22px)}
.x-paper,.x-report,.x-invoice{position:absolute;background:#fff;color:#122236;border-radius:14px;box-shadow:0 24px 46px rgba(0,0,0,.35)}
.x-paper{left:7%;top:8%;width:62%;padding:22px 24px;transform:rotate(-3deg)}.x-paper-t,.x-invoice b{display:block;margin:12px 0 14px;font-size:.98rem;color:#0B2038}
.x-lines{display:grid;gap:10px}.x-lines i{display:block;height:9px;border-radius:5px;background:#e6eaee}.x-lines i.s{width:62%}
.x-paper-f{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:.84rem;color:#51606f;gap:10px}
.x-stamp{font-style:normal;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;color:#a2392b;border:2px solid #a2392b;border-radius:8px;padding:5px 10px;transform:rotate(-6deg);white-space:nowrap}
.x-report{right:6%;bottom:9%;width:68%;padding:20px 22px;transform:rotate(2deg)}.x-report b{display:block;margin:10px 0 12px;color:#0B2038}.x-report ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.x-report li{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.4}.x-report li .d{margin-top:5px}.x-report em{font-style:normal;font-weight:800;color:#0B2038;margin-right:4px}
.x-badge{position:absolute;left:8%;bottom:7%;background:#E5B95B;color:#0B2038;font-weight:900;border-radius:14px;padding:12px 16px;box-shadow:0 14px 30px rgba(0,0,0,.35);line-height:1.2}.x-badge small{display:block;font-weight:700;font-size:.74rem}
.x-card-n{margin:-8px 0 22px;font-size:.86rem;color:#c9d6e4;font-style:italic;line-height:1.5}
.x-roi{margin-top:40px}
/* Visibilité : mosaïque de détails sans visage */
.x-mosaic{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(4,92px);gap:12px}.x-mosaic figure{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4);border:1px solid rgba(229,185,91,.35)}.x-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.x-mosaic figure:hover img{transform:scale(1.06)}
.x-mosaic .m1{grid-column:1;grid-row:1/4}.x-mosaic .m2{grid-column:2/4;grid-row:1/3}.x-mosaic .m3{grid-column:2;grid-row:3/5}.x-mosaic .m4{grid-column:3;grid-row:3/5}.x-mosaic .m5{grid-column:1;grid-row:4}
.x-mosaic .m6{display:none}
.x-pack-d li{color:#33465a}.x-pack-d li:before{background:#0B2038;color:#F2D38E}
/* démo à essayer */
.x-try{margin:72px 0 0;padding:40px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(229,185,91,.5)}.x-try-head{max-width:820px;margin:0 0 28px}.x-try-head h3{font-family:Georgia,serif;font-size:clamp(1.7rem,2.8vw,2.3rem);margin:0 0 10px;color:#fff}.x-try-head p{margin:0;color:#dbe5ee;line-height:1.65}
.x-try-grid{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start}
.x-form{display:grid;gap:14px}.x-form label{display:grid;gap:6px;font-weight:700;font-size:.86rem;color:#F2D38E}.x-form input[type=text],.x-form input[type=tel],.x-form select{font:inherit;font-weight:500;padding:12px 14px;border-radius:12px;border:1px solid rgba(229,185,91,.55);background:#0b1f36;color:#fff;min-height:46px}.x-form input::placeholder{color:#8ea3b8}.x-form input:focus,.x-form select:focus{outline:3px solid #E5B95B;outline-offset:1px}
.x-styles{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.x-styles legend{font-weight:700;font-size:.86rem;color:#F2D38E;margin-bottom:8px;padding:0}.x-styles label{display:block}.x-styles input{position:absolute;opacity:0}.x-styles span{display:block;padding:9px 14px;border-radius:30px;border:1px solid rgba(229,185,91,.6);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer}.x-styles input:checked+span{background:#E5B95B;color:#0B2038}.x-styles input:focus-visible+span{outline:3px solid #fff}
.x-form-n{margin:0;font-size:.8rem;color:#aebccd;line-height:1.5}
.x-stage2{position:relative;min-height:470px;--c1:#0B2038;--c2:#E5B95B;--bg:#fff;--fg:#122236;--ff:Georgia,serif}
.x-lap{position:absolute;left:0;top:0;width:78%;border-radius:14px;overflow:hidden;background:#0b1626;box-shadow:0 36px 70px rgba(0,0,0,.5),0 0 0 1px rgba(229,185,91,.4)}.x-bar{height:22px;background:#13243a;display:flex;gap:6px;align-items:center;padding:0 12px}.x-bar i{width:8px;height:8px;border-radius:50%;background:#E5B95B}
.x-site{background:var(--bg);color:var(--fg);font-family:var(--ff);font-size:12px}.x-snav{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--c1);color:#fff}.x-snav b{margin-right:auto;font-size:13px}.x-snav span{font-size:11px;opacity:.85;font-family:Arial,sans-serif}.x-snav em{font-style:normal;background:var(--c2);color:var(--c1);padding:4px 10px;border-radius:14px;font-weight:700;font-size:11px;font-family:Arial,sans-serif}
.x-shero{position:relative;display:grid;grid-template-columns:1fr;min-height:230px}.x-sphoto{background:#13243a center/cover no-repeat}.x-shero .x-sphoto{position:absolute;inset:0}.x-shero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,45,.88),rgba(7,25,45,.25))}.x-stxt{position:relative;z-index:2;padding:34px 22px;color:#fff;max-width:62%}.x-stxt small{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:10px;color:var(--c2);font-family:Arial,sans-serif;font-weight:700;margin-bottom:8px}.x-stxt h4{margin:0 0 8px;font-size:26px;line-height:1.1}.x-stxt p{margin:0 0 14px;font-size:12px;font-family:Arial,sans-serif;opacity:.9}.x-sbtn{display:inline-block;background:var(--c2);color:var(--c1);font-family:Arial,sans-serif;font-weight:800;font-size:11px;padding:8px 14px;border-radius:20px}
.x-sserv{list-style:none;margin:0;padding:14px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.x-sserv li{padding:10px;border-radius:8px;background:#f1f3f6;font-family:Arial,sans-serif;font-weight:700;font-size:11px;color:var(--c1);border-top:3px solid var(--c2)}
.x-ph{position:absolute;right:2%;top:46px;width:22%;border:6px solid #0b1626;border-radius:26px;overflow:hidden;box-shadow:0 30px 56px rgba(0,0,0,.55),0 0 0 1px rgba(229,185,91,.55);background:var(--bg)}.x-site-m .x-snav{padding:8px 10px}.x-site-m .x-sphoto{height:140px}.x-site-m .x-stxt{max-width:none;color:var(--fg);padding:12px 10px 14px}.x-site-m .x-stxt h4{font-size:15px;color:var(--c1)}.x-site-m .x-stxt small{color:#8a6a1f}
.x-card9{position:absolute;left:3%;bottom:0;width:23%;aspect-ratio:9/16;border:4px solid #E5B95B;border-radius:20px;overflow:hidden;background:#07192d;box-shadow:0 30px 56px rgba(0,0,0,.6)}
.x-card9 .sc{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px;color:#fff;opacity:0;animation:xsc 16s infinite}.x-card9 .sc small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#E5B95B;font-family:Arial,sans-serif;font-weight:700}.x-card9 .sc b{font-family:Georgia,serif;font-size:15px;line-height:1.15}
.x-card9 .sc1{animation-delay:0s}.x-card9 .sc2{animation-delay:4s;background:linear-gradient(160deg,#0B2038,#17406a);justify-content:center}.x-card9 .sc3{animation-delay:8s;background:linear-gradient(160deg,#17406a,#0B2038);justify-content:center;align-items:center;text-align:center}.x-card9 .sc4{animation-delay:12s;background:linear-gradient(160deg,#c9a24c,#E5B95B);color:#0B2038;justify-content:center;align-items:center;text-align:center}.x-card9 .sc4 small{color:#0B2038}.x-card9 .sc4 .x-sbtn{background:#0B2038;color:#F2D38E}.x-card9 .sc3 span{font-size:10px;font-family:Arial,sans-serif;opacity:.85}
.x-card9 .sc1 .x-sphoto{position:absolute;inset:0}.x-card9 .sc1:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(7,25,45,.92))}.x-cardtxt{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}
.x-card9 ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.x-card9 li{font-family:Arial,sans-serif;font-size:10px;font-weight:700;border-left:3px solid #E5B95B;padding-left:7px}
@keyframes xsc{0%{opacity:0;transform:scale(1.06)}4%{opacity:1}22%{opacity:1;transform:scale(1)}27%{opacity:0}100%{opacity:0}}
/* trois styles réellement différents */
.xs-moderne{--c1:#0f5bd8;--c2:#ffd34d;--bg:#f6f8fc;--fg:#111b2e;--ff:Arial,Helvetica,sans-serif}.xs-moderne .x-shero:after{background:linear-gradient(0deg,rgba(15,91,216,.82),rgba(15,91,216,.05) 70%)}.xs-moderne .x-stxt{max-width:none;align-self:end;padding-top:90px}.xs-moderne .x-stxt h4{font-weight:900;letter-spacing:-.02em}.xs-moderne .x-sserv li{border-radius:14px;border-top:0;border-left:4px solid var(--c1)}.xs-moderne .x-snav{background:#fff;color:#111b2e}.xs-moderne .x-snav em{background:var(--c1);color:#fff}
.xs-artisan{--c1:#4a3524;--c2:#d9a441;--bg:#f4ecdd;--fg:#2a1d12;--ff:Georgia,serif}.xs-artisan .x-shero{grid-template-columns:1fr 1fr}.xs-artisan .x-shero .x-sphoto{position:relative;grid-column:2;border:8px solid #f4ecdd;border-left-width:0;min-height:230px}.xs-artisan .x-shero:after{display:none}.xs-artisan .x-shero{background:var(--c1)}.xs-artisan .x-stxt{grid-column:1;grid-row:1;max-width:none}.xs-artisan .x-sserv li{background:#fff;border-radius:2px;border-top:0;border-bottom:3px solid var(--c2)}
.x-why{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.x-why li{border-top:3px solid #E5B95B;padding-top:14px;display:flex;flex-direction:column;gap:6px}.x-why b{color:#F2D38E;font-size:1.05rem}.x-why span{color:#cdd8e4;font-size:.92rem;line-height:1.5}
.x-note-l{text-align:left;margin:22px 0 0}
/* Créances : facture + suivi */
.x-case{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:560px}.x-invoice{position:absolute;left:0;top:34px;width:52%;padding:20px 22px;transform:rotate(-5deg);border:1px solid #e3d6b6}.x-invoice .x-stamp{display:inline-block;margin-top:18px}.x-stamp-r{}
.x-case .x-phone-c{position:relative;margin-left:34%;z-index:2}
@media(min-width:981px){.x-split{align-items:start}}
@media(max-width:980px){.x-vis1{min-height:500px}.x-mosaic{grid-template-rows:repeat(4,78px)}.x-try{padding:26px 18px}.x-try-grid{grid-template-columns:1fr;gap:26px}.x-stage2{min-height:420px}.x-why{grid-template-columns:1fr 1fr}.x-case{min-height:0;justify-content:center}.x-invoice{display:none}.x-case .x-phone-c{margin-left:0}}
@media(max-width:560px){.x-vis1{min-height:470px}.x-paper{width:74%}.x-report{width:82%}.x-mosaic{grid-template-rows:repeat(4,70px);gap:8px}.x-why{grid-template-columns:1fr}.x-stage2{min-height:380px}.x-ph{width:30%}.x-card9{width:30%}.x-lap{width:84%}.x-stxt{padding:20px 12px}.x-stxt h4{font-size:18px}.x-sserv{display:none}.x-shero{min-height:150px}}
@media(prefers-reduced-motion:reduce){.x-card9 .sc{animation:none}.x-card9 .sc1{opacity:1}.x-mosaic img{transition:none}}
/* V1.9 — correctifs de composition : aucune zone vide */
.x-vis .x-top{align-items:stretch}.x-mosaic{align-self:stretch;grid-template-rows:repeat(4,1fr);min-height:640px}
.x-stage2{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px;gap:18px;align-items:end;min-height:0}
.x-lap,.x-ph,.x-card9{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}.x-lap{align-self:start}.x-ph{align-self:end}.x-card9{align-self:end;aspect-ratio:9/16}
@media(max-width:980px){.x-mosaic{min-height:0;grid-template-rows:repeat(4,90px)}.x-stage2{grid-template-columns:1fr 1fr}.x-lap{grid-column:1/3}.x-ph,.x-card9{width:100%;max-width:220px;justify-self:center}}
@media(max-width:560px){.x-mosaic{grid-template-rows:repeat(4,72px)}.x-ph,.x-card9{max-width:none}}
.x-vis1{min-height:620px}.x-paper{left:6%;top:6%;width:64%}.x-report{right:5%;top:50%;bottom:auto;width:72%}.x-badge{left:auto;right:6%;top:4%;bottom:auto}.x-paper-f{flex-wrap:wrap}
@media(max-width:560px){.x-vis1{min-height:600px}.x-paper{width:80%}.x-report{width:86%;top:52%}}
.x-try-grid{align-items:stretch}.x-stage2{align-content:center}
.x-invoice{left:-1%;width:50%;top:60px}.x-case .x-phone-c{margin-left:38%}
.x-shero .x-stxt{background:linear-gradient(90deg,rgba(7,25,45,.82),rgba(7,25,45,.35))}.xs-moderne .x-shero .x-stxt{background:linear-gradient(0deg,rgba(15,91,216,.88),rgba(15,91,216,.2))}.xs-artisan .x-shero .x-stxt{background:#4a3524}