:root{--bg:#080f21;--surface:#111e36;--surface2:#132540;--stroke:#2b3e5e;--text:#f3f7ff;--muted:#a3b6d1;--cyan:#6bdfff;--blue:#4f7eff;--green:#75e4c7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 90% 32% at 60% 0,#19325d 0,transparent 85%),var(--bg);color:var(--text);font:15px/1.6 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.wrap{width:min(1390px,calc(100% - 50px));margin:auto}.skip{position:absolute;left:-10000px;top:0}.skip:focus{left:20px;z-index:50;padding:12px;background:white;color:black}.header{background:#0a1328dd;backdrop-filter:blur(20px);border-bottom:1px solid #253553;position:sticky;top:0;z-index:30}.nav-row{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope;letter-spacing:-.7px}.brand>span>span{color:#a3edff}.brand b{color:#56b9ff}.nav-row nav{display:flex;align-items:center;gap:clamp(12px,2vw,35px)}.nav-row nav a{font-size:12px;font-weight:700;color:#b8cbeb}.nav-row nav a:hover{color:white}.nav-row nav .nav-contact{background:#1a3760;border:1px solid #3c6ca0;padding:11px 17px;border-radius:12px;color:#e7f8ff}.intro{padding:75px 0 52px}.eyebrow{display:block;color:#85d7ff;font-size:10px;font-weight:800;letter-spacing:.22em}.intro h1{font:800 clamp(42px,6vw,76px)/1.07 Manrope,sans-serif;letter-spacing:-.065em;margin:20px 0}.intro h1 em{font-style:normal;background:linear-gradient(95deg,#71e6fc,#8494ff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro>p{max-width:675px;color:#b3c3da;font-size:17px}.intro-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.intro-pills span{color:#c6edf6;font-size:12px;background:#15304b;border:1px solid #2a4b65;padding:8px 13px;border-radius:999px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start;margin-bottom:70px}.steps{display:grid;gap:22px;min-width:0}.panel,.summary{background:linear-gradient(150deg,#13223e,#0e192f);border:1px solid #2b3f5d;border-radius:22px;padding:clamp(20px,2.4vw,33px);box-shadow:0 16px 45px #020b1930}.step-heading{display:flex;gap:19px;align-items:flex-start;margin-bottom:26px}.step-number{flex:none;width:43px;height:43px;display:grid;place-items:center;border:1px solid #375b85;background:#173655;border-radius:13px;color:#83dbff;font-weight:800;font-family:Manrope}.step-heading h2{font:800 clamp(20px,2.5vw,26px)/1.24 Manrope;margin:8px 0}.step-heading p{margin:0;color:var(--muted);font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plan-card{position:relative;display:grid;align-content:start;gap:10px;background:#0b1b33;border:1px solid #354e70;border-radius:15px;padding:20px;cursor:pointer;min-height:188px;transition:background .18s,border .18s,transform .18s}.plan-card:hover{border-color:#6b9ef4;transform:translateY(-2px)}.plan-card:has(input:checked){border-color:#60dafe;background:linear-gradient(130deg,#153b62,#132548);box-shadow:inset 0 0 0 1px #3b87c5}.plan-card input{position:absolute;opacity:0;width:1px;height:1px}.plan-card:has(input:focus-visible){outline:2px solid #7fe9ff;outline-offset:3px}.plan-top{font-size:10px;color:#7dbffc;letter-spacing:.14em;font-weight:800}.plan-card strong{font:800 19px Manrope}.plan-price{font:800 26px Manrope;color:#eef9ff}.plan-price small{font:600 11px DM Sans;color:#acc4de}.plan-desc{font-size:12px;color:#9bb5d6;padding-right:18px}.select-dot{position:absolute;right:18px;top:19px;width:19px;height:19px;border-radius:50%;border:2px solid #527295}.plan-card:has(input:checked) .select-dot{background:#78e6fe;border-color:#78e6fe;box-shadow:inset 0 0 0 4px #1e4168}.micro{font-size:11px;line-height:1.65;color:#829ebd;margin:16px 0 0}.counter-row{border:1px solid #315071;background:#0a1c32;border-radius:15px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.counter-row strong{display:block;margin-bottom:6px}.counter-row span{display:block;font-size:12px;color:#97b0ce}.counter{display:flex;align-items:center;gap:11px}.counter button{width:39px;height:39px;border:1px solid #426588;background:#17334f;color:#ebfaff;border-radius:9px;font-size:21px}.counter output{min-width:30px;text-align:center;font-weight:800;font:800 21px Manrope}.addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.addon{display:flex;align-items:center;gap:12px;background:#0b1c33;border:1px solid #2e4664;border-radius:12px;padding:13px;cursor:pointer;min-height:67px}.addon:has(input:checked){background:#133953;border-color:#4f9fc0}.addon input{width:18px;height:18px;flex:none;accent-color:#65d8ed;cursor:pointer}.addon-text{display:flex;flex:1;flex-direction:column;gap:2px;font-weight:700;font-size:12px;line-height:1.35}.addon-text small{color:#88a9c7;font-size:11px;font-weight:400}.addon .addon-price{font-size:12px;color:#a6e6fd;white-space:nowrap;font-weight:800}.panel h3{font:800 15px Manrope;margin:24px 0 13px}.selection-grid{display:grid;gap:9px}.choice{display:flex;align-items:center;gap:12px;background:#0b1b32;border:1px solid #304d70;border-radius:12px;padding:13px 16px;cursor:pointer}.choice:has(input:checked){border-color:#5fc6eb;background:#13344f}.choice input{width:17px;height:17px;accent-color:#59dfff}.choice .choice-text{flex:1;display:grid;gap:2px}.choice .choice-text strong{font-size:13px}.choice .choice-text small{color:#89a9c8;font-size:11px}.choice-price{font-size:12px;color:#b2f3ff;white-space:nowrap;font-weight:800}.fields{display:grid;gap:14px;margin-top:16px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields label{display:grid;gap:8px;font-weight:750;font-size:12px;color:#d6e8fc}.fields input,.fields textarea,.fields select{width:100%;padding:13px 14px;background:#09192e;color:#f5faff;border:1px solid #42607e;border-radius:11px;outline:none}.fields :is(input,textarea,select):focus{border-color:#6bcfff;box-shadow:0 0 0 3px #317bae33}.fields textarea{resize:vertical}.privacy{display:flex;align-items:flex-start;gap:11px;color:#b9cce3;font-size:12px;margin:22px 0}.privacy input{accent-color:#6dd5ea;min-width:18px;min-height:18px}.privacy a{color:#7fddff;text-decoration:underline}.hidden-honey{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.captcha-slot{min-height:0;margin-top:8px}.site-warning{color:#d8c28a;background:#362c21;border:1px solid #685431;border-radius:10px;padding:12px;font-size:12px;margin:12px 0}.site-warning[hidden]{display:none}.submit-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}.submit-row .micro{flex:1;min-width:180px;margin:0}.btn-primary,.btn-outline{border-radius:12px;padding:13px 18px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:18px}.btn-primary{border:1px solid #85b5ef;background:linear-gradient(110deg,#2574da,#5854de);color:#fff;box-shadow:0 9px 28px #3561b43c}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.form-result{font-size:13px;margin-top:16px}.form-result.good{padding:18px;color:#b2ffe4;background:#153e32;border-radius:12px;border:1px solid #39876c}.form-result.bad{padding:15px;color:#ffceda;background:#452332;border-radius:12px;border:1px solid #95576e}.summary-col{position:sticky;top:112px}.summary{border-color:#396389;box-shadow:0 22px 55px #01080e7a}.summary-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #355071}.summary-header h2{font:800 21px Manrope;margin:8px 0 0}.sparkle{font-size:42px;color:#8bddff}.summary-lines{display:grid;gap:11px;padding:22px 0}.summary-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:12px;color:#b6cce4}.summary-line strong{color:#f4f8ff;white-space:nowrap;font-size:12px}.summary-line.highlight{color:#80e2ff;font-weight:800}.summary-totals{border-top:1px solid #355071;display:grid;gap:19px;padding:20px 0}.summary-totals>div{display:grid;gap:4px}.summary-totals span{font-size:11px;color:#a7c0dc}.summary-totals strong{font:800 30px Manrope;letter-spacing:-.04em}.summary-totals>div:last-child strong{color:#87effc;font-size:24px}.summary-notice{font-size:11px;color:#9fb4cc;line-height:1.7;margin:3px 0 18px}.btn-outline{display:flex;text-align:center;background:#18395c;color:#dff9ff;border:1px solid #4e91bf}.aside-help{display:flex;gap:13px;color:#9db2cf;font-size:12px;margin-top:17px;padding:0 12px}.aside-help span{color:#73e6ef;font-size:23px}.aside-help p{margin:0}.footer{border-top:1px solid #293958;padding:28px 0;background:#081022}.footer .wrap{display:flex;justify-content:space-between;gap:14px;color:#a2b7cf;font-size:12px}.footer a{color:#81dfff}#contact,#pages,#abonnements{scroll-margin-top:115px}@media(max-width:1050px){.layout{grid-template-columns:1fr}.summary-col{position:static;order:-1}.summary-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.summary{padding:22px}}@media(max-width:650px){.wrap{width:min(100% - 28px,1390px)}.nav-row{min-height:71px}.nav-row nav{gap:10px}.nav-row nav a:not(.nav-contact){display:none}.intro{padding:46px 0 32px}.intro h1{font-size:44px}.intro>p{font-size:14px}.plan-grid,.addon-grid,.fields.two,.summary-lines{grid-template-columns:1fr}.plan-card{min-height:135px}.panel{padding:19px;border-radius:16px}.counter-row{flex-wrap:wrap}.footer .wrap{flex-direction:column}}

/* V6.14 — tarification sans forfait */
.page-base{display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:18px;border:1px solid #487eb1;background:linear-gradient(115deg,#103d65,#1b2550);padding:20px 24px;margin-bottom:17px}.page-base strong{display:block;color:#ecfbff;font:800 clamp(32px,4vw,44px)/1.3 Manrope}.page-base strong small{font:600 15px 'DM Sans',sans-serif;color:#c0e8ff}.page-base p{font-size:12px;color:#afd4f2;margin:2px 0}.page-spark{font-size:51px;color:#83e8ff;opacity:.75}.counter output{min-width:40px}.counter button:disabled{cursor:not-allowed;opacity:.35}

/* V6.15 — détails lisibles des services hébergement et entretien */
.service-clarity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 24px}
.service-clarity>div{background:linear-gradient(135deg,#152f4c,#0b1c32);border:1px solid #325679;border-radius:14px;padding:17px}
.service-clarity strong{display:block;font:800 13px/1.4 Manrope,sans-serif;color:#e2f7ff}
.service-clarity p{font-size:12px;line-height:1.65;color:#b2c7dd;margin:8px 0 0}
.plan-hint{font:500 11px 'DM Sans',sans-serif;color:#94b5d4;margin-left:8px}
.monthly-offer{cursor:default;align-items:flex-start;border-color:#4488ad;background:linear-gradient(135deg,#123852,#0d203b)}
.monthly-offer[hidden]{display:none}
.choice.choice-detailed{align-items:flex-start;padding:18px 17px;gap:15px}
.choice-detailed input{margin-top:3px;flex:none}
.choice.choice-detailed .choice-text{gap:5px;min-width:0}
.choice.choice-detailed .choice-text strong{font-size:15px;line-height:1.4;color:#f5f9ff}
.choice.choice-detailed .choice-text small{font-size:12px;line-height:1.6;color:#b7cce3}
.choice-details{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:7px}
.choice-details li{position:relative;padding-left:20px;font-size:12px;line-height:1.55;color:#d2e3f5}
.choice-details li:before{content:'✓';position:absolute;left:0;color:#7ce0c6;font-weight:800}
.choice-exclusion{display:block;margin-top:6px;padding:9px 11px;background:#10233b;border-left:2px solid #58779f;border-radius:0 7px 7px 0;font-size:11px;line-height:1.6;color:#afc1d7}
.choice-exclusion b{color:#d4e5f5}
.choice.choice-detailed .choice-price{margin-top:2px;font-size:14px;color:#a4eaff}
@media(max-width:650px){.service-clarity{grid-template-columns:1fr}.choice.choice-detailed{gap:9px;padding:15px 12px}.choice.choice-detailed .choice-price{font-size:12px}.plan-hint{display:block;margin:6px 0 0}}

/* Identité EyeConception — œil numérique encadré, édition V5. */
.brand img{display:block;width:45px;height:45px;object-fit:cover;border-radius:8px;box-shadow:0 0 18px #18b7ff33}

/* V6 — œil numérique sur transparence. */
.brand img{width:74px;height:37px;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 8px #19baff40)}
@media(max-width:650px){.brand img{width:62px;height:31px}}

/* Le devis distingue les sections d'une page des URL réellement distinctes. */
.page-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.page-example-grid>div{padding:15px 17px;border:1px solid #304f72;border-radius:13px;background:#0a1d36}
.page-example-grid strong{display:block;font-size:13px;color:#d6f3ff;margin-bottom:5px}
.page-example-grid p{color:#a0bad8;font-size:12px;margin:0;line-height:1.6}
.page-example-grid code{color:#91e6f8;font-size:11px;overflow-wrap:anywhere}
.page-counter-spaced{margin-top:13px}
@media(max-width:650px){.page-example-grid{grid-template-columns:1fr}}

/* V6.20 — choix du type de site, puis des fonctionnalités standard comprises */
.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:25px}
.type-card{position:relative;display:grid;align-content:start;gap:8px;min-height:182px;padding:19px;border:1px solid #385576;border-radius:16px;background:#0b1d34;cursor:pointer;transition:border-color .15s,background .15s}
.type-card:hover{border-color:#70c4ed}
.type-card:has(input:checked){border-color:#60d8ff;background:linear-gradient(135deg,#143c5c,#172947);box-shadow:inset 0 0 0 1px #468caf}
.type-card input{position:absolute;top:20px;right:18px;width:19px;height:19px;accent-color:#73deff}
.type-card-icon{font-size:29px;line-height:1.2}
.type-card strong{font:800 18px Manrope;color:#e7faff}
.type-card>span:not(.type-card-icon){font-size:12px;color:#a7c1db;max-width:240px}
.type-card b{color:#8ce8ff;font:800 22px Manrope;margin-top:7px}
.type-card b small{font:600 11px 'DM Sans';color:#b6d0e4}
.before-config{margin:0 0 14px}
.shopify-info{border:1px solid #365979;background:#0b1d34;border-radius:15px;padding:17px;margin-top:12px}
.shopify-info strong{font-size:13px;color:#d9f6ff}
.shopify-info p{font-size:12px;color:#adc2db;line-height:1.65;margin:7px 0 0}
#vitrineConfig[hidden],#boutiqueConfig[hidden],#supportVitrine[hidden],#supportShopify[hidden]{display:none}
#personnalisation{scroll-margin-top:115px}
#abonnements .choice:has(input:checked){border-color:#6fe2f4;background:linear-gradient(125deg,#143d58,#112a46)}
#abonnements .choice.choice-detailed{cursor:pointer}
#abonnements .choice-price small{display:block;white-space:normal;color:#99b9d3;font-size:10px}
@media(max-width:650px){.type-grid{grid-template-columns:1fr}.type-card{min-height:145px}}

/* V6.21 — progression étape par étape */
[hidden]{display:none!important}
.flow-next{display:flex;justify-content:flex-end;margin:22px 0 0}
.flow-next button{min-height:47px}
.layout:has(#summaryCol[hidden]){grid-template-columns:1fr}
#vitrineConfig{scroll-margin-top:110px}
@media(max-width:650px){.flow-next button{width:100%}}

/* V6.22 — questionnaire de structure et direction créative */
#structureSite,#personnalisation,#abonnements{scroll-margin-top:115px}
.brief-group{border:1px solid #2f4b6d;background:linear-gradient(125deg,#0d1d35,#102540);border-radius:16px;padding:20px;margin-top:17px}
.brief-group h3{font:800 15px Manrope,sans-serif;color:#99e7ff;margin:0 0 17px}
.brief-group .fields:first-of-type{margin-top:0}
.brief-label{margin:19px 0 11px;font-weight:800;font-size:12px;color:#d6e8fc}
.brief-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.brief-checks label{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;background:#0a1b32;border:1px solid #335374;color:#d5e9f9;font-size:12px;cursor:pointer}
.brief-checks label:has(input:checked){border-color:#57accf;background:#133a55}
.brief-checks input{accent-color:#73dcf8;width:16px;height:16px;flex:none}
.brief-group .fields.two:has(#briefPageCountField[hidden]){grid-template-columns:1fr}
@media(max-width:650px){.brief-group{padding:14px}.brief-checks{grid-template-columns:1fr}}
+
/* V6.25 — menus personnalisables */
.brief-custom-menus{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.brief-custom-item{display:inline-flex;align-items:center;gap:7px;border:1px solid #56a9cb;background:#123a54;border-radius:11px;padding:8px 10px;color:#d8f5ff;font-size:12px;font-weight:700}
.brief-custom-item input{accent-color:#78dff4;width:16px;height:16px}
.brief-custom-item button{border:0;border-left:1px solid #376b83;background:transparent;color:#cef4ff;padding:1px 0 1px 9px;font-weight:900;font-size:16px}
.brief-add-menu{margin:16px 0 4px}
.brief-add-menu>label{display:block;font-size:12px;font-weight:800;color:#d4eafa;margin-bottom:8px}
.brief-add-menu-row{display:flex;gap:9px;flex-wrap:wrap}
.brief-add-menu-row input{flex:1;min-width:180px;border:1px solid #42607e;border-radius:11px;padding:12px;background:#09192e;color:white}
.brief-add-menu-row button{border:1px solid #67bcd8;border-radius:10px;background:#16486a;color:#e7faff;padding:10px 17px;font-weight:800}