/* Projet Audition — phase 3: refined, accessible, responsive configuration workspace */
:root{--v8-ink:#092c43;--v8-text:#526e7a;--v8-teal:#087c84;--v8-mint:#e8f7f3;--v8-border:#e0ebea;--v8-ease:cubic-bezier(.2,.8,.2,1)}
.v8-ico{display:inline-flex;flex:none}.v8-eyebrow,.v8-kicker{color:#087c84;letter-spacing:.145em;font-weight:800;font-size:11px;line-height:1.5}.v8-kicker{font-size:10px}.v8-quick{background:#eaf7f4;border-top:1px solid #d8ece8;border-bottom:1px solid #d8ece8}.v8-quick-inner{display:flex;align-items:center;gap:22px;padding:24px 0}.v8-quick-icon{width:58px;height:58px;background:#fff;color:var(--v8-teal);border:1px solid #d7ebe7;border-radius:17px;display:grid;place-items:center;flex:none;box-shadow:0 11px 25px #17444e0a}.v8-quick-inner>div:nth-child(2){flex:1}.v8-quick-inner h2{font-size:clamp(22px,2.4vw,31px);margin:5px 0 3px}.v8-quick-inner p{font-size:14px}.v8-action,.v8-next{display:inline-flex;gap:12px;align-items:center;justify-content:center;background:linear-gradient(125deg,#092e47,#07515f);border:1px solid transparent;color:white;border-radius:13px;padding:15px 21px;font-size:13px;font-weight:800;box-shadow:0 12px 26px #092b4220;cursor:pointer;transition:transform .2s var(--v8-ease),box-shadow .2s var(--v8-ease);white-space:nowrap}.v8-action:hover,.v8-next:hover{transform:translateY(-2px);box-shadow:0 16px 29px #092b4230}.v8-hero-link{display:inline-flex;gap:9px;align-items:center;color:#087c84;font-weight:800;font-size:13px;padding:10px 0}.v8-hero-link svg{transition:transform .2s}.v8-hero-link:hover svg{transform:translateX(4px)}.v8-footer-shortcuts{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:9px 0}.v8-footer-shortcuts a{display:inline-flex;font-size:12px;opacity:.95;color:#d9f9f0;border:1px solid #ffffff27;border-radius:12px;padding:10px}.v8-footer-shortcuts a:hover{background:#ffffff14}
/* Intro: editorial with dimensional document mockup */
.v8-intro{background:radial-gradient(circle at 79% 15%,#e2f9f1 0%,transparent 38%),linear-gradient(120deg,#fff 0%,#f1faf7 95%);padding:78px 0 94px;overflow:hidden}.v8-intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}.v8-intro-copy{max-width:650px}.v8-intro-copy h1,.v8-impact-hero h1{font-size:clamp(45px,5.1vw,77px);line-height:1.07;margin:23px 0 24px;letter-spacing:-.065em}.v8-intro-copy p,.v8-impact-hero-grid>div:first-child p{font-size:18px;line-height:1.78;max-width:580px}.v8-intro-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.v8-intro-badges span{display:inline-flex;gap:9px;align-items:center;background:#fff9;border:1px solid #d8ece8;border-radius:11px;color:#285869;font-size:12px;padding:10px 12px;font-weight:700}.v8-intro-badges svg{color:#087c84}.v8-intro-art{min-height:340px;position:relative;display:grid;place-items:center}.v8-art-sheet{background:#fff;box-shadow:0 38px 85px #123c4a21;border:1px solid #ddebea;border-radius:17px}.v8-art-sheet.sheet-a{width:73%;min-height:325px;position:relative;z-index:2;padding:33px 35px;transform:rotate(-3deg)}.v8-art-sheet.sheet-a>.v8-signal{width:49px;height:49px;border-radius:13px;display:grid;place-items:center;background:#e7f7f4;color:var(--v8-teal);margin-bottom:17px}.v8-art-sheet.sheet-a>span{font-size:11px;font-weight:800;letter-spacing:.16em;color:#54939a}.v8-art-sheet.sheet-a>b{display:block;font-size:28px;line-height:1.25;margin:14px 0 22px;color:var(--v8-ink);font-family:Manrope,Arial,sans-serif}.v8-art-sheet.sheet-a>b em{color:#087c84;font-family:'Playfair Display',Georgia,serif;font-size:30px}.v8-art-sheet.sheet-a>i{display:block;height:6px;background:#edf4f4;width:73%;margin-bottom:10px;border-radius:9px}.v8-art-sheet.sheet-a>i:nth-of-type(2){width:90%}.v8-art-sheet.sheet-a>i:nth-of-type(3){width:54%}.v8-progress-mini{display:flex;gap:6px;margin-top:30px}.v8-progress-mini u{width:42px;height:4px;border-radius:5px;background:#0a9295}.v8-progress-mini u:nth-child(n+2){background:#d9ece8}.v8-art-sheet.sheet-b{position:absolute;top:18px;right:4px;z-index:1;min-width:184px;padding:18px;transform:rotate(7deg);background:#e6f7f0;color:var(--v8-ink)}.v8-art-sheet.sheet-b span{display:block;color:#5c8f95}.v8-art-sheet.sheet-b b{display:block;font-size:18px}.v8-art-sheet.sheet-b small{color:#67838c}.v8-art-note{position:absolute;z-index:3;right:0;bottom:25px;background:var(--v8-ink);border-radius:13px;box-shadow:0 20px 30px #08333d28;color:#fff;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;padding:14px 19px;transform:rotate(3deg)}.v8-art-note svg{color:#8be6d9}
/* Mode selection */
.v8-config-section{padding:75px 0 95px;background:#fff}.v8-mode-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.v8-mode-heading h2{font-size:clamp(32px,3.3vw,45px);margin-top:10px}.v8-mode-heading>p{font-size:14px;max-width:230px}.v8-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}.v8-mode{width:100%;border:1px solid #dfeceb;background:#fafdfc;text-align:left;padding:23px;display:flex;align-items:center;gap:17px;border-radius:19px;cursor:pointer;transition:all .2s var(--v8-ease)}.v8-mode:hover{border-color:#90c9c5;background:#f3faf8}.v8-mode.active{background:#eaf8f3;border-color:#8ccdc3;box-shadow:0 10px 35px #147d7110}.v8-mode-icon{background:#fff;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;flex:none;color:#087c84}.v8-mode strong{font-weight:800;color:var(--v8-ink);font-size:18px;display:block}.v8-mode small{font-size:12px;color:#637d88;line-height:1.5;margin-top:5px;display:block}.v8-mode-arrow{margin-left:auto;color:#0b7782}.v8-config-grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(300px,.87fr);gap:25px;align-items:start}.v8-config-main{border:1px solid #e0eae8;border-radius:24px;background:#fff;box-shadow:0 12px 45px #123d4b0c;overflow:hidden}.v8-stepper{display:flex;justify-content:space-between;gap:10px;background:#f6faf9;padding:20px 34px;border-bottom:1px solid #e5efec}.v8-stepper>div{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#8a9aa3}.v8-stepper>div span{width:30px;height:30px;border:1px solid #dbeae8;color:#7d929d;border-radius:99px;display:grid;place-items:center;background:white;font-size:10px}.v8-stepper>div.current{color:#0b7880}.v8-stepper>div.current span{background:#087c84;color:white;border-color:#087c84}.v8-stepper>div.complete{color:#285f60}.v8-stepper>div.complete span{background:#e0f5ed;color:#087c84;border-color:#a9dad1}#v8-config-form{padding:32px 37px 20px}.v8-step-heading{margin-bottom:26px}.v8-step-heading h3{font-size:clamp(26px,2.5vw,36px);margin:10px 0 11px}.v8-step-heading p{font-size:14px;max-width:630px}.v8-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.v8-fields label,.v8-full-label{display:block}.v8-fields label>span,.v8-full-label>span,.v8-label{display:block;color:#204657;font-weight:800;font-size:12px;margin-bottom:9px}.v8-fields label>span b{color:#c07762}.v8-fields input,.v8-fields select,.v8-full-label textarea{display:block;width:100%;border:1px solid #d7e6e5;color:#15394a;background:#fbfdfd;border-radius:12px;padding:14px 15px;min-height:51px;font-size:14px;transition:border .2s,box-shadow .2s}.v8-fields input:focus,.v8-fields select:focus,.v8-full-label textarea:focus,.v8-search input:focus{outline:2px solid #0b879a32;outline-offset:1px;border-color:#1b999e}.v8-fields input.v8-invalid{border-color:#c85854;background:#fff7f5}.v8-full-label textarea{resize:vertical;min-height:110px}.v8-option-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.v8-option-row button{border:1px solid #dbe9e6;background:#fff;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:700;color:#4a6975;transition:.2s}.v8-option-row button:hover{border-color:#9dcac4}.v8-option-row button.selected{border-color:#167e83;background:#e4f6f0;color:#07545b}.v8-option-row button:focus-visible,.v8-next:focus-visible,.v8-back:focus-visible,.v8-mode:focus-visible,.v8-workshop:focus-within,.v8-service:focus-within{outline:3px solid #198c9c77;outline-offset:2px}.v8-hint{font-size:14px;margin-bottom:20px}.v8-soft-note{display:flex;align-items:flex-start;gap:10px;background:#f1f9f8;color:#376972;border:1px solid #dcece9;padding:14px 17px;border-radius:12px;font-size:12px;line-height:1.6;margin-top:18px}.v8-soft-note svg{flex:none;margin-top:1px}.v8-workshop-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:21px 0 12px}.v8-workshop-tools .v8-label{margin:0}.v8-count{display:inline-block;margin-left:5px;color:#087c84;background:#e9f7f3;padding:4px 8px;border-radius:9px;font-size:10px}.v8-search{display:flex;gap:7px;align-items:center;border:1px solid #d7e6e4;border-radius:12px;padding:10px;background:#fff;color:#0b858d;flex:none}.v8-search input{border:0;background:transparent;outline:0;width:150px;font-size:12px}.v8-workshop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:395px;overflow:auto;padding:3px}.v8-workshop{display:flex;align-items:center;gap:12px;border-radius:12px;border:1px solid #e0ebe9;padding:13px;cursor:pointer;transition:.2s;background:#fff;position:relative}.v8-workshop:hover,.v8-workshop:has(input:checked){background:#eff9f6;border-color:#9bcec4}.v8-workshop input,.v8-service input{position:absolute;width:1px;height:1px;opacity:0}.v8-checkmark{width:26px;height:26px;flex:none;border-radius:8px;border:1px solid #cfe0db;background:#fff;color:transparent;display:grid;place-items:center}.v8-workshop:has(input:checked) .v8-checkmark{background:#087c84;color:white;border-color:#087c84}.v8-workshop-name{display:flex;flex-direction:column;font-size:13px;color:#163e4d;font-weight:800;line-height:1.35}.v8-workshop-name small{font-size:10px;color:#77919a;margin-top:4px;font-weight:600}.v8-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v8-service{position:relative;display:flex;flex-direction:column;border:1px solid #dfebe9;border-radius:16px;padding:20px;min-height:180px;cursor:pointer;transition:.2s;background:white}.v8-service:hover,.v8-service:has(input:checked){border-color:#87c7be;background:#f0faf6}.v8-service-icon{display:grid;place-items:center;color:#087c84;background:#e8f7f3;border-radius:11px;width:44px;height:44px;margin-bottom:15px}.v8-service strong{font-size:14px;color:#14364b;margin-right:12px}.v8-service small{font-size:11px;color:#66828d;line-height:1.45;margin-top:7px}.v8-service-select{position:absolute;right:16px;top:18px;border:1px solid #daeae6;background:#fff;color:transparent;border-radius:50%;height:24px;width:24px;display:grid;place-items:center}.v8-service:has(input:checked) .v8-service-select{background:#087c84;color:white;border-color:#087c84}.v8-form-footer{margin-top:30px;padding-top:22px;border-top:1px solid #edf1f0;display:flex;gap:12px;align-items:center;justify-content:space-between}.v8-next{padding:13px 20px;font-size:12px;margin-left:auto}.v8-back{display:inline-flex;gap:10px;align-items:center;border:1px solid #d6e6e1;background:#fff;border-radius:11px;padding:12px 17px;font-size:12px;color:#27566b;font-weight:800;cursor:pointer}.v8-back svg{transform:rotate(180deg)}.v8-step-caption{font-size:11px;font-weight:700;color:#8397a0}.v8-privacy{display:flex;align-items:center;gap:10px;margin-top:20px;color:#497983;font-size:12px}
/* Report live visual summary */
.v8-preview{position:sticky;top:116px;background:#eaf6f2;border:1px solid #d6eae4;border-radius:23px;padding:23px;box-shadow:0 16px 48px #123e480b}.v8-preview-header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:16px}.v8-preview-header>span:first-child{font-size:10px;font-weight:900;letter-spacing:.13em;color:#53878b}.v8-status-dot{display:flex;gap:8px;align-items:center;font-size:10px;color:#278377;background:#d8f1e8;padding:7px 11px;border-radius:30px;font-weight:800}.v8-status-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:#12a58f}.v8-preview-paper{background:white;border:1px solid #e4eae7;border-radius:9px;padding:28px 25px 23px;box-shadow:0 14px 35px #17465016;min-height:444px;overflow:hidden;position:relative}.v8-preview-paper-head{display:flex;align-items:center;gap:9px;color:#0f4055;font-size:12px;line-height:1;font-weight:900;letter-spacing:-.02em}.v8-preview-paper-head svg{color:#087c84}.v8-preview-paper-head small{letter-spacing:.11em;font-size:9px;color:#399b9f}.v8-preview-line{height:1px;background:#e8efed;margin:19px 0 24px}.v8-preview-overline{color:#168a8e;font-size:9px;letter-spacing:.16em;font-weight:900}.v8-preview-paper h3{font-size:clamp(20px,2vw,27px);margin:9px 0 13px;line-height:1.18}.v8-preview-paper p{font-size:11px;line-height:1.58;margin-bottom:23px}.v8-preview-detail{display:flex;justify-content:space-between;border-top:1px solid #edf1f0;padding:11px 0;gap:12px;align-items:baseline}.v8-preview-detail span{font-size:9px;font-weight:800;color:#8296a0;letter-spacing:.05em}.v8-preview-detail b{max-width:63%;font-size:10px;text-align:right;color:#254b5d;overflow-wrap:anywhere}.v8-preview-foot{font-size:9px;line-height:1.4;color:#8b9ca1;letter-spacing:.06em;margin-top:25px}.v8-graphic-wave{display:flex;align-items:center;gap:6px;height:34px;justify-content:center;margin-top:22px}.v8-graphic-wave span{width:3px;background:#86cebf;height:15px;border-radius:3px}.v8-graphic-wave span:nth-child(2),.v8-graphic-wave span:nth-child(9){height:23px}.v8-graphic-wave span:nth-child(3),.v8-graphic-wave span:nth-child(8){height:29px}.v8-graphic-wave span:nth-child(4),.v8-graphic-wave span:nth-child(7){height:12px}.v8-graphic-wave span:nth-child(5),.v8-graphic-wave span:nth-child(6){height:32px}.v8-preview-actions{padding-top:19px}.v8-preview-actions button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:15px 10px;cursor:pointer;font-size:12px;font-weight:800}.v8-download{background:#092d45;color:white;border:1px solid #092d45;box-shadow:0 12px 24px #092d4526}.v8-send{background:#fff;color:#176878;border:1px solid #cae3dc;margin-top:10px}.v8-download:hover,.v8-send:hover{filter:brightness(.97)}#v8-feedback{color:#47727b;font-size:12px;line-height:1.55;margin-top:12px}#v8-feedback:empty{display:none}.v8-trust{background:#f2f8f6;border-top:1px solid #e1eeec;padding:48px 0}.v8-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.v8-trust-row>div{display:grid;grid-template-columns:48px 1fr;gap:0 14px;align-items:start}.v8-trust-icon{grid-row:1/3;background:#fff;border-radius:14px;display:grid;place-items:center;color:#138892;width:47px;height:47px}.v8-trust-row b{font-size:14px;color:#123a50}.v8-trust-row p{font-size:12px;line-height:1.6;margin-top:4px}
/* Impact public layout */
.v8-impact-hero{padding:100px 0;background:radial-gradient(circle at 78% 10%,#e3f9f3,transparent 45%),#fbfdfc}.v8-impact-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}.v8-impact-hero-grid .v8-action{margin-top:30px}.v8-impact-visual{background:#fff;border:1px solid #d5e9e4;box-shadow:0 22px 70px #102c3c16;padding:30px;border-radius:25px;transform:rotate(2deg)}.v8-impact-top{display:flex;justify-content:space-between;gap:10px;font-weight:800;font-size:10px;color:#0e5360;letter-spacing:.1em}.v8-impact-top span{color:#96aab0;font-size:8px}.v8-impact-bars{border-radius:16px;background:linear-gradient(#f4fbf9 50%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 42px,#e4f0ed 43px 44px);display:flex;gap:15px;align-items:end;justify-content:center;height:230px;margin-top:25px;padding:25px}.v8-impact-bars i{width:39px;background:linear-gradient(180deg,#44bfaf,#0b7281);border-radius:8px 8px 0 0;opacity:.82}.v8-impact-bars i:nth-child(2n){background:linear-gradient(180deg,#beeae0,#49aa9b)}.v8-impact-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#64838c;margin-top:14px}.v8-impact-bottom b{color:#0d6975}.v8-impact-metrics{background:#f2f9f6;padding:82px 0}.v8-impact-heading h2{margin:12px 0}.v8-impact-heading p{max-width:690px}.v8-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.v8-metrics-grid article{background:#fff;border:1px solid #dfede9;border-radius:18px;padding:27px;box-shadow:0 12px 33px #103d480a}.v8-metrics-grid article>span{color:#067f88;background:#e6f7f2;display:grid;place-items:center;width:48px;height:48px;border-radius:13px}.v8-metrics-grid b{display:block;margin-top:23px;color:#1c4354;font-size:13px}.v8-metrics-grid strong{font-size:19px;display:block;margin:10px 0;color:#087c84}.v8-metrics-grid p{font-size:12px}.v8-impact-two{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.v8-impact-two h2{margin:14px 0 20px}.v8-impact-two p{max-width:540px}.v8-inline-link{display:inline-flex;align-items:center;gap:11px;color:#067b80;font-size:13px;font-weight:800;margin-top:22px}.v8-report-shot{background:#fff;border:1px solid #dce9e6;box-shadow:0 14px 42px #143f4b0d;border-radius:14px;padding:37px;max-width:470px;margin:auto;width:100%;position:relative}.v8-report-head{color:#0b9393;font-size:11px;font-weight:800;letter-spacing:.14em;border-bottom:2px solid #e2efea;padding-bottom:21px}.v8-report-title{font-size:32px;font-weight:800;line-height:1.18;color:#0c3145;margin-top:36px}.v8-report-pill{display:inline-block;background:#e7f7f2;padding:8px 14px;color:#0b8b90;border-radius:30px;margin-top:24px;font-size:12px}.v8-report-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:33px}.v8-report-stat-grid span{background:#eff9f6;padding:13px;border-radius:9px;font-size:9px;line-height:2;color:#36707b}.v8-report-stat-grid b{font-size:23px;color:#076878}.v8-report-foot{font-size:11px;color:#94a6aa;margin-top:30px}.v8-impact-panel{border-radius:26px;padding:48px;background:linear-gradient(120deg,#0b3049,#0b5962);color:#fff}.v8-impact-panel svg{color:#9be7dc}.v8-impact-panel h3{color:white;margin:25px 0 14px;font-size:28px}.v8-impact-panel p{color:#c7e2e6}.v8-subtle-cards{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.v8-subtle-cards span{border:1px solid #ffffff25;color:#e7f5f4;border-radius:10px;padding:10px;font-size:11px}
@media(max-width:1130px){.v8-intro-grid,.v8-impact-hero-grid{gap:30px}.v8-config-grid{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr)}}
@media(max-width:900px){.v8-intro{padding:65px 0}.v8-intro-grid,.v8-impact-hero-grid{grid-template-columns:1fr}.v8-intro-art{min-height:305px;max-width:450px;width:100%;margin:0 auto}.v8-modes{gap:12px}.v8-mode{padding:15px;gap:10px}.v8-mode strong{font-size:15px}.v8-mode small{font-size:11px}.v8-mode-icon{width:46px;height:46px}.v8-config-grid{grid-template-columns:1fr}.v8-preview{position:static;display:grid;grid-template-columns:.8fr 1fr;gap:22px}.v8-preview-header{grid-column:1/-1;margin-bottom:0}.v8-preview-actions{align-self:center;padding:0}.v8-impact-two{gap:35px}.v8-metrics-grid{grid-template-columns:repeat(2,1fr)}.v8-quick-inner{flex-wrap:wrap}.v8-quick-inner .v8-action{margin-left:80px}.v8-footer-shortcuts{grid-column:1/-1}}
@media(max-width:590px){.v8-quick-inner{gap:12px;padding:19px 0}.v8-quick-icon{width:44px;height:44px}.v8-quick-inner h2{font-size:20px}.v8-quick-inner p{font-size:12px}.v8-quick-inner .v8-action{margin:0;width:100%}.v8-intro{padding:46px 0 35px}.v8-intro-copy h1,.v8-impact-hero h1{font-size:clamp(38px,10vw,48px);margin:15px 0}.v8-intro-copy p{font-size:15px}.v8-intro-badges{margin-top:21px}.v8-intro-badges span{font-size:11px}.v8-intro-art{min-height:235px;max-width:325px}.v8-art-sheet.sheet-a{padding:19px;min-height:214px}.v8-art-sheet.sheet-a>.v8-signal{width:36px;height:36px;margin-bottom:8px}.v8-art-sheet.sheet-a>span{font-size:8px}.v8-art-sheet.sheet-a>b{font-size:20px;margin:9px 0}.v8-art-sheet.sheet-a>b em{font-size:21px}.v8-art-sheet.sheet-b{min-width:116px}.v8-art-note{right:0;bottom:10px;font-size:10px;padding:9px}.v8-progress-mini{margin-top:18px}.v8-config-section{padding:41px 0 50px}.v8-mode-heading{display:block}.v8-mode-heading h2{font-size:31px}.v8-mode-heading>p{margin-top:10px}.v8-modes{grid-template-columns:1fr;margin-bottom:16px;gap:9px}.v8-mode{padding:15px}.v8-stepper{padding:15px 12px;gap:5px}.v8-stepper>div{font-size:10px;gap:5px}.v8-stepper>div span{height:24px;width:24px;font-size:9px}#v8-config-form{padding:22px 18px}.v8-step-heading h3{font-size:28px}.v8-fields{grid-template-columns:1fr;gap:13px}.v8-workshop-grid,.v8-service-grid{grid-template-columns:1fr}.v8-workshop-tools{align-items:stretch;flex-direction:column;gap:12px}.v8-search{width:100%}.v8-search input{flex:1;width:100%}.v8-form-footer{gap:8px;flex-wrap:wrap}.v8-next{padding:13px}.v8-preview{display:block;padding:15px}.v8-preview-header{margin-bottom:16px}.v8-preview-paper{min-height:400px}.v8-preview-actions{margin-top:17px}.v8-trust{padding:28px 0}.v8-trust-row{grid-template-columns:1fr;gap:19px}.v8-impact-hero{padding:53px 0}.v8-impact-metrics{padding:50px 0}.v8-metrics-grid{grid-template-columns:1fr}.v8-impact-two{grid-template-columns:1fr}.v8-impact-panel{padding:26px}.v8-impact-bars i{width:25px}.v8-report-shot{padding:25px}}
@media(prefers-reduced-motion:reduce){.v8-mode,.v8-option-row button,.v8-action,.v8-next,.v8-hero-link svg{transition:none!important}}
/* Reliable CTA contrast and hidden-state behavior */
.site-header .btn.nav-cta{background:linear-gradient(115deg,#092c43,#075b64)!important;color:#fff!important;border:1px solid #0e5464!important;box-shadow:0 9px 22px rgba(8,50,67,.15)}
.site-header .mobile-toggle{background:#edf8f5!important;border:1px solid #d9eae6!important}
.site-header .mobile-toggle span{background:#0b5363!important;height:2px!important;display:block!important;width:19px!important;border-radius:3px!important}
.v8-back[hidden],.v8-next[hidden],.v8-mode-fields[hidden],.v8-step[hidden],.v8-workshop[hidden]{display:none!important}
.footer-grid .v8-footer-shortcuts{grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-start;gap:10px}
.footer-grid .v8-footer-shortcuts a{display:inline-flex}

/* H:30 cross-audit — prevent intrinsic grid min-content overflow on 320px phones (impact.html). */
@media(max-width:590px){
 .v8-impact-hero-grid,.v8-impact-two{grid-template-columns:minmax(0,1fr)}
 .v8-impact-hero-grid>*,.v8-impact-two>*{min-width:0}
 .v8-impact-visual{max-width:100%}
}

/* Anti-bot honeypot: absent from visual and keyboard navigation. */
.ga-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;pointer-events:none!important}

/* H1420: keyboard focus is visible when moving between configurator steps. */
.v8-step-heading h3:focus-visible{outline:3px solid #087c84;outline-offset:5px;border-radius:4px}

/* H1620: avoid horizontal scrolling from long e-mail addresses on 320px screens. */
@media (max-width:390px){a{overflow-wrap:anywhere}}