:root{
  --navy:#0b1220; --navy2:#121c33; --orange:#ff6b1a; --yellow:#ffb84d;
  --cream:#fff7ea; --soft:#fffaf3; --text:#0b1220; --muted:#647084; --line:#e8edf4;
  --shadow:0 24px 70px rgba(11,18,32,.13); --soft-shadow:0 14px 38px rgba(11,18,32,.08);
  --radius:26px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;color:var(--text)}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.wrapper{width:min(1160px,calc(100% - 36px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,237,244,.9)}
.nav{min-height:88px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}.brand-logo{width:58px;height:58px;border-radius:14px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:1.08rem;letter-spacing:-.02em}.brand-text span{font-size:.82rem;color:var(--muted);font-weight:800;margin-top:5px}.navlinks{display:flex;align-items:center;gap:18px;margin-left:auto;font-weight:850;color:#344054;font-size:.94rem}.navlinks a:hover{color:var(--orange)}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:12px;width:44px;height:44px;font-size:1.25rem;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 20px;background:var(--navy);color:#fff;font-weight:950;border:1px solid transparent;box-shadow:0 10px 24px rgba(11,18,32,.12);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.orange{background:var(--orange)}.btn.secondary{background:#fff;color:var(--navy);border-color:var(--line)}.btn.light{background:#fff;color:var(--navy)}.btn.small{padding:11px 16px;font-size:.9rem}.hero{position:relative;overflow:hidden;padding:82px 0 96px;background:radial-gradient(circle at 82% 18%,#ffe1bf 0,transparent 32%),linear-gradient(135deg,#fff 0%,var(--cream) 100%)}.hero:before{content:"";position:absolute;inset:auto auto -160px -120px;width:480px;height:480px;border-radius:50%;background:#ffe9d3;opacity:.8}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow);color:var(--muted);font-weight:900;margin:0 0 22px}.kicker span{width:10px;height:10px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(3rem,6.1vw,5.95rem);line-height:.93;letter-spacing:-.07em;margin:0;color:var(--navy)}.lead{font-size:1.16rem;line-height:1.75;color:#405066;margin:25px 0 0;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:690px}.proof-row div{padding:17px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--soft-shadow)}.proof-row strong{color:var(--orange);display:block;font-size:1.25rem}.proof-row span{color:var(--muted);font-weight:850;font-size:.92rem}.hero-panel{background:#fff;border:1px solid var(--line);border-radius:38px;padding:20px;box-shadow:var(--shadow)}.mock-site{border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line)}.mock-top{height:62px;background:var(--navy);display:flex;align-items:center;gap:9px;padding:0 20px}.mock-top span{width:12px;height:12px;border-radius:50%;background:#fff}.mock-top span:nth-child(2){background:var(--yellow)}.mock-top span:nth-child(3){background:var(--orange)}.mock-body{padding:30px;background:linear-gradient(180deg,#fff,#fff8ef)}.mini-tag{display:inline-flex;background:var(--orange);color:#fff;border-radius:999px;padding:8px 12px;font-weight:950;margin-bottom:16px}.mock-body h2{font-size:2.25rem;line-height:1.03;letter-spacing:-.05em;margin:0;color:var(--navy)}.mock-body p{font-weight:800;color:var(--muted);line-height:1.5}.mock-button{display:inline-flex;margin-top:10px;padding:13px 16px;border-radius:16px;background:var(--navy);color:#fff;font-weight:950}.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.hero-benefits div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--soft-shadow);min-height:132px}.hero-benefits strong{display:block;color:var(--orange);font-size:1.08rem;margin-bottom:8px}.hero-benefits span{display:block;color:var(--muted);font-weight:800;line-height:1.4}.section{padding:88px 0}.soft{background:linear-gradient(180deg,#fff8ef,#fff)}.section-head{max-width:830px;margin:0 auto 42px;text-align:center}.section-head.left{text-align:left;margin:0}.eyebrow{color:var(--orange);font-size:.84rem;letter-spacing:.11em;text-transform:uppercase;font-weight:950;margin:0 0 12px}.section-head h2{font-size:clamp(2.15rem,3.6vw,3.4rem);line-height:1.06;letter-spacing:-.05em;margin:0;color:var(--navy)}.section-head p{font-size:1.07rem;line-height:1.72;color:var(--muted);margin:16px 0 0}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:start}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.benefit-card,.card,.price-card,.case-card,.ad-card,.contact-card,.process-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow)}.benefit-card{padding:26px}.num-badge{width:46px;height:46px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:950;margin-bottom:18px}.benefit-card h3,.card h3,.price-card h3,.ad-card h3,.case-card h3{font-size:1.25rem;margin:0 0 10px;color:var(--navy)}.benefit-card p,.card p,.ad-card p,.case-card p{margin:0;color:var(--muted);line-height:1.62}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px}.icon{width:58px;height:58px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:1.5rem;margin-bottom:18px}.ads-preview{background:#fff}.ad-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ad-card{overflow:hidden}.ad-card img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#f8fafc}.ad-card div{padding:22px}.center-actions{display:flex;justify-content:center;margin-top:28px}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pricing.three{grid-template-columns:repeat(3,1fr)}.price-card{position:relative;padding:26px;display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--orange);box-shadow:0 24px 60px rgba(255,107,26,.16)}.tag{position:absolute;top:18px;right:18px;background:var(--orange);color:#fff;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:950}.for{color:var(--muted);margin:8px 0 18px;line-height:1.45}.price{display:grid;gap:4px;margin:6px 0 20px;min-height:78px}.price span{font-size:clamp(1.65rem,2.6vw,2.55rem);line-height:1;color:var(--navy);font-weight:950;letter-spacing:-.06em}.price small{font-weight:900;color:var(--orange);text-transform:uppercase}.price-card ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:9px;color:#344054;font-weight:760}.price-card li::before{content:"✓";color:var(--orange);font-weight:950;margin-right:8px}.custom-price-note{color:var(--muted);line-height:1.6;font-weight:760;margin:0 0 24px}.price-card .btn{margin-top:auto}.case-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-card{padding:32px}.real-case{background:linear-gradient(135deg,#fff,#fff7ed)}.case-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.case-top span{color:var(--orange);font-weight:950;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}.case-top strong{background:var(--navy);color:#fff;padding:8px 12px;border-radius:999px;font-size:.82rem}.case-card h3{font-size:2.25rem;letter-spacing:-.045em;line-height:1.05;margin:0 0 12px;color:var(--navy)}.labels{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.labels span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:900;color:#344054}.case-link{display:inline-flex;margin-top:22px;background:var(--orange);color:#fff;border-radius:999px;padding:12px 16px;font-weight:950}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-card{padding:24px}.process-card strong{color:var(--orange);display:block;margin-bottom:10px}.process-card h3{margin:0 0 8px;color:var(--navy)}.process-card p{margin:0;color:var(--muted);line-height:1.55}.contact-section{background:linear-gradient(135deg,var(--navy),#182642);color:#fff}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.contact-copy h2{font-size:clamp(2.35rem,5vw,4rem);line-height:1;letter-spacing:-.055em;margin:0 0 18px}.contact-copy p{color:#d9e2f1;max-width:660px;line-height:1.7}.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.contact-card{color:var(--navy);border-radius:34px;padding:30px;box-shadow:var(--shadow)}.contact-mark{width:72px;height:72px;object-fit:contain}.contact-card h3{font-size:1.85rem;margin:16px 0 8px}.contact-card p{color:var(--muted);margin:0 0 22px}.contact-line{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:18px;border-top:1px solid var(--line);padding:16px 0;font-weight:900}.contact-line span{color:var(--muted)}.contact-line a,.contact-line strong{color:var(--orange);overflow-wrap:anywhere;text-align:left}.footer{background:#fff;color:var(--navy);border-top:1px solid var(--line);padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:flex-start;gap:22px}.footer-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.footer-brand img{width:56px;height:56px;object-fit:contain}.footer-brand strong{font-size:1rem}.footer p{margin:0;color:var(--muted);flex:1}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:var(--navy);font-weight:850;margin-left:auto}.ads-hero{padding-bottom:92px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.showcase-stack{position:relative;min-height:560px}.showcase-stack img{position:absolute;width:315px;border-radius:28px;box-shadow:var(--shadow);border:9px solid #fff}.showcase-stack img:nth-child(1){left:20px;top:0;transform:rotate(-4deg)}.showcase-stack img:nth-child(2){right:20px;bottom:0;transform:rotate(5deg)}.story-block{margin-top:44px;display:grid;grid-template-columns:1fr 370px;gap:34px;align-items:center;background:linear-gradient(135deg,#fff8ef,#fff);border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:var(--soft-shadow)}.story-block h2{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.05;letter-spacing:-.045em;color:var(--navy);margin:0 0 12px}.story-block p{color:var(--muted);line-height:1.65}.story-block img{width:100%;border-radius:28px;box-shadow:var(--shadow);border:8px solid #fff}.reveal{opacity:1;transform:none}@media (max-width:1080px){.nav{flex-wrap:wrap;padding:12px 0}.menu-toggle{display:block}.nav>.btn{display:none}.navlinks{display:none;width:100%;flex-direction:column;align-items:flex-start;margin:2px 0 0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:22px}.navlinks.open{display:flex}.hero-grid,.split,.contact-grid,.case-wrap,.showcase,.story-block{grid-template-columns:1fr}.cards,.pricing,.benefit-grid,.ad-gallery,.process-grid{grid-template-columns:repeat(2,1fr)}.pricing.three{grid-template-columns:repeat(2,1fr)}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{margin-left:0}.showcase-stack{min-height:560px}}@media (max-width:680px){.wrapper{width:min(100% - 28px,1160px)}.section{padding:70px 0}.hero{padding:58px 0 76px}.brand-text span{display:none}h1{font-size:2.85rem}.lead{font-size:1.03rem}.hero-actions,.contact-actions{align-items:stretch;flex-direction:column}.btn{width:100%}.proof-row,.hero-benefits,.cards,.pricing,.benefit-grid,.ad-gallery,.process-grid,.pricing.three{grid-template-columns:1fr}.mock-body{padding:24px}.mock-body h2{font-size:1.85rem}.contact-line{grid-template-columns:1fr;gap:4px}.showcase-stack{min-height:650px}.showcase-stack img{width:250px}.showcase-stack img:nth-child(1){left:0}.showcase-stack img:nth-child(2){right:0}.story-block{padding:22px}.story-block img{max-width:280px;margin:auto}.footer-brand img{width:52px;height:52px}}

/* Ajout projets cartes d'affaires */
.case-wrap{grid-template-columns:repeat(3,1fr)}
.business-card-preview{display:grid;gap:12px;margin:18px 0 4px}
.business-card-preview img{width:100%;border-radius:18px;border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#eef3f8}
@media (max-width:1080px){.case-wrap{grid-template-columns:1fr}}