/* Refonte2site.fr / 2026 — UI originale, aucune dépendance graphique distante */
:root{--navy:#101f38;--navy2:#172f52;--blue:#165dd5;--gold:#efbc55;--gold2:#f9d989;--ink:#142139;--muted:#617087;--line:#dfe6ed;--bg:#f7f8fa;--cream:#faf7f0;--shadow:0 18px 46px rgba(15,32,57,.09);--r:18px;--max:1260px}
body{color:var(--ink);background:#fff;letter-spacing:-.005em}p{line-height:1.7}h1,h2,h3{letter-spacing:-.042em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #edb84f;outline-offset:3px}
.site-header{background:rgba(255,255,255,.97);box-shadow:0 3px 20px rgba(15,32,57,.025)}.nav-wrap{height:76px}.brand strong{font-size:22px;letter-spacing:-.045em}.brand small{font-size:9px;letter-spacing:.11em}.brand-mark{background:#102543;border-radius:13px;font-size:17px;box-shadow:inset 0 -3px 0 #efbc55,0 9px 15px rgba(17,38,69,.08)}.desktop-nav{gap:23px}.nav-link{font-size:13px;transition:color .2s}.btn{font-weight:750;border-radius:12px;min-height:48px;padding:0 22px;font-size:14px;white-space:normal;text-align:center;line-height:1.25}.btn-gold{background:linear-gradient(135deg,#f7d77d,#ebb348);box-shadow:0 9px 28px rgba(205,149,44,.16)}.btn-primary{background:linear-gradient(135deg,#236be4,#1253b9);box-shadow:0 9px 30px rgba(20,85,192,.19)}.btn-outline{border-color:#cbd6e3}.btn:hover{transform:translateY(-2px)}
.eyebrow{background:#ecf3fe;border:1px solid #e3edfa;padding:8px 13px;font-size:10px;letter-spacing:.13em}.kicker{font-size:11px;letter-spacing:.16em;color:#195bb0}.section{padding:84px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(30px,3.7vw,47px);letter-spacing:-.047em}.section-head p{max-width:740px;color:#58687e}.section-soft{background:#f6f8fb}.section-cream{background:#faf7f0}.section-head-center{align-items:end}.section-head-center>div{max-width:760px}
/* HERO: promesse courte à gauche, transformation d'images générées originales à droite */
.hero.hero-premium{padding:69px 0 57px;overflow:hidden;background:radial-gradient(ellipse at 65% 27%,#e9f0fc 0%,transparent 52%),linear-gradient(128deg,#fff 0%,#faf9f6 83%)}
.hero.hero-premium::after{display:none}.hero-layout{display:grid;grid-template-columns:minmax(0,.90fr) minmax(0,1.1fr);align-items:center;gap:36px}.hero-copy{padding:0 0 4px 2px;position:relative;z-index:2}.hero.hero-premium h1{font-size:clamp(39px,4.9vw,69px);line-height:1.045;max-width:none;margin:21px 0 22px;letter-spacing:-.06em}.hero.hero-premium h1 em{color:#8190a3;font-style:normal;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#dfae5e}.hero.hero-premium h1 span{color:#1558bf;display:inline}.hero.hero-premium .hero-lead{font-size:18px;line-height:1.68;max-width:530px;margin:0;color:#526178}.hero-lead strong{color:#243650;font-weight:750}.hero-price-line{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-price{display:flex;flex-direction:column;border-left:3px solid #e7b85c;padding-left:14px}.hero-price small{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:#6f7c8c}.hero-price strong{font-size:27px;letter-spacing:-.045em;color:#101f38}.hero-notes{font-size:12px;color:#758195;margin:23px 0 0}.hero-visual{position:relative;padding:22px 0 25px;background:transparent}.hero-visual img{border-radius:19px;box-shadow:0 30px 65px rgba(25,48,83,.15);width:100%;height:auto;object-fit:cover;aspect-ratio:1.85;border:1px solid rgba(255,255,255,.8)}.visual-caption{position:absolute;z-index:3;top:2px;left:28px;border-radius:100px;color:#fff;background:#15294a;font-weight:850;font-size:11px;letter-spacing:.13em;padding:9px 14px;box-shadow:0 8px 20px rgba(17,33,55,.18)}.visual-note{position:absolute;bottom:4px;right:23px;z-index:2;font-size:11px;letter-spacing:.02em;color:#233957;padding:11px 15px;background:rgba(255,255,255,.97);border-radius:12px;box-shadow:0 12px 30px rgba(20,42,70,.09)}
.quick-proofs{background:#fff;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.proof-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:20px;padding-bottom:20px}.proof-row>div{color:#44566f;font-size:13px;font-weight:650;display:flex;align-items:center;gap:13px}.proof-row b{border-radius:50%;background:#f8eacd;width:36px;height:36px;display:grid;place-items:center;color:#8a631b;font-size:10px}
/* outil IA A : domaine à challenger, pas un contrôle de domaine libre */
.section-compare{padding:48px 0 55px;background:#fff}.compare-shell{display:grid;grid-template-columns:.93fr 1.07fr;gap:43px;align-items:center;background:linear-gradient(115deg,#edf4ff,#f8fbff);border:1px solid #e4eaf4;border-radius:24px;padding:29px 35px;box-shadow:0 12px 40px rgba(12,40,79,.045)}.compare-text h2{font-size:clamp(24px,2.75vw,36px);line-height:1.15;letter-spacing:-.04em;margin:9px 0 11px}.compare-text p{margin:0;color:#5d6d82;font-size:14px}.challenge-form{gap:8px;grid-template-columns:minmax(0,1fr) auto}.challenge-form .input{height:54px;background:#fff;box-shadow:0 3px 6px rgba(40,70,105,.035)}.compare-form-area .helper{font-size:11px;margin-top:11px}.compare-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 0}.compare-result{border:1px solid #dbe5f2;border-radius:14px;padding:15px;background:#fff;box-shadow:0 5px 16px rgba(14,42,75,.04)}.compare-result img{aspect-ratio:1.45;object-fit:cover;border-radius:8px}.compare-result h4{font-size:18px;line-height:1.2}.compare-result p{font-size:13px;color:#586a7f}.status{margin-top:12px}
/* quatre visuels originaux de landing, lien JPEG agrandi */
.challenger-grid.challenger-grid-premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.challenger-grid-premium .challenger{border:1px solid #e1e6ed;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 24px rgba(22,42,71,.045)}.challenger-grid-premium .challenger img{width:100%;aspect-ratio:1.38;object-fit:cover;object-position:center;transition:transform .3s ease}.challenger-grid-premium .challenger>a{display:block;overflow:hidden}.challenger-grid-premium .challenger:hover img{transform:scale(1.035)}.challenger-grid-premium .challenger-body{padding:16px 17px 18px}.challenger-grid-premium .challenger-body strong{font-size:16px;letter-spacing:-.025em}.challenger-grid-premium .challenger-body small{display:block;margin-top:4px;line-height:1.5;font-size:12px}.challenger-grid-premium .challenger-body a{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;color:#0a59b4}.sample-index{display:block;font-size:10px;letter-spacing:.12em;color:#7190bb;font-weight:850;margin-bottom:8px}.gallery-footnote{margin-top:18px;color:#69788c;font-size:12px}
/* quatre prix, 990 sélection naturelle sans badge artificiel "le plus choisi" */
.pricing-section{background:#fff}.offers.offers-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.offer.offer-compact{display:flex;flex-direction:column;padding:25px 20px 20px;border-radius:19px;min-width:0;box-shadow:0 11px 33px rgba(17,39,69,.05)}.offer.offer-compact.featured{transform:none;background:linear-gradient(155deg,#0e2240 0%,#173b66 100%);border-color:#e1ad46;box-shadow:0 23px 45px rgba(10,37,71,.20)}.offer.offer-compact .offer-numb{font-size:10px;letter-spacing:.12em;font-weight:850;color:#6c7d94}.offer.offer-compact.featured .offer-numb{color:#b8cee9}.offer-symbol{align-self:flex-end;margin-top:-24px;color:#c29650;font-size:29px}.offer.offer-compact .price{font-size:clamp(31px,3vw,43px);line-height:1.0;margin:17px 0 13px}.offer.offer-compact h3{font-size:20px;line-height:1.14;min-height:45px;margin:0 0 12px}.offer.offer-compact p{font-size:13px;line-height:1.55;margin:0 0 13px}.offer.offer-compact .offer-list{font-size:12px;margin:10px 0 22px}.offer.offer-compact .offer-list li{padding:6px 0 6px 19px;line-height:1.42}.offer.offer-compact .offer-list li:before{color:#dca73c}.offer.offer-compact .btn{margin-top:auto;width:100%;font-size:12px;padding:11px 10px;min-height:43px}.offer.offer-compact .offer-badge{font-size:9px;letter-spacing:.09em;top:-17px;padding:7px 16px;background:#eec26b}.offer.offer-compact .code-note{color:#667589;margin:5px 0 20px;font-size:12px}.offer.offer-compact.featured .code-note{color:#b4c8e1}.pricing-note{font-size:12px;color:#66758b;margin-top:21px;line-height:1.7;border-left:3px solid #edbd5c;padding:3px 0 3px 15px}.offers-detail .offer{scroll-margin-top:110px}
/* progression concise */
.section-process{background:linear-gradient(180deg,#f7f9fc,#fff);padding:70px 0}.process-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.process-row>div{position:relative;border:1px solid #e0e7f0;border-radius:18px;padding:24px 25px;background:#fff;box-shadow:0 8px 25px rgba(10,40,75,.035)}.process-row>div>span{font-size:28px;font-weight:900;letter-spacing:-.065em;color:#e0b454}.process-row h3{font-size:20px;line-height:1.2;margin:12px 0}.process-row p{margin:0;color:#68758a;font-size:13px}
/* moteur IA B : espace de lecture rassurant, le document original reste local */
.section-cream#contrat{padding:84px 0;background:linear-gradient(135deg,#fbf8f2,#f9f7f4)}.contract-grid{grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr);gap:18px}.contract-tool{box-shadow:0 13px 38px rgba(36,44,50,.055);border:1px solid #e8e2d5;border-radius:19px;padding:28px}.contract-side{background:linear-gradient(140deg,#f4e8d4,#fffaf1);border:1px solid #eaddc8;border-radius:19px}.contract-side img{max-height:250px;border-radius:15px;object-fit:cover;object-position:top center;max-width:100%}.contract-side h3{font-size:29px;letter-spacing:-.04em;line-height:1.15}.contract-side p{font-size:14px;color:#5b6878}.privacy-icon{background:#e7f0fd!important;color:#1755a9!important}.dropzone{background:#f7faff;border-color:#aebfdb}.privacy-warning{border-radius:10px}.contract-submit{width:100%}
/* plus de blabla SEO mais composition légère */
.section-benefits{background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefits-grid article{border:1px solid #e0e7ef;border-radius:18px;background:#fff;padding:23px;box-shadow:0 6px 20px rgba(12,35,65,.035)}.benefits-grid article>span{display:grid;place-items:center;height:43px;width:43px;border-radius:12px;color:#8c631b;background:#fbedd2;font-size:24px}.benefits-grid h3{font-size:17px;letter-spacing:-.025em;margin:15px 0 8px}.benefits-grid p{font-size:13px;color:#637188;margin:0}.seo-bottom{background:#f6f8fb;border:1px solid #e4eaf1;border-radius:20px;padding:29px;margin-top:25px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.seo-bottom h3{font-size:23px;margin:8px 0;line-height:1.15}.seo-bottom p{margin:0;max-width:830px;color:#647185;font-size:13px}
.blog-card{border:1px solid #e4e9f0;box-shadow:0 8px 22px rgba(17,39,69,.035)}.blog-card img{aspect-ratio:1.7}.blog-body{padding:20px}.blog-body h3{line-height:1.24}.readmore{color:#195fbf;font-weight:800;font-size:12px}.tag{font-size:10px;color:#215fac}.final-contact{padding:68px 0}.cta-band{background:linear-gradient(120deg,#0b1c35 5%,#1c4671 100%);box-shadow:0 20px 45px rgba(15,36,68,.1);padding:44px 49px;border-radius:20px}.cta-band h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.04em}.cta-band p{max-width:730px;font-size:15px;color:#d1e0f3}
.hero-sub{padding:79px 0 74px;background:radial-gradient(ellipse at 85% 20%,#e5efff,transparent 50%),linear-gradient(#fafcff,#fff)}.hero-sub h1{font-size:clamp(36px,5vw,62px);line-height:1.07}.offer-hero h1 span{color:#1c64ca}.offer-hero .btn{margin-top:15px}.content{padding-top:82px}.content .prose{font-size:16px}.content .prose h2{font-size:29px}.panel{border-color:#e0e6ed}.site-footer{background:#0d1f38;color:#fff}.footer-brand strong{color:#fff}.site-footer a:hover{color:#efc276}
@media(max-width:1120px){.hero-layout{grid-template-columns:1fr 1fr;gap:21px}.hero.hero-premium h1{font-size:clamp(39px,5vw,56px)}.desktop-nav{gap:13px}.offers.offers-four{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.offer.offer-compact h3{min-height:0}.offer.offer-compact .price{font-size:41px}.offer.offer-compact.featured{order:0}.compare-shell{grid-template-columns:1fr;gap:18px}}
@media(max-width:820px){.hero.hero-premium{padding:47px 0 41px}.hero-layout{grid-template-columns:1fr;gap:12px}.hero.hero-premium h1{max-width:650px;font-size:clamp(41px,7vw,55px)}.hero.hero-premium .hero-lead{max-width:680px}.hero-visual{max-width:760px;margin:auto}.proof-row{grid-template-columns:repeat(2,minmax(0,1fr))}.challenger-grid.challenger-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits-grid{grid-template-columns:repeat(2,1fr)}.section{padding:62px 0}.contract-grid{grid-template-columns:1fr}.contract-side{display:grid;grid-template-columns:1fr 170px;gap:12px;align-items:center}.contract-side img{max-height:240px}.seo-bottom{grid-template-columns:1fr}.section-head{align-items:start}.section-head .btn{margin-top:6px}.process-row{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:min(var(--max),calc(100% - 30px))}.site-header .nav-wrap{height:68px}.brand strong{font-size:19px}.brand small{font-size:8px}.brand-mark{width:38px;height:38px}.hero.hero-premium{padding:35px 0 29px}.hero.hero-premium h1{font-size:clamp(36px,10.3vw,47px);margin:16px 0 17px}.hero.hero-premium .hero-lead{font-size:15px;line-height:1.64}.hero-price-line{gap:13px;margin-top:19px}.hero-price strong{font-size:24px}.hero-price-line .btn{width:100%}.hero-notes{font-size:11px}.hero-visual{padding:26px 0 23px}.hero-visual img{border-radius:14px;aspect-ratio:1.82}.visual-caption{font-size:9px;top:7px;left:8px}.visual-note{right:10px;bottom:9px;padding:7px 9px;font-size:9px}.proof-row{gap:5px 12px;padding-top:13px;padding-bottom:13px}.proof-row>div{font-size:11px;gap:7px}.proof-row b{width:28px;height:28px;flex-shrink:0;font-size:9px}.section-compare{padding:36px 0}.compare-shell{padding:21px;border-radius:18px}.challenge-form{grid-template-columns:1fr}.compare-text h2{font-size:27px}.compare-results{grid-template-columns:1fr}.challenger-grid.challenger-grid-premium{grid-template-columns:1fr 1fr;gap:9px}.challenger-grid-premium .challenger-body{padding:10px 11px 13px}.challenger-grid-premium .challenger-body strong{font-size:14px}.challenger-grid-premium .challenger-body small{font-size:11px}.sample-index{font-size:9px}.offers.offers-four{grid-template-columns:1fr;gap:20px}.offer.offer-compact{padding:25px}.offer.offer-compact .offer-list{font-size:13px}.offer.offer-compact h3{font-size:22px}.section-head{display:block}.section-head h2{font-size:32px}.section-head .btn{margin-top:15px}.process-row,.benefits-grid{grid-template-columns:1fr}.contract-tool{padding:19px}.contract-side{grid-template-columns:1fr}.contract-side img{max-width:260px;margin:auto}.cta-band{grid-template-columns:1fr;padding:27px}.cta-band .btn{width:100%}.blog-grid{grid-template-columns:1fr}.seo-bottom{padding:18px}.hero-sub{padding:55px 0}.hero-sub p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Fix intrinsic image height: JPEG/WebP cards always scale proportionally on small widths */
.challenger-grid-premium .challenger img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1200/830;object-fit:cover}