@import url('/assets/local.css');
:root{--ink:#152838;--teal:#087e80;--coral:#d3472b;--cream:#faf8f3;--muted:#4f626c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,sans-serif}.wrap{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}a{color:inherit}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.nav{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #deded7}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:32px;font-weight:800}.brand span{color:var(--coral)}.brand b{font-size:17px;line-height:1.1}.nav nav{display:flex;align-items:center;gap:26px;font-size:14px}.nav nav a{text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:15px 24px;border:0;border-radius:10px;background:var(--coral);color:white;text-decoration:none;font-weight:700;cursor:pointer;box-shadow:0 5px 0 #ad372022}.button:hover{background:#b83720}.small{padding:11px 17px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;padding-top:65px;padding-bottom:70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--teal)}h1{font-size:clamp(42px,4.6vw,68px);letter-spacing:-3px;line-height:1.04;margin:25px 0}h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-1.6px;margin:18px 0}h3{font-size:20px;line-height:1.3}em{font-style:normal;color:var(--teal)}p{color:var(--muted)}.lead{max-width:500px;font-size:18px}.actions{display:flex;gap:24px;align-items:center;margin-top:28px}.textlink{font-size:14px;text-decoration:none}.reassurance{font-size:13px}.hero-art{position:relative;min-height:490px;background:#e5eeea;border-radius:45% 45% 20px 20px;padding:54px 24px 35px}.art-label{position:absolute;top:22px;left:50px;font-size:10px;letter-spacing:3px}.browser{background:white;border-radius:12px;overflow:hidden;box-shadow:0 18px 35px #15283822;border:1px solid #ddd}.browser-bar{background:#fff;padding:6px 12px;font-size:10px;display:flex;gap:10px;color:#897e71}.browser-bar span{margin-left:auto}.artisan{width:83%;transform:rotate(-6deg)}.mock{padding:23px;background:#efe4d2}.mock small{font-size:9px;letter-spacing:2px}.mock h2{font-family:Georgia,serif;font-size:27px;letter-spacing:-1px;margin:10px 0}.abstract{height:70px;background:linear-gradient(110deg,#b59c78,#e1d5bb);border-radius:40px 40px 0 0;text-align:right;padding-right:20px;color:white;font-size:40px}.mock-button{display:inline-block;background:var(--ink);color:#fff;font-size:8px;padding:7px 12px;margin-top:10px}.shop{position:relative;width:68%;margin-left:auto;margin-top:-43px;transform:rotate(5deg)}.shop .mock{background:#e9efe1}.objects{display:flex;gap:12px;align-items:end;justify-content:center;height:70px}.objects i{width:35px;height:48px;background:#ad7e5b;border-radius:40% 40% 10px 10px}.objects i:nth-child(2){height:65px;background:#727e67}.objects i:nth-child(3){background:#d8bc87;height:40px}.shop .mock>span{font-size:8px}.floating{position:absolute;top:115px;right:-15px;transform:rotate(8deg);background:#f5c756;padding:14px 20px;border-radius:9px;font-size:12px;box-shadow:0 10px 20px #15283822}.illustration-note{font-size:10px;text-align:center;margin-top:25px}.ribbon{display:flex;justify-content:center;gap:50px;background:var(--ink);color:#fff;padding:20px;font-size:14px}.ribbon b{color:#f5c756}.section{padding-top:80px;padding-bottom:80px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.card{padding:25px;border-radius:16px;display:flex;flex-direction:column}.card p{font-size:14px;flex:1}.card a{font-size:13px;font-weight:700;text-decoration:none;margin-top:20px}.peach{background:#f8e4db}.mint{background:#e0eeea}.lavender{background:#eae5f5}.sand{background:#f5edce}.icon{font-size:32px}.process{background:#eef0e9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:30px}.steps b{font-size:85px;font-family:Georgia,serif;font-style:italic;color:var(--teal);line-height:1.2}.steps article:nth-child(2) b{color:var(--coral)}.steps article:nth-child(3) b{color:#8572a3}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:80px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefit-grid article{border-top:3px solid #b5d5cc}.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:14px}.fine{font-size:12px}.benefit-grid .fine{grid-column:1/-1}.quote-area{background:#e1eeea}.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form-box{background:white;border-radius:20px;padding:34px;box-shadow:0 10px 40px #1528380a}label{display:block;font-size:14px;font-weight:600;margin:15px 0}input,select,textarea{display:block;width:100%;border:1px solid #bac8c9;background:#fff;border-radius:7px;padding:11px;margin-top:7px;color:var(--ink)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:2px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}fieldset{border:0;padding:0;margin:0}legend{font-size:22px;font-weight:700;margin-bottom:10px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks label,.consent{font-size:12px;display:flex;align-items:start;gap:9px;font-weight:400}.consent{flex-wrap:wrap}.checks input,.consent input{width:18px;height:18px;flex-shrink:0;margin:0}.trap{position:absolute;left:-9999px}.progress{display:flex;gap:12px;margin-bottom:25px;font-size:11px;color:#64757b}.progress .active{color:var(--teal);font-weight:700}.wizard-nav{display:flex;justify-content:space-between;margin-top:22px}.back{border:0;background:none;color:var(--ink);cursor:pointer}.notice{padding:15px;background:#edf4ed;border:1px solid #6d9b7d;border-radius:8px}.notice.error{background:#fff2ed;border-color:#c3775a}.partner{margin-top:70px;margin-bottom:40px;background:var(--ink);color:white;border-radius:22px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:55px}.partner .eyebrow{color:#eac46a}.partner p{color:#d6e2e7}.partner summary{background:#efc45e;color:var(--ink);padding:17px 20px;border-radius:9px;cursor:pointer;font-weight:700}.partner form{padding-top:15px}.partner a{color:white}.faq{max-width:850px;padding-top:40px}.faq details{border-bottom:1px solid #d4dbd8;padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{font-size:15px}footer{padding-top:40px;padding-bottom:40px;border-top:1px solid #deded7;font-size:13px}footer .brand{font-size:20px}.admin-title{font-size:40px;letter-spacing:-1px}.login{max-width:480px}.admin-request{background:white;padding:22px;margin-top:20px;border-radius:15px}.admin-request summary{cursor:pointer;font-weight:700}.admin-request dl{display:grid;grid-template-columns:120px 1fr;gap:10px}.admin-request dd{margin:0;overflow-wrap:anywhere}.admin-request form{margin:20px 0}.legal{max-width:850px}[hidden]{display:none!important}button:disabled{opacity:.6;cursor:wait}@media(max-width:900px){.nav nav>a:not(.button){display:none}.hero{grid-template-columns:1fr 1fr;gap:20px}h1{font-size:44px}.hero-art{min-height:400px}.cards{grid-template-columns:1fr 1fr}.form-layout,.benefits{gap:35px}.ribbon{gap:22px}.partner{margin-left:20px;margin-right:20px;gap:30px}}@media(max-width:640px){.wrap{padding-left:22px;padding-right:22px}.nav{padding-top:16px;padding-bottom:16px}.nav .small{font-size:12px;padding:10px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px}h1{font-size:48px;letter-spacing:-2px}.hero-art{max-width:450px;margin:20px auto 0;width:100%}.floating{right:0}.ribbon{gap:12px;font-size:10px;flex-wrap:wrap}.section{padding-top:45px;padding-bottom:45px}.cards,.steps,.benefits,.form-layout,.partner{grid-template-columns:1fr}.cards{gap:14px}.steps{gap:15px}.steps b{font-size:65px}.benefits{gap:20px}.form-box{padding:23px}.two{grid-template-columns:1fr;gap:0}.partner{padding:28px;margin-top:40px}.actions{gap:15px}.textlink{font-size:12px}.admin-request dl{grid-template-columns:1fr}.admin-request dd{padding-bottom:12px}.progress{font-size:10px;gap:8px}}


/* Bannière SEO Tools Centers */
.stc-banner {
  margin:20px auto 60px; padding:34px;
  display:flex; align-items:center; justify-content:space-between;
  gap:30px; border-radius:20px;
  background:linear-gradient(120deg,#152838,#075e67);
  border-top:4px solid #48cfbb; color:#fff;
}
.stc-banner .stc-label {
  color:#88efdd; font-size:11px;
  font-weight:800; letter-spacing:2px;
}
.stc-banner h2 {
  max-width:700px; font-size:30px;
  letter-spacing:-.6px; margin:12px 0;
}
.stc-banner p { color:#e0eeef; margin-bottom:0; }
.stc-banner .button { flex-shrink:0; }
@media(max-width:640px) {
  .stc-banner {
    margin:15px 20px 40px; padding:26px;
    flex-direction:column; align-items:flex-start;
  }
  .stc-banner h2 { font-size:25px; }
}


/* Devis : identite violet et menthe */
:root {
  --ink:#291b43;
  --teal:#6434a5;
  --coral:#703fc0;
  --cream:#ffffff;
  --muted:#62586f;
}
.nav { border-bottom-color:#ece6f4; }
.brand span { color:#703fc0; }
.button {
  background:#703fc0;
  box-shadow:0 5px 0 #4e238d18;
}
.button:hover { background:#562a99; }
.hero {
  background:radial-gradient(ellipse at top right,#f0e8fc,transparent 65%);
}
.hero-art { background:#eee6fa; }
.floating { background:#b9f0d8; color:#291b43; }
.ribbon { background:#392159; }
.ribbon b { color:#a9eecf; }
.peach { background:#f0e6ff; }
.mint { background:#dff5eb; }
.lavender { background:#e9eafb; }
.sand { background:#fff0df; }
.card {
  border:1px solid #ffffff;
  box-shadow:0 8px 24px #39215908;
}
.card a { color:#562a99; }
.process { background:#f6f2fb; }
.steps b { color:#703fc0; }
.steps article:nth-child(2) b { color:#168163; }
.steps article:nth-child(3) b { color:#9c58b3; }
.benefit-grid article { border-top-color:#bde7d4; }
.quote-area { background:#e6f6ee; }
.form-box { box-shadow:0 12px 40px #3921590d; }
.partner {
  background:linear-gradient(120deg,#392159,#674195);
}
.partner .eyebrow { color:#b9f0d8; }
.partner summary { background:#b9f0d8; color:#291b43; }
.partner p { color:#f0e9f8; }
.faq details { border-bottom-color:#e9e2f1; }
footer { border-top-color:#ece6f4; }
.stc-banner {
  background:linear-gradient(120deg,#392159,#674195);
  border-top-color:#a9eecf;
}
.stc-banner .stc-label { color:#b9f0d8; }
.stc-banner .button { background:#b9f0d8; color:#291b43; }
.stc-banner .button:hover { background:#97dfbd; }