.models-page{background:var(--bg)}
.models-hero{min-height:48vh;display:flex;align-items:center;padding-top:145px;padding-bottom:40px}
.models-hero__inner{max-width:880px}
.models-hero h1{margin-bottom:22px}
.models-hero p{max-width:760px;color:var(--muted);font-size:1.05rem}
.models-gallery{padding-top:10px}
.models-stack{display:grid;gap:76px}
.model-showcase{padding-top:28px;border-top:1px solid rgba(130,170,225,.16)}
.showcase-label{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.showcase-label>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(68,163,255,.35);border-radius:50%;color:#78c8ff;font-size:.72rem;font-weight:900}
.showcase-label small{color:#76bfff;font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.showcase-label h2{margin:3px 0 0;font-size:clamp(1.55rem,3vw,2.35rem)}
.browser-frame{overflow:hidden;border:1px solid rgba(112,161,220,.28);border-radius:24px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.48)}
.browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#edf0f4;color:#747b85;font:500 10px/1 system-ui,sans-serif}
.browser-bar i{width:9px;height:9px;border-radius:50%;background:#c4c9d0}
.browser-bar i:nth-child(1){background:#ff6b6b}.browser-bar i:nth-child(2){background:#ffc857}.browser-bar i:nth-child(3){background:#47c77a}
.browser-bar span{margin-left:10px;padding:7px 18px;border-radius:999px;background:#fff;color:#7d838b}
.demo-header{display:flex;align-items:center;gap:26px;padding:20px 30px;background:#fff;color:#222;font-family:Arial,sans-serif}
.demo-header nav{margin-left:auto;font-size:10px;color:#68707a}
.demo-header button{border:0;border-radius:8px;padding:11px 15px;font-size:9px;font-weight:800;cursor:pointer}

/* Restaurant */
.restaurant-demo{background:#f5efe9;color:#221913;font-family:Arial,sans-serif}
.restaurant-logo{font-size:18px;font-weight:900;letter-spacing:.04em}.restaurant-logo em{color:#a25731;font-family:Georgia,serif;font-weight:400}
.restaurant-demo .demo-header button{background:#7f3f25;color:#fff}
.restaurant-layout{display:grid;grid-template-columns:.92fr 1.08fr;min-height:500px}
.restaurant-copy{display:flex;flex-direction:column;justify-content:center;padding:58px}
.restaurant-copy small{color:#9a5938;font-size:9px;font-weight:900;letter-spacing:.22em}
.restaurant-copy h3{margin:16px 0;font-family:Georgia,serif;font-size:clamp(44px,5.2vw,72px);line-height:.94;font-weight:400}
.restaurant-copy p{max-width:480px;color:#6a5a4e;font-size:12px;line-height:1.7}
.restaurant-actions{display:flex;align-items:center;gap:18px;margin-top:14px}.restaurant-actions button{border:0;border-radius:8px;padding:14px 20px;background:#7f3f25;color:#fff;font-weight:800}.restaurant-actions a{font-size:11px;font-weight:800;color:#6f3f2a}
.restaurant-meta{display:flex;gap:30px;margin-top:42px}.restaurant-meta span{font-size:10px;color:#7b6d63}.restaurant-meta b{display:block;color:#2b211c;font-size:17px}
.restaurant-photo{position:relative;min-height:500px}.restaurant-photo img{width:100%;height:100%;object-fit:cover}
.photo-card{position:absolute;left:24px;bottom:24px;min-width:210px;padding:18px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 15px 40px rgba(0,0,0,.15);color:#221913}
.photo-card small,.photo-card b,.photo-card span{display:block}.photo-card small{color:#9a5938;font-size:8px;font-weight:900;letter-spacing:.13em}.photo-card b{margin:5px 0;font-family:Georgia,serif;font-size:19px}.photo-card span{font-size:10px;color:#6d6159}

/* Bakery */
.bakery-demo{background:#f4ead9;color:#3a2b20;font-family:Arial,sans-serif}
.bakery-header{background:#fffaf2}.bakery-logo{font-family:Georgia,serif;font-size:19px}.bakery-logo span{display:block;color:#9c6736;font-size:11px;font-weight:400}
.bakery-header button{background:#7a4b24;color:#fff}
.bakery-hero{position:relative;min-height:510px}.bakery-hero img{width:100%;height:510px;object-fit:cover}
.bakery-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px;background:linear-gradient(90deg,rgba(41,25,13,.82),rgba(41,25,13,.3),transparent 75%);color:#fff}
.bakery-overlay small{color:#f2c486;font-size:9px;font-weight:900;letter-spacing:.22em}.bakery-overlay h3{margin:16px 0;font-family:Georgia,serif;font-size:clamp(46px,5.4vw,76px);line-height:.93;font-weight:400}.bakery-overlay p{max-width:460px;color:#f2e8dc;font-size:12px;line-height:1.65}.bakery-overlay button{margin-top:12px;border:0;border-radius:8px;padding:14px 20px;background:#f0b76e;color:#40270f;font-weight:900}
.bakery-features{display:grid;grid-template-columns:repeat(3,1fr);background:#fffaf2}.bakery-features span{padding:22px 28px}.bakery-features span+span{border-left:1px solid #eadbc8}.bakery-features b,.bakery-features small{display:block}.bakery-features b{font-family:Georgia,serif;font-size:15px}.bakery-features small{margin-top:4px;color:#8b7969;font-size:9px}

/* Salon */
.salon-demo{background:#f6f4f1;color:#181818;font-family:Arial,sans-serif}
.salon-header{background:#fff}.salon-logo{font-size:17px;font-weight:900;letter-spacing:.12em}.salon-logo span{color:#aa8d7a}
.salon-header button{background:#1f1f1f;color:#fff}
.salon-layout{display:grid;grid-template-columns:1.05fr .95fr;min-height:510px}
.salon-image img{width:100%;height:100%;min-height:510px;object-fit:cover}
.salon-copy{display:flex;flex-direction:column;justify-content:center;padding:56px;background:#f6f4f1}
.salon-copy small{color:#9b7e6f;font-size:9px;font-weight:900;letter-spacing:.2em}.salon-copy h3{margin:16px 0;font-family:Georgia,serif;font-size:clamp(45px,5vw,70px);line-height:.94;font-weight:400}.salon-copy p{color:#666;font-size:12px;line-height:1.7}
.salon-price{display:grid;gap:10px;margin:22px 0}.salon-price span{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #ddd}.salon-price b{font-size:11px}.salon-price em{color:#8c7467;font-size:10px}
.salon-copy button{align-self:flex-start;border:0;border-radius:8px;padding:14px 20px;background:#1f1f1f;color:#fff;font-weight:800}

/* BTP */
.btp-demo{background:#eef2f4;color:#15212b;font-family:Arial,sans-serif}
.btp-header{background:#fff}.btp-logo{font-size:19px;font-weight:900;letter-spacing:-.03em}.btp-logo span{color:#f07d24}
.btp-header button{background:#f07d24;color:#fff}
.btp-layout{display:grid;grid-template-columns:.9fr 1.1fr;min-height:510px}
.btp-copy{display:flex;flex-direction:column;justify-content:center;padding:58px;background:#17242e;color:#fff}
.btp-copy small{color:#f4a35f;font-size:9px;font-weight:900;letter-spacing:.2em}.btp-copy h3{margin:16px 0;font-size:clamp(44px,5vw,70px);line-height:.93;letter-spacing:-.055em}.btp-copy p{color:#c7d0d8;font-size:12px;line-height:1.7}
.btp-actions{display:flex;align-items:center;gap:18px;margin-top:14px}.btp-actions button{border:0;border-radius:8px;padding:14px 20px;background:#f07d24;color:#fff;font-weight:900}.btp-actions a{color:#f4a35f;font-size:11px;font-weight:800}
.btp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.btp-stats span{padding-right:10px}.btp-stats b,.btp-stats small{display:block}.btp-stats b{font-size:22px}.btp-stats small{color:#9eabb5;font-size:9px}
.btp-photo img{width:100%;height:100%;min-height:510px;object-fit:cover}

/* Hôtel */
.hotel-demo{background:#e9e2d6;color:#17201f;font-family:Arial,sans-serif}
.hotel-header{background:#f8f4ec}.hotel-logo{font-size:17px;font-weight:900;letter-spacing:.13em}.hotel-logo span{color:#967b4e;font-family:Georgia,serif;font-weight:400}
.hotel-header button{background:#183b3a;color:#fff}
.hotel-layout{position:relative;min-height:550px;overflow:hidden}.hotel-layout>img{width:100%;height:550px;object-fit:cover}
.hotel-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,28,.9) 0%,rgba(9,29,31,.58) 46%,rgba(5,22,24,.08) 78%)}
.hotel-copy{position:absolute;z-index:1;top:50%;left:58px;width:min(540px,50%);transform:translateY(-58%);color:#fff}
.hotel-copy small{color:#dac496;font-size:9px;font-weight:900;letter-spacing:.22em}.hotel-copy h3{margin:16px 0;font-family:Georgia,serif;font-size:clamp(48px,5.4vw,76px);font-weight:400;line-height:.94}.hotel-copy p{max-width:440px;color:#e1e7e4;font-size:12px;line-height:1.7}.hotel-copy button{margin-top:13px;border:1px solid rgba(255,255,255,.65);border-radius:8px;padding:14px 20px;background:rgba(255,255,255,.08);color:#fff;font-weight:800}
.hotel-booking{position:absolute;z-index:2;right:34px;bottom:26px;left:34px;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:20px;padding:18px 20px;border-radius:14px;background:rgba(249,247,242,.95);box-shadow:0 20px 60px rgba(0,0,0,.26);color:#17201f}.hotel-booking span{padding-left:8px}.hotel-booking small,.hotel-booking b{display:block}.hotel-booking small{color:#8b7758;font-size:7px;font-weight:900;letter-spacing:.16em}.hotel-booking b{margin-top:5px;font-size:11px}.hotel-booking button{border:0;border-radius:8px;padding:14px 18px;background:#183b3a;color:#fff;font-size:9px;font-weight:900}

/* Fleuriste */
.florist-demo{background:#eef1e7;color:#253128;font-family:Arial,sans-serif}.florist-header{background:#fbfaf5}.florist-logo{font-family:Georgia,serif;font-size:20px;font-style:italic}.florist-logo span{color:#a45c6f}.florist-header button{background:#526a54;color:#fff}
.florist-layout{display:grid;grid-template-columns:.92fr 1.08fr;min-height:530px}.florist-copy{display:flex;flex-direction:column;justify-content:center;padding:58px;background:linear-gradient(145deg,#f4f4e9,#e7ecdf)}
.florist-copy small{color:#9c5b69;font-size:9px;font-weight:900;letter-spacing:.18em}.florist-copy h3{margin:16px 0;font-family:Georgia,serif;font-size:clamp(45px,5.1vw,72px);font-weight:400;line-height:.94}.florist-copy p{color:#637064;font-size:12px;line-height:1.7}.florist-actions{display:flex;align-items:center;gap:18px;margin-top:14px}.florist-actions button{border:0;border-radius:999px;padding:14px 21px;background:#526a54;color:#fff;font-weight:800}.florist-actions a{color:#8b4d5d;font-size:10px;font-weight:900}
.florist-note{margin-top:34px;padding-top:18px;border-top:1px solid rgba(82,106,84,.2)}.florist-note b,.florist-note span{display:block}.florist-note b{font-family:Georgia,serif;font-size:15px}.florist-note span{margin-top:3px;color:#7d887d;font-size:9px}
.florist-photo{position:relative;min-height:530px}.florist-photo img{width:100%;height:100%;min-height:530px;object-fit:cover}.florist-photo>div{position:absolute;right:20px;bottom:20px;width:190px;padding:17px;border-radius:16px;background:rgba(255,252,247,.92);box-shadow:0 18px 50px rgba(35,49,40,.18)}.florist-photo small,.florist-photo b,.florist-photo span{display:block}.florist-photo small{color:#9c5b69;font-size:7px;font-weight:900;letter-spacing:.14em}.florist-photo b{margin:5px 0;font-family:Georgia,serif;font-size:18px}.florist-photo span{color:#6f796f;font-size:9px}

/* Bar et café */
.cafe-demo{background:#171310;color:#f7ecdc;font-family:Arial,sans-serif}.cafe-header{background:#19140f;color:#f7ecdc}.cafe-logo{font-size:18px;font-weight:900;letter-spacing:.1em}.cafe-logo span{color:#d6a45f}.cafe-header nav{color:#cdbfab}.cafe-header button{background:#d6a45f;color:#25180a}
.cafe-layout{display:grid;grid-template-columns:1.08fr .92fr;min-height:520px}.cafe-photo{position:relative}.cafe-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#171310)}.cafe-photo img{width:100%;height:100%;min-height:520px;object-fit:cover;filter:saturate(.82) contrast(1.04)}
.cafe-copy{display:flex;flex-direction:column;justify-content:center;padding:54px;background:#171310}.cafe-copy small{color:#d6a45f;font-size:9px;font-weight:900;letter-spacing:.18em}.cafe-copy h3{margin:16px 0;font-family:Georgia,serif;font-size:clamp(44px,5vw,70px);font-weight:400;line-height:.95}.cafe-copy p{color:#c9bcae;font-size:12px;line-height:1.7}.cafe-copy>button{align-self:flex-start;margin-top:13px;border:1px solid #d6a45f;border-radius:8px;padding:14px 20px;background:#d6a45f;color:#26180b;font-weight:900}.cafe-hours{display:flex;gap:36px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(214,164,95,.22)}.cafe-hours b,.cafe-hours small{display:block}.cafe-hours b{color:#f6eadb;font-size:11px}.cafe-hours small{margin-top:4px;color:#aa9987;font-size:9px}

/* Nettoyage */
.clean-demo{background:#f3f9fc;color:#112d3b;font-family:Arial,sans-serif}.clean-header{background:#fff}.clean-logo{font-size:18px;font-weight:900;letter-spacing:-.02em}.clean-logo span{color:#159cc6}.clean-header button{background:#159cc6;color:#fff}
.clean-layout{display:grid;grid-template-columns:.92fr 1.08fr;min-height:480px}.clean-copy{display:flex;flex-direction:column;justify-content:center;padding:55px;background:linear-gradient(145deg,#f7fcfe,#e8f5f9)}.clean-copy small{color:#0b91bc;font-size:8px;font-weight:900;letter-spacing:.18em}.clean-copy h3{margin:15px 0;font-size:clamp(43px,4.9vw,68px);line-height:.94;letter-spacing:-.055em}.clean-copy p{color:#56717f;font-size:12px;line-height:1.7}.clean-checks{display:grid;gap:8px;margin:18px 0;color:#214653;font-size:10px;font-weight:800}.clean-checks span::first-letter{color:#15a2cb}.clean-copy button{align-self:flex-start;border:0;border-radius:8px;padding:14px 20px;background:#159cc6;color:#fff;font-weight:900}
.clean-photo{position:relative}.clean-photo img{width:100%;height:100%;min-height:480px;object-fit:cover}.clean-score{position:absolute;right:20px;bottom:20px;padding:15px 18px;border-radius:14px;background:rgba(255,255,255,.93);box-shadow:0 14px 40px rgba(0,71,106,.15)}.clean-score b,.clean-score span{display:block}.clean-score b{color:#0b91bc;font-size:20px}.clean-score span{margin-top:3px;color:#607783;font-size:8px}
.clean-trust{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.clean-trust span{padding:21px 26px}.clean-trust span+span{border-left:1px solid #e0edf2}.clean-trust b,.clean-trust small{display:block}.clean-trust b{font-size:12px}.clean-trust small{margin-top:4px;color:#71858f;font-size:8px}

/* Vétérinaire */
.vet-demo{background:#edf8f5;color:#153d3a;font-family:Arial,sans-serif}.vet-header{background:#fff}.vet-logo{display:flex;align-items:center;gap:5px;font-size:18px;font-weight:900;letter-spacing:.03em}.vet-logo i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#26a88e;color:#fff;font-style:normal}.vet-logo span{color:#26a88e}.vet-header button{background:#26a88e;color:#fff}
.vet-layout{display:grid;grid-template-columns:1.06fr .94fr;min-height:520px}.vet-photo{position:relative;overflow:hidden}.vet-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#edf8f5)}.vet-photo img{width:100%;height:100%;min-height:520px;object-fit:cover}
.vet-copy{display:flex;flex-direction:column;justify-content:center;padding:54px;background:#edf8f5}.vet-copy>small{color:#188c77;font-size:9px;font-weight:900;letter-spacing:.17em}.vet-copy h3{margin:16px 0;font-size:clamp(44px,5vw,70px);line-height:.94;letter-spacing:-.055em}.vet-copy p{color:#5c7773;font-size:12px;line-height:1.7}.vet-services{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.vet-services span{padding:13px;border:1px solid rgba(38,168,142,.2);border-radius:11px;background:rgba(255,255,255,.65)}.vet-services b,.vet-services small{display:block}.vet-services b{font-size:11px}.vet-services small{margin-top:4px;color:#66817c;font-size:8px}.vet-actions{display:flex;align-items:center;gap:18px}.vet-actions button{border:0;border-radius:8px;padding:14px 20px;background:#26a88e;color:#fff;font-weight:900}.vet-actions a{color:#187e6c;font-size:10px;font-weight:900}

.models-cta{padding-top:62px}.models-cta__action{display:flex;flex-direction:column;justify-content:center;gap:14px}

@media(max-width:900px){
  .restaurant-layout,.salon-layout,.btp-layout,.florist-layout,.cafe-layout,.clean-layout,.vet-layout{grid-template-columns:1fr}
  .restaurant-photo,.restaurant-photo img,.salon-image img,.btp-photo img,.florist-photo,.florist-photo img,.cafe-photo img,.clean-photo img,.vet-photo img{min-height:340px;height:340px}
  .cafe-photo::after,.vet-photo::after{background:linear-gradient(0deg,var(--demo-fade,#171310),transparent 45%)}
  .vet-photo{--demo-fade:#edf8f5}
  .hotel-copy{width:65%}
  .hotel-booking{grid-template-columns:repeat(3,1fr)}.hotel-booking button{grid-column:1/-1}
  .bakery-hero,.bakery-hero img{min-height:430px;height:430px}
  .models-cta__action{align-items:flex-start}
}
@media(max-width:620px){
  .models-hero{min-height:auto;padding-top:130px}
  .demo-header{padding:16px 18px}.demo-header nav{display:none}
  .restaurant-copy,.salon-copy,.btp-copy,.florist-copy,.cafe-copy,.clean-copy,.vet-copy{padding:34px 24px}
  .bakery-overlay{padding:34px 24px}
  .restaurant-copy h3,.bakery-overlay h3,.salon-copy h3,.btp-copy h3,.hotel-copy h3,.florist-copy h3,.cafe-copy h3,.clean-copy h3,.vet-copy h3{font-size:40px}
  .restaurant-meta{flex-direction:column;gap:12px}
  .bakery-features,.btp-stats,.clean-trust{grid-template-columns:1fr}
  .bakery-features span+span,.clean-trust span+span{border-left:0;border-top:1px solid #eadbc8}
  .hotel-layout,.hotel-layout>img{min-height:610px;height:610px}.hotel-copy{top:40%;left:24px;width:calc(100% - 48px)}.hotel-shade{background:linear-gradient(90deg,rgba(7,26,28,.9),rgba(9,29,31,.5))}.hotel-booking{right:18px;bottom:18px;left:18px;grid-template-columns:1fr 1fr}.hotel-booking span:nth-child(3){display:none}
  .florist-actions,.vet-actions{align-items:flex-start;flex-direction:column}.cafe-hours{gap:20px}.vet-services{grid-template-columns:1fr}
  .browser-frame{border-radius:16px}
}