.lt-a .ma-site{--papier:#F4F1EA;--encre:#1E1C19;--gris:#6E6A62;--trait:#D9D3C7;--vert:#3E6B45}
.lt-a .ma-site{position:absolute;top:0;left:0;width:1200px;height:825px;transform-origin:0 0;transform:scale(var(--k,1));background:var(--papier);overflow:hidden}
.lt-a .ma-site .ma-head{position:absolute;left:40px;right:40px;top:0;height:64px;display:flex;align-items:center;border-bottom:1px solid var(--encre)}
.lt-a .ma-site .ma-brand{font-size:23px;font-weight:800;letter-spacing:-.035em;width:300px}
.lt-a .ma-site .ma-nav{display:flex;gap:26px;font-size:14px;font-weight:500}
.lt-a .ma-site .ma-meta{margin-left:auto;display:flex;gap:28px;font-size:13px;align-items:center}
.lt-a .ma-site .ma-open{display:flex;align-items:center;gap:7px;color:var(--gris)}
.lt-a .ma-site .ma-open i{width:7px;height:7px;border-radius:50%;background:var(--vert)}
.lt-a .ma-site .ma-meta b{font-weight:600}
.lt-a .ma-site .ma-hero-t{position:absolute;left:40px;top:96px;width:340px}
.lt-a .ma-site h1{font-size:42px;line-height:1.02;font-weight:700;letter-spacing:-.035em}
.lt-a .ma-site .ma-lede{margin-top:22px;font-size:15px;line-height:1.5;color:#3A3732}
.lt-a .ma-site .ma-lede strong{font-weight:600;color:var(--encre)}
.lt-a .ma-site .ma-acts{margin-top:26px;display:flex;align-items:center;gap:18px}
.lt-a .ma-site .ma-btn{background:var(--encre);color:var(--papier);font-size:14px;font-weight:600;padding:13px 18px}
.lt-a .ma-site .ma-lnk{font-size:14px;font-weight:500;border-bottom:1px solid var(--encre);padding-bottom:1px}
.lt-a .ma-site .ma-pick{position:absolute;left:40px;top:429px;width:300px;padding-top:12px;border-top:1px solid var(--trait);font-size:13px;line-height:1.5;color:#3A3732}
.lt-a .ma-site .ma-pick b{font-weight:600;color:var(--encre)}
.lt-a .ma-site .ma-hours{position:absolute;left:968px;top:440px;width:192px;font-size:13px;line-height:1.55}
.lt-a .ma-site .ma-hours h3{font-size:13px;font-weight:700;margin-bottom:6px}
.lt-a .ma-site .ma-hours dl{display:grid;grid-template-columns:112px 1fr;row-gap:1px}
.lt-a .ma-site .ma-hours dt{color:var(--gris)}
.lt-a .ma-site .ma-hours dd{font-variant-numeric:tabular-nums}
.lt-a .ma-site .ma-ph{position:absolute;overflow:hidden;background:#DDD6CA}
.lt-a .ma-site .ma-ph img{width:100%;height:100%;object-fit:cover;display:block}
.lt-a .ma-site .ma-p-hero{left:400px;top:88px;width:552px;height:412px}
.lt-a .ma-site .ma-p-shop{left:968px;top:88px;width:232px;height:300px}
.lt-a .ma-site .ma-cap{position:absolute;font-size:12px;color:var(--gris);line-height:1.4}
.lt-a .ma-site .ma-cap-hero{left:400px;top:508px}
.lt-a .ma-site .ma-cap-shop{left:968px;top:396px;width:190px}
.lt-a .ma-site .ma-prod-t{position:absolute;left:40px;top:560px;width:300px}
.lt-a .ma-site .ma-prod-t h2{font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.05}
.lt-a .ma-site .ma-prod-t p{margin-top:10px;font-size:13px;line-height:1.5;color:#3A3732}
.lt-a .ma-site .ma-prod-t .ma-lnk{display:inline-block;margin-top:14px;font-size:13px}
.lt-a .ma-site .ma-item{position:absolute;top:560px;width:178px}
.lt-a .ma-site .ma-item .ma-ph{position:relative;height:150px}
.lt-a .ma-site .ma-it-line{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;font-size:14px}
.lt-a .ma-site .ma-it-name{font-weight:600}
.lt-a .ma-site .ma-it-price{font-variant-numeric:tabular-nums}
.lt-a .ma-site .ma-it-desc{margin-top:2px;font-size:12px;color:var(--gris);line-height:1.4}
.lt-a .ma-site .ma-stock{color:var(--vert);font-weight:500}
.lt-a .ma-site .ma-foot{position:absolute;left:40px;right:40px;bottom:0;height:44px;border-top:1px solid var(--encre);display:flex;align-items:center;gap:40px;font-size:12px}
.lt-a .ma-site .ma-foot span:last-child{margin-left:auto}
.lt-bad .mb-site{font-family:Verdana,Geneva,sans-serif;color:#555;
    background:#FFF0F6 repeating-linear-gradient(45deg,rgba(255,105,180,.07) 0 12px,transparent 12px 24px)}
.lt-bad .mb-site .mb-promo{position:absolute;left:0;right:0;top:0;height:30px;background:linear-gradient(90deg,#ff2e93,#ffb000,#3cd65a);
    color:#fff;font:bold 13px/30px Verdana,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.06em;text-shadow:1px 1px 0 rgba(0,0,0,.35)}
.lt-bad .mb-site .mb-top{position:absolute;left:0;right:0;top:30px;height:96px;background:#2E8B57;border-bottom:5px solid #ff2e93;text-align:center}
.lt-bad .mb-site .mb-brand{font-family:'Great Vibes',cursive;font-size:50px;color:#FFD1E8;line-height:58px;text-shadow:2px 2px 3px #000}
.lt-bad .mb-site .mb-brand small{font:italic 12px Georgia,serif;color:#d6f5d6;margin-left:10px;text-shadow:none;vertical-align:middle}
.lt-bad .mb-site .mb-nav{display:flex;justify-content:center;gap:5px;margin-top:2px}
.lt-bad .mb-site .mb-nav span{font:bold 11px/22px Arial,sans-serif;color:#fff;padding:0 10px;border-radius:12px;
    background:linear-gradient(#ff7fbf,#e0006f);box-shadow:0 2px 3px rgba(0,0,0,.4);text-transform:uppercase}
.lt-bad .mb-site .mb-nav span.mb-on{background:linear-gradient(#ffe066,#f0a500);color:#7a3d00}
.lt-bad .mb-site .mb-hero{position:absolute;left:20px;top:146px;width:770px;height:330px;border:6px double #ff2e93;
    background:url(https://images.unsplash.com/photo-1684442610443-3aeab93c85aa?w=900&q=72&auto=format&fit=crop) 50% 100%/100% auto;
    box-shadow:6px 6px 0 #3cd65a;text-align:center;padding:26px 40px 0}
.lt-bad .mb-site .mb-hero h1{font-family:'Lobster',cursive;font-weight:400;font-size:46px;color:#fff;line-height:1;
    text-shadow:3px 3px 0 #ff2e93,0 0 10px rgba(0,0,0,.5)}
.lt-bad .mb-site .mb-hero p{margin:14px auto 0;font-size:13px;line-height:1.15;color:#c9c2c6;max-width:640px;text-align:center}
.lt-bad .mb-site .mb-hero p b{color:#fff}
.lt-bad .mb-site .mb-hero .mb-more{display:inline-block;margin-top:14px;font:bold 12px Arial,sans-serif;color:#fff;padding:7px 18px;border-radius:20px;
    background:linear-gradient(#9be15d,#2a9d3a);border:2px solid #fff;box-shadow:0 3px 6px rgba(0,0,0,.4)}
.lt-bad .mb-site .mb-hero .mb-more.mb-b2{background:linear-gradient(#ff7fbf,#e0006f);margin-left:6px}
.lt-bad .mb-site .mb-hero .mb-more.mb-b3{background:linear-gradient(#7fc8ff,#1f6fd0);margin-left:6px}
.lt-bad .mb-site .mb-shop{position:absolute;left:820px;top:150px;width:350px;height:150px;border:4px solid #fff;outline:2px solid #ffb000;box-shadow:0 8px 14px rgba(0,0,0,.35);transform:rotate(2deg)}
.lt-bad .mb-site .mb-shop img{width:100%;height:100%;display:block}
.lt-bad .mb-site .mb-shop-t{position:absolute;left:812px;top:318px;width:370px;text-align:center;font-family:'Pacifico',cursive;font-size:22px;color:#e0006f}
.lt-bad .mb-site .mb-shop-p{position:absolute;left:822px;top:356px;width:350px;text-align:center;font:11px/1.3 Verdana,sans-serif;color:#888}
.lt-bad .mb-site .mb-hours{position:absolute;left:845px;top:420px;width:300px;background:#FFFF99;border:2px dashed #e0006f;padding:6px 10px;text-align:center;
    font:12px/1.35 'Comic Sans MS','Comic Neue',cursive;color:#555;transform:rotate(-1.5deg)}
.lt-bad .mb-site .mb-hours b{font-family:Arial,sans-serif;text-transform:uppercase;color:#e0006f;font-size:13px}
.lt-bad .mb-site .mb-ptitle{position:absolute;left:0;right:0;top:494px;text-align:center;font-family:'Pacifico',cursive;font-size:30px;color:#2E8B57;text-shadow:2px 2px 0 #ffd1e8}
.lt-bad .mb-site .mb-ptitle span{font-size:16px}
.lt-bad .mb-site .mb-psub{position:absolute;left:0;right:0;top:546px;text-align:center;font:bold 12px Arial,sans-serif;color:#aaa;text-transform:uppercase;letter-spacing:.05em}
.lt-bad .mb-site .mb-card{position:absolute;background:#fff;border:1px solid #ccc;box-shadow:3px 3px 8px rgba(0,0,0,.25);text-align:center;padding:6px}
.lt-bad .mb-site .mb-card img{display:block;width:100%}
.lt-bad .mb-site .mb-card h4{font:bold 15px Georgia,serif;color:#2E8B57;margin-top:5px}
.lt-bad .mb-site .mb-card p{font:10px/1.3 Verdana,sans-serif;color:#999;margin-top:2px}
.lt-bad .mb-site .mb-card .mb-pr{font-size:10px;color:#bbb}
.lt-bad .mb-site .mb-c1{left:26px;top:582px;width:300px;border-radius:18px}
.lt-bad .mb-site .mb-c1 img{height:96px;object-fit:fill;border-radius:14px}
.lt-bad .mb-site .mb-c2{left:350px;top:588px;width:150px}
.lt-bad .mb-site .mb-c2 img{height:66px;object-fit:cover;object-position:50% 78%}
.lt-bad .mb-site .mb-c3{left:528px;top:570px;width:250px;border:3px solid #ff2e93}
.lt-bad .mb-site .mb-c3 img{height:116px;object-fit:cover;object-position:50% 0}
.lt-bad .mb-site .mb-c4{left:806px;top:600px;width:200px;border-radius:50% 50% 8px 8px}
.lt-bad .mb-site .mb-c4 img{height:100px;border-radius:50% 50% 0 0;object-fit:cover;object-position:50% 100%}
.lt-bad .mb-site .mb-badge{position:absolute;left:1030px;top:584px;width:140px;height:140px;border-radius:50%;background:radial-gradient(#ffe066,#ff8a00);
    color:#b00045;font:bold 13px/1.15 Arial,sans-serif;text-align:center;padding-top:34px;box-shadow:0 4px 10px rgba(0,0,0,.3);transform:rotate(-8deg);text-transform:uppercase}
.lt-bad .mb-site .mb-badge b{font:28px 'Lobster',cursive;display:block;text-transform:none}
.lt-bad .mb-site .mb-foot{position:absolute;left:0;right:0;bottom:0;height:52px;background:#e0006f;color:#ffd1e8;text-align:center;
    font:11px/1.45 'Comic Sans MS','Comic Neue',cursive;padding-top:8px}
.lt-bad .mb-site .mb-foot b{color:#fff}
/* Maquettes Lune & Tige (démo « Du brief au site » et comparateur avant / après) */
.lt{position:relative;overflow:hidden;container-type:inline-size}
.lt .ma-site,.lt .mb-site{-webkit-font-smoothing:antialiased}
.lt-a .ma-site *,.lt-bad .mb-site *{box-sizing:border-box;margin:0;padding:0;max-width:none;text-wrap:wrap;hyphens:manual}
.lt-a .ma-site{font-family:'Schibsted Grotesk',system-ui,sans-serif;color:#1E1C19;font-size:16px;line-height:1.4}
.lt-a .ma-site img,.lt-bad .mb-site img{max-width:none}
.lt-a .ma-h1d{display:none}

/* Démo : le cadre suit le format de la maquette */
.lt-canvas{aspect-ratio:1200/825;background:#F4F1EA}
.lt-canvas .note{z-index:3}
.lt-canvas .note.n1{left:31%;top:9%;right:auto}
.lt-canvas .note.n2{left:56%;top:24%;right:auto}
.lt-canvas .note.n3{left:23%;top:22%;right:auto}

/* États de construction */
.lt-canvas{transition:background .6s}
.lt-a [data-b]{transition:opacity .45s var(--ease) calc(var(--i,0) * 55ms),background-color .5s}
.lt-a [data-b] > *{transition:opacity .4s}
.lt-a.s-ghost [data-b]{opacity:0}
.lt-a.s-ghost .ma-site,.lt-a.s-wire .ma-site{background:#F3F1EC}
.lt-a .ma-site{transition:background .6s}
.lt-a.s-wire [data-b]{background-color:#D2CCC0;border-color:transparent !important;border-radius:3px}
.lt-a.s-wire [data-b] > *{opacity:0}
.lt-a.s-font .ma-site{font-family:Arial,Helvetica,sans-serif}
.lt-a.s-font .ma-site h1{font-weight:400;letter-spacing:0}
.lt-a.s-h1 .ma-h1d{display:inline}
.lt-a.s-h1 .ma-h1f{display:none}
.lt-a .ma-h1d.sel{background:rgba(39,71,201,.22)}
.lt-a .ma-btn{transition:background .45s,border-radius .45s}
.lt-a.s-h1 .ma-btn{background:#2E8B57;border-radius:999px}
.lt-a .ma-ph img{transition:opacity .7s,object-position 1.1s var(--ease),transform 1.1s var(--ease)}
.lt-a.s-nophoto .ma-ph img{opacity:0}
.lt-a.s-crop .ma-p-hero img{object-position:50% 2% !important;transform:scale(1.18);transform-origin:50% 0}
.lt-a.s-flash .ma-site{animation:lt-flash .5s}
@keyframes lt-flash{40%{opacity:.55}}
.lt-a .ma-h1f.typing::after{content:'';display:inline-block;width:2px;height:.9em;margin-left:2px;background:currentColor;vertical-align:-.08em;animation:blink 1s steps(1) infinite}

/* Comparateur : même format que les maquettes */
.compare-slider .cs-frame,.compare-slider .cs-range{aspect-ratio:1200/825}
.cs-frame .mini.lt{position:absolute;inset:0;padding:0;display:block;background:none;gap:0}
@media (max-width:760px){.compare-slider .cs-frame,.compare-slider .cs-range{aspect-ratio:1200/825}}
.lt-bad .mb-site{position:absolute;top:0;left:0;width:1200px;height:825px;transform-origin:0 0;transform:scale(var(--k,1));overflow:hidden}
/* Séance découverte IA, dans la section IA de l'accueil */
.learn{margin-top:40px;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:28px 32px;border-radius:var(--r-l);background:var(--c-ia)}
.learn h3{font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.learn-t p{margin-top:6px;max-width:56ch;color:var(--sub,#3A3D45)}
.learn-price{font-size:1.5rem;white-space:nowrap}
.learn-price small{font-size:.8rem;margin-right:6px;opacity:.7}
@media (max-width:760px){.learn{grid-template-columns:1fr;gap:16px;padding:22px 20px}.learn .btn{justify-self:start}}