/* Idéal Web — Tunnel final V47. Une seule couche visuelle, sans modifier le JS. */
:root{color-scheme:light;--iw-ink:#10231f;--iw-ink-soft:#243832;--iw-muted:#62716b;--iw-green:#007a4d;--iw-green-dark:#005d3b;--iw-green-deep:#00462f;--iw-green-soft:#eaf6f0;--iw-green-pale:#f4faf7;--iw-line:#dfe8e3;--iw-line-strong:#c4d9cf;--iw-surface:#fff;--iw-surface-soft:#f7faf8;--iw-danger:#b42318;--iw-danger-soft:#fff4f2;--iw-shadow:0 22px 66px rgba(15,45,35,.10);--iw-shadow-soft:0 8px 28px rgba(15,45,35,.06);--iw-radius:14px;--iw-radius-lg:28px;--iw-shell:1120px}
*{box-sizing:border-box}html{min-height:100%;background:#fff;scroll-behavior:smooth}
body[data-iw-tunnel-final="v47"]{margin:0;min-width:320px;min-height:100dvh;overflow-x:clip;color:var(--iw-ink);background:radial-gradient(circle at 88% 4%,rgba(0,122,77,.085),transparent 29%),radial-gradient(circle at 4% 96%,rgba(0,122,77,.05),transparent 28%),linear-gradient(180deg,#fff 0%,#fbfdfc 55%,#f4f9f6 100%);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-iw-tunnel-final="v47"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;background:linear-gradient(90deg,transparent 0 49.8%,rgba(0,122,77,.025) 49.8% 50.2%,transparent 50.2%) 0 0/88px 88px,linear-gradient(transparent 0 49.8%,rgba(0,122,77,.025) 49.8% 50.2%,transparent 50.2%) 0 0/88px 88px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
body[data-iw-tunnel-final="v47"] img,body[data-iw-tunnel-final="v47"] svg{display:block;max-width:100%}body[data-iw-tunnel-final="v47"] a{color:inherit;text-decoration:none}body[data-iw-tunnel-final="v47"] button,body[data-iw-tunnel-final="v47"] input,body[data-iw-tunnel-final="v47"] textarea,body[data-iw-tunnel-final="v47"] select{font:inherit}body[data-iw-tunnel-final="v47"] button{color:inherit}
body[data-iw-tunnel-final="v47"] h1,body[data-iw-tunnel-final="v47"] h2,body[data-iw-tunnel-final="v47"] h3{margin-top:0;color:var(--iw-ink);font-family:Manrope,Inter,sans-serif;text-wrap:balance}body[data-iw-tunnel-final="v47"] p{color:var(--iw-muted);text-wrap:pretty}
body[data-iw-tunnel-final="v47"] :where(a,button,input,textarea,select):focus-visible{outline:3px solid rgba(0,122,77,.22);outline-offset:3px}body[data-iw-tunnel-final="v47"] [hidden]{display:none!important}
body[data-iw-tunnel-final="v47"] .sr-only,body[data-iw-tunnel-final="v47"] .iw-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-iw-tunnel-final="v47"] .file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
body[data-iw-tunnel-final="v47"] :is(.page,.page-shell,.screen){width:100%;min-height:100dvh;display:grid;place-items:center;padding:28px 20px}
body[data-iw-tunnel-final="v47"] :is(.form-card,.contact-card,main.page>section.card,.layout){width:min(var(--iw-shell),100%);margin:0 auto;border:1px solid var(--iw-line);border-radius:var(--iw-radius-lg);background:rgba(255,255,255,.98);box-shadow:var(--iw-shadow)}
body[data-iw-tunnel-final="v47"] :is(.iw-prepare-brand,.iw-onboarding-brandbar-v36,.card-header,.topbar,section.card>.brand,header.brand){min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;padding:0 0 20px;border-bottom:1px solid var(--iw-line)}
body[data-iw-tunnel-final="v47"] :is(.iw-prepare-brand,.iw-onboarding-brandbar-v36,.card-header,.topbar,section.card>.brand,header.brand) img[src*="idealweb-logo-premium"]{width:224px!important;max-width:58vw!important;height:auto!important;object-fit:contain!important;object-position:left center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body[data-iw-tunnel-final="v47"] :is(.iw-prepare-brand>span,.iw-onboarding-step-v36,.card-header>.step,.topbar>.step,.iw-tunnel-step-badge,.brand__step){flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid #c9ded4;border-radius:999px;color:var(--iw-green-dark);background:var(--iw-green-pale);font-size:.78rem;font-weight:900;line-height:1;white-space:nowrap}
body[data-iw-tunnel-final="v47"] .iw-tunnel-brand{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}body[data-iw-tunnel-final="v47"] .iw-tunnel-brand__logo{width:224px!important;max-width:58vw!important;height:auto!important;object-fit:contain!important}body[data-iw-tunnel-final="v47"] .iw-tunnel-brand__copy strong{display:none!important}body[data-iw-tunnel-final="v47"] section.card>.brand .iw-tunnel-brand__copy{margin-left:auto}
body[data-iw-tunnel-final="v47"] section.card>.brand .iw-tunnel-brand__copy span{min-height:40px;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #c9ded4;border-radius:999px;color:var(--iw-green-dark);background:var(--iw-green-pale);font-size:.78rem;font-weight:900;white-space:nowrap}
body[data-iw-tunnel-final="v47"] header.brand .brand__identity{display:flex;align-items:center;gap:12px}body[data-iw-tunnel-final="v47"] header.brand .brand__identity>div{display:none}body[data-iw-tunnel-final="v47"] header.brand .brand__logo{width:224px!important;max-width:58vw!important;height:auto!important;object-fit:contain!important}
body[data-iw-tunnel-final="v47"] .iw-page-intro,body[data-iw-tunnel-final="v47"] .intro,body[data-iw-tunnel-final="v47"] .form-head,body[data-iw-tunnel-final="v47"] .hero{margin:0;padding:28px 0 22px}
body[data-iw-tunnel-final="v47"] :is(.iw-page-eyebrow,.intro__eyebrow,.step-label){display:inline-flex;align-items:center;gap:8px;margin:0 0 9px;color:var(--iw-green);background:transparent;font-size:.74rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
body[data-iw-tunnel-final="v47"] :is(.iw-page-intro h1,.intro h1,.form-head h2,.hero h1){max-width:860px;margin:0;color:var(--iw-ink);font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.04;letter-spacing:-.055em;font-weight:900}
body[data-iw-tunnel-final="v47"] :is(.iw-page-intro p,.intro p,.form-head p,.hero>.lead){max-width:760px;margin:12px 0 0;color:var(--iw-muted);font-size:clamp(.96rem,1.4vw,1.08rem);line-height:1.62;font-weight:600}
body[data-iw-tunnel-final="v47"] .highlight{display:inline!important;margin:0!important;padding:0!important;color:#07945a!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important;filter:none!important;white-space:normal!important}body[data-iw-tunnel-final="v47"] .highlight::before,body[data-iw-tunnel-final="v47"] .highlight::after{display:none!important;content:none!important}
body[data-iw-tunnel-final="v47"] label{color:var(--iw-ink-soft);font-weight:800}
body[data-iw-tunnel-final="v47"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body[data-iw-tunnel-final="v47"] textarea,body[data-iw-tunnel-final="v47"] select{width:100%;min-height:58px;padding:12px 16px;border:1px solid var(--iw-line-strong);border-radius:13px;outline:none;color:var(--iw-ink);background:#fff;font-size:1rem;font-weight:750;box-shadow:0 1px 0 rgba(15,45,35,.02);color-scheme:light}
body[data-iw-tunnel-final="v47"] input::placeholder{color:#88968f;font-weight:500}body[data-iw-tunnel-final="v47"] input:focus,body[data-iw-tunnel-final="v47"] textarea:focus,body[data-iw-tunnel-final="v47"] select:focus{border-color:var(--iw-green);box-shadow:0 0 0 4px rgba(0,122,77,.10)}
body[data-iw-tunnel-final="v47"] input.iw-invalid,body[data-iw-tunnel-final="v47"] .field.is-invalid input,body[data-iw-tunnel-final="v47"] .field.error input{border-color:#dc6c63!important;box-shadow:0 0 0 4px rgba(180,35,24,.08)!important}
body[data-iw-tunnel-final="v47"] .actions{display:grid;grid-template-columns:minmax(150px,.56fr) minmax(220px,1fr);gap:12px;margin-top:22px}
body[data-iw-tunnel-final="v47"] :is(.btn,.button,.btn-main,.btn-secondary,.iw-onboarding-visible-back){min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;border:1px solid var(--iw-line-strong);border-radius:13px;cursor:pointer;color:var(--iw-green-dark);background:#fff;font-weight:900;line-height:1.2;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
body[data-iw-tunnel-final="v47"] :is(.btn,.button,.btn-main,.btn-secondary,.iw-onboarding-visible-back):not(:disabled):hover{transform:translateY(-1px);border-color:#9fc6b3;background:var(--iw-green-pale)}
body[data-iw-tunnel-final="v47"] :is(.btn-primary,.button-primary,.button--primary,.btn-main){border-color:var(--iw-green)!important;color:#fff!important;background:linear-gradient(135deg,var(--iw-green),#008f59)!important;box-shadow:0 10px 24px rgba(0,122,77,.17)!important}
body[data-iw-tunnel-final="v47"] :is(.btn-primary,.button-primary,.button--primary,.btn-main):not(:disabled):hover{background:linear-gradient(135deg,var(--iw-green-dark),var(--iw-green))!important}body[data-iw-tunnel-final="v47"] :is(.btn,.button,.btn-main,.btn-secondary):disabled{cursor:wait;opacity:.68;transform:none!important}
body[data-iw-tunnel-final="v47"] :is(.error,.form-message,.field-error,.message,.iw-form-error,.error-message,.iw-upload-message){font-size:.82rem;font-weight:800;line-height:1.45}
body[data-iw-tunnel-final="v47"] :is(.error.show,.form-message:not(:empty),.iw-form-error.show,.error-message:not([hidden]),.message.show,.iw-upload-message.show){display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:12px 14px;border:1px solid #f0c5c0;border-radius:12px;color:var(--iw-danger);background:var(--iw-danger-soft)}body[data-iw-tunnel-final="v47"] .field-error{min-height:18px;margin:7px 0 0;color:var(--iw-danger)}
/* Étape 1 — nom de l'entreprise */
body[data-page="prepare.html"] .page{padding:28px 20px}body[data-page="prepare.html"] .shell{width:min(var(--iw-shell),100%);display:block;margin:0 auto}body[data-page="prepare.html"] .brand-card{display:none!important}body[data-page="prepare.html"] .form-card{padding:28px 34px 32px;overflow:visible}body[data-page="prepare.html"] .iw-prepare-brand{padding-bottom:20px}body[data-page="prepare.html"] .iw-prepare-brand img{width:224px!important;height:auto!important}body[data-page="prepare.html"] .form-head{max-width:760px;margin:0 auto;padding-top:32px}body[data-page="prepare.html"] .choice-box{max-width:760px;margin:0 auto;padding:22px;border:1px solid var(--iw-line);border-radius:20px;background:var(--iw-surface-soft)}body[data-page="prepare.html"] .choice-box>.field>label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;font-size:.83rem}body[data-page="prepare.html"] .choice-box>.field>label small{padding:6px 10px;border:1px solid #c9ded4;border-radius:999px;color:var(--iw-green-dark);background:var(--iw-green-pale);font-size:.66rem;font-weight:900;text-transform:uppercase}body[data-page="prepare.html"] .input-wrap{position:relative}body[data-page="prepare.html"] .input-wrap>i{position:absolute;left:16px;top:50%;z-index:1;transform:translateY(-50%);color:var(--iw-green);font-size:1.05rem}body[data-page="prepare.html"] .input-wrap input{padding-left:46px!important}body[data-page="prepare.html"] :is(.option-grid,.hint,.saved-preview){display:none!important}body[data-page="prepare.html"] .error{display:none}body[data-page="prepare.html"] .actions{margin-top:18px}
body[data-iw-tunnel-final="v47"] .iw-metier-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,24,18,.72);backdrop-filter:blur(10px)}body[data-iw-tunnel-final="v47"] .iw-metier-modal.is-open{display:flex}body[data-iw-tunnel-final="v47"] .iw-metier-box{position:relative;width:min(560px,100%);padding:30px;border:1px solid var(--iw-line);border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.24);text-align:center}body[data-iw-tunnel-final="v47"] .iw-metier-close{position:absolute;right:14px;top:14px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--iw-line);border-radius:50%;background:#fff}body[data-iw-tunnel-final="v47"] .iw-metier-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 16px;border-radius:18px;color:var(--iw-green);background:var(--iw-green-soft);font-size:1.35rem}body[data-iw-tunnel-final="v47"] .iw-metier-box h2{margin:0;font-size:1.55rem}body[data-iw-tunnel-final="v47"] .iw-metier-box p{line-height:1.62}body[data-iw-tunnel-final="v47"] .iw-metier-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}body[data-iw-tunnel-final="v47"] :is(.iw-metier-secondary,.iw-metier-primary){min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--iw-line);border-radius:13px;font-weight:850}body[data-iw-tunnel-final="v47"] .iw-metier-primary{border-color:var(--iw-green);color:#fff;background:var(--iw-green)}
/* Étape 2 — adresse */
body[data-page="onboarding.html"] .screen{display:grid;padding:28px 20px}body[data-page="onboarding.html"] .layout{display:block;padding:20px}body[data-page="onboarding.html"] .iw-onboarding-brandbar-v36{padding:0 8px 20px}body[data-page="onboarding.html"] .card.main{width:100%;min-height:0;padding:clamp(25px,4vw,46px);border:1px solid var(--iw-line);border-radius:22px;background:#fff;box-shadow:none;overflow:visible}
body[data-page="onboarding.html"] :is(.top,.progress-block,.side,.section-title,.style-tip,.choice-grid,.iw-prepared-hero-blocks-grid,.iw-required-note,.iw-prepared-name-summary,#businessNameField,.iw-prepared-hero-summary,.experience-field,.address-help,#changeJobBtn){display:none!important}
body[data-page="onboarding.html"] .hero{padding:0}body[data-page="onboarding.html"] .hero>h1{max-width:860px;font-size:clamp(2.1rem,4.4vw,3.75rem)}body[data-page="onboarding.html"] .hero>.lead{margin-bottom:28px}body[data-page="onboarding.html"] .collect-box,body[data-page="onboarding.html"] .quick-fields{display:block;margin:0;padding:0;border:0;background:transparent;box-shadow:none}body[data-page="onboarding.html"] .address-field{display:block!important;position:static!important;opacity:1!important;pointer-events:auto!important}body[data-page="onboarding.html"] .address-field>label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 13px;color:var(--iw-ink-soft);font-size:.79rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}body[data-page="onboarding.html"] .address-field>label::after{content:"Obligatoire";padding:7px 11px;border:1px solid #c9ded4;border-radius:999px;color:var(--iw-green-dark);background:var(--iw-green-pale);font-size:.66rem;letter-spacing:.04em}body[data-page="onboarding.html"] .address-box{padding:20px;border:1px solid var(--iw-line);border-radius:18px;background:var(--iw-surface-soft)}body[data-page="onboarding.html"] .address-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(150px,.58fr) minmax(0,.92fr);gap:14px}body[data-page="onboarding.html"] .address-subfield label{display:block;margin:0 0 8px 2px;font-size:.72rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}body[data-page="onboarding.html"] .iw-form-error{display:none}body[data-page="onboarding.html"] .actions{grid-template-columns:minmax(150px,.56fr) minmax(220px,1fr);margin-top:20px}body[data-page="onboarding.html"] .iw-onboarding-visible-back{display:inline-flex!important}body[data-page="onboarding.html"] .btn-main.is-saving{pointer-events:none;opacity:.7}body[data-page="onboarding.html"] .iw-hidden{display:none!important}
/* Étape 3 — coordonnées */
body[data-page="coordonnees.html"] .contact-card{padding:28px 34px 32px}body[data-page="coordonnees.html"] .card-header{padding-bottom:20px}body[data-page="coordonnees.html"] .card-header .brand{display:block;width:224px;max-width:58vw}body[data-page="coordonnees.html"] .card-header .brand img{width:100%!important;height:auto!important}body[data-page="coordonnees.html"] .intro{padding-bottom:24px}body[data-page="coordonnees.html"] .intro-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:12px;border-radius:13px;color:var(--iw-green);background:var(--iw-green-soft);font-size:1.12rem}body[data-page="coordonnees.html"] .fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px;border:1px solid var(--iw-line);border-radius:18px;background:var(--iw-surface-soft)}body[data-page="coordonnees.html"] .field label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:.8rem}body[data-page="coordonnees.html"] .field label small{padding:5px 9px;border:1px solid #c9ded4;border-radius:999px;color:var(--iw-green-dark);background:var(--iw-green-pale);font-size:.62rem;font-weight:900;text-transform:uppercase}body[data-page="coordonnees.html"] .form-message{display:none}
/* Étape 4 — logo */
body[data-page="images.html"] main.page>section.card{padding:28px 34px 32px}body[data-page="images.html"] .topbar{padding-bottom:20px}body[data-page="images.html"] .iw-page-intro{padding-bottom:24px}body[data-page="images.html"] .choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}body[data-page="images.html"] .choice{min-height:132px;display:flex;align-items:center;gap:15px;padding:19px;border:1px solid var(--iw-line);border-radius:18px;color:var(--iw-ink);background:var(--iw-surface-soft);cursor:pointer;text-align:left;transition:.18s ease}body[data-page="images.html"] .choice:hover,body[data-page="images.html"] .choice.drag,body[data-page="images.html"] .choice.is-selected{border-color:#9fc6b3;background:var(--iw-green-pale);transform:translateY(-1px)}body[data-page="images.html"] .choice-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;color:var(--iw-green);background:var(--iw-green-soft)}body[data-page="images.html"] .choice-icon svg{width:24px;height:24px;stroke:currentColor}body[data-page="images.html"] .choice-copy{display:grid;gap:5px;min-width:0}body[data-page="images.html"] .choice-copy strong{font-size:1rem}body[data-page="images.html"] .choice-copy span{color:var(--iw-muted);font-size:.75rem;font-weight:700}body[data-page="images.html"] .choice-arrow{margin-left:auto;color:var(--iw-green);font-size:1.7rem}body[data-page="images.html"] .preview{display:none;margin-top:14px;padding:16px;border:1px solid var(--iw-line);border-radius:18px;background:var(--iw-surface-soft)}body[data-page="images.html"] .preview.show{display:block}body[data-page="images.html"] .preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}body[data-page="images.html"] .preview-status{font-size:.78rem;font-weight:900}body[data-page="images.html"] .replace{color:var(--iw-green);font-size:.76rem;font-weight:900;cursor:pointer}body[data-page="images.html"] .preview-frame{min-height:140px;display:grid;place-items:center;padding:18px;border:1px dashed var(--iw-line-strong);border-radius:14px;background:#fff}body[data-page="images.html"] .preview-frame img{max-width:280px;max-height:120px;object-fit:contain}body[data-page="images.html"] .message{display:none}
/* Étape 5 — photos */
body[data-page="photos-site.html"] main.page>section.card{padding:28px 34px 32px}body[data-page="photos-site.html"] section.card>.brand{padding-bottom:20px}body[data-page="photos-site.html"] .iw-page-intro{padding-bottom:22px}body[data-page="photos-site.html"] .main-zone{padding:18px;border:1px solid var(--iw-line);border-radius:20px;background:var(--iw-surface-soft)}body[data-page="photos-site.html"] .zone-head{display:flex;justify-content:flex-end;margin-bottom:12px}body[data-page="photos-site.html"] .ai-badge{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #c9ded4;border-radius:999px;color:var(--iw-green-dark);background:#fff;font-size:.72rem;font-weight:900}body[data-page="photos-site.html"] .helper-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}body[data-page="photos-site.html"] .action-card{min-height:82px;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border:1px solid var(--iw-line);border-radius:16px;color:var(--iw-ink);background:#fff;cursor:pointer}body[data-page="photos-site.html"] .action-card i{color:var(--iw-green);font-size:1.12rem}body[data-page="photos-site.html"] .action-card strong{font-size:.84rem}body[data-page="photos-site.html"] .action-card span{color:var(--iw-muted);font-size:.72rem;font-weight:650}body[data-page="photos-site.html"] .action-card:hover{border-color:#9fc6b3;background:var(--iw-green-pale)}body[data-page="photos-site.html"] .slots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(126px,1fr));gap:9px}body[data-page="photos-site.html"] .photo-slot{position:relative;min-height:126px;overflow:hidden;display:grid;place-items:center;text-align:center;border:1px dashed var(--iw-line-strong);border-radius:16px;background:#fff}body[data-page="photos-site.html"] .photo-slot.has-image{border-style:solid;border-color:#9fc6b3}body[data-page="photos-site.html"] .photo-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}body[data-page="photos-site.html"] .photo-slot.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(8,29,22,.76));pointer-events:none}body[data-page="photos-site.html"] .slot-inner{position:relative;z-index:2;display:grid;place-items:center;gap:5px;padding:10px}body[data-page="photos-site.html"] .slot-inner i{color:var(--iw-green);font-size:1.2rem}body[data-page="photos-site.html"] .slot-role{color:var(--iw-ink);font-size:.76rem;font-weight:900}body[data-page="photos-site.html"] .photo-slot.has-image .slot-role{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.4)}body[data-page="photos-site.html"] .slot-help{display:none}body[data-page="photos-site.html"] .slot-btn{position:absolute;right:7px;top:7px;z-index:3;min-height:29px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid rgba(0,122,77,.16);border-radius:999px;color:var(--iw-green-dark);background:rgba(255,255,255,.93);font-size:.62rem;font-weight:900}body[data-page="photos-site.html"] .ai-stage{display:none;margin-top:10px}body[data-page="photos-site.html"] .ai-stage.show{display:block}body[data-page="photos-site.html"] .ai-tools{display:flex;justify-content:center}body[data-page="photos-site.html"] .magic-btn{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:0;border-radius:999px;color:#fff;background:var(--iw-green);font-weight:900}body[data-page="photos-site.html"] .modal-backdrop{position:fixed;inset:0;z-index:4000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(5,27,19,.72);backdrop-filter:blur(10px)}body[data-page="photos-site.html"] .modal-backdrop.show{display:flex}body[data-page="photos-site.html"] .modal{width:min(520px,100%);padding:28px;border:1px solid var(--iw-line);border-radius:24px;background:#fff;box-shadow:0 35px 110px rgba(0,0,0,.28)}body[data-page="photos-site.html"] .modal-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:13px;border-radius:16px;color:var(--iw-green);background:var(--iw-green-soft);font-size:1.35rem}body[data-page="photos-site.html"] .modal h2{margin:0;font-size:1.55rem}body[data-page="photos-site.html"] .modal p{margin:9px 0 0;line-height:1.55}body[data-page="photos-site.html"] .modal-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:18px}body[data-page="photos-site.html"] .ai-loading{display:none;margin-top:12px;padding:11px 13px;border:1px solid var(--iw-line);border-radius:13px;color:var(--iw-green-dark);background:var(--iw-green-pale);font-size:.8rem;font-weight:850}body[data-page="photos-site.html"] .ai-loading.show{display:block}body[data-page="photos-site.html"] .dot{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:var(--iw-green)}
/* Étape 6 — horaires */
body[data-page="horaires.html"] main.page>section.card{padding:28px 34px 32px}body[data-page="horaires.html"] .intro{padding-bottom:22px}body[data-page="horaires.html"] #hoursForm{display:grid;gap:14px}body[data-page="horaires.html"] .form-block{padding:19px;border:1px solid var(--iw-line);border-radius:19px;background:var(--iw-surface-soft)}body[data-page="horaires.html"] .section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}body[data-page="horaires.html"] .section-number{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;color:#fff;background:var(--iw-green);font-weight:900}body[data-page="horaires.html"] .section-heading h2{margin:1px 0 3px;font-family:Inter,sans-serif;font-size:1.02rem;letter-spacing:-.015em}body[data-page="horaires.html"] .section-heading p{margin:0;font-size:.82rem}body[data-page="horaires.html"] .quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}body[data-page="horaires.html"] .quick-actions button{min-height:38px;padding:0 13px;border:1px solid var(--iw-line-strong);border-radius:999px;color:var(--iw-green-dark);background:#fff;font-size:.75rem;font-weight:850}body[data-page="horaires.html"] .quick-actions button:hover{border-color:var(--iw-green);background:var(--iw-green-pale)}body[data-page="horaires.html"] .days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}body[data-page="horaires.html"] .day{position:relative}body[data-page="horaires.html"] .day input,body[data-page="horaires.html"] .service-choice input{position:absolute;opacity:0;pointer-events:none}body[data-page="horaires.html"] .day span{min-height:50px;display:grid;place-items:center;border:1px solid var(--iw-line-strong);border-radius:13px;background:#fff;font-weight:900}body[data-page="horaires.html"] .day input:checked+span{border-color:var(--iw-green);color:#fff;background:var(--iw-green);box-shadow:0 9px 22px rgba(0,122,77,.15)}body[data-page="horaires.html"] .service-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}body[data-page="horaires.html"] .service-choice{position:relative}body[data-page="horaires.html"] .service-choice__content{min-height:82px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--iw-line-strong);border-radius:16px;background:#fff}body[data-page="horaires.html"] .service-choice__content i{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:12px;color:var(--iw-green);background:var(--iw-green-soft);font-size:1.12rem}body[data-page="horaires.html"] .service-choice__content strong,body[data-page="horaires.html"] .service-choice__content small{display:block}body[data-page="horaires.html"] .service-choice__content strong{font-size:.92rem}body[data-page="horaires.html"] .service-choice__content small{margin-top:4px;color:var(--iw-muted);font-size:.74rem}body[data-page="horaires.html"] .service-choice input:checked+.service-choice__content{border-color:var(--iw-green);box-shadow:0 0 0 3px rgba(0,122,77,.08)}body[data-page="horaires.html"] .service-choice input:checked+.service-choice__content::after{content:"✓";width:24px;height:24px;display:grid;place-items:center;margin-left:auto;border-radius:50%;color:#fff;background:var(--iw-green);font-size:.73rem;font-weight:900}body[data-page="horaires.html"] .time-panel{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;padding:14px;border-radius:16px;background:var(--iw-green-soft)}body[data-page="horaires.html"] .time-field label{display:block;margin:0 0 6px 2px;color:var(--iw-muted);font-size:.68rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}body[data-page="horaires.html"] .time-separator{padding-bottom:16px;color:var(--iw-muted);font-weight:900}body[data-page="horaires.html"] .split-panel{display:grid;gap:10px}body[data-page="horaires.html"] .period{padding:12px;border:1px solid var(--iw-line);border-radius:16px;background:#fff}body[data-page="horaires.html"] .period>strong{display:block;margin-bottom:9px;font-size:.8rem}body[data-page="horaires.html"] .error-message{margin:0}
/* Transition unique */
body[data-page="transition.html"][data-iw-tunnel-final="v47"]{color-scheme:dark;display:grid;place-items:center;padding:20px;overflow:hidden;color:#f8fafc;background:radial-gradient(circle at 14% 4%,rgba(56,232,135,.16),transparent 34%),radial-gradient(circle at 88% 10%,rgba(56,189,248,.12),transparent 30%),linear-gradient(180deg,#020617,#07111f 60%,#020617)}body[data-page="transition.html"]::before{display:none}body[data-page="transition.html"] .transition{width:min(520px,100%)}body[data-page="transition.html"] .transition-card{position:relative;overflow:hidden;padding:clamp(28px,7vw,44px);text-align:center;border:1px solid rgba(148,163,184,.18);border-radius:30px;background:linear-gradient(180deg,rgba(13,28,49,.96),rgba(4,10,23,.99));box-shadow:0 30px 90px rgba(0,0,0,.42)}body[data-page="transition.html"] .transition-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(56,232,135,.12),transparent 42%)}body[data-page="transition.html"] .transition-logo{position:relative;width:210px!important;max-width:64vw!important;height:auto!important;margin:0 auto 14px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}body[data-page="transition.html"] .transition-brand{position:relative;margin:0;color:#dffbea;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}body[data-page="transition.html"] h1{position:relative;margin:17px 0 10px;color:#fff;font-size:clamp(1.85rem,7vw,2.8rem);line-height:1.04;letter-spacing:-.055em}body[data-page="transition.html"] #transitionMessage{position:relative;margin:0;color:#9fb0c6;font-size:1rem;line-height:1.55;font-weight:650}body[data-page="transition.html"] .transition-progress{position:relative;height:8px;margin-top:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.06)}body[data-page="transition.html"] .transition-progress span{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38e887,#38bdf8,#91f3b6);box-shadow:0 0 18px rgba(56,232,135,.42);animation:iw-v47-progress 520ms cubic-bezier(.2,.8,.2,1) forwards}body[data-page="transition.html"] .transition-status{position:relative;min-height:20px;margin:14px 0 0;color:#dffbea;font-size:.84rem;font-weight:800}body[data-page="transition.html"] .transition-fallback{position:relative;display:none;width:100%;min-height:48px;margin-top:18px;align-items:center;justify-content:center;border:1px solid rgba(145,243,182,.28);border-radius:14px;color:#04140c;background:linear-gradient(135deg,#38e887,#91f3b6);font-weight:950}body[data-page="transition.html"] .transition-fallback.is-visible{display:flex}@keyframes iw-v47-progress{to{width:100%}}
@media(max-width:820px){body[data-iw-tunnel-final="v47"] :is(.page,.page-shell,.screen){padding:14px}body[data-iw-tunnel-final="v47"] :is(.form-card,.contact-card,main.page>section.card,.layout){border-radius:22px}body[data-iw-tunnel-final="v47"] :is(.form-card,.contact-card,main.page>section.card){padding:22px!important}body[data-page="onboarding.html"] .layout{padding:14px}body[data-page="onboarding.html"] .card.main{padding:24px}body[data-page="onboarding.html"] .address-grid{grid-template-columns:1fr 1fr}body[data-page="onboarding.html"] .address-subfield:first-child{grid-column:1/-1}body[data-page="coordonnees.html"] .fields{grid-template-columns:1fr}body[data-page="photos-site.html"] .slots-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(112px,1fr))}}
@media(max-width:620px){body[data-iw-tunnel-final="v47"] :is(.page,.page-shell,.screen){display:block;min-height:100dvh;padding:0}body[data-iw-tunnel-final="v47"] :is(.form-card,.contact-card,main.page>section.card,.layout){min-height:100dvh;border:0;border-radius:0;box-shadow:none}body[data-iw-tunnel-final="v47"] :is(.form-card,.contact-card,main.page>section.card){padding:18px!important}body[data-page="onboarding.html"] .layout{min-height:100dvh;padding:18px}body[data-page="onboarding.html"] .card.main{padding:21px 0 0;border:0;border-top:1px solid var(--iw-line);border-radius:0}body[data-iw-tunnel-final="v47"] :is(.iw-prepare-brand,.iw-onboarding-brandbar-v36,.card-header,.topbar,section.card>.brand,header.brand){min-height:72px;padding-bottom:15px}body[data-iw-tunnel-final="v47"] :is(.iw-prepare-brand,.iw-onboarding-brandbar-v36,.card-header,.topbar,section.card>.brand,header.brand) img[src*="idealweb-logo-premium"],body[data-iw-tunnel-final="v47"] .iw-tunnel-brand__logo,body[data-iw-tunnel-final="v47"] header.brand .brand__logo{width:178px!important;max-width:52vw!important}body[data-iw-tunnel-final="v47"] :is(.iw-prepare-brand>span,.iw-onboarding-step-v36,.card-header>.step,.topbar>.step,.iw-tunnel-step-badge,.brand__step),body[data-iw-tunnel-final="v47"] section.card>.brand .iw-tunnel-brand__copy span{min-height:36px;padding:7px 10px;font-size:.67rem}body[data-iw-tunnel-final="v47"] :is(.iw-page-intro,.intro,.form-head,.hero){padding:22px 0 18px}body[data-iw-tunnel-final="v47"] :is(.iw-page-intro h1,.intro h1,.form-head h2,.hero h1){font-size:clamp(1.9rem,10vw,2.7rem)}body[data-iw-tunnel-final="v47"] .actions{position:sticky;bottom:0;z-index:20;grid-template-columns:.82fr 1.18fr;margin:18px -18px -18px;padding:13px 18px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--iw-line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}body[data-page="prepare.html"] .choice-box{padding:16px}body[data-page="onboarding.html"] .address-box{padding:15px}body[data-page="onboarding.html"] .address-grid{grid-template-columns:1fr}body[data-page="onboarding.html"] .address-subfield:first-child{grid-column:auto}body[data-page="images.html"] .choices,body[data-page="horaires.html"] .service-options,body[data-page="photos-site.html"] .helper-row{grid-template-columns:1fr}body[data-page="images.html"] .choice{min-height:96px}body[data-page="horaires.html"] .days{grid-template-columns:repeat(4,1fr)}body[data-page="horaires.html"] .time-panel{grid-template-columns:1fr auto 1fr}body[data-page="photos-site.html"] .slots-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(94px,1fr))}body[data-page="photos-site.html"] .photo-slot{min-height:94px}body[data-page="photos-site.html"] .modal-actions,body[data-iw-tunnel-final="v47"] .iw-metier-actions{grid-template-columns:1fr}body[data-page="transition.html"][data-iw-tunnel-final="v47"]{display:grid;padding:14px}body[data-page="transition.html"] .transition-card{border-radius:24px;padding:27px 20px}}
@media(max-width:430px){body[data-iw-tunnel-final="v47"] :is(.iw-prepare-brand,.iw-onboarding-brandbar-v36,.card-header,.topbar,section.card>.brand,header.brand) img[src*="idealweb-logo-premium"],body[data-iw-tunnel-final="v47"] .iw-tunnel-brand__logo,body[data-iw-tunnel-final="v47"] header.brand .brand__logo{width:150px!important}body[data-page="horaires.html"] .quick-actions{display:grid;grid-template-columns:1fr}body[data-page="horaires.html"] .quick-actions button{width:100%}body[data-page="horaires.html"] .time-panel{grid-template-columns:1fr}body[data-page="horaires.html"] .time-separator{display:none}body[data-page="photos-site.html"] .action-card span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body[data-page="transition.html"] .transition-progress span{animation:none;width:100%}}
/* Largeurs explicites des logos, indépendantes du chemin de l’image. */
body[data-iw-tunnel-final="v47"] .iw-onboarding-logo-v36,
body[data-iw-tunnel-final="v47"] .iw-prepare-brand>img,
body[data-iw-tunnel-final="v47"] .card-header .brand>img,
body[data-iw-tunnel-final="v47"] .topbar .iw-tunnel-brand__logo,
body[data-iw-tunnel-final="v47"] section.card>.brand .iw-tunnel-brand__logo,
body[data-iw-tunnel-final="v47"] header.brand .brand__logo{width:224px!important;max-width:58vw!important;height:auto!important;object-fit:contain!important}
@media(max-width:620px){body[data-iw-tunnel-final="v47"] .iw-onboarding-logo-v36,body[data-iw-tunnel-final="v47"] .iw-prepare-brand>img,body[data-iw-tunnel-final="v47"] .card-header .brand>img,body[data-iw-tunnel-final="v47"] .topbar .iw-tunnel-brand__logo,body[data-iw-tunnel-final="v47"] section.card>.brand .iw-tunnel-brand__logo,body[data-iw-tunnel-final="v47"] header.brand .brand__logo{width:166px!important;max-width:48vw!important}}
@media(max-width:430px){body[data-iw-tunnel-final="v47"] .iw-onboarding-logo-v36,body[data-iw-tunnel-final="v47"] .iw-prepare-brand>img,body[data-iw-tunnel-final="v47"] .card-header .brand>img,body[data-iw-tunnel-final="v47"] .topbar .iw-tunnel-brand__logo,body[data-iw-tunnel-final="v47"] section.card>.brand .iw-tunnel-brand__logo,body[data-iw-tunnel-final="v47"] header.brand .brand__logo{width:150px!important;max-width:46vw!important}}