:root{
  --black:#020405;--ink:#071013;--panel:#0b1519;--panel2:#111d21;
  --white:#f3f2ed;--muted:#86959b;--line:rgba(255,255,255,.13);
  --yellow:#f6b800;--yellow2:#ffd34e;--red:#d71900;--green:#5de4a4;
  --blue:#0b2731;--max:1320px;--radius:30px;--ease:cubic-bezier(.22,.8,.22,1)
}

/* Approved product refinements — notes 2026-07-29. */
.scroll-cue i{flex:0 0 48px;aspect-ratio:1}
body[data-experience="diagnostic"] .journey-conclusion strong em{color:var(--yellow);font-style:normal}
body[data-experience="diagnostic"] .priority-result dt{color:#fff}
body[data-experience="diagnostic"] .priority-result dl>div+div{margin-top:14px}
.priority-focus-editor{margin-top:24px;padding:18px;border:1px solid #34312c;border-radius:16px;background:#090909}
.priority-focus-editor[hidden]{display:none}
.priority-focus-editor label{display:block;margin-bottom:10px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.priority-focus-editor textarea{width:100%;min-height:92px;padding:14px;border:1px solid #3b3833;border-radius:12px;background:#050505;color:#f5f2ed;font:inherit;resize:vertical}
.priority-focus-editor>div{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.priority-confirm-row{flex-wrap:wrap}
.schedule-reference{margin-top:28px;padding-top:24px;border-top:1px solid #302d29}
.schedule-reference>span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.14em}
.schedule-reference>p{color:#8f8981;font-size:12px;line-height:1.55}
.schedule-reference>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.schedule-reference input{width:100%;min-width:0;padding:14px 16px;border:1px solid #35322e;border-radius:14px;background:#050505;color:#b9b3ab}
.schedule-reference small{display:block;min-height:1.4em;margin-top:8px;color:var(--green);font-size:10px}
@media (max-width:640px){
  .priority-focus-editor>div{align-items:stretch;flex-direction:column}
  .schedule-reference>div{grid-template-columns:1fr}
  .priority-focus-editor>div .cta,.schedule-reference .cta{width:100%}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:
  radial-gradient(circle at 10% 0%,rgba(11,39,49,.28),transparent 30%),
  radial-gradient(circle at 90% 35%,rgba(246,184,0,.025),transparent 24%),
  var(--black);color:var(--white);font-family:"Onest",system-ui,-apple-system,sans-serif;overflow-x:hidden}
a{color:inherit}.scroll-progress{position:fixed;z-index:200;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.04)}
.scroll-progress i{display:block;height:100%;width:0;background:var(--yellow);box-shadow:0 0 18px rgba(246,184,0,.55)}
.topbar{position:fixed;z-index:150;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 36px),var(--max));height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);background:rgba(3,7,9,.58);backdrop-filter:blur(18px);border-radius:18px}
.logo{width:116px;height:auto}.topbar-meta{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.16em;color:#6f7d82}.topbar-meta b{color:#d9dfdf;font-weight:600}
main{padding:94px 18px 20px}.chapter{position:relative;width:min(100%,var(--max));margin:0 auto 22px;min-height:min(900px,calc(100svh - 118px));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);overflow:hidden;background:#060a0c;isolation:isolate;box-shadow:0 36px 100px rgba(0,0,0,.22)}
.chapter-content{position:relative;z-index:5;width:100%;min-height:inherit;padding:clamp(72px,8vw,118px);display:flex;flex-direction:column;justify-content:center}
.eyebrow{display:block;color:var(--yellow);font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:30px;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.06em;line-height:.94}h1,h2{font-weight:800}h3{font-weight:500}
h2{font-size:clamp(48px,6.4vw,98px);margin-bottom:28px}em{font-style:normal;color:var(--yellow)}
.reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}

/* HERO */
.hero-card{min-height:calc(100svh - 116px)}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 46%,rgba(0,0,0,.26) 76%,rgba(0,0,0,.38) 100%),linear-gradient(0deg,rgba(0,0,0,.84),transparent 55%)}
.signal-field{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.hero-content{justify-content:flex-end;padding-bottom:70px}.hero-title{font-size:clamp(58px,8vw,124px);max-width:1000px;margin:0 0 30px}.hero-copy{max-width:690px;color:#b3bdc0;font-size:clamp(16px,1.5vw,21px);line-height:1.55;margin-bottom:42px}
.hero-findings{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:12px}.hero-findings article{padding:17px 18px;border:1px solid rgba(255,255,255,.15);background:rgba(6,13,16,.66);backdrop-filter:blur(14px);border-radius:16px}.hero-findings strong{display:block;color:var(--yellow);font-size:34px;line-height:1}.hero-findings span{display:block;color:#9eaaae;font-size:11px;margin-top:8px}.scroll-cue{position:absolute;right:clamp(32px,6vw,88px);bottom:64px;display:flex;align-items:center;gap:14px;text-decoration:none;color:#dfe5e6;font-size:9px;letter-spacing:.16em}.scroll-cue i{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-style:normal;animation:cue 1.8s infinite}@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* HEAD */
.chapter-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);gap:70px;align-items:end;margin-bottom:80px}.chapter-head h2{margin:0}.chapter-head p{color:#7f9096;font-size:17px;line-height:1.6;margin:0 0 6px}

/* JOURNEY */
.journey-card{background:radial-gradient(circle at 80% 5%,rgba(11,39,49,.42),transparent 34%),#05090b}.journey-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:70px 0 18px}.journey-line{position:absolute;left:8%;right:8%;top:92px;height:2px;background:#26363c}.journey-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--yellow),var(--red));transition:width 2s var(--ease)}.journey-line b{position:absolute;top:50%;left:0;width:10px;height:10px;border-radius:50%;background:var(--yellow);box-shadow:0 0 18px rgba(246,184,0,.8);transform:translate(-50%,-50%);transition:left 2s var(--ease)}
.journey-track.is-active .journey-line i{width:63%}.journey-track.is-active .journey-line b{left:63%}.journey-step{position:relative;padding:56px 20px 22px;border:1px solid #1b2a30;background:linear-gradient(180deg,rgba(17,29,33,.95),rgba(7,14,17,.96));border-radius:18px;min-height:220px}.journey-step .step-dot{position:absolute;top:16px;left:20px;width:15px;height:15px;border-radius:50%;background:#39484e;border:4px solid #0a1215;box-shadow:0 0 0 1px #42535a}.journey-step .step-index{position:absolute;top:17px;right:18px;color:#65747a;font-size:9px;letter-spacing:.16em}.journey-step h3{font-size:25px;margin:0 0 10px}.journey-step p{font-size:13px;color:#91a0a5;line-height:1.45}.journey-step small{position:absolute;left:20px;bottom:18px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.journey-step.is-ok .step-dot{background:var(--green);box-shadow:0 0 0 1px #2e7a5b,0 0 22px rgba(93,228,164,.3)}.journey-step.is-ok small{color:var(--green)}.journey-step.is-risk .step-dot{background:var(--yellow);box-shadow:0 0 0 1px #7b6517,0 0 22px rgba(246,184,0,.3)}.journey-step.is-risk small{color:var(--yellow)}.journey-step.is-critical{border-color:rgba(215,25,0,.58);box-shadow:0 0 0 1px rgba(215,25,0,.1),0 22px 50px rgba(215,25,0,.08)}.journey-step.is-critical .step-dot{background:var(--red);box-shadow:0 0 0 1px #7e251a,0 0 26px rgba(215,25,0,.4)}.journey-step.is-critical small{color:#ff7665}.journey-step.is-unknown small{color:#6f7e84}.journey-legend{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;color:#6f7f84;font-size:10px}.journey-legend span{display:flex;align-items:center;gap:8px}.journey-legend i{width:7px;height:7px;border-radius:50%;background:#5c6a6f}.journey-legend .ok{background:var(--green)}.journey-legend .risk{background:var(--yellow)}.journey-legend .critical{background:var(--red)}
.journey-pulse{display:none}

/* EVIDENCE */
.evidence-card{background:linear-gradient(135deg,#061014,#020405 62%)}.evidence-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:80px;align-items:center}.evidence-copy h2{font-size:clamp(48px,5.4vw,82px)}.evidence-copy>p{color:#819197;max-width:560px;font-size:17px;line-height:1.65}.evidence-note{display:flex;gap:14px;max-width:560px;padding:18px 20px;margin-top:32px;border:1px solid #1e3036;background:#081216;border-radius:14px;color:#728289;font-size:11px;line-height:1.5}.evidence-note i{flex:0 0 auto;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--yellow);box-shadow:0 0 16px rgba(246,184,0,.5)}
.event-stage{perspective:1300px}.event-phone{position:relative;max-width:650px;margin-left:auto;padding:22px;border:1px solid #26383e;border-radius:30px;background:linear-gradient(160deg,#111d21,#050a0d);box-shadow:0 45px 100px rgba(0,0,0,.45);transform:rotateY(-4deg) rotateX(1deg)}.phone-top{height:48px;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;border-bottom:1px solid #1d2c31;color:#dbe1e2;font-size:12px;text-align:center}.phone-top span{width:9px;height:9px;border-radius:50%;background:var(--green)}.phone-top i{width:6px;height:6px;border-radius:50%;background:#6a7a80;justify-self:end}.message{max-width:82%;padding:14px 16px;margin:16px 0;border-radius:18px;font-size:13px;line-height:1.45}.message small{display:block;font-size:9px;color:#6c7b81;margin-bottom:5px}.message p{margin:0}.message.incoming{background:#18272d;border-bottom-left-radius:5px}.message.system{margin-left:auto;text-align:right;background:#0b171b;border:1px dashed #293c43;color:#96a5a9}.message.system span{display:block;margin-top:5px;color:#e37d70;font-size:10px}.message.outgoing{margin-left:auto;background:var(--yellow);color:#111;border-bottom-right-radius:5px}.message.outgoing small{color:#5d4a00}.message.status{margin-left:auto;background:transparent;border:1px solid #26373d;color:#7f8d92}.waiting-window{position:relative;overflow:hidden;padding:28px 16px;margin:28px 0;border-top:1px solid #24353b;border-bottom:1px solid #24353b;text-align:center}.waiting-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(215,25,0,.16),transparent 62%);opacity:.8}.waiting-window span,.waiting-window strong,.waiting-window small{position:relative;display:block}.waiting-window span{color:#e56d5e;font-size:9px;letter-spacing:.18em}.waiting-window strong{font-size:clamp(62px,8vw,104px);line-height:1;color:#fff;letter-spacing:-.07em;margin:12px 0}.waiting-window small{color:#64747a;font-size:9px;letter-spacing:.15em}

/* REVELATION */
.reveal-card{min-height:calc(100svh - 118px);background:radial-gradient(circle at 50% 50%,rgba(11,39,49,.6),transparent 40%),#020405}.reveal-content{max-width:1120px;margin:auto;text-align:center;align-items:center}.reveal-content h2{font-size:clamp(58px,8vw,120px);margin:0}.reveal-content h2 span{color:#4c5b60}.reveal-content h3{font-size:clamp(40px,5.5vw,78px);max-width:1040px;margin:0}.reveal-content>p{max-width:760px;color:#84949a;line-height:1.65;font-size:18px;margin:36px auto 0}.reveal-divider{position:relative;width:min(620px,72%);height:2px;margin:54px auto;background:#24353b}.reveal-divider i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--yellow);transition:width 1.6s var(--ease)}.reveal-divider b{position:absolute;left:0;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:var(--yellow);box-shadow:0 0 50px rgba(246,184,0,.75);transition:left 1.6s var(--ease)}.reveal-card.is-active .reveal-divider i{width:67%}.reveal-card.is-active .reveal-divider b{left:67%}.reveal-orbit{position:absolute;left:50%;top:50%;width:min(75vw,880px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.25}.reveal-orbit i{position:absolute;inset:0;border:1px solid #183039;border-radius:50%;animation:orbit 22s linear infinite}.reveal-orbit i:nth-child(2){inset:13%;animation-direction:reverse;animation-duration:28s}.reveal-orbit i:nth-child(3){inset:28%;animation-duration:18s}.reveal-orbit i:after{content:"";position:absolute;top:15%;left:11%;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 24px rgba(246,184,0,.8)}@keyframes orbit{to{transform:rotate(360deg)}}

/* IMPACT */
.impact-card{background:radial-gradient(circle at 15% 15%,rgba(11,39,49,.52),transparent 36%),#04080a}.impact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:80px;align-items:center}.impact-copy>p{max-width:620px;color:#829299;line-height:1.6;font-size:17px}.impact-result{margin-top:54px;padding-top:26px;border-top:1px solid #25353b}.impact-result span{display:block;color:#7c8b90;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.impact-result strong{display:block;color:var(--yellow);font-size:clamp(60px,7vw,108px);letter-spacing:-.07em;margin:12px 0}.impact-result small{color:#9aa7ab;font-size:14px}.impact-controls{padding:34px;border:1px solid #22343a;background:linear-gradient(160deg,rgba(17,29,33,.95),rgba(6,12,15,.98));border-radius:24px;box-shadow:0 34px 100px rgba(0,0,0,.35)}.impact-controls label{display:block;padding:18px 0;border-bottom:1px solid #213137}.impact-controls label>span{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px;color:#9aa8ac;font-size:12px}.impact-controls label b{font-weight:500}.impact-controls output{color:#fff;font-weight:700}.impact-controls input[type=range]{width:100%;accent-color:var(--yellow)}.impact-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.impact-breakdown article{padding:18px;background:#071013;border:1px solid #1b2b31;border-radius:14px}.impact-breakdown span{display:block;color:#75858b;font-size:10px}.impact-breakdown strong{display:block;color:#fff;font-size:28px;margin:8px 0 2px}.impact-breakdown small{color:#64747a;font-size:10px}.disclaimer{color:#607178;font-size:10px;line-height:1.55;margin:22px 0 0}

/* FUTURE */
.future-card{background:linear-gradient(180deg,#f0eee8,#dcdcd5);color:#071013}.future-card .eyebrow{color:#9b7400}.future-card .chapter-head p{color:#57656a}.before-after{display:grid;grid-template-columns:1fr 100px 1fr;gap:24px;align-items:stretch}.state-column{padding:34px;border-radius:22px}.state-column.before{background:#11191c;color:#f3f2ed}.state-column.after{background:#fff;border:1px solid #c6c8c3}.state-label{display:block;font-size:10px;letter-spacing:.16em;color:#7b898e;margin-bottom:28px}.after .state-label{color:#987300}.state-column ol{list-style:none;padding:0;margin:0}.state-column li{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}.after li{border-bottom-color:#dfe1dc}.state-column li:last-child{border-bottom:0}.state-column li i{width:9px;height:9px;border-radius:50%;background:#58676c}.after li i{background:var(--yellow);box-shadow:0 0 18px rgba(246,184,0,.35)}.transformation{display:grid;place-items:center;position:relative}.transformation span{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,#8e9694,var(--yellow))}.transformation i{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#071013;color:#fff;font-style:normal;font-size:22px;box-shadow:0 0 0 12px rgba(246,184,0,.08)}
.micro-demo{margin-top:28px;padding:26px;border:1px solid #bfc3bd;background:#071013;color:#fff;border-radius:22px}.demo-status{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #1c2c31;color:#74848a;font-size:9px;letter-spacing:.14em}.demo-status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(93,228,164,.6)}.demo-status b{margin-left:auto;color:var(--yellow)}.demo-sequence{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.demo-sequence article{padding:17px;background:#0d181c;border:1px solid #1c2c31;border-radius:14px;opacity:.35;transform:translateY(8px);transition:.5s var(--ease)}.demo-sequence article.is-active{opacity:1;transform:none;border-color:#725c18}.demo-sequence small{display:block;color:var(--yellow);font-size:9px}.demo-sequence strong{display:block;font-size:14px;margin:12px 0 5px}.demo-sequence span{color:#718187;font-size:10px}.demo-progress{height:2px;background:#24353a;margin-top:20px;overflow:hidden}.demo-progress i{display:block;width:0;height:100%;background:var(--yellow);transition:width .7s var(--ease)}

/* RECOMMENDATION */
.recommendation-card{min-height:calc(100svh - 118px)}.recommendation-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.recommendation-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.78) 52%,rgba(0,0,0,.32) 100%),linear-gradient(0deg,rgba(0,0,0,.84),transparent 56%)}.recommendation-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:70px;align-items:center}.recommendation-main h2{font-size:clamp(52px,6.2vw,94px)}.recommendation-main>p{max-width:700px;color:#aab5b8;font-size:18px;line-height:1.6}.recommendation-reasons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:38px}.recommendation-reasons span{padding:15px 16px;border:1px solid rgba(255,255,255,.15);background:rgba(6,13,16,.72);backdrop-filter:blur(12px);border-radius:13px;color:#9caaae;font-size:11px}.scope-card{padding:30px;border:1px solid rgba(255,255,255,.18);background:rgba(6,13,16,.79);backdrop-filter:blur(18px);border-radius:24px}.scope-card>span{color:var(--yellow);font-size:9px;letter-spacing:.18em}.scope-card ul{list-style:none;margin:24px 0 0;padding:0}.scope-card li{position:relative;padding:15px 0 15px 30px;border-bottom:1px solid #1d2d32;color:#d8dfe0;font-size:14px}.scope-card li:last-child{border-bottom:0}.scope-card li:before{content:"✓";position:absolute;left:0;color:var(--yellow);font-weight:700}

/* CLOSE */
.close-card{background:radial-gradient(circle at 50% 25%,rgba(11,39,49,.62),transparent 42%),#020405;min-height:calc(100svh - 118px)}.close-content{max-width:1120px;margin:auto;text-align:center;align-items:center}.close-content h2{font-size:clamp(54px,7vw,106px)}.close-content>p{max-width:780px;color:#91a0a5;font-size:18px;line-height:1.65;margin-bottom:50px}.decision-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.decision-row article{padding:28px;border:1px solid #21343a;background:rgba(8,17,20,.72);border-radius:20px;transition:.35s var(--ease)}.decision-row article:hover{transform:translateY(-4px);border-color:#6d5a1c}.decision-row span{color:var(--yellow);font-size:9px;letter-spacing:.16em}.decision-row h3{font-size:25px;margin:24px 0 10px}.decision-row p{color:#718187;font-size:13px;line-height:1.55;margin:0}.close-mark{display:flex;align-items:center;gap:20px;width:100%;margin-top:50px;color:#6d7c81;font-size:9px;letter-spacing:.2em}.close-mark i{height:1px;background:#26373d;flex:1}
.footer{width:min(calc(100% - 36px),var(--max));margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;color:#59686e;font-size:9px;letter-spacing:.12em}.footer img{width:100px;opacity:.82}

@media (max-width:1000px){
  :root{--radius:24px}.chapter-content{padding:76px 48px}.chapter-head{grid-template-columns:1fr;gap:20px;margin-bottom:54px}.scroll-cue{display:none}
  .journey-track{grid-template-columns:1fr;gap:12px;padding:0}.journey-line{left:27px;right:auto;top:20px;bottom:20px;width:2px;height:auto}.journey-line i{width:100%;height:0;background:linear-gradient(var(--green),var(--yellow),var(--red));transition:height 2s var(--ease)}.journey-track.is-active .journey-line i{width:100%;height:62%}.journey-line b{left:50%;top:0;transition:top 2s var(--ease)}.journey-track.is-active .journey-line b{left:50%;top:62%}.journey-step{padding:24px 20px 24px 62px;min-height:auto}.journey-step .step-dot{left:20px;top:25px}.journey-step .step-index{top:25px}.journey-step small{position:static;display:block;margin-top:14px}.journey-pulse{display:none}
  .evidence-grid,.impact-grid,.recommendation-content{grid-template-columns:1fr;gap:50px}.event-phone{margin:auto;transform:none}.impact-controls{max-width:720px}.recommendation-reasons{max-width:720px}.scope-card{max-width:650px}.before-after{grid-template-columns:1fr}.transformation{height:64px}.transformation span{top:0;bottom:0;left:50%;right:auto;width:1px;height:auto;background:linear-gradient(#8e9694,var(--yellow))}.transformation i{transform:rotate(90deg)}.demo-sequence{grid-template-columns:1fr 1fr}.demo-sequence article:last-child{grid-column:1/-1}
}
@media (max-width:700px){
  main{padding:82px 10px 12px}.topbar{top:10px;width:calc(100% - 20px);height:54px;border-radius:15px}.topbar-meta span{display:none}.topbar-meta{font-size:8px}.logo{width:96px}.chapter{min-height:auto;margin-bottom:12px;border-radius:20px}.chapter-content{min-height:auto;padding:68px 22px}.hero-card{min-height:calc(100svh - 94px)}.hero-content{min-height:calc(100svh - 94px);padding:108px 22px 34px;justify-content:flex-end}.hero-title{font-size:clamp(46px,15vw,70px)}.hero-copy{font-size:15px;margin-bottom:28px}.hero-findings{grid-template-columns:repeat(3,1fr);gap:7px}.hero-findings article{padding:13px 10px;border-radius:12px}.hero-findings strong{font-size:27px}.hero-findings span{font-size:8px;line-height:1.3}.eyebrow{font-size:8px;margin-bottom:22px}h2{font-size:clamp(40px,12vw,62px)}
  .chapter-head{margin-bottom:38px}.chapter-head p{font-size:14px}.journey-legend{gap:12px;font-size:8px}.evidence-copy h2{font-size:clamp(42px,12vw,62px)}.evidence-copy>p,.impact-copy>p,.recommendation-main>p,.close-content>p{font-size:14px}.event-phone{padding:13px;border-radius:22px}.message{font-size:11px}.waiting-window strong{font-size:58px}.reveal-card{min-height:88svh}.reveal-content{padding-top:90px;padding-bottom:90px}.reveal-content h2{font-size:clamp(48px,14vw,72px)}.reveal-content h3{font-size:clamp(34px,10vw,54px)}.reveal-content>p{font-size:14px}.reveal-divider{margin:38px auto}.impact-result strong{font-size:58px}.impact-controls{padding:20px;border-radius:18px}.impact-controls label>span{font-size:10px}.impact-breakdown{grid-template-columns:1fr 1fr}.impact-breakdown strong{font-size:23px}.state-column{padding:23px;border-radius:17px}.state-column li{font-size:13px}.micro-demo{padding:17px}.demo-sequence{grid-template-columns:1fr}.demo-sequence article:last-child{grid-column:auto}.recommendation-card{min-height:auto}.recommendation-content{padding-top:90px;padding-bottom:90px}.recommendation-main h2{font-size:clamp(44px,12vw,62px)}.recommendation-reasons{grid-template-columns:1fr}.scope-card{padding:22px}.close-card{min-height:88svh}.close-content{padding-top:90px;padding-bottom:90px}.close-content h2{font-size:clamp(45px,13vw,68px)}.decision-row{grid-template-columns:1fr}.footer{width:calc(100% - 20px);font-size:7px}.footer img{width:82px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.journey-line i,.journey-line b,.reveal-divider i,.reveal-divider b,.demo-sequence article,.demo-progress i{transition:none!important}.reveal-orbit i,.scroll-cue i{animation:none!important}}

.summary-grid,.deliverables-grid,.metrics-grid,.project-grid,.form-grid,.integration-grid,.responsibility-grid{display:grid;gap:14px}.summary-grid{grid-template-columns:repeat(3,1fr)}.summary-card,.deliverable-card,.metric-card,.project-card,.form-card,.integration-card{padding:26px;border:1px solid #203139;background:linear-gradient(160deg,#111d21,#071013);border-radius:20px}.summary-card span,.deliverable-card span,.metric-card span,.project-card span,.form-card span,.integration-card span{display:block;color:var(--yellow);font-size:9px;letter-spacing:.14em;margin-bottom:18px}.summary-card h3,.deliverable-card h3,.project-card h3,.form-card h3,.integration-card h3{font-size:28px;margin:0 0 12px;letter-spacing:-.04em}.summary-card p,.deliverable-card p,.project-card p,.form-card p,.integration-card p{color:#7f9096;line-height:1.6;font-size:13px;margin:0}.big-statement{max-width:980px}.big-statement h2{font-size:clamp(54px,7vw,108px)}.big-statement p{max-width:760px;color:#89999f;font-size:18px;line-height:1.65}.quote-line{margin-top:36px;padding:24px 26px;border-left:3px solid var(--yellow);background:#071013;color:#dbe1e2;border-radius:0 16px 16px 0;font-size:20px;line-height:1.45}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline article{position:relative;padding:28px 24px;border:1px solid #203139;background:#0a1519;border-radius:20px}.timeline strong{display:block;color:var(--yellow);font-size:40px;line-height:1}.timeline h3{font-size:24px;margin:22px 0 10px}.timeline p{color:#7d8d93;font-size:13px;line-height:1.55}.responsibility-grid{grid-template-columns:1fr 1fr}.responsibility-card{padding:34px;border-radius:22px;border:1px solid #203139;background:#081216}.responsibility-card h3{font-size:34px;margin-bottom:24px}.responsibility-card ul{list-style:none;padding:0;margin:0}.responsibility-card li{padding:14px 0 14px 28px;border-bottom:1px solid #1e2d32;color:#cbd3d5;font-size:14px;position:relative}.responsibility-card li:before{content:"✓";position:absolute;left:0;color:var(--yellow)}.responsibility-card li:last-child{border-bottom:0}
.metrics-grid{grid-template-columns:repeat(4,1fr)}.metric-card strong{display:block;font-size:42px;color:#fff}.metric-card p{color:#7d8d93;font-size:12px;line-height:1.5;margin-top:12px}.price-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.price-main,.price-side{border:1px solid #23343a;border-radius:24px;background:linear-gradient(160deg,#101d21,#050a0d);padding:36px}.price-main strong{display:block;font-size:clamp(58px,7vw,92px);color:var(--yellow);letter-spacing:-.07em}.price-main small{color:#7d8d93}.price-side dl{margin:0}.price-side div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #203038}.price-side div:last-child{border-bottom:0}.price-side dt{color:#75858b}.price-side dd{margin:0;color:#fff;text-align:right;font-weight:700}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.cta{border:0;border-radius:999px;padding:15px 20px;background:var(--yellow);color:#111;font-family:inherit;font-weight:800;text-decoration:none;cursor:pointer}.cta.secondary{background:transparent;color:#fff;border:1px solid #405158}.cta.red{background:var(--red);color:#fff}.cta:disabled{opacity:.35;cursor:not-allowed}
.project-grid{grid-template-columns:repeat(4,1fr)}.progress-panel{display:grid;grid-template-columns:280px 1fr;gap:42px;align-items:center}.progress-ring{--p:28;position:relative;width:230px;height:230px;border-radius:50%;background:conic-gradient(var(--yellow) calc(var(--p)*1%),#1d2d33 0);display:grid;place-items:center;margin:auto}.progress-ring:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#071013;border:1px solid #24363d}.progress-ring strong{position:relative;font-size:64px;color:#fff}.progress-ring span{position:absolute;bottom:64px;color:#7f9096;font-size:10px;letter-spacing:.12em}.stage-list{list-style:none;padding:0;margin:0}.stage-list li{display:grid;grid-template-columns:42px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #203038}.stage-list b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #33464d;color:#6f7f84;font-size:10px}.stage-list li.done b{background:var(--green);border-color:var(--green);color:#071013}.stage-list li.current b{background:var(--yellow);border-color:var(--yellow);color:#071013}.stage-list small{color:#718187;font-size:10px}.stage-list li.done small{color:var(--green)}.stage-list li.current small{color:var(--yellow)}
.form-grid{grid-template-columns:repeat(2,1fr)}.form-card label{display:block;margin-top:18px}.form-card label>span{margin-bottom:8px;color:#89999f;letter-spacing:0;font-size:11px}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid #2a3c43;background:#050a0d;color:#fff;border-radius:12px;padding:13px 14px;font:inherit;font-size:13px;outline:none}.form-card textarea{min-height:110px;resize:vertical}.integration-grid{grid-template-columns:repeat(3,1fr)}.status{display:inline-flex!important;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid #35464c;color:#8c9ba0!important;font-size:9px!important;margin:18px 0 0!important}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#6f7f84}.status.ok{color:var(--green)!important;border-color:#285b46}.status.ok:before{background:var(--green)}.status.wait{color:var(--yellow)!important;border-color:#6d5a1c}.status.wait:before{background:var(--yellow)}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #203038;color:#c9d1d3}.checklist input{accent-color:var(--yellow)}.accept-box{max-width:860px;margin:40px auto 0;padding:28px;border:1px solid #2a3e45;background:#081216;border-radius:20px}.accept-box label{display:flex;gap:14px;align-items:flex-start;color:#a7b3b6;line-height:1.55}.accept-box input{margin-top:4px;accent-color:var(--yellow)}.small-note{color:#617279;font-size:10px;line-height:1.6}.client-name{color:var(--yellow)}
@media(max-width:1000px){.summary-grid,.metrics-grid,.project-grid,.integration-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.price-panel,.progress-panel{grid-template-columns:1fr}}@media(max-width:700px){.summary-grid,.metrics-grid,.project-grid,.form-grid,.integration-grid,.timeline,.responsibility-grid{grid-template-columns:1fr}.price-main,.price-side,.responsibility-card{padding:24px}.progress-ring{width:190px;height:190px}}


/* =========================================================
   V3 — NARRATIVA + PRIMEIRA DOBRA BOXED + VÍDEO FULL SCREEN
   ========================================================= */
main{padding:94px 0 20px}
.chapter{width:min(calc(100% - 36px),var(--max))}
.cover-box{min-height:calc(100svh - 116px)}
.cover-box .hero-media,.index-cover .hero-media{filter:saturate(.92) contrast(1.06)}
.cover-diagnostic .hero-scrim{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.68) 48%,rgba(0,0,0,.18) 82%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 58%)}
.cover-proposal .hero-scrim{background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.7) 48%,rgba(0,0,0,.25) 82%),linear-gradient(0deg,rgba(0,0,0,.9),transparent 60%)}
.cover-onboarding .hero-scrim{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.72) 50%,rgba(0,0,0,.22) 84%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 60%)}
.hero-findings strong{font-size:clamp(23px,2.25vw,34px);letter-spacing:-.04em}

.cinema-panel{position:relative;width:100vw;height:100svh;margin:0 0 22px;overflow:hidden;background:#000;isolation:isolate}
.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015)}
.cinema-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.54) 46%,rgba(0,0,0,.18) 75%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%)}
.cinema-copy{position:relative;z-index:2;width:min(calc(100% - 72px),var(--max));height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:100px 70px}
.cinema-copy h2{max-width:1120px;font-size:clamp(60px,8.4vw,132px);margin:0 0 30px}
.cinema-copy p{max-width:760px;color:#bec7c9;font-size:clamp(17px,1.6vw,22px);line-height:1.6}
.cinema-cue{position:absolute;z-index:3;right:34px;bottom:34px;display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:9px;letter-spacing:.15em}
.cinema-cue i{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-style:normal;animation:cue 1.8s infinite}

.client-focus-card{background:radial-gradient(circle at 85% 5%,rgba(11,39,49,.5),transparent 34%),#05090b}
.question-grid,.benefit-grid,.needs-grid,.effort-grid,.outcome-row,.hub-grid{display:grid;gap:14px}
.question-grid{grid-template-columns:repeat(4,1fr)}
.question-card,.benefit-card,.need-card,.effort-card,.outcome-row article{padding:30px;border:1px solid #203139;background:linear-gradient(160deg,#111d21,#071013);border-radius:20px}
.question-card>span,.need-card>span,.outcome-row article>span{display:block;color:var(--yellow);font-size:10px;letter-spacing:.16em;margin-bottom:34px}
.question-card h3,.need-card h3{font-size:30px;margin-bottom:14px}
.question-card p,.need-card p,.benefit-card p,.effort-card p,.outcome-row p{color:#819197;line-height:1.6;font-size:13px;margin:0}
.benefit-grid{grid-template-columns:repeat(3,1fr)}
.benefit-card>span{display:block;color:var(--yellow);font-size:9px;letter-spacing:.15em;margin-bottom:26px}
.benefit-card h3{font-size:34px;line-height:1.02;margin-bottom:18px}
.deliverables-grid{grid-template-columns:repeat(3,1fr)}
.effort-grid{grid-template-columns:repeat(3,1fr)}
.effort-card strong{display:block;color:var(--yellow);font-size:58px;line-height:1;margin-bottom:22px}
.effort-card h3{font-size:28px;margin-bottom:12px}
.needs-grid{grid-template-columns:repeat(4,1fr)}
.outcome-row{grid-template-columns:repeat(3,1fr);width:100%;margin-top:48px;text-align:left}
.outcome-row h3{font-size:28px;margin-bottom:12px}
.close-content{max-width:1100px}
.close-content>p{max-width:760px}
.hub-grid{grid-template-columns:repeat(3,1fr);margin-top:42px;width:100%}
.hub-link{display:flex;flex-direction:column;min-height:300px;padding:28px;border:1px solid rgba(255,255,255,.15);background:rgba(6,13,16,.74);backdrop-filter:blur(14px);border-radius:20px;text-decoration:none;transition:.4s var(--ease)}
.hub-link:hover{transform:translateY(-6px);border-color:#8b6f16}
.hub-link>span{color:var(--yellow);font-size:9px;letter-spacing:.14em}
.hub-link h2{font-size:42px;margin:auto 0 16px}
.hub-link p{color:#95a2a6;line-height:1.55;font-size:13px}
.hub-link b{font-size:30px;color:white}
.index-cover{min-height:calc(100svh - 116px)}

@media(max-width:1000px){
  .question-grid,.needs-grid{grid-template-columns:1fr 1fr}
  .benefit-grid,.deliverables-grid,.effort-grid,.outcome-row,.hub-grid{grid-template-columns:1fr 1fr}
  .hub-link:last-child,.outcome-row article:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  main{padding:82px 0 12px}.chapter{width:calc(100% - 20px)}
  .cinema-panel{height:88svh;margin-bottom:12px}.cinema-copy{width:100%;padding:90px 24px 76px}.cinema-copy h2{font-size:clamp(46px,14vw,72px)}.cinema-copy p{font-size:15px}.cinema-cue{right:20px;bottom:20px}
  .question-grid,.benefit-grid,.deliverables-grid,.needs-grid,.effort-grid,.outcome-row,.hub-grid{grid-template-columns:1fr}
  .hub-link:last-child,.outcome-row article:last-child{grid-column:auto}
  .question-card,.benefit-card,.need-card,.effort-card,.outcome-row article{padding:24px}
  .benefit-card h3{font-size:29px}.outcome-row{margin-top:30px}
}

/* =========================================================
   DIAGNÓSTICO — REUNIÃO GUIADA EM SCROLL CONTÍNUO
   ========================================================= */
body[data-experience="diagnostic"]{
  background:#030303;
}
body[data-experience="diagnostic"] .diagnostic-topbar{
  border-color:rgba(255,255,255,.13);
  background:rgba(7,7,7,.72);
}
body[data-experience="diagnostic"] .topbar-meta span{
  color:#aaa49d;
  transition:color .25s var(--ease);
}
body[data-experience="diagnostic"] .meeting-section{
  min-height:min(900px,calc(100svh - 116px));
  scroll-margin-top:96px;
  background:#080808;
  border-color:#2c2b29;
}
body[data-experience="diagnostic"] .meeting-frame{
  padding:clamp(62px,7vw,104px);
}
.meeting-heading{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:clamp(28px,5vw,72px);
  align-items:start;
  max-width:1120px;
  margin-bottom:clamp(48px,7vw,84px);
}
.meeting-heading .eyebrow{
  margin-bottom:24px;
}
.meeting-heading h2{
  max-width:1040px;
  margin:0;
  font-size:clamp(46px,6vw,88px);
}
.meeting-lead{
  max-width:780px;
  margin:30px 0 0;
  color:#aaa49d;
  font-size:clamp(15px,1.4vw,18px);
  line-height:1.65;
}
.section-count{
  display:flex;
  align-items:center;
  gap:10px;
  color:#77716a;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
}
.section-count:after{
  content:"";
  width:30px;
  height:1px;
  background:#3a3733;
}

/* Objective */
.meeting-objective{
  background:radial-gradient(circle at 90% 15%,rgba(246,184,0,.035),transparent 30%),#080808!important;
}
.objective-conversation{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:clamp(36px,7vw,92px);
  align-items:end;
}
.objective-questions{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #35322e;
}
.objective-questions li{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:24px;
  align-items:center;
  min-height:108px;
  border-bottom:1px solid #35322e;
}
.objective-questions li>span{
  color:var(--yellow);
  font-size:10px;
  font-weight:750;
  letter-spacing:.14em;
}
.objective-questions strong{
  max-width:760px;
  font-size:clamp(22px,2.5vw,36px);
  line-height:1.14;
  letter-spacing:-.035em;
}
.meeting-context-note{
  padding:28px;
  border:1px solid #34312d;
  border-radius:20px;
  background:#11100f;
}
.meeting-context-note>span,.why-question>span{
  display:block;
  margin-bottom:14px;
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.15em;
}
.meeting-context-note p,.why-question p{
  margin:0;
  color:#b0aaa2;
  font-size:13px;
  line-height:1.65;
}

/* Problem */
.meeting-problem{
  background:radial-gradient(circle at 80% 12%,rgba(215,25,0,.075),transparent 30%),#070707!important;
}
.problem-sequence{
  display:grid;
  grid-template-columns:1fr 76px 1fr 76px 1fr;
  align-items:center;
}
.problem-sequence article{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:250px;
  padding:28px;
  border:1px solid #34312e;
  border-radius:22px;
  background:linear-gradient(160deg,#171717,#0c0c0c);
}
.problem-sequence article.is-fragile{
  border-color:rgba(215,25,0,.52);
  background:radial-gradient(circle at 50% 100%,rgba(215,25,0,.12),transparent 62%),#111;
}
.problem-sequence article>span{
  color:#79736c;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
}
.problem-sequence article>i{
  width:10px;
  height:10px;
  margin:24px 0 auto;
  border-radius:50%;
  background:#77716a;
  box-shadow:0 0 0 7px rgba(255,255,255,.025);
}
.problem-sequence article.is-fragile>i{
  background:var(--red);
  box-shadow:0 0 0 7px rgba(215,25,0,.09),0 0 24px rgba(215,25,0,.24);
}
.problem-sequence strong{
  font-size:clamp(23px,2.2vw,32px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.problem-sequence p{
  margin:12px 0 0;
  color:#98928b;
  font-size:12px;
  line-height:1.55;
}
.sequence-link{
  height:1px;
  background:#3a3632;
}
.sequence-link:after{
  content:"";
  display:block;
  width:7px;
  height:7px;
  margin:-3px 0 0 auto;
  border-top:1px solid #6e675f;
  border-right:1px solid #6e675f;
  transform:rotate(45deg);
}
.hypothesis-statement{
  display:flex;
  align-items:flex-start;
  gap:14px;
  max-width:850px;
  margin:40px auto 0;
  color:#aaa49c;
  text-align:center;
}
.hypothesis-statement i{
  flex:0 0 auto;
  width:8px;
  height:8px;
  margin-top:6px;
  border-radius:50%;
  background:var(--yellow);
}
.hypothesis-statement p{
  margin:0;
  font-size:12px;
  line-height:1.6;
}

/* Journey introduction */
.journey-introduction{
  background:radial-gradient(circle at 10% 90%,rgba(246,184,0,.03),transparent 28%),#080808!important;
}
.journey-overview{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  list-style:none;
  margin:0;
  padding:0;
}
.journey-overview:before{
  content:"";
  position:absolute;
  top:42px;
  left:8%;
  right:8%;
  height:1px;
  background:#3b3834;
}
.journey-overview li{
  position:relative;
  padding:0 16px;
  text-align:center;
}
.journey-overview li>span{
  display:block;
  color:#746e67;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
}
.journey-overview li>i{
  position:relative;
  display:block;
  width:16px;
  height:16px;
  margin:25px auto 30px;
  border:4px solid #10100f;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:0 0 0 1px #65572b;
}
.journey-overview strong{
  display:block;
  font-size:18px;
}
.journey-overview p{
  margin:8px 0 0;
  color:#8e8982;
  font-size:11px;
  line-height:1.45;
}
.scroll-instruction{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:68px 0 0;
  color:#8e8982;
  font-size:11px;
}
.scroll-instruction span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid #45413c;
  border-radius:50%;
  color:var(--yellow);
}

/* One clear question per scroll block */
.journey-question-section{
  background:radial-gradient(circle at 8% 8%,rgba(246,184,0,.025),transparent 26%),#070707!important;
  transition:border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.journey-question-frame{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:clamp(52px,7vw,104px);
  align-items:center;
  padding:clamp(62px,7vw,104px)!important;
}
.journey-question-copy h2{
  max-width:800px;
  margin-bottom:28px;
  font-size:clamp(44px,5.2vw,78px);
}
.journey-question-copy>p{
  max-width:680px;
  color:#aaa49d;
  font-size:16px;
  line-height:1.65;
}
.question-progress{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:58px;
}
.question-progress>span{
  min-width:50px;
  color:#817b73;
  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
}
.question-progress>i{
  width:34px;
  height:3px;
  border-radius:999px;
  background:#34312e;
}
.question-progress>i.is-current{
  background:var(--yellow);
  box-shadow:0 0 14px rgba(246,184,0,.28);
}
.question-progress>i.is-ok{background:var(--green)}
.question-progress>i.is-risk{background:var(--yellow)}
.question-progress>i.is-critical{background:var(--red)}
.why-question{
  max-width:650px;
  margin-top:34px;
  padding:22px 24px;
  border-left:2px solid #4a4640;
  background:#0c0c0c;
}
.journey-answer-panel{
  min-width:0;
  margin:0;
  padding:30px;
  border:1px solid #34312e;
  border-radius:26px;
  background:linear-gradient(155deg,#171717,#0b0b0b);
  box-shadow:0 34px 90px rgba(0,0,0,.32);
}
.journey-answer-panel legend{
  float:left;
  width:100%;
  margin:0 0 22px;
  color:#d1cbc4;
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}
.journey-answer-panel legend+label{
  clear:both;
}
.journey-answer-panel>label:not(.facilitator-note){
  position:relative;
  display:block;
  margin-top:10px;
}
.journey-answer-panel>label:not(.facilitator-note)>input{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
}
.journey-answer-panel>label:not(.facilitator-note)>span{
  display:grid;
  grid-template-columns:16px 1fr;
  gap:4px 14px;
  align-items:center;
  min-height:88px;
  padding:18px 20px;
  border:1px solid #3a3733;
  border-radius:16px;
  background:#0d0d0d;
  cursor:pointer;
  transition:border-color .25s var(--ease),background-color .25s var(--ease),transform .25s var(--ease);
}
.journey-answer-panel>label:not(.facilitator-note)>span:hover{
  border-color:#5a554e;
  transform:translateX(3px);
}
.journey-answer-panel>label:not(.facilitator-note)>span>i{
  grid-row:1/3;
  width:12px;
  height:12px;
  border:1px solid #6a645d;
  border-radius:50%;
}
.journey-answer-panel b{
  font-size:15px;
}
.journey-answer-panel small{
  color:#8e8881;
  font-size:10px;
  line-height:1.45;
}
.journey-answer-panel input:focus-visible+span{
  outline:2px solid var(--yellow2);
  outline-offset:3px;
}
.journey-answer-panel input[value="confirmed"]:checked+span{
  border-color:rgba(93,228,164,.52);
  background:rgba(93,228,164,.045);
}
.journey-answer-panel input[value="confirmed"]:checked+span>i{
  border-color:var(--green);
  background:var(--green);
  box-shadow:0 0 16px rgba(93,228,164,.28);
}
.journey-answer-panel input[value="dependency"]:checked+span{
  border-color:rgba(215,25,0,.62);
  background:rgba(215,25,0,.055);
}
.journey-answer-panel input[value="dependency"]:checked+span>i{
  border-color:var(--red);
  background:var(--red);
  box-shadow:0 0 16px rgba(215,25,0,.34);
}
.journey-answer-panel input[value="needs_validation"]:checked+span{
  border-color:rgba(246,184,0,.58);
  background:rgba(246,184,0,.045);
}
.journey-answer-panel input[value="needs_validation"]:checked+span>i{
  border-color:var(--yellow);
  background:var(--yellow);
  box-shadow:0 0 16px rgba(246,184,0,.28);
}
.journey-question-section.is-ok{border-color:rgba(93,228,164,.2)!important}
.journey-question-section.is-risk{border-color:rgba(246,184,0,.25)!important}
.journey-question-section.is-critical{border-color:rgba(215,25,0,.34)!important;box-shadow:0 35px 100px rgba(215,25,0,.04)}
.facilitator-note{
  display:none;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #34312e;
}
.is-strom-mode .facilitator-note{
  display:block;
}
.facilitator-note>span{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#aaa49d;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  cursor:default!important;
}
.facilitator-note textarea{
  width:100%;
  min-height:80px;
  margin-top:10px;
  padding:12px;
  border:1px solid #3a3733;
  border-radius:12px;
  background:#090909;
  color:#f3f2ed;
  font:inherit;
  font-size:11px;
  line-height:1.5;
  resize:vertical;
}

/* Constructed journey */
.journey-synthesis{
  background:radial-gradient(circle at 50% 100%,rgba(246,184,0,.035),transparent 34%),#080808!important;
}
.journey-result-line{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.journey-result-line:before{
  content:"";
  position:absolute;
  top:59px;
  left:8%;
  right:8%;
  height:1px;
  background:#3a3733;
}
.journey-result-line article{
  position:relative;
  min-height:190px;
  padding:20px;
  border:1px solid #34312e;
  border-radius:18px;
  background:#0d0d0d;
}
.journey-result-line article>span{
  color:#756f68;
  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
}
.journey-result-line article>i{
  position:relative;
  display:block;
  width:14px;
  height:14px;
  margin:25px 0 30px;
  border:4px solid #0d0d0d;
  border-radius:50%;
  background:#5b5752;
  box-shadow:0 0 0 1px #5b5752;
}
.journey-result-line article strong{
  display:block;
  font-size:17px;
}
.journey-result-line article small{
  display:block;
  margin-top:9px;
  color:#8e8881;
  font-size:9px;
  line-height:1.4;
}
.journey-result-line article.is-ok>i{background:var(--green);box-shadow:0 0 0 1px var(--green),0 0 18px rgba(93,228,164,.22)}
.journey-result-line article.is-risk>i{background:var(--yellow);box-shadow:0 0 0 1px var(--yellow),0 0 18px rgba(246,184,0,.2)}
.journey-result-line article.is-critical{border-color:rgba(215,25,0,.46)}
.journey-result-line article.is-critical>i{background:var(--red);box-shadow:0 0 0 1px var(--red),0 0 18px rgba(215,25,0,.28)}
.journey-conclusion{
  max-width:820px;
  margin:48px auto 0;
  padding:30px;
  border-top:1px solid #3a3733;
  text-align:center;
}
.journey-conclusion>span{
  display:block;
  color:#8e8881;
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
}
.journey-conclusion strong{
  display:block;
  margin:14px 0 10px;
  color:var(--yellow);
  font-size:clamp(30px,4vw,52px);
  letter-spacing:-.055em;
}
.journey-conclusion p{
  max-width:670px;
  margin:0 auto;
  color:#aaa49d;
  font-size:12px;
  line-height:1.6;
}

/* Case and impact: neutral Clarity surfaces */
body[data-experience="diagnostic"] .evidence-card,
body[data-experience="diagnostic"] .impact-card,
body[data-experience="diagnostic"] .priority-card{
  background:#070707;
}
body[data-experience="diagnostic"] .diagnostic-event-phone{
  border-color:#393632;
  background:linear-gradient(160deg,#171717,#080808);
}
body[data-experience="diagnostic"] .diagnostic-event-phone .phone-top{
  border-color:#302e2b;
}
body[data-experience="diagnostic"] .diagnostic-event-phone .message.incoming{
  background:#1a1918;
}
body[data-experience="diagnostic"] .diagnostic-event-phone .message.system{
  border-color:#3b3834;
  background:#0d0d0d;
}
.case-type-label{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:28px;
  color:#d1cbc4;
  font-size:10px;
  font-weight:650;
  letter-spacing:.04em;
}
.case-type-label i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:0 0 16px rgba(246,184,0,.3);
}
.operational-impact{
  background:radial-gradient(circle at 12% 90%,rgba(246,184,0,.03),transparent 28%),#080808!important;
}
.impact-perspectives{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #3a3733;
  border-bottom:1px solid #3a3733;
}
.impact-perspectives article{
  min-height:260px;
  padding:34px;
  border-right:1px solid #3a3733;
}
.impact-perspectives article:last-child{
  border-right:0;
}
.impact-perspectives span{
  display:block;
  color:var(--yellow);
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
}
.impact-perspectives strong{
  display:block;
  margin:70px 0 16px;
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.05em;
}
.impact-perspectives p{
  margin:0;
  color:#9c968f;
  font-size:13px;
  line-height:1.55;
}
body[data-experience="diagnostic"] .impact-controls{
  border-color:#393632;
  background:linear-gradient(160deg,#171717,#090909);
}
body[data-experience="diagnostic"] .impact-controls label{
  border-color:#302e2b;
}
body[data-experience="diagnostic"] .impact-breakdown article{
  border-color:#302e2b;
  background:#0b0b0b;
}
.calculator-intro{
  display:block;
  margin-bottom:10px;
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.15em;
}
body[data-experience="diagnostic"] .apply-scenario-row{
  display:flex;
}

/* Priority and close */
body[data-experience="diagnostic"] .priority-result{
  border-color:#3a3733;
  background:linear-gradient(155deg,#181714,#0a0a0a);
}
body[data-experience="diagnostic"] .priority-editor{
  border-color:#3a3733;
  background:linear-gradient(155deg,#171717,#090909);
}
.meeting-close-note{
  max-width:720px;
  margin:34px auto 0;
  color:#aaa49d;
  font-size:12px;
  line-height:1.65;
  text-align:center;
}
body[data-experience="diagnostic"] .diagnostic-summary article{
  border-color:#34312e;
  background:linear-gradient(155deg,#171717,#0a0a0a);
}

/* Public meeting view vs. facilitator view */
body[data-experience="diagnostic"] .diagnostic-toolbar,
body[data-experience="diagnostic"] .case-editor-details,
body[data-experience="diagnostic"] .priority-editor,
body[data-experience="diagnostic"] .completion-note{
  display:none;
}
body[data-experience="diagnostic"].is-strom-mode .diagnostic-toolbar{
  display:grid;
}
body[data-experience="diagnostic"].is-strom-mode .case-editor-details,
body[data-experience="diagnostic"].is-strom-mode .priority-editor,
body[data-experience="diagnostic"].is-strom-mode .completion-note{
  display:block;
}
body[data-experience="diagnostic"].is-strom-mode .priority-editor{
  grid-column:2;
}

@media(max-width:1000px){
  .meeting-heading{grid-template-columns:52px minmax(0,1fr)}
  .objective-conversation{grid-template-columns:1fr}
  .meeting-context-note{max-width:720px}
  .problem-sequence{grid-template-columns:1fr 44px 1fr 44px 1fr}
  .problem-sequence article{min-height:230px;padding:22px}
  .journey-question-frame{grid-template-columns:1fr!important}
  .journey-answer-panel{max-width:760px;width:100%}
  .journey-result-line{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:14px}
  .journey-result-line:before{display:none}
  .impact-perspectives article{padding:26px}
  body[data-experience="diagnostic"].is-strom-mode .priority-editor{grid-column:auto}
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .meeting-section{min-height:auto}
  body[data-experience="diagnostic"] .meeting-frame,
  body[data-experience="diagnostic"] .journey-question-frame{padding:70px 24px!important}
  .meeting-heading{grid-template-columns:1fr;gap:22px;margin-bottom:44px}
  .meeting-heading h2{font-size:clamp(42px,13vw,62px)}
  .section-count{margin-bottom:4px}
  .objective-questions li{grid-template-columns:36px 1fr;gap:12px;min-height:94px}
  .objective-questions strong{font-size:21px}
  .problem-sequence{grid-template-columns:1fr}
  .problem-sequence .sequence-link{width:1px;height:44px;margin:0 auto}
  .problem-sequence .sequence-link:after{margin:37px 0 0 -3px;transform:rotate(135deg)}
  .problem-sequence article{min-height:190px}
  .hypothesis-statement{text-align:left}
  .journey-overview{grid-template-columns:1fr;padding-left:24px}
  .journey-overview:before{top:20px;bottom:20px;left:31px;width:1px;height:auto}
  .journey-overview li{display:grid;grid-template-columns:16px 1fr;gap:5px 18px;min-height:88px;padding:0;text-align:left}
  .journey-overview li>span{display:none}
  .journey-overview li>i{grid-row:1/3;margin:3px 0 0}
  .journey-overview p{margin:0}
  .scroll-instruction{justify-content:flex-start;margin-top:40px}
  .journey-question-copy h2{font-size:clamp(41px,12vw,60px)}
  .question-progress{margin-bottom:40px}
  .question-progress>i{width:24px}
  .journey-answer-panel{padding:18px;border-radius:20px}
  .journey-answer-panel>label:not(.facilitator-note)>span{min-height:94px;padding:16px}
  .journey-result-line{grid-template-columns:1fr;overflow:visible}
  .journey-result-line article{display:grid;grid-template-columns:18px 1fr;gap:4px 14px;min-height:auto;padding:18px}
  .journey-result-line article>span{display:none}
  .journey-result-line article>i{grid-row:1/3;margin:2px 0 0}
  .journey-result-line article small{margin:0}
  .journey-conclusion{padding-inline:0;text-align:left}
  .journey-conclusion p{margin:0}
  .impact-perspectives{grid-template-columns:1fr}
  .impact-perspectives article{min-height:auto;border-right:0;border-bottom:1px solid #3a3733}
  .impact-perspectives article:last-child{border-bottom:0}
  .impact-perspectives strong{margin:38px 0 14px}
  body[data-experience="diagnostic"] .apply-scenario-row{align-items:stretch;flex-direction:column}
}

/* =========================================================
   DESIGN REFINEMENT — CLARITY SYSTEM
   ========================================================= */
:root{
  --muted:#9aa8ad;
  --line:rgba(255,255,255,.16);
  --chapter-gap:clamp(14px,1.6vw,24px);
  --content-pad:clamp(48px,7vw,108px);
}

body{font-synthesis:none;text-rendering:optimizeLegibility}
::selection{background:var(--yellow);color:#111}
:where(a,button,input,textarea,select){-webkit-tap-highlight-color:transparent}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--yellow2);outline-offset:4px}
:where(input,textarea,select){min-width:0;max-width:100%}
:where(.form-card,.field-label,.setup-field,.login-panel label,.login-password-field,.setup-input-suffix){min-width:0}
:where(input[type="date"],input[type="time"],input[type="datetime-local"]){display:block;width:100%}
:where(input[type="date"],input[type="time"],input[type="datetime-local"])::-webkit-date-and-time-value{min-width:0;text-align:left}

.topbar{box-shadow:0 12px 40px rgba(0,0,0,.28);transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.topbar>a{display:flex;align-items:center;border-radius:6px}
.topbar-meta{min-width:0}.topbar-meta b{max-width:min(36vw,380px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.chapter{margin-bottom:var(--chapter-gap);border-color:var(--line);box-shadow:0 32px 90px rgba(0,0,0,.3)}
.chapter-content{padding:var(--content-pad)}
.chapter-head{gap:clamp(36px,6vw,82px);margin-bottom:clamp(44px,6vw,76px)}
.chapter-head p,.evidence-copy>p,.impact-copy>p,.big-statement p{max-width:58ch}
.chapter-head p{color:#9aa8ad}

h1,h2,h3{text-wrap:balance;overflow-wrap:normal;word-break:normal}
p{text-wrap:pretty}
.hero-title{max-width:min(100%,1080px);font-size:clamp(54px,7.4vw,116px);line-height:.92}
.hero-copy{max-width:62ch;color:#c1c9cb}
.eyebrow{line-height:1.45}

.cover-box,.index-cover{box-shadow:0 40px 120px rgba(0,0,0,.42)}
.cover-box .hero-media,.index-cover .hero-media{transform:scale(1.025);transition:transform 1.4s var(--ease),filter .6s var(--ease)}
.cover-box.is-active .hero-media,.index-cover.is-active .hero-media{transform:scale(1)}
.cinema-panel{margin-bottom:var(--chapter-gap)}
.cinema-copy{padding-inline:clamp(24px,5.3vw,70px)}
.cinema-copy h2{max-width:14ch;font-size:clamp(56px,7.7vw,118px);line-height:.91}
.cinema-copy p{max-width:60ch;color:#d0d6d8}

.question-grid,.benefit-grid,.deliverables-grid,.metrics-grid,.project-grid,.integration-grid,.needs-grid,.effort-grid,.outcome-row,.hub-grid,.timeline{align-items:stretch}
.question-card,.benefit-card,.need-card,.effort-card,.outcome-row article,.summary-card,.deliverable-card,.metric-card,.project-card,.form-card,.integration-card,.timeline article,.hub-link,.decision-row article,.scope-card{height:100%;transition:transform .35s var(--ease),border-color .35s var(--ease),background-color .35s var(--ease),box-shadow .35s var(--ease)}
:where(.question-card,.benefit-card,.need-card,.effort-card,.outcome-row article,.summary-card,.deliverable-card,.metric-card,.project-card,.integration-card,.timeline article,.decision-row article):hover{transform:translateY(-3px);border-color:rgba(246,184,0,.42);box-shadow:0 18px 42px rgba(0,0,0,.2)}
.hub-link:hover{transform:translateY(-5px);border-color:rgba(246,184,0,.65);background:rgba(10,22,26,.9);box-shadow:0 22px 54px rgba(0,0,0,.32)}
.hub-link b{transition:transform .35s var(--ease)}.hub-link:hover b{transform:translateX(6px)}

.summary-card p,.deliverable-card p,.project-card p,.form-card p,.integration-card p,.question-card p,.need-card p,.benefit-card p,.effort-card p,.outcome-row p,.timeline p,.metric-card p{color:#95a4a9}
.small-note,.disclaimer{color:#839399}
.journey-step p{color:#a0adb1}.journey-legend{color:#8e9ca1}

.cta{min-height:48px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),opacity .25s var(--ease)}
.cta:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(246,184,0,.2)}
.cta.secondary:hover{border-color:var(--yellow);box-shadow:none}
.cta:disabled{opacity:.42}
.form-card input,.form-card textarea,.form-card select{min-height:46px;transition:border-color .25s var(--ease),background-color .25s var(--ease),box-shadow .25s var(--ease)}
.form-card input:hover,.form-card textarea:hover,.form-card select:hover{border-color:#4a5e66}
.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:var(--yellow);background:#081216;box-shadow:0 0 0 3px rgba(246,184,0,.1)}
.checklist input,.accept-box input{width:18px;height:18px;flex:0 0 auto;cursor:pointer}

@media(max-width:1000px){
  :root{--content-pad:clamp(44px,6vw,72px)}
  .cinema-copy h2{max-width:16ch}
}

@media(max-width:700px){
  :root{--chapter-gap:12px;--content-pad:clamp(52px,15vw,72px) 22px}
  .topbar{padding-inline:14px}.topbar-meta{gap:8px}.topbar-meta b{max-width:48vw;font-size:8px}
  .chapter-content{padding:var(--content-pad)}
  .hero-content{padding:104px 22px 32px}
  .hero-title{font-size:clamp(42px,12.5vw,62px);line-height:.96;letter-spacing:-.055em}
  h1,h2,h3{max-width:100%;overflow-wrap:break-word;hyphens:auto}
  .hero-title br,.cinema-copy h2 br,.chapter-head h2 br,.close-content h2 br{display:none}
  .hero-copy{line-height:1.55;color:#c8d0d2}
  h2,.evidence-copy h2,.recommendation-main h2{font-size:clamp(38px,10.8vw,56px);line-height:.98;letter-spacing:-.055em}
  h3{line-height:1.02}
  .cinema-panel{height:max(620px,88svh)}
  .cinema-copy{padding:92px 22px 84px}
  .cinema-copy h2{max-width:100%;font-size:clamp(42px,11.5vw,60px);line-height:.96}
  .cinema-copy p{font-size:14px;line-height:1.55}
  .hero-findings{grid-template-columns:1fr;gap:6px}
  .hero-findings article{display:grid;grid-template-columns:minmax(105px,.7fr) 1fr;align-items:center;gap:12px;padding:11px 13px}
  .hero-findings strong{font-size:clamp(20px,6vw,27px)}.hero-findings span{margin-top:0;font-size:9px}
  .hub-link{min-height:220px}.hub-link h2{font-size:36px}
  .question-card,.benefit-card,.need-card,.effort-card,.outcome-row article,.summary-card,.deliverable-card,.metric-card,.project-card,.form-card,.integration-card,.timeline article{padding:22px}
  .question-card>span,.need-card>span,.outcome-row article>span{margin-bottom:22px}
  .price-main h2{font-size:clamp(34px,10vw,50px);overflow-wrap:anywhere}
  .price-side div{align-items:flex-start}.price-side dd{max-width:54%}
  .cta-row{display:grid;grid-template-columns:1fr}.cta{width:100%}
  .stage-list li{grid-template-columns:36px minmax(0,1fr);gap:12px}.stage-list small{grid-column:2}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .cover-box .hero-media,.index-cover .hero-media{transform:none}
}

/* =========================================================
   WARM STRØM PALETTE — BLACK / CHARCOAL / RED / YELLOW
   ========================================================= */
:root{
  --black:#030303;
  --ink:#0a0a0a;
  --panel:#101010;
  --panel2:#171717;
  --muted:#a29e98;
  --blue:#17100b;
  --line:rgba(255,255,255,.14);
}

html{background:#030303}
body{background:
  radial-gradient(circle at 8% 0%,rgba(215,25,0,.09),transparent 28%),
  radial-gradient(circle at 94% 28%,rgba(246,184,0,.035),transparent 22%),
  #030303}

.chapter{background:#080808}
.journey-card{background:radial-gradient(circle at 82% 4%,rgba(246,184,0,.055),transparent 34%),#070707}
.evidence-card{background:linear-gradient(135deg,#11100e,#030303 64%)}
.reveal-card{background:radial-gradient(circle at 50% 50%,rgba(215,25,0,.09),transparent 42%),#030303}
.impact-card{background:radial-gradient(circle at 14% 12%,rgba(246,184,0,.055),transparent 34%),#060606}
.close-card{background:radial-gradient(circle at 50% 24%,rgba(215,25,0,.085),transparent 42%),#030303}
.client-focus-card{background:radial-gradient(circle at 86% 4%,rgba(246,184,0,.06),transparent 34%),#070707}

/* The comparison chapter stays dark; yellow is an accent, never a canvas. */
.future-card{background:linear-gradient(160deg,#121212,#070707 68%);color:var(--white)}
.future-card .eyebrow{color:var(--yellow)}
.future-card .chapter-head p{color:#a29e98}
.state-column.before{background:#090909;color:var(--white);border:1px solid #292929}
.state-column.after{background:#171717;color:var(--white);border:1px solid #36322a}
.state-column li{border-bottom-color:rgba(255,255,255,.1)}
.after li{border-bottom-color:rgba(255,255,255,.1)}
.state-label{color:#98938c}.after .state-label{color:var(--yellow)}
.transformation span{background:linear-gradient(90deg,#4d4a46,var(--yellow))}
.transformation i{background:#050505;color:#fff}

:where(.question-card,.benefit-card,.need-card,.effort-card,.outcome-row article,.summary-card,.deliverable-card,.metric-card,.project-card,.form-card,.integration-card,.timeline article,.responsibility-card,.impact-controls,.price-main,.price-side,.scope-card,.accept-box,.decision-row article){
  border-color:#2d2d2d;
  background:linear-gradient(155deg,#171717,#0a0a0a);
}
.hub-link{background:rgba(10,10,10,.76)}
.hub-link:hover{background:rgba(18,16,12,.92)}

.event-phone{border-color:#303030;background:linear-gradient(160deg,#181818,#080808)}
.phone-top,.impact-controls label,.price-side div,.stage-list li,.checklist li{border-color:#2b2b2b}
.message.incoming{background:#202020}.message.system{background:#101010;border-color:#343434}
.evidence-note,.impact-breakdown article,.micro-demo,.quote-line{background:#0d0d0d;border-color:#303030}
.form-card input,.form-card textarea,.form-card select{border-color:#3a3a3a;background:#080808}
.form-card input:focus,.form-card textarea:focus,.form-card select:focus{background:#101010}
.progress-ring{background:conic-gradient(var(--yellow) calc(var(--p)*1%),#2b2b2b 0)}
.progress-ring:before{background:#0a0a0a;border-color:#333}

.journey-line{background:#303030}
.journey-step{border-color:#2d2d2d;background:linear-gradient(180deg,#171717,#0a0a0a)}
.journey-step.is-critical{border-color:rgba(215,25,0,.58)}
.reveal-orbit i{border-color:#2d2b28}
.reveal-content h2 span{color:#6f6a63}
.reveal-divider,.demo-progress{background:#302e2b}
.demo-status{border-color:#2d2d2d}
.demo-sequence article{background:#151515;border-color:#2d2d2d}
.stage-list b{border-color:#444;color:#99948d}
.status{border-color:#444;color:#aaa49d!important}
.close-mark i{background:#33302d}

.chapter-head p,.evidence-copy>p,.impact-copy>p,.question-card p,.need-card p,.benefit-card p,.effort-card p,.outcome-row p,.summary-card p,.deliverable-card p,.project-card p,.form-card p,.integration-card p,.timeline p,.metric-card p,.disclaimer,.small-note{color:#9e9a94}

/* =========================================================
   DIAGNÓSTICO DEMO — D0–D8
   ========================================================= */
[hidden]{display:none!important}
.diagnostic-opening{position:relative;min-height:100svh;margin-top:-94px;padding:94px 0 0;overflow:hidden;isolation:isolate;background:#000}
.diagnostic-opening-video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;background:#000;filter:saturate(.88) contrast(1.08);transform:scale(1.015)}
.diagnostic-opening-scrim{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.46) 54%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.66),transparent 60%)}
.diagnostic-opening .signal-field{z-index:-1}
.diagnostic-hero-box{background:rgba(5,5,5,.48);backdrop-filter:blur(6px);box-shadow:0 40px 120px rgba(0,0,0,.44)}
.diagnostic-hero-box .hero-content{justify-content:flex-end}
.diagnostic-client-lockup{display:flex;align-items:center;gap:14px;margin-bottom:30px}.diagnostic-client-lockup img{max-width:150px;max-height:44px;object-fit:contain}.diagnostic-client-lockup .eyebrow{margin:0}
.diagnostic-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:#d6d2cc;font-size:9px;font-weight:650;letter-spacing:.13em}
.diagnostic-meta span{display:flex;align-items:center;gap:10px}
.diagnostic-meta span:not(:last-child):after{content:"";width:4px;height:4px;border-radius:50%;background:var(--yellow)}

.diagnostic-toolbar{position:sticky;z-index:120;top:84px;display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:18px;width:min(calc(100% - 36px),var(--max));min-height:66px;margin:var(--chapter-gap) auto;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(8,8,8,.86);backdrop-filter:blur(20px);box-shadow:0 16px 46px rgba(0,0,0,.34)}
.diagnostic-toolbar-context{display:flex;align-items:center;gap:12px;min-width:0}.diagnostic-toolbar-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.demo-badge{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:var(--yellow);color:#17110a;font-size:8px;font-weight:800;letter-spacing:.12em}
.diagnostic-toolbar-actions{display:flex;gap:8px}.cta.compact{min-height:42px;padding:11px 15px;font-size:11px}
.save-state{font-size:10px;color:#a7a29b;white-space:nowrap}.save-state[data-tone="success"]{color:var(--green)}.save-state[data-tone="warning"]{color:var(--yellow)}.save-state[data-tone="error"]{color:#ff7665}
.global-persistence-state{position:fixed;right:18px;bottom:18px;z-index:1200;max-width:min(360px,calc(100vw - 36px));padding:11px 15px;border:1px solid #3a3835;border-radius:999px;background:rgba(8,8,8,.94);box-shadow:0 14px 40px rgba(0,0,0,.35);color:#d5d1ca;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.35;backdrop-filter:blur(16px)}.global-persistence-state[data-state="synced"]{border-color:rgba(86,226,172,.45);color:var(--green)}.global-persistence-state[data-state="pending"],.global-persistence-state[data-state="offline"]{border-color:rgba(246,184,0,.45);color:var(--yellow)}.global-persistence-state[data-state="error"]{border-color:rgba(255,118,101,.5);color:#ff7665}.global-persistence-state[hidden]{display:none}
@media(max-width:700px){.global-persistence-state{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);font-size:10px}}

.diagnostic-system-state{display:flex;align-items:center;justify-content:center;gap:14px;width:min(calc(100% - 36px),var(--max));min-height:240px;margin:var(--chapter-gap) auto;padding:36px;border:1px solid #2d2d2d;border-radius:24px;background:#0a0a0a;color:#aaa49c}
.diagnostic-system-state i{width:18px;height:18px;border:2px solid #3d3a36;border-top-color:var(--yellow);border-radius:50%;animation:diagnostic-spin .8s linear infinite}.diagnostic-system-state.is-error,.diagnostic-system-state.is-empty{flex-direction:column;text-align:center}.diagnostic-system-state.is-error i,.diagnostic-system-state.is-empty i{display:none}.diagnostic-system-state p{color:#a49f98}
@keyframes diagnostic-spin{to{transform:rotate(360deg)}}

.diagnostic-questions{grid-template-columns:repeat(3,1fr)}
.diagnostic-questions .question-card{min-height:270px;display:flex;flex-direction:column}.diagnostic-questions .question-card h3{margin-top:auto;font-size:clamp(26px,2.5vw,38px)}

.diagnostic-problem-card{background:radial-gradient(circle at 88% 18%,rgba(215,25,0,.09),transparent 32%),#070707}
.diagnostic-problem-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(52px,7vw,100px);align-items:center}.diagnostic-problem-copy>p{max-width:62ch;color:#aaa49d;font-size:17px;line-height:1.65}.diagnostic-hypothesis{display:flex;gap:14px;max-width:62ch;margin-top:30px;padding:18px 20px;border:1px solid #342f2a;border-radius:14px;background:#0d0c0b;color:#b8b2aa;font-size:11px;line-height:1.55}.diagnostic-hypothesis i{flex:0 0 auto;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--yellow);box-shadow:0 0 16px rgba(246,184,0,.4)}
.problem-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:stretch}.problem-flow>i{display:grid;place-items:center;color:#6f6a63;font-style:normal}.problem-flow article{display:flex;flex-direction:column;min-height:260px;padding:24px;border:1px solid #302e2b;border-radius:18px;background:linear-gradient(160deg,#171717,#0a0a0a)}.problem-flow article.is-fragile{border-color:rgba(215,25,0,.52);background:radial-gradient(circle at 50% 100%,rgba(215,25,0,.1),transparent 55%),#111}.problem-flow article>span{color:var(--yellow);font-size:9px;letter-spacing:.15em}.problem-flow strong{margin-top:auto;font-size:24px;line-height:1.02}.problem-flow p{margin:12px 0 0;color:#99948d;font-size:11px;line-height:1.5}

.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}
.journey-purpose{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:34px;align-items:center;margin-bottom:34px;padding:26px 28px;border:1px solid #302e2a;border-radius:20px;background:linear-gradient(135deg,#161512,#0a0a0a)}
.journey-purpose-copy>span{display:block;margin-bottom:12px;color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.15em}.journey-purpose-copy strong{display:block;font-size:22px}.journey-purpose-copy p{max-width:64ch;margin:8px 0 0;color:#9e9a94;font-size:12px;line-height:1.6}
.journey-guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0;padding:0}.journey-guide-steps li{min-height:100px;padding:14px;border:1px solid #302e2a;border-radius:13px;background:#0c0c0c}.journey-guide-steps b{display:grid;place-items:center;width:24px;height:24px;margin-bottom:16px;border-radius:50%;background:var(--yellow);color:#17110a;font-size:10px}.journey-guide-steps span{color:#d5d0c9;font-size:10px;line-height:1.35}
.diagnostic-journey{align-items:stretch}
.diagnostic-journey .journey-step{display:flex;flex-direction:column;min-height:330px;padding-bottom:20px}
.diagnostic-journey .journey-step>p{min-height:58px}
.diagnostic-journey .journey-step .journey-state-field{margin-top:auto}
.field-label{display:block}.field-label>span{display:block;margin-bottom:8px;color:#a9a39b;font-size:10px;font-weight:650;letter-spacing:.04em}
.field-label input,.field-label textarea,.field-label select,.journey-step select,.journey-step textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid #3a3835;border-radius:11px;background:#0a0a0a;color:#f3f2ed;font:inherit;font-size:12px;outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background-color .25s var(--ease)}
.field-label textarea,.journey-step textarea{resize:vertical;line-height:1.5}
.field-label input:hover,.field-label textarea:hover,.field-label select:hover,.journey-step select:hover,.journey-step textarea:hover{border-color:#5a554d}
.field-label input:focus,.field-label textarea:focus,.field-label select:focus,.journey-step select:focus,.journey-step textarea:focus{border-color:var(--yellow);background:#11100e;box-shadow:0 0 0 3px rgba(246,184,0,.1)}
.diagnostic-journey .journey-step .step-dot{transition:background-color .25s var(--ease),box-shadow .25s var(--ease)}
.journey-status-display{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:18px;color:#d2cdc6;font-size:10px;font-weight:650}.journey-status-display i{width:8px;height:8px;border-radius:50%;background:#6d6a66}.journey-step.is-ok .journey-status-display i{background:var(--green)}.journey-step.is-risk .journey-status-display i{background:var(--yellow)}.journey-step.is-critical .journey-status-display i{background:var(--red)}
.journey-note{margin-top:12px;border-top:1px solid #302e2b}.journey-note summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:#aaa49d;font-size:10px;font-weight:650;cursor:pointer;list-style:none}.journey-note summary::-webkit-details-marker{display:none}.journey-note summary:after{content:"+";color:var(--yellow);font-size:18px;font-weight:400}.journey-note[open] summary:after{content:"−"}.journey-note summary small{position:static;display:inline;margin:0 8px 0 auto;color:#716d67;font-size:8px;font-weight:500;text-transform:none}.journey-note textarea{min-height:86px;margin-top:4px}
.journey-live-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:28px;padding:22px 26px;border:1px solid #302e2a;border-radius:18px;background:#0b0b0b}.journey-live-summary article{display:flex;align-items:center;justify-content:space-between;gap:20px}.journey-live-summary span{color:#8f8a83;font-size:8px;font-weight:700;letter-spacing:.13em}.journey-live-summary strong{font-size:16px}.journey-live-summary>i{width:1px;height:34px;background:#34312d}

.diagnostic-case-grid{grid-template-columns:minmax(0,.8fr) minmax(440px,1.2fr)}
.case-disclaimer{max-width:58ch;margin-top:28px;padding:18px 20px;border-left:2px solid var(--yellow);background:#0d0d0d;border-radius:0 13px 13px 0;color:#aaa49d;font-size:11px;line-height:1.6}
.case-editor{padding:30px;border:1px solid #31302d;border-radius:24px;background:linear-gradient(155deg,#171717,#090909);box-shadow:0 28px 70px rgba(0,0,0,.3)}
.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 24px;padding:0;border:0}.segmented-control legend{grid-column:1/-1;margin-bottom:10px;color:#aaa49d;font-size:10px;font-weight:650}.segmented-control label{position:relative}.segmented-control input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.segmented-control span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border:1px solid #3b3935;border-radius:12px;color:#aaa49d;font-size:11px;text-align:center;cursor:pointer;transition:.25s var(--ease)}
.segmented-control input:checked+span{border-color:var(--yellow);background:rgba(246,184,0,.1);color:#fff}.segmented-control input:focus-visible+span{outline:2px solid var(--yellow2);outline-offset:3px}
.case-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-editor>.field-label{margin-top:18px}
.case-counter{margin:22px 0;padding:22px;border:1px solid #332b27;border-radius:16px;background:radial-gradient(circle at 50% 40%,rgba(215,25,0,.1),transparent 72%),#0b0b0b;text-align:center}.case-counter span{display:block;color:#e17465;font-size:9px;letter-spacing:.15em}.case-counter strong{display:block;margin-top:8px;font-size:clamp(42px,5vw,72px);letter-spacing:-.06em}
.diagnostic-event-phone{max-width:720px;padding-bottom:0;overflow:hidden}.diagnostic-event-phone .waiting-window{margin-block:24px}.diagnostic-event-phone .waiting-window strong{font-size:clamp(64px,7vw,98px)}
.case-editor-details{margin:26px -22px 0;border-top:1px solid #302e2b;background:#0a0a0a}.case-editor-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:12px 22px;cursor:pointer;list-style:none}.case-editor-details>summary::-webkit-details-marker{display:none}.case-editor-details>summary span{color:#aaa49d;font-size:10px}.case-editor-details>summary b{display:flex;align-items:center;gap:10px;color:#fff;font-size:11px}.case-editor-details>summary b:after{content:"+";display:grid;place-items:center;width:28px;height:28px;border:1px solid #46423d;border-radius:50%;color:var(--yellow);font-size:16px;font-weight:400}.case-editor-details[open]>summary b:after{content:"−"}.case-editor-body{padding:24px 22px 26px;border-top:1px solid #302e2b}.case-editor-body>.field-label{margin-top:18px}
.inline-action-row,.apply-scenario-row,.priority-confirm-row{display:flex;align-items:center;gap:14px;margin-top:22px}.inline-action-row span,.apply-state,.priority-confirm-row span{font-size:10px;color:#aaa49d}.apply-state[data-pending="true"]{color:var(--yellow)}

.priority-card{background:radial-gradient(circle at 88% 12%,rgba(246,184,0,.055),transparent 32%),#070707}
.priority-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(440px,1.2fr);gap:clamp(48px,7vw,96px);align-items:center}
.priority-copy p{max-width:58ch;color:#9e9a94;font-size:17px;line-height:1.65}.priority-editor{padding:30px;border:1px solid #31302d;border-radius:24px;background:linear-gradient(155deg,#171717,#090909)}
.priority-result{padding:32px;border:1px solid #34312c;border-radius:24px;background:linear-gradient(155deg,#181612,#0a0a0a)}.priority-result>span{display:block;color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.15em}.priority-result>strong{display:block;margin:28px 0 30px;font-size:clamp(26px,2.8vw,40px);line-height:1.08;letter-spacing:-.045em}.priority-result dl{margin:0}.priority-result dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:16px 0;border-top:1px solid #302d29}.priority-result dt{color:#8e8982;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.priority-result dd{margin:0;color:#c4beb6;font-size:11px;line-height:1.55}
.priority-editor .field-label+.field-label{margin-top:18px}.priority-editor textarea{min-height:96px}
.priority-confirm-row span[data-confirmed="true"]{color:var(--green)}

.diagnostic-summary article{display:flex;flex-direction:column;min-height:250px}.diagnostic-summary h3{margin-top:auto;overflow-wrap:anywhere}.completion-note{margin-top:28px;color:#938e87;font-size:11px}

.diagnostic-dialog{width:min(calc(100% - 32px),680px);padding:32px;border:1px solid #393632;border-radius:24px;background:#0c0c0c;color:var(--white);box-shadow:0 40px 120px rgba(0,0,0,.6)}
.diagnostic-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}
.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.dialog-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3b3935;border-radius:50%;background:#151515;color:#fff;font-size:22px;cursor:pointer}.diagnostic-dialog h2{font-size:clamp(38px,5vw,58px);margin-bottom:18px}.diagnostic-dialog>p{color:#aaa49d;line-height:1.6}
.completion-checklist{list-style:none;margin:26px 0;padding:0}.completion-checklist li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #2b2926;color:#8f8a84;font-size:13px}.completion-checklist i{display:grid;place-items:center;width:24px;height:24px;border:1px solid #46423d;border-radius:50%;font-style:normal;font-size:11px}.completion-checklist li.is-complete{color:#e9e5df}.completion-checklist li.is-complete i{border-color:var(--green);background:var(--green);color:#090909}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.dialog-error{min-height:1.5em;margin:14px 0 0;color:#ff7665!important;font-size:11px}

/* Meeting view is presentation-first. Internal controls only appear in STRØM mode. */
.diagnostic-toolbar,.journey-state-field,.journey-note,.case-editor-details,.priority-editor,.apply-scenario-row,.completion-note{display:none}
.diagnostic-journey .journey-step{min-height:270px}
.is-strom-mode .diagnostic-toolbar{display:grid}.is-strom-mode .journey-state-field,.is-strom-mode .journey-note,.is-strom-mode .case-editor-details,.is-strom-mode .priority-editor,.is-strom-mode .completion-note{display:block}.is-strom-mode .apply-scenario-row{display:flex}.is-strom-mode .journey-status-display{display:none}.is-strom-mode .diagnostic-journey .journey-step{min-height:330px}.is-strom-mode .priority-editor{grid-column:2}

/* Neutral surfaces across the three Clarity experiences. */
.hero-findings article,.recommendation-reasons span{background:rgba(10,10,10,.74)}
.scope-card{background:linear-gradient(155deg,#171717,#0a0a0a)}

@media(max-width:1000px){
  .diagnostic-toolbar{grid-template-columns:1fr auto}.diagnostic-toolbar .save-state{grid-column:1}.diagnostic-toolbar-actions{grid-column:2;grid-row:1/3}
  .diagnostic-questions{grid-template-columns:1fr 1fr}.diagnostic-questions .question-card:last-child{grid-column:1/-1}
  .diagnostic-problem-layout{grid-template-columns:1fr}.problem-flow article{min-height:210px}
  .journey-purpose{grid-template-columns:1fr}.journey-guide-steps li{min-height:88px}
  .diagnostic-journey .journey-step{min-height:auto}.diagnostic-journey .journey-step>p{min-height:auto}.diagnostic-journey .journey-step .field-label{margin-left:0}
  .diagnostic-case-grid,.priority-layout{grid-template-columns:1fr}.case-editor,.priority-editor{max-width:760px}
  .is-strom-mode .priority-editor{grid-column:auto}
}

@media(max-width:700px){
  .diagnostic-opening{margin-top:-82px;padding-top:82px}.diagnostic-opening .chapter{min-height:calc(100svh - 94px)}.diagnostic-hero-box .hero-content{min-height:calc(100svh - 94px)}
  .diagnostic-opening-scrim{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.86) 58%,rgba(0,0,0,.96))}
  .diagnostic-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.diagnostic-meta span:after{display:none}
  .diagnostic-toolbar{position:relative;top:auto;grid-template-columns:1fr;width:calc(100% - 20px);margin:12px auto;padding:14px;border-radius:16px}.diagnostic-toolbar .save-state,.diagnostic-toolbar-actions{grid-column:auto;grid-row:auto}.diagnostic-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.diagnostic-toolbar-actions .cta{width:100%;padding-inline:10px}
  .diagnostic-questions{grid-template-columns:1fr}.diagnostic-questions .question-card:last-child{grid-column:auto}.diagnostic-questions .question-card{min-height:210px}
  .problem-flow{grid-template-columns:1fr}.problem-flow>i{height:42px;transform:rotate(90deg)}.problem-flow article{min-height:180px}.problem-flow strong{font-size:28px}
  .journey-purpose{padding:20px}.journey-guide-steps{grid-template-columns:1fr}.journey-guide-steps li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-height:auto}.journey-guide-steps b{margin:0}.journey-live-summary{grid-template-columns:1fr}.journey-live-summary>i{width:100%;height:1px}.journey-live-summary article{align-items:flex-start;flex-direction:column;gap:8px}
  .diagnostic-journey .journey-step{padding-left:58px}.diagnostic-journey .journey-step textarea{min-height:84px}
  .case-editor,.priority-editor{padding:20px;border-radius:18px}.segmented-control,.case-time-grid{grid-template-columns:1fr}.segmented-control span{justify-content:flex-start;text-align:left}.case-editor-details{margin-inline:-13px}.case-editor-details>summary{align-items:flex-start;flex-direction:column}.case-editor-body{padding-inline:16px}
  .priority-result{padding:22px}.priority-result dl>div{grid-template-columns:1fr;gap:8px}.is-strom-mode .priority-editor{grid-column:auto}
  .inline-action-row,.apply-scenario-row,.priority-confirm-row{align-items:stretch;flex-direction:column}.inline-action-row .cta,.apply-scenario-row .cta,.priority-confirm-row .cta{width:100%}
  .dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions .cta{width:100%}.diagnostic-dialog{padding:22px;border-radius:20px}
}

body[data-experience="diagnostic"] :is(.evidence-copy,.impact-copy,.priority-copy)>.section-count{
  margin-bottom:38px;
}

/* STRØM context comes before the diagnostic itself. */
body[data-experience="diagnostic"] .strom-introduction{
  background:radial-gradient(circle at 86% 12%,rgba(246,184,0,.045),transparent 30%),#080808;
}
.strom-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);
  gap:clamp(52px,8vw,112px);
  align-items:center;
}
.strom-intro-logo{
  width:clamp(118px,12vw,168px);
  height:auto;
  margin-bottom:52px;
}
.strom-intro-copy .eyebrow{
  margin-bottom:24px;
}
.strom-intro-copy h2{
  max-width:760px;
  margin-bottom:30px;
  font-size:clamp(48px,5.8vw,86px);
}
.strom-intro-copy>p{
  max-width:620px;
  margin:0;
  color:#aaa49d;
  font-size:16px;
  line-height:1.65;
}
.strom-pain-hypothesis{
  padding:clamp(28px,4vw,46px);
  border:1px solid #3a3733;
  border-radius:26px;
  background:linear-gradient(155deg,#181818,#0b0b0b);
  box-shadow:0 34px 90px rgba(0,0,0,.32);
}
.strom-pain-hypothesis>span{
  display:block;
  margin-bottom:26px;
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.16em;
}
.strom-pain-hypothesis>strong{
  display:block;
  font-size:clamp(26px,2.8vw,42px);
  line-height:1.1;
  letter-spacing:-.045em;
}
.strom-pain-hypothesis>p{
  margin:28px 0 0;
  padding-top:24px;
  border-top:1px solid #36332f;
  color:#a39d96;
  font-size:11px;
  line-height:1.65;
}
.strom-pain-path{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:36px;
}
.strom-pain-path>span{
  min-height:100px;
  padding:16px;
  border:1px solid #36332f;
  border-radius:14px;
  background:#0d0d0d;
}
.strom-pain-path i{
  display:block;
  width:9px;
  height:9px;
  margin-bottom:24px;
  border-radius:50%;
  background:var(--green);
}
.strom-pain-path .is-fragile{
  border-color:rgba(215,25,0,.5);
}
.strom-pain-path .is-fragile i{
  background:var(--red);
  box-shadow:0 0 18px rgba(215,25,0,.28);
}
.strom-pain-path>span:last-child i{
  background:#6f6962;
}
.strom-pain-path b{
  display:block;
  font-size:11px;
  line-height:1.35;
}
.strom-method{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:clamp(48px,7vw,82px);
  border-top:1px solid #393632;
  border-bottom:1px solid #393632;
}
.strom-method article{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:8px 18px;
  min-height:142px;
  padding:28px;
  border-right:1px solid #393632;
}
.strom-method article:last-child{
  border-right:0;
}
.strom-method span{
  grid-row:1/3;
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.13em;
}
.strom-method strong{
  font-size:18px;
}
.strom-method p{
  margin:0;
  color:#938d86;
  font-size:11px;
  line-height:1.5;
}

@media(max-width:1000px){
  .strom-intro-grid{grid-template-columns:1fr}
  .strom-intro-copy>p{max-width:760px}
  .strom-pain-hypothesis{max-width:820px}
}

@media(max-width:700px){
  .strom-intro-logo{margin-bottom:42px}
  .strom-intro-copy h2{font-size:clamp(42px,12vw,60px)}
  .strom-pain-hypothesis{padding:22px;border-radius:20px}
  .strom-pain-path{grid-template-columns:1fr}
  .strom-pain-path>span{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:center;min-height:auto}
  .strom-pain-path i{margin:0}
  .strom-method{grid-template-columns:1fr}
  .strom-method article{min-height:auto;border-right:0;border-bottom:1px solid #393632}
  .strom-method article:last-child{border-bottom:0}
}

/* Commercial positioning from the STRØM Marketing & Sales Bible. */
.strom-pain-hypothesis>.strom-market-problem{
  margin:30px 0 0;
  padding:0;
  border:0;
  color:#c7c1ba;
  font-size:13px;
  line-height:1.55;
}
.strom-fragmentation-signs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:16px;
}
.strom-fragmentation-signs>span{
  min-height:108px;
  padding:17px;
  border:1px solid #393632;
  border-radius:14px;
  background:#0d0d0d;
}
.strom-fragmentation-signs i{
  display:block;
  width:8px;
  height:8px;
  margin-bottom:25px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 16px rgba(215,25,0,.25);
}
.strom-fragmentation-signs b{
  display:block;
  font-size:11px;
  line-height:1.38;
}
.strom-pain-hypothesis>.strom-prudence{
  margin-top:22px;
  padding-top:20px;
}
.strom-method{
  grid-template-columns:repeat(4,1fr);
}
.strom-meeting-purpose{
  display:grid;
  grid-template-columns:150px minmax(0,1.25fr) minmax(260px,.75fr);
  gap:clamp(24px,4vw,58px);
  align-items:start;
  margin-top:30px;
  padding:30px;
  border:1px solid #3a3733;
  border-radius:20px;
  background:#0d0d0d;
}
.strom-meeting-purpose>span{
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.15em;
}
.strom-meeting-purpose>strong{
  font-size:clamp(22px,2.2vw,32px);
  line-height:1.12;
  letter-spacing:-.04em;
}
.strom-meeting-purpose>p{
  margin:0;
  color:#9d9790;
  font-size:12px;
  line-height:1.6;
}

@media(max-width:1000px){
  .strom-method{grid-template-columns:1fr 1fr}
  .strom-method article:nth-child(2){border-right:0}
  .strom-method article:nth-child(-n+2){border-bottom:1px solid #393632}
  .strom-meeting-purpose{grid-template-columns:1fr 2fr}
  .strom-meeting-purpose>p{grid-column:2}
}

@media(max-width:700px){
  .strom-fragmentation-signs{grid-template-columns:1fr}
  .strom-fragmentation-signs>span{display:grid;grid-template-columns:12px 1fr;gap:12px;align-items:center;min-height:auto}
  .strom-fragmentation-signs i{margin:0}
  .strom-method{grid-template-columns:1fr}
  .strom-method article{border-right:0}
  .strom-method article:nth-child(-n+3){border-bottom:1px solid #393632}
  .strom-meeting-purpose{grid-template-columns:1fr;padding:22px}
  .strom-meeting-purpose>p{grid-column:auto}
}

/* Slightly calmer type scale for the client-facing diagnostic. */
body[data-experience="diagnostic"] .hero-title{
  font-size:clamp(50px,6.5vw,102px);
}
body[data-experience="diagnostic"] .meeting-heading h2{
  font-size:clamp(42px,5.1vw,76px);
}
body[data-experience="diagnostic"] .strom-intro-copy h2{
  font-size:clamp(42px,5vw,72px);
}
body[data-experience="diagnostic"] .journey-question-copy h2{
  font-size:clamp(40px,4.5vw,68px);
}
body[data-experience="diagnostic"] :is(.evidence-copy,.impact-copy,.priority-copy,.close-content)>h2{
  font-size:clamp(42px,5vw,74px);
}
body[data-experience="diagnostic"] .journey-conclusion strong{
  font-size:clamp(28px,3.3vw,44px);
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .hero-title{
    font-size:clamp(40px,11vw,56px);
  }
  body[data-experience="diagnostic"] :is(.meeting-heading h2,.strom-intro-copy h2,.journey-question-copy h2,.evidence-copy h2,.impact-copy h2,.priority-copy h2,.close-content h2){
    font-size:clamp(36px,9.8vw,50px);
  }
}

/* Evidence capture and clearer priority workflow. */
body[data-experience="diagnostic"] .case-performed-by{
  max-width:58ch;
  margin:12px 0 0;
  color:var(--strom-muted);
  font-size:11px;
  line-height:1.5;
}
body[data-experience="diagnostic"] .case-performed-by strong{color:var(--strom-white);font-weight:650}
body[data-experience="diagnostic"] .diagnostic-event-phone .message p{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
body[data-experience="diagnostic"] .priority-layout{align-items:start}
body[data-experience="diagnostic"] .priority-workspace{
  display:grid;
  grid-column:2;
  gap:18px;
  min-width:0;
}
body[data-experience="diagnostic"].is-strom-mode .priority-editor{grid-column:auto!important}
body[data-experience="diagnostic"] .priority-editor-intro{
  margin:0 0 24px;
  padding:0 0 20px;
  border-bottom:1px solid var(--strom-line);
}
body[data-experience="diagnostic"] .priority-editor-intro span{
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.14em;
}
body[data-experience="diagnostic"] .priority-editor-intro p{
  max-width:58ch;
  margin:10px 0 0;
  color:var(--strom-muted);
  font-size:12px;
  line-height:1.55;
}
body[data-experience="diagnostic"] .priority-editor .field-label>small{
  display:block;
  margin:-1px 0 10px;
  color:var(--strom-subtle);
  font-size:10px;
  line-height:1.45;
}

@media(max-width:1100px){
  body[data-experience="diagnostic"] .priority-workspace{grid-column:auto}
}

/* Use a real image layer so the STRØM campaign visual stays perceptible. */
body[data-experience="diagnostic"] .strom-introduction{
  background:#060606;
}
.strom-introduction-bg{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 44%;
  opacity:.88;
  filter:saturate(.92) contrast(1.08);
  transform:scale(1.01);
}
.strom-introduction-overlay{
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,3,3,.86) 0%,rgba(3,3,3,.55) 50%,rgba(3,3,3,.68) 100%),
    linear-gradient(0deg,rgba(3,3,3,.90) 0%,rgba(3,3,3,.08) 54%,rgba(3,3,3,.42) 100%);
}
body[data-experience="diagnostic"] .strom-introduction>.chapter-content{
  z-index:5;
}

@media(max-width:700px){
  .strom-introduction-bg{
    object-position:58% center;
    opacity:.78;
  }
  .strom-introduction-overlay{
    background:linear-gradient(180deg,rgba(3,3,3,.56) 0%,rgba(3,3,3,.86) 42%,rgba(3,3,3,.96) 100%);
  }
}

/* One Clarity radius for every diagnostic content box. */
body[data-experience="diagnostic"]{
  --diagnostic-box-radius:22px;
}
body[data-experience="diagnostic"] :is(
  .chapter,
  .diagnostic-system-state,
  .diagnostic-toolbar,
  .meeting-context-note,
  .problem-sequence article,
  .journey-answer-panel,
  .journey-answer-panel>label:not(.facilitator-note)>span,
  .journey-result-line article,
  .strom-pain-hypothesis,
  .strom-fragmentation-signs>span,
  .strom-meeting-purpose,
  .diagnostic-event-phone,
  .case-disclaimer,
  .impact-controls,
  .impact-breakdown article,
  .priority-result,
  .priority-editor,
  .diagnostic-summary article,
  .diagnostic-decision,
  .decision-options button,
  .decision-feedback,
  .diagnostic-dialog
){
  border-radius:var(--diagnostic-box-radius);
}

/* Final client decision */
.diagnostic-decision{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);
  gap:clamp(34px,6vw,78px);
  width:100%;
  margin-top:52px;
  padding:clamp(28px,4vw,46px);
  border:1px solid #3a3733;
  background:linear-gradient(155deg,#171717,#090909);
  text-align:left;
}
.decision-question>span{
  display:block;
  margin-bottom:24px;
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.15em;
}
.decision-question h3{
  margin-bottom:18px;
  font-size:clamp(30px,3vw,44px);
  line-height:1.02;
}
.decision-question p{
  max-width:500px;
  margin:0;
  color:#9c968f;
  font-size:12px;
  line-height:1.6;
}
.decision-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.decision-options button{
  display:flex;
  flex-direction:column;
  min-height:210px;
  padding:24px;
  border:1px solid #3b3834;
  background:#0d0d0d;
  color:#f3f2ed;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .25s var(--ease),border-color .25s var(--ease),background-color .25s var(--ease),box-shadow .25s var(--ease);
}
.decision-options button:hover:not(:disabled){
  transform:translateY(-3px);
  border-color:#686159;
}
.decision-options button>i{
  color:#79736c;
  font-size:9px;
  font-style:normal;
  font-weight:750;
  letter-spacing:.14em;
}
.decision-options button>strong{
  margin:auto 0 14px;
  font-size:clamp(20px,2vw,28px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.decision-options button>small{
  color:#8f8982;
  font-size:10px;
  line-height:1.5;
}
.decision-options button.is-selected{
  border-color:var(--yellow);
  background:rgba(246,184,0,.055);
  box-shadow:0 0 0 1px rgba(246,184,0,.08),0 20px 50px rgba(0,0,0,.22);
}
.decision-options button.is-selected>i,
.decision-options button.is-selected>strong{
  color:var(--yellow);
}
.decision-options button:disabled{
  cursor:default;
  opacity:.68;
}
.decision-feedback{
  grid-column:1/-1;
  padding:18px 20px;
  border:1px solid #454039;
  background:#0b0b0b;
  color:#c7c1ba;
  font-size:11px;
  line-height:1.55;
}
.decision-feedback[data-outcome="proposal_requested"]{
  border-color:rgba(93,228,164,.42);
  color:#bdebd3;
}

@media(max-width:1000px){
  .diagnostic-decision{grid-template-columns:1fr}
}

@media(max-width:700px){
  .diagnostic-decision{padding:22px}
  .decision-options{grid-template-columns:1fr}
  .decision-options button{min-height:170px}
}

body[data-experience="diagnostic"] .decision-card{
  background:radial-gradient(circle at 84% 16%,rgba(246,184,0,.045),transparent 30%),#080808;
}
body[data-experience="diagnostic"] .decision-chapter-content{
  padding:clamp(62px,7vw,104px);
}
body[data-experience="diagnostic"] .decision-card .diagnostic-decision{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .decision-chapter-content{
    padding:70px 24px;
  }
  body[data-experience="diagnostic"] .decision-card .diagnostic-decision{
    padding:0;
  }
}

/* The final decision is the visual climax of the meeting. */
body[data-experience="diagnostic"] .decision-card{
  min-height:min(920px,calc(100svh - 116px));
  background:radial-gradient(circle at 84% 8%,rgba(246,184,0,.10),transparent 28%),radial-gradient(circle at 8% 100%,rgba(215,25,0,.055),transparent 30%),#060606;
}
body[data-experience="diagnostic"] .decision-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-34%;
  right:-10%;
  width:min(58vw,760px);
  aspect-ratio:1;
  border:1px solid rgba(246,184,0,.10);
  border-radius:50%;
  box-shadow:0 0 120px rgba(246,184,0,.035),inset 0 0 120px rgba(246,184,0,.025);
}
body[data-experience="diagnostic"] .decision-card .diagnostic-decision{
  grid-template-columns:1fr;
  gap:clamp(44px,6vw,76px);
}
.decision-card .decision-question{
  max-width:1060px;
}
.decision-card .decision-question>span{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:32px;
}
.decision-card .decision-question>span:before{
  content:"";
  width:42px;
  height:1px;
  background:var(--yellow);
  box-shadow:0 0 14px rgba(246,184,0,.32);
}
.decision-card .decision-question h2{
  max-width:1040px;
  margin:0 0 30px;
  font-size:clamp(50px,6.2vw,90px);
  line-height:.94;
}
.decision-card .decision-question p{
  max-width:720px;
  color:#b1aba4;
  font-size:15px;
}
.decision-card .decision-options{
  gap:16px;
}
.decision-card .decision-options button{
  position:relative;
  min-height:250px;
  padding:30px;
  overflow:hidden;
}
.decision-card .decision-options button:first-child{
  border-color:rgba(246,184,0,.34);
  background:linear-gradient(145deg,rgba(246,184,0,.045),#0d0d0d 55%);
}
.decision-card .decision-options button:after{
  content:"→";
  position:absolute;
  top:26px;
  right:26px;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid #4a4640;
  border-radius:50%;
  color:#aaa49c;
  font-size:18px;
  transition:transform .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);
}
.decision-card .decision-options button:hover:after,
.decision-card .decision-options button.is-selected:after{
  transform:translateX(4px);
  border-color:var(--yellow);
  color:var(--yellow);
}
.decision-card .decision-options button>strong{
  max-width:78%;
  font-size:clamp(26px,2.8vw,40px);
}
.decision-card .decision-options button>small{
  max-width:72%;
  font-size:11px;
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .decision-card{min-height:auto}
  .decision-card .decision-question h2{font-size:clamp(40px,11vw,56px)}
  .decision-card .decision-question p{font-size:13px}
  .decision-card .decision-options button{min-height:210px;padding:24px}
  .decision-card .decision-options button:after{top:20px;right:20px;width:38px;height:38px}
  .decision-card .decision-options button>strong,.decision-card .decision-options button>small{max-width:82%}
}

/* Keep the climax legible: headline first, choices second. */
body[data-experience="diagnostic"] .decision-card .diagnostic-decision{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch;
  gap:clamp(42px,5vw,68px);
}
body[data-experience="diagnostic"] .decision-card .decision-question{
  width:100%;
  max-width:1200px;
}
body[data-experience="diagnostic"] .decision-card .decision-question h2{
  max-width:1200px;
  font-size:clamp(46px,4.7vw,72px);
  line-height:.98;
}
body[data-experience="diagnostic"] .decision-card .decision-options{
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

@media(max-width:760px){
  body[data-experience="diagnostic"] .decision-card .decision-question h2{
    font-size:clamp(38px,10vw,52px);
  }
  body[data-experience="diagnostic"] .decision-card .decision-options{
    grid-template-columns:1fr;
  }
}

/* Official STRØM campaign image behind the brand introduction. */
body[data-experience="diagnostic"] .strom-introduction{
  background:
    linear-gradient(90deg,rgba(3,3,3,.94) 0%,rgba(3,3,3,.78) 48%,rgba(3,3,3,.70) 100%),
    linear-gradient(0deg,rgba(3,3,3,.88) 0%,rgba(3,3,3,.20) 56%,rgba(3,3,3,.48) 100%),
    radial-gradient(circle at 70% 48%,rgba(246,184,0,.07),transparent 32%),
    url("assets/images/strom-reflexo-desktop.webp") center 48%/cover no-repeat;
}
body[data-experience="diagnostic"] .strom-introduction .strom-pain-hypothesis{
  background:rgba(12,12,12,.86);
  backdrop-filter:blur(14px);
  box-shadow:0 34px 100px rgba(0,0,0,.48);
}
body[data-experience="diagnostic"] .strom-introduction .strom-method,
body[data-experience="diagnostic"] .strom-introduction .strom-meeting-purpose{
  background:rgba(7,7,7,.70);
  backdrop-filter:blur(10px);
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .strom-introduction{
    background:
      linear-gradient(180deg,rgba(3,3,3,.78) 0%,rgba(3,3,3,.92) 46%,rgba(3,3,3,.96) 100%),
      url("assets/images/strom-reflexo-mobile.webp") 62% center/cover no-repeat;
  }
}

/* Final campaign-image layers: real elements, kept above legacy backgrounds. */
body[data-experience="diagnostic"] .strom-introduction,
body[data-experience="diagnostic"] .decision-card{
  position:relative;
  overflow:hidden;
  background:#060606!important;
}
body[data-experience="diagnostic"] :is(.strom-introduction-bg,.decision-card-bg){
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
}
body[data-experience="diagnostic"] .strom-introduction-bg{
  object-position:center 44%;
  opacity:.92;
  filter:saturate(.96) contrast(1.08);
}
body[data-experience="diagnostic"] .decision-card-bg{
  object-position:72% 44%;
  opacity:.74;
  filter:saturate(.92) contrast(1.06);
}
body[data-experience="diagnostic"] :is(.strom-introduction-overlay,.decision-card-overlay){
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
}
body[data-experience="diagnostic"] .strom-introduction-overlay{
  background:
    linear-gradient(90deg,rgba(3,3,3,.82) 0%,rgba(3,3,3,.48) 50%,rgba(3,3,3,.66) 100%),
    linear-gradient(0deg,rgba(3,3,3,.92) 0%,rgba(3,3,3,.08) 54%,rgba(3,3,3,.38) 100%);
}
body[data-experience="diagnostic"] .decision-card-overlay{
  background:
    linear-gradient(90deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.89) 47%,rgba(3,3,3,.28) 74%,rgba(3,3,3,.56) 100%),
    linear-gradient(0deg,rgba(3,3,3,.90) 0%,rgba(3,3,3,.08) 58%,rgba(3,3,3,.38) 100%);
}
body[data-experience="diagnostic"] .strom-introduction>.chapter-content,
body[data-experience="diagnostic"] .decision-card>.chapter-content{
  position:relative;
  z-index:3;
}
body[data-experience="diagnostic"] .decision-card:before{
  z-index:2;
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .strom-introduction-bg{
    object-position:58% center;
    opacity:.82;
  }
  body[data-experience="diagnostic"] .decision-card-bg{
    object-position:68% 26%;
    opacity:.62;
  }
  body[data-experience="diagnostic"] .strom-introduction-overlay,
  body[data-experience="diagnostic"] .decision-card-overlay{
    background:linear-gradient(180deg,rgba(3,3,3,.54) 0%,rgba(3,3,3,.82) 38%,rgba(3,3,3,.97) 100%);
  }
}

/* Explicit consent before requesting the proposal. */
body[data-experience="diagnostic"] .decision-consent-panel{
  width:100%;
  padding:clamp(24px,3.2vw,42px);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--diagnostic-box-radius);
  background:rgba(8,8,8,.78);
  box-shadow:0 30px 90px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
}
body[data-experience="diagnostic"] .decision-consent{
  display:flex;
  align-items:flex-start;
  gap:18px;
  max-width:980px;
  cursor:pointer;
}
body[data-experience="diagnostic"] .decision-consent input{
  width:24px;
  height:24px;
  flex:0 0 24px;
  margin:2px 0 0;
  accent-color:var(--yellow);
  cursor:pointer;
}
body[data-experience="diagnostic"] .decision-consent span{
  display:grid;
  gap:8px;
}
body[data-experience="diagnostic"] .decision-consent b{
  color:#f3f0eb;
  font-size:clamp(17px,1.55vw,22px);
  line-height:1.3;
}
body[data-experience="diagnostic"] .decision-consent small{
  max-width:780px;
  color:#96918a;
  font-size:12px;
  line-height:1.6;
}
body[data-experience="diagnostic"] .decision-actions{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:14px;
  margin-top:32px;
}
body[data-experience="diagnostic"] .decision-actions button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:82px;
  padding:20px 24px;
  border-radius:999px;
  font-family:inherit;
  cursor:pointer;
  transition:transform .24s var(--ease),background-color .24s var(--ease),border-color .24s var(--ease),opacity .24s var(--ease);
}
body[data-experience="diagnostic"] .decision-actions button:hover:not(:disabled){
  transform:translateY(-2px);
}
body[data-experience="diagnostic"] .decision-actions button span{
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}
body[data-experience="diagnostic"] .decision-actions button strong{
  font-size:clamp(17px,1.7vw,24px);
  letter-spacing:-.035em;
}
body[data-experience="diagnostic"] .decision-primary{
  border:1px solid var(--yellow);
  background:var(--yellow);
  color:#090909;
}
body[data-experience="diagnostic"] .decision-primary:disabled{
  border-color:#3c3934;
  background:#201f1c;
  color:#77726b;
  opacity:.72;
  cursor:not-allowed;
}
body[data-experience="diagnostic"] .decision-secondary{
  border:1px solid #4a4640;
  background:rgba(8,8,8,.68);
  color:#f1eee9;
}
body[data-experience="diagnostic"] .decision-actions button.is-selected{
  outline:2px solid var(--green);
  outline-offset:3px;
}
body[data-experience="diagnostic"] .decision-consent-note{
  margin:18px 0 0 42px;
  color:#77726c;
  font-size:10px;
  line-height:1.55;
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .decision-actions{
    grid-template-columns:1fr;
  }
  body[data-experience="diagnostic"] .decision-actions button{
    min-height:72px;
    border-radius:var(--diagnostic-box-radius);
  }
  body[data-experience="diagnostic"] .decision-consent-note{
    margin-left:0;
  }
}

/* Constituents shown in the diagnostic without exposing the commercial plan. */
body[data-experience="diagnostic"] .priority-constituents{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid var(--strom-line);
}
body[data-experience="diagnostic"] .priority-constituents>span{
  display:block;
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.16em;
}
body[data-experience="diagnostic"] .priority-constituents ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 24px;
  margin:18px 0;
  padding:0;
  list-style:none;
}
body[data-experience="diagnostic"] .priority-constituents li{
  position:relative;
  padding:11px 0 11px 20px;
  border-bottom:1px solid rgba(243,242,237,.1);
  color:var(--strom-white);
  font-size:11px;
  line-height:1.45;
}
body[data-experience="diagnostic"] .priority-constituents li::before{
  content:"";
  position:absolute;
  top:17px;
  left:1px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--yellow);
}
body[data-experience="diagnostic"] .priority-constituents>small{
  color:var(--strom-subtle);
  font-size:9px;
  line-height:1.5;
}

/* Proposal plans — recommendation and investment only live on this page. */
body[data-experience="proposal"]{
  --black:#030303;
  --ink:#0a0a0a;
  --panel:#0d0d0d;
  --panel2:#171717;
  --blue:#0a0a0a;
  --radius:22px;
  background:
    radial-gradient(circle at 92% 15%,rgba(245,198,10,.045),transparent 30%),
    radial-gradient(circle at 8% 72%,rgba(224,34,4,.035),transparent 30%),
    #030303;
}
body[data-experience="proposal"] :is(.chapter,.price-main,.price-side,.benefit-card,.deliverable-card,.effort-card,.state-column,.micro-demo){
  border-radius:22px;
}
.proposal-plans-section{
  background:radial-gradient(circle at 86% 8%,rgba(245,198,10,.075),transparent 34%),#050505;
}
.proposal-plan-context{
  max-width:900px;
  margin:-28px 0 42px;
  padding:24px 28px;
  border-left:2px solid var(--yellow);
  background:linear-gradient(90deg,rgba(245,198,10,.055),transparent);
}
.proposal-plan-context>span{
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.16em;
}
.proposal-plan-context strong{
  display:block;
  margin-top:16px;
  color:var(--white);
  font-size:clamp(22px,2.6vw,38px);
  line-height:1.18;
  letter-spacing:-.045em;
}
.proposal-plan-context p{
  max-width:760px;
  margin:12px 0 0;
  color:#a9a29a;
  font-size:12px;
  line-height:1.6;
}
.proposal-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.proposal-plan-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:590px;
  padding:28px;
  border:1px solid rgba(243,242,237,.16);
  border-radius:22px;
  background:linear-gradient(155deg,#151515,#080808 62%);
  box-shadow:0 24px 70px rgba(0,0,0,.2);
  transition:border-color .3s var(--ease),transform .3s var(--ease),background .3s var(--ease);
}
.proposal-plan-card:has(.proposal-plan-badge){border-color:rgba(245,198,10,.48)}
.proposal-plan-card[data-selected="true"]{
  border-color:var(--red);
  background:linear-gradient(155deg,rgba(215,25,0,.08),#090909 58%);
  transform:translateY(-5px);
}
.proposal-plan-card-top{
  display:flex;
  min-height:28px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.proposal-plan-index{color:#777068;font-size:9px;font-weight:700;letter-spacing:.14em}
.proposal-plan-badge{
  padding:7px 9px;
  border-radius:999px;
  background:var(--yellow);
  color:#080808;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}
.proposal-plan-card h3{
  margin:34px 0 8px;
  color:var(--white);
  font-size:clamp(34px,3.5vw,50px);
  line-height:1;
}
.proposal-plan-offer{color:var(--yellow);font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.proposal-plan-summary{min-height:66px;margin:20px 0 26px;color:#aaa39b;font-size:12px;line-height:1.6}
.proposal-plan-result{min-height:94px;padding:18px 0;border-top:1px solid rgba(243,242,237,.12)}
.proposal-plan-result small{display:block;margin-bottom:12px;color:#777068;font-size:8px;letter-spacing:.12em}
.proposal-plan-result strong{display:block;color:#eeeae4;font-size:12px;line-height:1.45}
.proposal-plan-prices{display:grid;gap:14px;padding:20px 0;border-top:1px solid rgba(243,242,237,.12);border-bottom:1px solid rgba(243,242,237,.12)}
.proposal-plan-prices div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.proposal-plan-prices small{color:#777068;font-size:8px;letter-spacing:.11em}
.proposal-plan-prices strong{color:var(--white);font-size:14px;text-align:right}
.proposal-plan-card ul{display:grid;gap:0;margin:22px 0 28px;padding:0;list-style:none}
.proposal-plan-card li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid rgba(243,242,237,.08);color:#c8c2ba;font-size:10px;line-height:1.45}
.proposal-plan-card li::before{content:"✓";position:absolute;left:0;color:var(--yellow);font-weight:800}
.proposal-plan-action{
  width:100%;
  min-height:50px;
  margin-top:auto;
  padding:12px 16px;
  border:1px solid rgba(243,242,237,.22);
  border-radius:999px;
  background:transparent;
  color:var(--white);
  font:inherit;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  cursor:pointer;
}
.proposal-plan-card[data-selected="true"] .proposal-plan-action{border-color:var(--red);background:var(--red);color:#fff}
.proposal-plan-action:hover{border-color:var(--white)}
.proposal-plan-note{margin:28px 0 0;color:#777068;font-size:10px;line-height:1.6}
body[data-experience="proposal"] .future-card{
  background:radial-gradient(circle at 85% 4%,rgba(246,184,0,.055),transparent 34%),#050505;
  color:var(--white);
}
body[data-experience="proposal"] .future-card .eyebrow{color:var(--yellow)}
body[data-experience="proposal"] .future-card .chapter-head p{color:#9f9890}
body[data-experience="proposal"] .state-column.before,
body[data-experience="proposal"] .state-column.after{border:1px solid rgba(243,242,237,.16);background:#090909;color:var(--white)}
body[data-experience="proposal"] .state-column.before{border-left-color:var(--red)}
body[data-experience="proposal"] .state-column.after{border-left-color:var(--yellow)}
body[data-experience="proposal"] .state-column li,
body[data-experience="proposal"] .after li{border-bottom-color:rgba(243,242,237,.1)}
body[data-experience="proposal"] .state-label,
body[data-experience="proposal"] .after .state-label{color:#817a72}
body[data-experience="proposal"] .state-column.before li i{background:var(--red)}
body[data-experience="proposal"] .state-column li i{flex:0 0 9px;width:9px;height:9px;aspect-ratio:1;border-radius:50%}
body[data-experience="proposal"] .transformation span{background:linear-gradient(90deg,var(--red),var(--yellow))}
body[data-experience="proposal"] .recommendation-card .price-main,
body[data-experience="proposal"] .recommendation-card .price-side{
  border-color:rgba(243,242,237,.16);
  background:linear-gradient(155deg,rgba(18,18,18,.94),rgba(5,5,5,.96));
}

/* Scheduling handoff after the client authorizes a proposal. */
body[data-experience="proposal-schedule"]{
  --diagnostic-box-radius:22px;
  --strom-white:#f3f2ed;
  --strom-muted:#b4aca3;
  --strom-subtle:#817a72;
  --strom-line:rgba(243,242,237,.16);
  background:
    radial-gradient(circle at 90% 12%,rgba(245,198,10,.055),transparent 30%),
    radial-gradient(circle at 8% 88%,rgba(224,34,4,.04),transparent 34%),
    #030303;
}
.schedule-main{
  width:min(100%,var(--max));
  min-height:calc(100svh - 40px);
  margin:auto;
  padding:132px 18px 70px;
}
.schedule-intro{max-width:980px;margin:0 auto 40px;text-align:center}
.schedule-intro h1{margin:0 0 24px;font-size:clamp(50px,6vw,88px);line-height:1}
.schedule-intro>p{max-width:760px;margin:0 auto;color:var(--strom-muted);font-size:15px;line-height:1.65}
.schedule-layout{width:min(1040px,100%);margin:0 auto}
.schedule-layout[hidden]{display:none}
.schedule-calendar{
  min-width:0;
  padding:clamp(30px,4vw,50px);
  border:1px solid var(--strom-line);
  border-radius:22px;
  background:linear-gradient(155deg,#151515,#080808 62%);
}
.schedule-calendar>span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.16em}
.schedule-calendar h2{max-width:15ch;margin:28px 0 18px;font-size:clamp(36px,4vw,58px);line-height:1.03}
.schedule-calendar>p{max-width:66ch;color:var(--strom-muted);font-size:12px;line-height:1.65}
.schedule-calendar{background:radial-gradient(circle at 85% 8%,rgba(245,198,10,.07),transparent 34%),#090909}
.schedule-calendar-frame{overflow:hidden;min-height:670px;margin:30px 0 20px;border:1px solid var(--strom-line);border-radius:22px;background:#fff}
.schedule-calendar-frame[hidden]{display:none}
.schedule-calendar-frame iframe{display:block;width:100%;min-height:670px;border:0;background:#fff}
.schedule-calendar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:48px}
.schedule-calendar-actions .cta{margin:0}
.schedule-calendar-missing{margin-top:30px;padding:24px;border-left:2px solid var(--yellow);background:rgba(245,198,10,.045)}
.schedule-calendar-missing[hidden]{display:none}
.schedule-calendar-missing b{font-size:12px}
.schedule-calendar-missing p{margin:9px 0 0;color:var(--strom-muted);font-size:10px;line-height:1.5}
.schedule-calendar-missing code{color:var(--yellow)}
.schedule-back-link{display:inline-flex;margin-top:28px;color:var(--strom-muted);font-size:10px;text-decoration:none}
.schedule-back-link:hover{color:var(--yellow)}
body[data-experience="proposal-schedule"] .diagnostic-system-state{width:min(920px,100%);margin:0 auto;border-radius:22px}

@media(max-width:1050px){
  .proposal-plan-grid{grid-template-columns:1fr}
  .proposal-plan-card{min-height:0}
  .proposal-plan-summary{min-height:0}
}
@media(max-width:700px){
  body[data-experience="diagnostic"] .priority-constituents ul{grid-template-columns:1fr}
  .proposal-plan-context{margin-top:0;padding:20px}
  .proposal-plan-card{padding:24px}
  .proposal-plan-prices div{display:grid;gap:6px}
  .proposal-plan-prices strong{text-align:left}
  .schedule-main{padding:100px 10px 40px}
  .schedule-intro{text-align:left}
  .schedule-calendar{padding:28px 22px}
  .schedule-calendar-frame,.schedule-calendar-frame iframe{min-height:620px}
  .schedule-calendar-actions{align-items:stretch;margin-top:38px}
  .schedule-calendar-actions .cta{justify-content:center;width:100%;text-align:center}
}

/* Approved meeting rhythm: shorter STRØM context and no internal explanations in client view. */
body[data-experience="diagnostic"] .strom-introduction{
  min-height:min(680px,calc(100svh - 118px));
}
body[data-experience="diagnostic"] .strom-introduction>.chapter-content{
  min-height:inherit;
  padding-block:clamp(58px,6.5vw,88px);
}
body[data-experience="diagnostic"] .strom-intro-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(42px,6vw,80px);
}
body[data-experience="diagnostic"] .strom-intro-logo{margin-bottom:34px}
body[data-experience="diagnostic"] .strom-intro-copy h2{font-size:clamp(46px,5.2vw,76px)}
body[data-experience="diagnostic"] .strom-pain-hypothesis>strong{font-size:clamp(24px,2.45vw,36px)}
body[data-experience="diagnostic"] .why-question{display:none}
body[data-experience="diagnostic"].is-strom-mode:not(.is-meeting-view) .why-question{display:block}
body[data-experience="diagnostic"].is-meeting-view .facilitator-note{display:none!important}
body[data-experience="diagnostic"].is-meeting-view .priority-back-to-setup{display:none!important}
body[data-experience="diagnostic"].is-meeting-view .completion-note{display:none!important}

/* Priority topics selected internally from the commercial plan catalogue. */
.setup-priority-topic-picker{margin:28px 0 4px;padding:0;border:0}
.setup-priority-topic-picker>legend{color:#aaa29a;font-size:10px;font-weight:650;letter-spacing:.03em}
.setup-priority-topic-picker>p{max-width:760px;margin:10px 0 20px;color:#817a72;font-size:10px;line-height:1.55}
#setupPriorityTopicOptions,#setupPriorityReasonOptions,#setupPriorityPreserveOptions,#proposalScopeOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.setup-priority-topic-option{position:relative;min-width:0}
.setup-priority-topic-option>input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.setup-priority-topic-option>span{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:112px;
  padding:20px;
  border:1px solid rgba(243,242,237,.16);
  border-radius:22px;
  background:#090909;
  cursor:pointer;
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
.setup-priority-topic-option>span::after{
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  width:14px;
  height:14px;
  border:1px solid #6e6861;
  border-radius:50%;
}
.setup-priority-topic-option small{color:#817a72;font-size:8px;font-weight:750;letter-spacing:.12em}
.setup-priority-topic-option b{max-width:88%;margin-top:auto;color:#eeeae4;font-size:12px;line-height:1.4}
.setup-priority-topic-option>input:checked+span{border-color:var(--yellow);background:rgba(246,184,0,.055);transform:translateY(-2px)}
.setup-priority-topic-option>input:checked+span::after{border-color:var(--yellow);background:var(--yellow);box-shadow:0 0 14px rgba(246,184,0,.28)}
.setup-priority-topic-option>input:checked+span small{color:var(--yellow)}
.setup-priority-topic-option>input:focus-visible+span{outline:2px solid var(--yellow);outline-offset:3px}
.setup-priority-topic-empty{grid-column:1/-1;padding:22px;border-left:2px solid var(--yellow);background:rgba(246,184,0,.035);color:#aaa29a;font-size:10px}
body[data-experience="diagnostic"] .priority-result>strong{margin-bottom:0}
body[data-experience="diagnostic"] .priority-result .priority-constituents{margin-top:24px}

/* Proposal — diagnostic-led commercial narrative. */
body[data-experience="proposal"] .proposal-opening{
  position:relative;
  min-height:100svh;
  margin-top:-94px;
  padding:94px 0 0;
  overflow:hidden;
  isolation:isolate;
  background:#000;
}
body[data-experience="proposal"] .proposal-opening .diagnostic-opening-video{z-index:-3}
body[data-experience="proposal"] .proposal-opening .diagnostic-opening-scrim{z-index:-2}
body[data-experience="proposal"] .proposal-opening .signal-field{z-index:-1}
body[data-experience="proposal"] .proposal-hero-box{
  background:rgba(5,5,5,.48);
  box-shadow:0 40px 120px rgba(0,0,0,.44);
  backdrop-filter:blur(6px);
}
body[data-experience="proposal"] .proposal-hero-box .hero-content{justify-content:flex-end}
body[data-experience="proposal"] .proposal-meta{margin-top:2px}

.proposal-understanding-card{background:radial-gradient(circle at 88% 6%,rgba(246,184,0,.055),transparent 32%),#050505}
.proposal-diagnostic-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:14px}
.proposal-diagnostic-primary,.proposal-diagnostic-stat{
  min-width:0;
  min-height:300px;
  padding:32px;
  border:1px solid rgba(243,242,237,.16);
  border-radius:22px;
  background:linear-gradient(155deg,#151515,#080808 65%);
}
.proposal-diagnostic-primary>span,.proposal-diagnostic-stat>span,.proposal-focus-detail>span,.proposal-focus-detail small,.proposal-scope-card>span{
  display:block;
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.15em;
}
.proposal-diagnostic-primary strong{display:block;max-width:20ch;margin:58px 0 22px;font-size:clamp(32px,3.7vw,58px);line-height:1.02;letter-spacing:-.05em}
.proposal-diagnostic-primary p,.proposal-diagnostic-stat p{margin:0;color:#9f9890;font-size:11px;line-height:1.6}
.proposal-diagnostic-stat{display:flex;flex-direction:column}
.proposal-diagnostic-stat strong{margin:auto 0 20px;color:var(--white);font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.055em}

.proposal-focus-card{background:radial-gradient(circle at 92% 15%,rgba(246,184,0,.07),transparent 36%),#050505}
.proposal-focus-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(34px,6vw,90px);align-items:center}
.proposal-focus-copy h2{font-size:clamp(52px,6.4vw,96px);line-height:.94}
.proposal-focus-copy p{max-width:56ch;color:#9f9890;font-size:14px;line-height:1.65}
.proposal-focus-detail{padding:38px;border:1px solid rgba(243,242,237,.16);border-radius:22px;background:linear-gradient(155deg,#161616,#080808)}
.proposal-focus-detail>strong{display:block;margin:34px 0 38px;font-size:clamp(30px,3.4vw,52px);line-height:1.06;letter-spacing:-.05em}
.proposal-focus-detail>div{padding:26px 0;border-top:1px solid rgba(243,242,237,.13)}
.proposal-focus-detail ul,.proposal-scope-card ul{display:grid;gap:0;margin:16px 0 0;padding:0;list-style:none}
.proposal-focus-detail li,.proposal-scope-card li{position:relative;padding:11px 0 11px 20px;border-bottom:1px solid rgba(243,242,237,.09);color:#c7c1b9;font-size:11px;line-height:1.5}
.proposal-focus-detail li::before,.proposal-scope-card li::before{content:"";position:absolute;top:17px;left:0;width:6px;height:6px;border-radius:50%;background:var(--yellow)}

.proposal-future-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch;margin-top:46px}
.proposal-future-flow article{min-width:0;min-height:178px;padding:22px;border:1px solid rgba(243,242,237,.15);border-radius:22px;background:#090909}
.proposal-future-flow article>span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.14em}
.proposal-future-flow strong{display:block;margin:42px 0 10px;font-size:17px;line-height:1.1}
.proposal-future-flow p{margin:0;color:#8d867e;font-size:9px;line-height:1.55}
.proposal-future-flow>i{display:none}

.proposal-comparison-section{background:radial-gradient(circle at 10% 10%,rgba(246,184,0,.045),transparent 30%),#050505}
.proposal-comparison{overflow-x:auto;border:1px solid rgba(243,242,237,.16);border-radius:22px;background:#080808}
.proposal-comparison table{width:100%;min-width:760px;border-collapse:collapse}
.proposal-comparison th,.proposal-comparison td{padding:20px 24px;border-bottom:1px solid rgba(243,242,237,.1);font-size:11px;text-align:left}
.proposal-comparison thead th{color:var(--yellow);font-size:9px;letter-spacing:.13em}
.proposal-comparison tbody th{width:34%;color:#eeeae4;font-weight:600}
.proposal-comparison td{color:#bbb4ac}
.proposal-comparison td.is-empty{color:#5f5a54}
.proposal-comparison tbody tr:last-child :is(th,td){border-bottom:0}
.proposal-comparison-notes{margin-top:16px;padding:20px 24px;border:1px solid rgba(243,242,237,.14);border-radius:22px;background:#080808}
.proposal-comparison-notes summary{color:#eeeae4;font-size:11px;font-weight:650;cursor:pointer}
.proposal-comparison-notes p{max-width:80ch;margin:18px 0 0;color:#918a82;font-size:10px;line-height:1.6}
.proposal-comparison-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;overflow:hidden;border:1px solid rgba(243,242,237,.12);border-radius:18px;background:rgba(243,242,237,.12)}
.proposal-comparison-guide article{min-height:142px;padding:22px;background:#0b0b0b}
.proposal-comparison-guide strong{display:block;color:var(--yellow);font-size:12px}
.proposal-comparison-guide article p{margin:12px 0 0;color:#aaa39b;font-size:10px;line-height:1.55}

.proposal-delivery-phase{margin:64px 0 24px;padding-top:38px;border-top:1px solid rgba(243,242,237,.14)}
.proposal-delivery-phase>span,.proposal-effort-head>span{display:block;margin-bottom:18px;color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.14em}
.proposal-delivery-phase h3,.proposal-effort-head h3{max-width:24ch;margin:0 0 12px;font-size:clamp(28px,3.2vw,46px);line-height:1.05;letter-spacing:-.045em}
.proposal-delivery-phase p,.proposal-effort-head p{max-width:58ch;margin:0;color:#9f9890;font-size:11px;line-height:1.6}

.proposal-scope-section{background:radial-gradient(circle at 100% 0%,rgba(215,25,0,.045),transparent 32%),#050505}
.proposal-effort-block{margin-bottom:64px;padding-bottom:64px;border-bottom:1px solid rgba(243,242,237,.14)}
.proposal-effort-head{margin-bottom:28px}
.proposal-scope-group{margin-top:52px}
.proposal-scope-group-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(243,242,237,.12)}
.proposal-scope-group-head span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.15em}
.proposal-scope-group-head p{max-width:52ch;margin:0;color:#918a82;font-size:10px;line-height:1.55;text-align:right}
.proposal-scope-board{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(243,242,237,.16);border-radius:22px;background:linear-gradient(145deg,#12110e,#070707 62%)}
.proposal-scope-column{position:relative;min-width:0;padding:34px 36px 32px}
.proposal-scope-column+ .proposal-scope-column{border-left:1px solid rgba(243,242,237,.13)}
.proposal-scope-column.is-included::before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:var(--yellow)}
.proposal-scope-column-head{display:grid;grid-template-columns:34px 1fr;gap:18px;align-items:start}
.proposal-scope-column-head small,.proposal-responsibility-head small{padding-top:7px;color:var(--yellow);font-size:8px;font-weight:750;letter-spacing:.14em}
.proposal-scope-column h3{margin:0;font-size:clamp(27px,3vw,42px);line-height:1.02;letter-spacing:-.045em}
.proposal-scope-column>p{max-width:46ch;margin:24px 0 8px;color:#918a82;font-size:10px;line-height:1.55}
.proposal-scope-column ul,.proposal-responsibility-board ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.proposal-scope-column li,.proposal-responsibility-board li{position:relative;padding:14px 0 14px 20px;border-bottom:1px solid rgba(243,242,237,.09);color:#c7c1b9;font-size:11px;line-height:1.5}
.proposal-scope-column li:last-child,.proposal-responsibility-board li:last-child{border-bottom:0}
.proposal-scope-column li::before,.proposal-responsibility-board li::before{content:"";position:absolute;top:20px;left:0;width:6px;height:6px;border-radius:50%;background:var(--yellow)}
.proposal-responsibility-group{margin-top:64px}
.proposal-responsibility-board{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(243,242,237,.16);border-bottom:1px solid rgba(243,242,237,.16)}
.proposal-responsibility-board article{min-width:0;padding:34px 36px}
.proposal-responsibility-board article+article{border-left:1px solid rgba(243,242,237,.13)}
.proposal-responsibility-head{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:start;margin-bottom:22px}
.proposal-responsibility-head h3{margin:0;font-size:clamp(23px,2.5vw,34px);line-height:1.05;letter-spacing:-.04em}

.proposal-accept-box{max-width:1040px}
.proposal-change-panel label{display:grid;gap:9px;color:#918a82;font-size:10px}
.proposal-change-panel textarea{width:100%;padding:15px 16px;border:1px solid rgba(243,242,237,.2);border-radius:14px;background:#070707;color:#fff;font:inherit;font-size:12px;outline:none}
.proposal-consent{display:flex;align-items:flex-start;gap:18px;padding:26px 0;border-top:1px solid rgba(243,242,237,.12);color:#c4bdb5;text-align:left;cursor:pointer}
.proposal-consent input{appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:22px;min-width:22px;height:22px;margin:2px 0 0;border:1px solid rgba(243,242,237,.48);border-radius:4px;background:transparent;cursor:pointer}
.proposal-consent input::before{content:"";width:11px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .16s var(--ease)}
.proposal-consent input:checked{border-color:var(--red);background:var(--red)}
.proposal-consent input:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1)}
.proposal-consent input:disabled{cursor:default;opacity:.72}
.proposal-consent span{font-size:14px;line-height:1.55}
.proposal-decision-actions{align-items:center}
.proposal-change-panel{margin-top:24px;padding:24px;border:1px solid rgba(243,242,237,.16);border-radius:22px;background:#070707;text-align:left}
.proposal-change-panel[hidden]{display:none}
.proposal-change-panel textarea{min-height:120px;resize:vertical}
.proposal-change-panel>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.proposal-why-strom{background:radial-gradient(circle at 50% 0%,rgba(246,184,0,.055),transparent 34%),#050505}
.proposal-principles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.proposal-principles article{min-width:0;min-height:270px;padding:26px;border:1px solid rgba(243,242,237,.15);border-radius:22px;background:#090909}
.proposal-principles span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.13em}
.proposal-principles strong{display:block;margin:72px 0 16px;font-size:21px;line-height:1.06;letter-spacing:-.035em}
.proposal-principles p{margin:0;color:#918a82;font-size:10px;line-height:1.55}
body[data-experience="proposal"] .timeline article small{display:block;margin-top:18px;color:var(--yellow);font-size:8px;font-weight:750;letter-spacing:.12em}
body[data-experience="proposal"] .metrics-grid{grid-template-columns:repeat(5,1fr)}
body[data-experience="proposal"] .metric-card strong{font-size:clamp(24px,2.5vw,36px)}
.proposal-decision-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-bottom:24px;overflow:hidden;border:1px solid rgba(243,242,237,.14);border-radius:22px;background:rgba(243,242,237,.14)}
.proposal-decision-summary>div{min-height:116px;padding:22px;background:#070707}
.proposal-decision-summary span{display:block;margin-bottom:28px;color:#777068;font-size:8px;font-weight:750;letter-spacing:.12em}
.proposal-decision-summary strong{display:block;color:#eeeae4;font-size:12px;line-height:1.4}
.proposal-decision-warning{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:15px 18px;border-left:2px solid var(--yellow);background:rgba(246,184,0,.045);color:#aaa29a;font-size:10px;line-height:1.55;text-align:left}
.proposal-decision-warning p{margin:0}
.proposal-decision-warning a{flex:0 0 auto;padding:10px 14px;border:1px solid rgba(246,184,0,.42);border-radius:999px;color:var(--yellow);font-size:9px;font-weight:750;text-decoration:none}
.proposal-decision-warning[hidden]{display:none}
.proposal-plan-difference{margin:-8px 0 22px;padding:15px 18px;border-left:2px solid var(--yellow);background:rgba(246,184,0,.045);color:#c9c0b6;font-size:10px;line-height:1.55;text-align:left}
.proposal-plan-difference[hidden]{display:none}
.proposal-approval-help{margin:14px 0 0;color:#918a82;font-size:9px;line-height:1.5;text-align:left}
.proposal-approval-help[hidden]{display:none}
.proposal-investment-includes{margin:30px 0 0;padding:24px 0;border-top:1px solid rgba(243,242,237,.14)}
.proposal-investment-includes span{display:block;margin-bottom:12px;color:var(--yellow);font-size:8px;font-weight:750;letter-spacing:.13em}
.proposal-investment-includes p{max-width:62ch;margin:0;color:#aaa29a;font-size:10px;line-height:1.6}

/* Proposal Clarity palette — overrides legacy blue card styles. */
body[data-experience="proposal"] .topbar{
  border-color:rgba(243,242,237,.14);
  background:rgba(7,7,7,.84);
}
body[data-experience="proposal"] :is(
  .proposal-plan-card,
  .proposal-diagnostic-primary,
  .proposal-diagnostic-stat,
  .proposal-focus-detail,
  .state-column,
  .proposal-future-flow article,
  .deliverable-card,
  .timeline article,
  .effort-card,
  .metric-card,
  .proposal-scope-card,
  .proposal-principles article,
  .price-main,
  .price-side,
  .accept-box,
  .proposal-change-panel
){
  border-color:rgba(243,242,237,.16);
  background:linear-gradient(155deg,#161616,#080808 66%);
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
body[data-experience="proposal"] :is(
  .proposal-comparison,
  .proposal-comparison-notes,
  .proposal-decision-summary>div,
  .proposal-change-panel textarea
){
  border-color:rgba(243,242,237,.15);
  background:#080808;
}
body[data-experience="proposal"] .proposal-plan-card:has(.proposal-plan-badge){border-color:rgba(246,184,0,.5)}
body[data-experience="proposal"] .proposal-plan-card[data-selected="true"]{
  border-color:var(--red);
  background:linear-gradient(155deg,rgba(215,25,0,.09),#090909 60%);
}
body[data-experience="proposal"] .state-column.before{border-color:rgba(215,25,0,.56);background:#090909}
body[data-experience="proposal"] .state-column.after{border-color:rgba(246,184,0,.48);background:#10100e}
body[data-experience="proposal"] .proposal-scope-card.is-included{border-color:rgba(246,184,0,.46)}
body[data-experience="proposal"] :is(.deliverable-card,.timeline article,.effort-card,.metric-card,.price-main,.price-side) p,
body[data-experience="proposal"] :is(.price-main small,.price-side dt,.small-note){color:#9e9a94}
body[data-experience="proposal"] .chapter-head h2{font-size:clamp(44px,5.2vw,80px);line-height:.98}
body[data-experience="proposal"] .proposal-focus-copy h2{font-size:clamp(44px,5.4vw,82px);line-height:.97}
body[data-experience="proposal"] .close-content h2{font-size:clamp(48px,6vw,88px);line-height:.97}
body[data-experience="proposal"] .deliverable-card h3{font-size:clamp(22px,2.25vw,32px);line-height:1.02}
body[data-experience="proposal"] .recommendation-card{min-height:auto}
body[data-experience="proposal"] .recommendation-card .chapter-content{min-height:0;padding-block:clamp(72px,7vw,96px)}
body[data-experience="proposal"] .recommendation-card .price-main h2{font-size:clamp(32px,3.6vw,52px);line-height:1.02}
body[data-experience="proposal"] .recommendation-card .price-main>strong{font-size:clamp(48px,5.2vw,72px);line-height:1}

@media(max-width:1100px){
  .proposal-diagnostic-grid{grid-template-columns:1fr 1fr}.proposal-diagnostic-primary{grid-column:1/-1}
  .proposal-future-flow{grid-template-columns:repeat(5,minmax(0,1fr))}
  .proposal-principles{grid-template-columns:repeat(3,1fr)}
  body[data-experience="proposal"] .metrics-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  body[data-experience="proposal"] .proposal-opening{margin-top:-82px;padding-top:82px}
  body[data-experience="proposal"] .proposal-opening .chapter{min-height:calc(100svh - 94px)}
  body[data-experience="proposal"] .proposal-opening .diagnostic-opening-scrim{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.86) 58%,rgba(0,0,0,.96))}
  .proposal-focus-layout,.proposal-scope-board,.proposal-responsibility-board{grid-template-columns:1fr}
  .proposal-scope-column+ .proposal-scope-column,.proposal-responsibility-board article+article{border-left:0;border-top:1px solid rgba(243,242,237,.13)}
}
@media(max-width:700px){
  .proposal-diagnostic-grid,.proposal-future-flow,.proposal-comparison-guide,.proposal-principles,body[data-experience="proposal"] .metrics-grid,.proposal-decision-summary{grid-template-columns:1fr}
  .proposal-diagnostic-primary,.proposal-diagnostic-stat,.proposal-focus-detail{min-height:0;padding:24px}
  .proposal-scope-column,.proposal-responsibility-board article{padding:24px}
  .proposal-diagnostic-primary strong{margin-top:36px}
  .proposal-future-flow article{min-height:150px}.proposal-future-flow strong{margin-top:34px}
  .proposal-scope-group-head,.proposal-decision-warning{display:grid;text-align:left}
  .proposal-scope-group-head p{text-align:left}
}

@media print{
  body[data-experience="proposal"]{background:#fff;color:#111}
  body[data-experience="proposal"] .topbar,body[data-experience="proposal"] .scroll-progress,body[data-experience="proposal"] .scroll-cue,body[data-experience="proposal"] .proposal-decision-actions,body[data-experience="proposal"] .proposal-change-panel,body[data-experience="proposal"] .footer{display:none!important}
  body[data-experience="proposal"] main{padding:0}
  body[data-experience="proposal"] :is(.chapter,.proposal-opening){break-inside:avoid;min-height:auto;margin:0 0 12px;padding:0;background:#fff!important;color:#111;box-shadow:none}
  body[data-experience="proposal"] :is(h1,h2,h3,strong,p,li,dd,dt,span){color:#111!important}
}

@media(max-width:1000px){
  body[data-experience="diagnostic"] .strom-intro-grid{grid-template-columns:1fr}
  #setupPriorityTopicOptions,#setupPriorityReasonOptions,#setupPriorityPreserveOptions{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  body[data-experience="diagnostic"] .strom-introduction{min-height:auto}
  #setupPriorityTopicOptions,#setupPriorityReasonOptions,#setupPriorityPreserveOptions{grid-template-columns:1fr}
}

/* Actionable completion checklist. */
body[data-experience="diagnostic"] #completionSummary[data-ready="false"]{color:var(--yellow)!important}
body[data-experience="diagnostic"] #completionSummary[data-ready="true"]{color:#5de4a4!important}
body[data-experience="diagnostic"] .completion-checklist li{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  min-height:86px;
  padding:16px 0;
}
body[data-experience="diagnostic"] .completion-checklist li>i{width:30px;height:30px}
body[data-experience="diagnostic"] .completion-checklist li>div{display:grid;gap:6px}
body[data-experience="diagnostic"] .completion-checklist li strong{
  color:var(--strom-white);
  font-size:14px;
  font-weight:650;
}
body[data-experience="diagnostic"] .completion-checklist li small{
  color:var(--strom-muted);
  font-size:10px;
  line-height:1.45;
}
body[data-experience="diagnostic"] .completion-checklist li:not(.is-complete)>strong,
body[data-experience="diagnostic"] .completion-checklist li:not(.is-complete)>div strong{color:var(--yellow)}
body[data-experience="diagnostic"] .completion-checklist li>button{
  min-height:38px;
  padding:8px 13px;
  border:1px solid rgba(246,184,0,.45);
  border-radius:999px;
  background:transparent;
  color:var(--yellow);
  font:inherit;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
body[data-experience="diagnostic"] .completion-checklist li>button:hover{border-color:var(--yellow);background:rgba(246,184,0,.08)}
body[data-experience="diagnostic"] .completion-checklist li>button[hidden]{display:none}
body[data-experience="diagnostic"] .completion-attention{animation:completionAttention 1.8s ease}
@keyframes completionAttention{
  0%,100%{box-shadow:0 0 0 0 rgba(246,184,0,0)}
  30%{box-shadow:inset 0 0 0 2px rgba(246,184,0,.7),0 0 70px rgba(246,184,0,.16)}
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .completion-checklist li{grid-template-columns:34px 1fr}
  body[data-experience="diagnostic"] .completion-checklist li>button{grid-column:2;width:max-content}
}

/* Single facilitated meeting view and generated meeting link. */
body[data-experience="diagnostic"].is-meeting-view .diagnostic-mode-toggle{display:none}
body[data-experience="diagnostic"].is-meeting-view .case-editor-details,
body[data-experience="diagnostic"].is-meeting-view .priority-editor{display:none!important}
body[data-experience="diagnostic"] .priority-client-validation{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--strom-line);
}
body[data-experience="diagnostic"] .priority-back-to-setup{
  display:inline-flex;
  margin-top:14px;
  color:var(--yellow);
  font-size:10px;
  font-weight:700;
  text-decoration:none;
}
body[data-experience="diagnostic"] .priority-back-to-setup:hover{text-decoration:underline}
body[data-experience="diagnostic"] .priority-back-to-setup[hidden]{display:none}
.setup-meeting-link{
  display:grid;
  gap:10px;
  margin-top:30px;
  padding-top:26px;
  border-top:1px solid rgba(243,242,237,.13);
}
.setup-meeting-link>span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.15em}
.setup-meeting-link>label{color:#b4aca3;font-size:11px;font-weight:650}
.setup-meeting-link>input{
  width:100%;
  min-height:44px;
  padding:11px 12px;
  border:1px solid #3a3835;
  border-radius:11px;
  background:#080808;
  color:#8f8880;
  font:inherit;
  font-size:9px;
  outline:none;
}
.setup-meeting-link>input:focus{border-color:var(--yellow)}
.setup-meeting-link>button{
  justify-self:start;
  min-height:42px;
  padding:10px 18px;
  border:1px solid var(--yellow);
  border-radius:999px;
  background:transparent;
  color:var(--yellow);
  font:inherit;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}
.setup-meeting-link>button:hover{background:rgba(246,184,0,.08)}
.setup-meeting-link>small{color:#817a72;font-size:9px;line-height:1.5}
.setup-plan-picker{margin:12px 0 0;padding:0;border:0}
.setup-plan-picker>legend{color:#aaa29a;font-size:10px;font-weight:650;letter-spacing:.03em}
.setup-plan-picker>p{max-width:720px;margin:10px 0 20px;color:#817a72;font-size:10px;line-height:1.55}
.setup-plan-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.setup-plan-picker label{position:relative;min-width:0}
.setup-plan-picker input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.setup-plan-picker label>span{
  display:grid;
  align-content:start;
  min-height:174px;
  padding:20px;
  border:1px solid rgba(243,242,237,.18);
  border-radius:22px;
  background:#090909;
  cursor:pointer;
  transition:border-color .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease);
}
.setup-plan-picker small{color:#817a72;font-size:8px;font-weight:750;letter-spacing:.1em;line-height:1.4}
.setup-plan-picker b{margin:20px 0 14px;color:#eeeae4;font-size:15px;line-height:1.25}
.setup-plan-picker em{margin-top:auto;color:#aaa29a;font-size:10px;font-style:normal;line-height:1.45}
.setup-plan-picker input:checked+span{border-color:var(--yellow);background:rgba(246,184,0,.055);box-shadow:0 0 0 1px rgba(246,184,0,.18)}
.setup-plan-picker input:checked+span small,.setup-plan-picker input:checked+span em{color:var(--yellow)}
.setup-plan-picker input:focus-visible+span{outline:2px solid var(--yellow);outline-offset:3px}

@media(max-width:900px){.setup-plan-picker>div,.proposal-range-grid{grid-template-columns:1fr}.setup-plan-picker label>span{min-height:auto}}

/* =========================================================
   PREPARAÇÃO INTERNA DO DIAGNÓSTICO
   ========================================================= */
body[data-experience="diagnostic-setup"],
body[data-experience="proposal-setup"]{
  --black:#030303;
  --ink:#0a0a0a;
  --panel:#0d0d0d;
  --panel2:#171717;
  --white:#f3f2ed;
  --muted:#b4aca3;
  --line:rgba(243,242,237,.16);
  --yellow:#f6b800;
  --yellow2:#ffd34e;
  --red:#d71900;
  --green:#5de4a4;
  margin:0;
  background:
    radial-gradient(circle at 88% 8%,rgba(246,184,0,.035),transparent 28%),
    radial-gradient(circle at 4% 58%,rgba(215,25,0,.025),transparent 32%),
    #030303;
  color:var(--white);
}
body[data-experience="diagnostic-setup"] .setup-topbar,
body[data-experience="proposal-setup"] .setup-topbar{
  border-color:rgba(243,242,237,.14);
  background:rgba(7,7,7,.78);
}
body[data-experience="diagnostic-setup"] .topbar-meta,
body[data-experience="proposal-setup"] .topbar-meta{color:#817a72}
body[data-experience="diagnostic-setup"] .topbar-meta b,
body[data-experience="proposal-setup"] .topbar-meta b{color:var(--white)}
.setup-main{
  width:min(calc(100% - 36px),var(--max));
  margin:0 auto;
  padding:clamp(150px,13vw,210px) 0 80px;
}
.setup-heading{
  max-width:1000px;
  margin-bottom:clamp(70px,8vw,112px);
}
.setup-back{
  display:inline-flex;
  margin-bottom:54px;
  color:#817a72;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-decoration:none;
  transition:color .2s var(--ease);
}
.setup-back:hover{color:var(--yellow)}
.setup-heading .eyebrow{margin-bottom:28px}
.setup-heading h1{
  max-width:920px;
  margin:0 0 34px;
  font-size:clamp(62px,7.4vw,112px);
  line-height:.98;
  letter-spacing:-.058em;
}
.setup-heading>p{
  max-width:760px;
  margin:0;
  color:#b4aca3;
  font-size:clamp(17px,1.5vw,21px);
  line-height:1.65;
}
.proposal-setup-source{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--line);
}
.proposal-setup-source>div{min-height:112px;padding:22px;background:#080808}
.proposal-setup-source>div.is-wide{grid-column:1/-1;min-height:132px}
.proposal-setup-source span{display:block;margin-bottom:30px;color:#817a72;font-size:8px;font-weight:750;letter-spacing:.13em}
.proposal-setup-source strong{display:block;color:#eeeae4;font-size:13px;line-height:1.5}
.proposal-setup-plan-picker>div{margin-top:18px}
.proposal-range-grid{display:grid;grid-template-columns:1fr;gap:10px}
.proposal-range-card{display:grid;grid-template-columns:minmax(160px,.62fr) minmax(0,2.38fr);gap:22px;align-items:end;min-width:0;padding:22px;border:1px solid rgba(243,242,237,.18);border-radius:22px;background:#090909}
.proposal-range-card>header{display:grid;grid-template-columns:30px 1fr;gap:12px;align-self:stretch;align-items:start;padding-right:22px;border-right:1px solid rgba(243,242,237,.11)}
.proposal-range-card>header>span{padding-top:4px;color:var(--yellow);font-size:8px;font-weight:750;letter-spacing:.13em}
.proposal-range-card h3{margin:0;color:#eeeae4;font-size:20px;line-height:1.05;letter-spacing:-.035em}
.proposal-range-card header p{margin:7px 0 0;color:#817a72;font-size:9px;line-height:1.4}
.proposal-range-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.proposal-range-field>span{min-height:27px;font-size:8.5px;line-height:1.35}
.proposal-range-field input{min-height:46px;padding:11px 38px 11px 12px;font-size:12px}
.proposal-range-field .setup-input-suffix>span{right:12px;font-size:10px}
.setup-phase-map{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:1000px;
  margin:42px 0 0;
  padding:0;
  list-style:none;
}
.setup-phase-map li{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:12px;
  min-height:112px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#0b0b0b;
}
.setup-phase-map li>span{color:#6f6962;font-size:9px;font-weight:750;letter-spacing:.12em}
.setup-phase-map li div{display:grid;align-content:start;gap:8px}
.setup-phase-map li b{color:#d8d2ca;font-size:12px}
.setup-phase-map li small{color:#807970;font-size:10px;line-height:1.45}
.setup-phase-map li.is-active{border-color:rgba(246,184,0,.42);background:rgba(246,184,0,.045)}
.setup-phase-map li.is-active>span,.setup-phase-map li.is-active b{color:var(--yellow)}
.setup-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,390px);
  gap:24px;
  align-items:start;
}
.setup-form{display:grid;gap:18px}
.setup-panel{
  padding:clamp(28px,3.2vw,46px);
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(155deg,rgba(23,23,23,.96),rgba(8,8,8,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.24);
}
.setup-panel>header{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:20px;
  align-items:start;
  margin-bottom:38px;
}
.setup-panel>header>span{
  display:flex;
  align-items:center;
  gap:10px;
  color:#817a72;
  font-size:10px;
  font-weight:750;
  letter-spacing:.15em;
}
.setup-panel>header>span:after{
  content:"";
  width:18px;
  height:1px;
  background:#45413c;
}
.setup-panel>header p{
  margin:0 0 9px;
  color:var(--yellow);
  font-size:9px;
  font-weight:750;
  letter-spacing:.16em;
}
.setup-panel>header h2{
  margin:0;
  font-size:clamp(28px,3vw,42px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.setup-panel-intro{
  max-width:740px;
  margin:-12px 0 32px 64px;
  color:#9f978e;
  font-size:12px;
  line-height:1.65;
}
.setup-fields{
  display:grid;
  gap:22px 14px;
}
.setup-fields.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.setup-fields.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.setup-field{display:block;min-width:0}
.setup-field.full{grid-column:1/-1}
.setup-field.span-two{grid-column:span 2}
.setup-field>span{
  display:block;
  margin-bottom:9px;
  color:#aaa29a;
  font-size:10px;
  font-weight:650;
  letter-spacing:.03em;
}
.setup-field :is(input,select,textarea){
  width:100%;
  min-height:52px;
  padding:13px 15px;
  border:1px solid rgba(243,242,237,.20);
  border-radius:12px;
  background:#080808;
  color:var(--white);
  font:inherit;
  font-size:13px;
  outline:none;
  color-scheme:dark;
  transition:border-color .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease);
}
.setup-field textarea{min-height:130px;resize:vertical;line-height:1.55}
.setup-field input[readonly]{color:#817a72;background:#0b0b0b;cursor:default}
.setup-field :is(input,select,textarea):hover{border-color:rgba(243,242,237,.34)}
.setup-field :is(input,select,textarea):focus{
  border-color:var(--yellow);
  background:#0d0c0a;
  box-shadow:0 0 0 3px rgba(246,184,0,.10);
}
.setup-field :is(input,textarea)::placeholder{color:#625d57}
.setup-multi-select{position:relative;z-index:12}
.setup-multi-select>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:52px;
  padding:13px 15px;
  overflow:hidden;
  border:1px solid rgba(243,242,237,.20);
  border-radius:12px;
  background:#080808;
  color:var(--white);
  font-size:13px;
  list-style:none;
  cursor:pointer;
  transition:border-color .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease);
}
.setup-multi-select>summary::-webkit-details-marker{display:none}
.setup-multi-select>summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setup-multi-select>summary:after{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-right:1.5px solid #f3f2ed;
  border-bottom:1.5px solid #f3f2ed;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .2s var(--ease);
}
.setup-multi-select[open]>summary{
  border-color:var(--yellow);
  background:#0d0c0a;
  box-shadow:0 0 0 3px rgba(246,184,0,.10);
}
.setup-multi-select[open]>summary:after{transform:translateY(2px) rotate(225deg)}
.setup-multi-options{
  position:absolute;
  z-index:30;
  top:calc(100% + 8px);
  left:0;
  right:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding:10px;
  border:1px solid rgba(243,242,237,.20);
  border-radius:12px;
  background:#0a0a0a;
  box-shadow:0 24px 70px rgba(0,0,0,.58);
}
.setup-multi-option{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(243,242,237,.12);
  border-radius:9px;
  color:#b4aca3;
  font-size:10px;
  line-height:1.3;
  cursor:pointer;
}
.setup-multi-option:hover{border-color:rgba(243,242,237,.32);color:#f3f2ed}
.setup-field .setup-multi-option input{
  appearance:none;
  -webkit-appearance:none;
  display:grid;
  place-content:center;
  width:17px;
  min-width:17px;
  height:17px;
  min-height:17px;
  margin:0;
  padding:0;
  border:1px solid rgba(243,242,237,.40);
  border-radius:4px;
  background:transparent;
}
.setup-field .setup-multi-option input:before{
  content:"";
  width:8px;
  height:5px;
  border-left:2px solid #111;
  border-bottom:2px solid #111;
  transform:translateY(-1px) rotate(-45deg) scale(0);
}
.setup-field .setup-multi-option input:checked{border-color:var(--yellow);background:var(--yellow)}
.setup-field .setup-multi-option input:checked:before{transform:translateY(-1px) rotate(-45deg) scale(1)}
.setup-multi-option:has(input:checked){border-color:rgba(246,184,0,.42);background:rgba(246,184,0,.055);color:#f3f2ed}
.setup-input-suffix{position:relative}
.setup-input-suffix input{padding-right:42px}
.setup-input-suffix>span{
  position:absolute;
  top:50%;
  right:16px;
  transform:translateY(-50%);
  color:var(--yellow);
  font-size:12px;
  font-weight:750;
  pointer-events:none;
}
.setup-elapsed{
  display:flex;
  align-items:center;
  justify-content:space-between;
  align-self:end;
  gap:18px;
  min-height:52px;
  padding:10px 16px;
  border:1px solid rgba(246,184,0,.34);
  border-radius:12px;
  background:rgba(246,184,0,.045);
}
.setup-elapsed span{
  max-width:150px;
  color:#9f978e;
  font-size:10px;
  line-height:1.45;
}
.setup-elapsed strong{
  flex:0 0 auto;
  color:var(--yellow);
  font-size:clamp(20px,2vw,28px);
  line-height:1;
  letter-spacing:-.04em;
  text-align:right;
  white-space:nowrap;
}
.setup-base-values{align-items:end}
.setup-base-values .setup-field>span{
  display:flex;
  align-items:flex-end;
  min-height:2.9em;
}
.setup-save-bar{
  position:sticky;
  z-index:20;
  bottom:18px;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(243,242,237,.18);
  border-radius:22px;
  background:rgba(8,8,8,.88);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  backdrop-filter:blur(20px);
}
.setup-save-bar>div{display:grid;gap:4px;padding-left:8px}
.setup-save-bar span{color:#b4aca3;font-size:11px;font-weight:650}
.setup-save-bar span[data-tone="success"]{color:var(--green)}
.setup-save-bar span[data-tone="warning"]{color:var(--yellow)}
.setup-save-bar span[data-tone="error"]{color:#ff7665}
.setup-save-bar small{color:#716b64;font-size:9px}
.setup-save-bar .cta{white-space:nowrap}
.setup-save-bar .cta.red{background:var(--red);color:#fff}
.setup-summary{
  position:sticky;
  top:96px;
  padding:34px;
  border:1px solid var(--line);
  border-radius:22px;
  background:radial-gradient(circle at 100% 0%,rgba(246,184,0,.07),transparent 36%),#0a0a0a;
  box-shadow:0 30px 90px rgba(0,0,0,.30);
}
.setup-summary .eyebrow{margin-bottom:24px}
.setup-summary h2{
  min-height:2.2em;
  margin:0 0 34px;
  font-size:clamp(30px,3vw,42px);
  line-height:1.08;
  overflow-wrap:anywhere;
}
.setup-summary dl{margin:0}
.setup-summary dl>div{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:18px;
  padding:15px 0;
  border-top:1px solid rgba(243,242,237,.13);
}
.setup-summary dt{color:#817a72;font-size:10px}
.setup-summary dd{margin:0;color:#e7e3dd;font-size:11px;text-align:right;overflow-wrap:anywhere}
.setup-readiness{margin-top:34px;padding-top:28px;border-top:1px solid rgba(243,242,237,.13)}
.setup-readiness>span{color:#817a72;font-size:9px;font-weight:750;letter-spacing:.15em}
.setup-readiness>strong{display:block;margin:12px 0 16px;font-size:48px;line-height:1}
.setup-readiness>i{display:block;height:3px;border-radius:999px;background:#2f2d2a;overflow:hidden}
.setup-readiness>i>b{display:block;width:0;height:100%;border-radius:inherit;background:var(--yellow);transition:width .35s var(--ease)}
.setup-readiness ul{display:grid;gap:7px;list-style:none;margin:20px 0 0;padding:0}
.setup-readiness li{position:relative;padding-left:14px;color:#9c958d;font-size:9px;line-height:1.4}
.setup-readiness li:before{content:"";position:absolute;top:.48em;left:0;width:5px;height:5px;border-radius:50%;background:var(--yellow)}
.setup-readiness li.is-ready{color:var(--green)}
.setup-readiness li.is-ready:before{background:var(--green)}
.setup-internal-link{
  width:100%;
  margin-top:30px;
  padding:15px 0;
  border:0;
  border-top:1px solid rgba(243,242,237,.13);
  border-bottom:1px solid rgba(243,242,237,.13);
  background:transparent;
  color:var(--white);
  font:inherit;
  font-size:11px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
}
.setup-internal-link:hover{color:var(--yellow)}
.setup-summary>p{margin:20px 0 0;color:#817a72;font-size:10px;line-height:1.6}
.setup-footer{color:#716b64}

@media(max-width:1050px){
  .setup-layout{grid-template-columns:1fr}
  .setup-summary{position:relative;top:auto;grid-row:1}
  .setup-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
  .setup-save-bar{grid-template-columns:1fr auto}.setup-save-bar>div{grid-column:1/-1}.setup-save-bar .cta{width:100%}
}
@media(max-width:700px){
  .setup-main{width:calc(100% - 20px);padding:112px 0 48px}
  .setup-heading{margin-bottom:58px;padding:0 10px}
  .setup-back{margin-bottom:40px}
  .setup-heading h1{font-size:clamp(48px,14vw,68px);line-height:1.01}
  .setup-heading>p{font-size:15px}
  .proposal-setup-source{grid-template-columns:1fr}
  .proposal-setup-source>div.is-wide{grid-column:auto}
  .proposal-range-grid{grid-template-columns:1fr}
  .proposal-range-card{grid-template-columns:1fr;align-items:start}
  .proposal-range-card>header{padding:0 0 18px;border-right:0;border-bottom:1px solid rgba(243,242,237,.11)}
  .proposal-range-fields{grid-template-columns:1fr}
  #proposalScopeOptions{grid-template-columns:1fr}
  .setup-phase-map{grid-template-columns:1fr;margin-top:30px}
  .setup-phase-map li{min-height:auto}
  .setup-panel{padding:24px 20px}
  .setup-panel>header{grid-template-columns:1fr;gap:12px;margin-bottom:30px}
  .setup-panel>header>span:after{width:28px}
  .setup-panel-intro{margin:-8px 0 28px}
  .setup-fields.two-columns,.setup-fields.three-columns{grid-template-columns:1fr}
  .setup-multi-options{grid-template-columns:1fr}
  .setup-base-values .setup-field>span{min-height:0}
  .setup-field.span-two{grid-column:auto}
  .setup-save-bar{position:relative;bottom:auto;grid-template-columns:1fr;padding:14px}
  .setup-save-bar>div{grid-column:auto}.setup-save-bar .cta{width:100%}
  .setup-summary{padding:26px 22px}.setup-summary dl{grid-template-columns:1fr}
}

/* =========================================================
   INDEX — CARTEIRA DA EXPERIÊNCIA COMERCIAL
   ========================================================= */
body[data-experience="experience-index"]{
  --yellow:#f6b800;
  --red:#d71900;
  --green:#5de4a4;
  background:#030303;
}
body[data-experience="experience-index"] .diagnostic-register{
  min-height:auto;
  background:radial-gradient(circle at 92% 8%,rgba(246,184,0,.04),transparent 28%),#070707;
  border-color:rgba(243,242,237,.15);
}
.register-content{
  justify-content:flex-start;
  min-height:auto;
  padding:clamp(72px,7vw,106px);
}
.register-heading{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:60px;
  align-items:end;
  margin-bottom:70px;
}
.register-heading h2{
  margin:0;
  font-size:clamp(48px,5.8vw,84px);
  line-height:1.02;
}
.register-heading>div:last-child{display:grid;justify-items:start;gap:24px}
.register-heading p{max-width:420px;margin:0;color:#aaa49d;font-size:14px;line-height:1.6}
.register-heading .cta.red{background:var(--red);color:#fff}
.register-table-head{
  display:grid;
  grid-template-columns:minmax(190px,1.2fr) repeat(3,minmax(125px,.82fr)) minmax(130px,.75fr) minmax(155px,.8fr);
  gap:18px;
  padding:0 22px 14px;
  color:#716b64;
  font-size:8px;
  font-weight:750;
  letter-spacing:.15em;
}
.diagnostic-register-list{display:grid;gap:10px}
.register-row{
  display:grid;
  grid-template-columns:minmax(190px,1.2fr) repeat(3,minmax(125px,.82fr)) minmax(130px,.75fr) minmax(155px,.8fr);
  gap:18px;
  align-items:center;
  min-height:116px;
  padding:20px 22px;
  border:1px solid rgba(243,242,237,.14);
  border-radius:18px;
  background:linear-gradient(150deg,#141414,#090909);
  transition:transform .25s var(--ease),border-color .25s var(--ease),background-color .25s var(--ease);
}
.register-row:hover{transform:translateY(-2px);border-color:rgba(246,184,0,.38)}
.register-company{display:flex;align-items:center;gap:15px;min-width:0}
.register-company>i{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  flex:0 0 46px;
  border:1px solid rgba(246,184,0,.38);
  border-radius:50%;
  background:rgba(246,184,0,.06);
  color:var(--yellow);
  font-style:normal;
  font-size:16px;
  font-weight:800;
}
.register-company>span,.register-stage,.register-updated{display:grid;gap:6px;min-width:0}
.register-company strong{overflow:hidden;color:#f3f2ed;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.register-company small,.register-stage small,.register-updated small{color:#716b64;font-size:9px;line-height:1.4}
.register-company em{overflow:hidden;color:#4f4b46;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.register-stage>span,.register-updated>span{display:none;color:#716b64;font-size:8px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.register-stage b{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#8b857e;
  font-size:10px;
  font-weight:700;
}
.register-stage b:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#5b5752}
.register-stage a{width:max-content;color:#8b857e;font-size:9px;font-weight:650;text-decoration:none}
.register-stage a:hover{color:#f3f2ed}
.register-stage[data-tone="yellow"] b{color:var(--yellow)}
.register-stage[data-tone="yellow"] b:before{background:var(--yellow);box-shadow:0 0 14px rgba(246,184,0,.35)}
.register-stage[data-tone="green"] b{color:var(--green)}
.register-stage[data-tone="green"] b:before{background:var(--green);box-shadow:0 0 14px rgba(93,228,164,.3)}
.register-stage[data-tone="red"] b{color:#ff7969}
.register-stage[data-tone="red"] b:before{background:var(--red);box-shadow:0 0 14px rgba(215,25,0,.38)}
.register-stage[data-tone="neutral"] a{display:none}
.register-updated strong{color:#d8d2ca;font-size:11px;line-height:1.4}
.register-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.register-actions :is(a,button){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 13px;
  border:1px solid rgba(243,242,237,.18);
  border-radius:999px;
  color:#aaa49d;
  background:transparent;
  font-family:inherit;
  font-size:9px;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.register-actions :is(a,button):hover{border-color:#f3f2ed;color:#f3f2ed}
.register-actions button[data-delete-diagnostic]{border-color:rgba(215,25,0,.28);color:#c9776c}
.register-actions button[data-delete-diagnostic]:hover{border-color:var(--red);background:rgba(215,25,0,.055);color:#ff8a7a}
.register-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:180px;
  border:1px solid rgba(243,242,237,.12);
  border-radius:18px;
  color:#817a72;
  font-size:11px;
}
.register-loading i{width:18px;height:18px;border:2px solid #3d3a36;border-top-color:var(--yellow);border-radius:50%;animation:diagnostic-spin .8s linear infinite}
.register-empty{
  padding:clamp(42px,6vw,76px);
  border:1px solid rgba(243,242,237,.14);
  border-radius:22px;
  background:#0a0a0a;
  text-align:center;
}
.register-empty>span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.15em}
.register-empty h3{max-width:650px;margin:26px auto 18px;font-size:clamp(30px,4vw,52px);line-height:1.08}
.register-empty p{max-width:580px;margin:0 auto 30px;color:#aaa49d;font-size:13px;line-height:1.6}
.register-empty .cta.red{background:var(--red);color:#fff}
.register-delete-dialog strong{color:#f3f2ed}
.register-delete-dialog .cta.red{background:var(--red);color:#fff}

@media(max-width:1180px){
  .register-table-head{display:none}
  .register-row{grid-template-columns:repeat(3,1fr);gap:24px}
  .register-company{grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid rgba(243,242,237,.12)}
  .register-stage>span,.register-updated>span{display:block}
  .register-updated{grid-column:1}
  .register-actions{grid-column:2/4;justify-content:flex-end}
}
@media(max-width:760px){
  .register-content{padding:62px 22px}
  .register-heading{grid-template-columns:1fr;gap:28px;margin-bottom:48px}
  .register-heading h2{font-size:clamp(42px,12vw,60px);line-height:1.05}
  .register-row{grid-template-columns:1fr;padding:22px}
  .register-company{grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid rgba(243,242,237,.12)}
  .register-stage{grid-column:1;padding-bottom:14px;border-bottom:1px solid rgba(243,242,237,.08)}
  .register-updated{grid-column:1/-1}
  .register-actions{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;margin-top:6px}
  .register-actions a{width:100%}
}

/* Selected diagnostic answers use their full semantic-colour stroke. */
body[data-experience="diagnostic"] .journey-answer-panel input[value="confirmed"]:checked+span{
  border-color:var(--green)!important;
  box-shadow:inset 0 0 0 1px rgba(93,228,164,.08),0 0 28px rgba(93,228,164,.035);
}
body[data-experience="diagnostic"] .journey-answer-panel input[value="dependency"]:checked+span{
  border-color:var(--red)!important;
  background:rgba(215,25,0,.065);
  box-shadow:inset 0 0 0 1px rgba(215,25,0,.08),0 0 28px rgba(215,25,0,.04);
}
body[data-experience="diagnostic"] .journey-answer-panel input[value="dependency"]:checked+span>i{
  border-color:var(--red);
  background:var(--red);
  box-shadow:0 0 16px rgba(215,25,0,.34);
}
body[data-experience="diagnostic"] .journey-answer-panel input[value="needs_validation"]:checked+span{
  border-color:var(--yellow)!important;
  background:rgba(246,184,0,.06);
  box-shadow:inset 0 0 0 1px rgba(246,184,0,.08),0 0 28px rgba(246,184,0,.04);
}
body[data-experience="diagnostic"] .journey-answer-panel input[value="needs_validation"]:checked+span>i{
  border-color:var(--yellow);
  background:var(--yellow);
  box-shadow:0 0 16px rgba(246,184,0,.30);
}

/* =========================================================
   DIAGNÓSTICO — PALETA E TIPOGRAFIA STRØM UNIFICADAS
   ========================================================= */
body[data-experience="diagnostic"]{
  --strom-black:#030303;
  --strom-surface:#0a0a0a;
  --strom-surface-raised:#151515;
  --strom-white:#f3f2ed;
  --strom-muted:#b4aca3;
  --strom-subtle:#817a72;
  --strom-line:rgba(243,242,237,.16);
  --yellow:#f5c60a;
  --yellow2:#f5a60a;
  --red:#e02204;
  --green:#f3f2ed;
  --black:#030303;
  --ink:#0a0a0a;
  --panel:#0a0a0a;
  --panel2:#151515;
  --blue:#0a0a0a;
  --muted:#b4aca3;
  --line:rgba(243,242,237,.16);
  background:
    radial-gradient(circle at 92% 12%,rgba(245,198,10,.025),transparent 28%),
    radial-gradient(circle at 8% 72%,rgba(224,34,4,.018),transparent 30%),
    var(--strom-black);
  color:var(--strom-white);
}

/* A single, more breathable heading rhythm. */
body[data-experience="diagnostic"] h1{
  line-height:.98;
  letter-spacing:-.055em;
}
body[data-experience="diagnostic"] h2{
  line-height:1.04;
  letter-spacing:-.052em;
}
body[data-experience="diagnostic"] h3{
  line-height:1.1;
  letter-spacing:-.045em;
}
body[data-experience="diagnostic"] :is(
  .meeting-heading h2,
  .strom-intro-copy h2,
  .journey-question-copy h2,
  .evidence-copy h2,
  .impact-copy h2,
  .priority-copy h2,
  .close-content h2,
  .decision-card .decision-question h2
){
  line-height:1.04!important;
}
body[data-experience="diagnostic"] .diagnostic-summary h3{
  line-height:1.12;
  letter-spacing:-.042em;
}
body[data-experience="diagnostic"] :is(
  .problem-sequence strong,
  .objective-questions strong,
  .strom-pain-hypothesis>strong,
  .priority-result>strong,
  .impact-perspectives strong
){
  line-height:1.1;
}

/* Warm neutral copy: no inherited blue-grey text. */
body[data-experience="diagnostic"] :is(
  .hero-copy,
  .meeting-lead,
  .strom-intro-copy>p,
  .strom-pain-hypothesis>p,
  .strom-pain-hypothesis>.strom-market-problem,
  .strom-method p,
  .strom-meeting-purpose>p,
  .meeting-context-note p,
  .why-question p,
  .problem-sequence p,
  .hypothesis-statement,
  .journey-overview p,
  .scroll-instruction,
  .journey-question-copy>p,
  .journey-answer-panel small,
  .journey-result-line article small,
  .journey-conclusion p,
  .evidence-copy>p,
  .case-disclaimer,
  .message.system,
  .message.status,
  .waiting-window small,
  .impact-copy>p,
  .impact-perspectives p,
  .impact-result span,
  .impact-result small,
  .impact-controls label>span,
  .impact-breakdown span,
  .impact-breakdown small,
  .disclaimer,
  .priority-copy p,
  .priority-result dt,
  .priority-result dd,
  .diagnostic-summary p,
  .meeting-close-note,
  .decision-question p,
  .decision-consent small,
  .decision-consent-note,
  .completion-note,
  .footer
){
  color:var(--strom-muted)!important;
}
body[data-experience="diagnostic"] :is(
  .section-count,
  .topbar-meta span,
  .journey-overview li>span,
  .question-progress>span,
  .journey-result-line article>span,
  .journey-conclusion>span,
  .apply-state,
  .priority-confirm-row span
){
  color:var(--strom-subtle);
}
body[data-experience="diagnostic"] :is(.phone-top,.scroll-cue){
  color:var(--strom-white);
}

/* Consistent neutral surfaces and borders. */
body[data-experience="diagnostic"] .chapter{
  border-color:var(--strom-line);
}
body[data-experience="diagnostic"] :is(
  .meeting-context-note,
  .problem-sequence article,
  .journey-answer-panel,
  .journey-answer-panel>label:not(.facilitator-note)>span,
  .journey-result-line article,
  .strom-pain-hypothesis,
  .strom-fragmentation-signs>span,
  .strom-meeting-purpose,
  .diagnostic-event-phone,
  .impact-controls,
  .impact-breakdown article,
  .priority-result,
  .priority-editor,
  .diagnostic-summary article,
  .decision-consent-panel,
  .decision-feedback
){
  border-color:var(--strom-line);
}
body[data-experience="diagnostic"] :is(
  .problem-sequence article,
  .journey-answer-panel,
  .journey-result-line article,
  .strom-fragmentation-signs>span,
  .strom-meeting-purpose,
  .impact-breakdown article,
  .diagnostic-summary article
){
  background-color:var(--strom-surface);
}

/* Brand-only state colours: white, yellow and red. */
body[data-experience="diagnostic"] .journey-answer-panel input[value="confirmed"]:checked+span{
  border-color:rgba(243,242,237,.56);
  background:rgba(243,242,237,.05);
}
body[data-experience="diagnostic"] .journey-answer-panel input[value="confirmed"]:checked+span>i{
  border-color:var(--strom-white);
  background:var(--strom-white);
  box-shadow:0 0 16px rgba(243,242,237,.22);
}
body[data-experience="diagnostic"] .journey-question-section.is-ok{
  border-color:rgba(243,242,237,.22)!important;
}
body[data-experience="diagnostic"] .journey-result-line article.is-ok>i{
  background:var(--strom-white);
  box-shadow:0 0 0 1px var(--strom-white),0 0 18px rgba(243,242,237,.18);
}
body[data-experience="diagnostic"] :is(
  .save-state[data-tone="success"],
  .priority-confirm-row span[data-confirmed="true"]
){
  color:var(--strom-white);
}
body[data-experience="diagnostic"] .decision-feedback[data-outcome="proposal_requested"]{
  border-color:rgba(245,198,10,.48);
  color:var(--yellow);
}
body[data-experience="diagnostic"] .decision-actions button.is-selected{
  outline-color:var(--yellow);
}
body[data-experience="diagnostic"] :is(
  .save-state[data-tone="error"],
  .dialog-error,
  .message.system span,
  .waiting-window span,
  .case-counter span
){
  color:#eb6309!important;
}

@media(max-width:700px){
  body[data-experience="diagnostic"] h1{line-height:1.01}
  body[data-experience="diagnostic"] h2{line-height:1.07}
  body[data-experience="diagnostic"] h3{line-height:1.12}
  body[data-experience="diagnostic"] :is(
    .meeting-heading h2,
    .strom-intro-copy h2,
    .journey-question-copy h2,
    .evidence-copy h2,
    .impact-copy h2,
    .priority-copy h2,
    .close-content h2,
    .decision-card .decision-question h2
  ){
    line-height:1.07!important;
  }
}

/* Functional states remain green, yellow and red. */
body[data-experience="diagnostic"]{
  --green:#5de4a4;
  --yellow:#f6b800;
  --yellow2:#ffd34e;
  --red:#d71900;
}
body[data-experience="diagnostic"] .journey-answer-panel input[value="confirmed"]:checked+span{
  border-color:rgba(93,228,164,.52);
  background:rgba(93,228,164,.045);
}
body[data-experience="diagnostic"] .journey-answer-panel input[value="confirmed"]:checked+span>i{
  border-color:var(--green);
  background:var(--green);
  box-shadow:0 0 16px rgba(93,228,164,.28);
}
body[data-experience="diagnostic"] .journey-question-section.is-ok{
  border-color:rgba(93,228,164,.20)!important;
}
body[data-experience="diagnostic"] .journey-result-line article.is-ok>i{
  background:var(--green);
  box-shadow:0 0 0 1px var(--green),0 0 18px rgba(93,228,164,.22);
}
body[data-experience="diagnostic"] :is(
  .save-state[data-tone="success"],
  .priority-confirm-row span[data-confirmed="true"]
){
  color:var(--green);
}

/* Final decision follows the compact consent pattern from the proposal. */
body[data-experience="diagnostic"] .decision-consent-panel{
  max-width:1180px;
  padding:clamp(28px,3.4vw,46px);
}
body[data-experience="diagnostic"] .decision-consent{
  max-width:none;
  align-items:center;
  gap:20px;
}
body[data-experience="diagnostic"] .decision-consent input{
  appearance:none;
  -webkit-appearance:none;
  display:grid;
  place-content:center;
  width:22px;
  height:22px;
  flex-basis:22px;
  margin:0;
  border:1px solid rgba(243,242,237,.48);
  border-radius:4px;
  background:transparent;
  cursor:pointer;
}
body[data-experience="diagnostic"] .decision-consent input:before{
  content:"";
  width:11px;
  height:7px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:translateY(-1px) rotate(-45deg) scale(0);
  transition:transform .16s var(--ease);
}
body[data-experience="diagnostic"] .decision-consent input:checked{
  border-color:var(--red);
  background:var(--red);
}
body[data-experience="diagnostic"] .decision-consent input:checked:before{
  transform:translateY(-1px) rotate(-45deg) scale(1);
}

body[data-experience="diagnostic"] .case-disclaimer{
  padding:8px 0 8px 24px;
  border:0!important;
  border-left:2px solid var(--yellow)!important;
  border-radius:0!important;
  background:transparent!important;
}

/* =========================================================
   INDEX — CLARITY, TEMPLATES E CONSISTÊNCIA VISUAL
   ========================================================= */
body[data-experience="experience-index"]{
  --diagnostic-box-radius:22px;
  --strom-black:#030303;
  --strom-surface:#0a0a0a;
  --strom-surface-raised:#151515;
  --strom-white:#f3f2ed;
  --strom-muted:#b4aca3;
  --strom-subtle:#817a72;
  --strom-line:rgba(243,242,237,.16);
  background:var(--strom-black);
  color:var(--strom-white);
}
body[data-experience="experience-index"] :is(.chapter,.hub-link,.register-row,.register-loading,.register-empty){
  border-radius:var(--diagnostic-box-radius);
}
body[data-experience="experience-index"] .chapter{border-color:var(--strom-line)}
body[data-experience="experience-index"] .hub-link{
  min-height:280px;
  padding:32px;
  border-color:var(--strom-line);
  background:linear-gradient(155deg,var(--strom-surface-raised),var(--strom-surface));
  backdrop-filter:none;
  box-shadow:none;
}
body[data-experience="experience-index"] .hub-link:hover{
  transform:translateY(-3px);
  border-color:rgba(245,198,10,.58);
  background:linear-gradient(155deg,#191712,#0a0a0a);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
body[data-experience="experience-index"] .hub-link h2{
  margin:auto 0 16px;
  font-size:clamp(34px,3.3vw,48px);
  line-height:1.04;
}
body[data-experience="experience-index"] .hub-link p{
  max-width:34ch;
  margin-bottom:0;
  color:var(--strom-muted);
}
.hub-link-action{
  display:block;
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid var(--strom-line);
  color:var(--yellow);
  font-size:8px;
  font-weight:750;
  letter-spacing:.16em;
}
body[data-experience="experience-index"] .register-row{
  border-color:var(--strom-line);
  background:linear-gradient(155deg,var(--strom-surface-raised),var(--strom-surface));
}
body[data-experience="experience-index"] :is(.register-heading p,.register-company small,.register-stage small,.register-updated small){
  color:var(--strom-muted);
}

/* =========================================================
   LOGIN — ACESSO LOCAL À DEMONSTRAÇÃO
   ========================================================= */
html.auth-pending body{visibility:hidden}
.auth-logout{
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(243,242,237,.18);
  border-radius:999px;
  background:transparent;
  color:#b4aca3;
  font:inherit;
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
}
.auth-logout:hover{border-color:rgba(243,242,237,.48);color:#f3f2ed}
body[data-experience="login"]{
  --diagnostic-box-radius:22px;
  --strom-black:#030303;
  --strom-surface:#0a0a0a;
  --strom-surface-raised:#151515;
  --strom-white:#f3f2ed;
  --strom-muted:#b4aca3;
  --strom-subtle:#817a72;
  --strom-line:rgba(243,242,237,.16);
  background:
    radial-gradient(circle at 88% 8%,rgba(245,198,10,.06),transparent 30%),
    radial-gradient(circle at 8% 90%,rgba(224,34,4,.04),transparent 32%),
    var(--strom-black);
}
.login-main{
  display:grid;
  place-items:center;
  min-height:100svh;
  padding:28px;
}
.login-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,500px);
  width:min(1180px,100%);
  min-height:680px;
  overflow:hidden;
  border:1px solid var(--strom-line);
  border-radius:var(--diagnostic-box-radius);
  background:#060606;
  box-shadow:0 40px 120px rgba(0,0,0,.46);
}
.login-brand{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:clamp(44px,7vw,90px);
  background:
    linear-gradient(90deg,rgba(3,3,3,.97),rgba(3,3,3,.62)),
    url("assets/images/strom-presenca-desktop.webp") center 44%/cover;
}
.login-brand img{width:132px;margin-bottom:auto}
.login-brand>span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.18em}
.login-brand h1{max-width:720px;margin:28px 0 24px;font-size:clamp(52px,6vw,88px);line-height:.99}
.login-brand p{max-width:540px;margin:0;color:var(--strom-muted);font-size:15px;line-height:1.65}
.login-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(36px,5vw,64px);
  border-left:1px solid var(--strom-line);
  background:linear-gradient(155deg,var(--strom-surface-raised),var(--strom-surface));
}
.login-panel header{margin-bottom:38px}
.login-panel header>span{color:var(--yellow);font-size:9px;font-weight:750;letter-spacing:.17em}
.login-panel h2{margin:22px 0 10px;font-size:clamp(42px,5vw,64px);line-height:1.04}
.login-panel header p{margin:0;color:var(--strom-muted);font-size:12px;line-height:1.55}
.login-panel label{display:grid;gap:9px;margin-bottom:18px}
.login-panel label>span{color:var(--strom-muted);font-size:10px;font-weight:650}
.login-panel input{
  width:100%;
  min-height:54px;
  padding:13px 15px;
  border:1px solid var(--strom-line);
  border-radius:12px;
  outline:0;
  background:#070707;
  color:var(--strom-white);
  font:inherit;
  font-size:14px;
}
.login-panel input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,198,10,.07)}
.login-password-field{position:relative}
.login-password-field input{padding-right:82px}
.login-password-field button{
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  padding:7px 8px;
  border:0;
  background:transparent;
  color:var(--strom-muted);
  font:inherit;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
.login-password-field button:hover{color:var(--yellow)}
.login-feedback{min-height:20px;margin:0 0 12px;color:#ff7665;font-size:10px}
.login-panel .cta.red{width:100%;min-height:54px;background:var(--red);color:#fff}
.login-panel>small{margin-top:22px;color:var(--strom-subtle);font-size:9px;line-height:1.55}

@media(max-width:820px){
  .login-main{padding:10px}
  .login-shell{grid-template-columns:1fr;min-height:calc(100svh - 20px)}
  .login-brand{min-height:340px;padding:34px}
  .login-brand h1{font-size:clamp(44px,12vw,68px)}
  .login-panel{padding:36px 28px;border-top:1px solid var(--strom-line);border-left:0}
}
body[data-experience="diagnostic"] .decision-consent b{
  color:var(--strom-muted);
  font-size:clamp(17px,1.45vw,22px);
  font-weight:500;
  line-height:1.5;
  letter-spacing:-.018em;
}

/* Facilitator/client mode and post-diagnostic handoff. */
.diagnostic-mode-toggle{
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(243,242,237,.22);
  border-radius:999px;
  background:transparent;
  color:#b4aca3;
  font:inherit;
  font-size:8px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}
.diagnostic-mode-toggle:hover,.diagnostic-mode-toggle[aria-pressed="true"]{border-color:var(--yellow);color:var(--yellow)}
body[data-experience="diagnostic"] .apply-scenario-row{display:flex!important}
.diagnostic-completed-next{
  width:100%;
  margin-top:24px;
  padding:clamp(28px,4vw,46px);
  border:1px solid rgba(93,228,164,.34);
  border-radius:var(--diagnostic-box-radius);
  background:linear-gradient(155deg,rgba(93,228,164,.055),#090909 54%);
  text-align:left;
}
.diagnostic-completed-next[hidden]{display:none}
.diagnostic-completed-next>span{color:#5de4a4;font-size:9px;font-weight:750;letter-spacing:.16em}
.diagnostic-completed-next h3{max-width:820px;margin:24px 0 14px;font-size:clamp(34px,4.6vw,64px);line-height:1.04}
.diagnostic-completed-next p{max-width:760px;margin:0;color:#b4aca3;font-size:13px;line-height:1.6}
.diagnostic-completed-next>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.diagnostic-completed-next .cta.red{background:var(--red);color:#fff}

@media(max-width:700px){
  .diagnostic-mode-toggle{padding-inline:9px;font-size:7px}
  .diagnostic-completed-next>div{display:grid}.diagnostic-completed-next .cta{width:100%;text-align:center}
}
body[data-experience="diagnostic"] .decision-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:38px;
}
body[data-experience="diagnostic"] .decision-actions button{
  justify-content:center;
  min-width:260px;
  min-height:66px;
  padding:17px 28px;
}
body[data-experience="diagnostic"] .decision-actions button span{
  display:none;
}
body[data-experience="diagnostic"] .decision-actions button strong{
  font-size:17px;
  letter-spacing:-.025em;
}
body[data-experience="diagnostic"] .decision-primary{
  border-color:var(--red);
  background:var(--red);
  color:#fff;
}
body[data-experience="diagnostic"] .decision-primary:hover:not(:disabled){
  border-color:#e02204;
  background:#e02204;
  box-shadow:0 14px 36px rgba(215,25,0,.24);
}
body[data-experience="diagnostic"] .decision-primary:disabled{
  border-color:rgba(243,242,237,.18);
  background:transparent;
  color:rgba(243,242,237,.34);
  opacity:1;
}
body[data-experience="diagnostic"] .decision-secondary{
  border-color:rgba(243,242,237,.18);
  background:transparent;
  color:rgba(243,242,237,.72);
}
body[data-experience="diagnostic"] .decision-secondary:hover:not(:disabled){
  border-color:var(--strom-white);
  background:rgba(243,242,237,.04);
}
body[data-experience="diagnostic"] .decision-actions button.is-selected{
  outline-color:var(--green);
}
body[data-experience="diagnostic"] .decision-feedback[data-outcome="proposal_requested"]{
  border-color:rgba(93,228,164,.42);
  color:var(--green);
}
body[data-experience="diagnostic"] .decision-consent-note{
  max-width:720px;
  margin:16px 0 0;
}

body[data-experience="diagnostic"] .decision-actions button.is-selected{
  outline:none;
}
body[data-experience="diagnostic"] .decision-primary.is-selected{
  border-color:var(--red);
  background:var(--red);
}
body[data-experience="diagnostic"] .decision-secondary.is-selected{
  border-color:var(--strom-white);
  background:rgba(243,242,237,.075);
  color:var(--strom-white);
}

@media(max-width:700px){
  body[data-experience="diagnostic"] .decision-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  body[data-experience="diagnostic"] .decision-actions button{
    width:100%;
    min-width:0;
  }
}
/* Estado seguro para links de cliente inexistentes ou ainda não publicados. */
.experience-unavailable{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:clamp(28px,6vw,96px);
  background:#030303;
  color:#f6f4ef;
}
.experience-unavailable section{
  width:min(920px,100%);
  padding:clamp(34px,6vw,82px);
  border:1px solid #34312d;
  border-radius:22px;
  background:#0b0b0b;
}
.experience-unavailable h1{margin:20px 0;font-size:clamp(42px,7vw,88px);line-height:.96;letter-spacing:-.055em}
.experience-unavailable p{max-width:700px;margin:0 0 34px;color:#aaa49d;font-size:clamp(18px,2vw,25px);line-height:1.55}

/* Empty state da preparação da proposta: uma decisão clara, não um ecrã de erro. */
body[data-experience="proposal-setup"] .proposal-setup-empty{
  min-height:100svh;
  place-items:start center;
  padding:128px 0 48px;
  background:
    radial-gradient(circle at 88% 18%,rgba(246,184,0,.045),transparent 30%),
    #030303;
}
body[data-experience="proposal-setup"] .setup-main.is-empty{padding:0}
body[data-experience="proposal-setup"] .proposal-setup-empty-card{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
  width:min(var(--max),100%);
  min-height:min(680px,calc(100svh - 220px));
  padding:0;
  overflow:hidden;
  border-color:rgba(243,242,237,.18);
  border-radius:22px;
  background:
    radial-gradient(circle at 78% 8%,rgba(246,184,0,.045),transparent 32%),
    #080808;
  box-shadow:0 40px 120px rgba(0,0,0,.34);
}
.proposal-setup-empty-copy,
.proposal-setup-empty-action{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(48px,6vw,88px);
}
.proposal-setup-empty-copy .eyebrow{
  margin-bottom:clamp(42px,5vw,72px);
}
body[data-experience="proposal-setup"] .proposal-setup-empty-copy h1{
  max-width:820px;
  margin:0 0 34px;
  font-size:clamp(52px,6.4vw,94px);
  line-height:.98;
  letter-spacing:-.058em;
}
.proposal-setup-empty-copy h1 em{
  display:block;
  color:var(--yellow);
  font-style:normal;
}
body[data-experience="proposal-setup"] .proposal-setup-empty-copy>p{
  max-width:700px;
  margin:0;
  color:#aaa49d;
  font-size:clamp(17px,1.45vw,21px);
  line-height:1.65;
}
.proposal-setup-empty-action{
  justify-content:flex-end;
  border-left:1px solid rgba(243,242,237,.14);
  background:linear-gradient(155deg,rgba(246,184,0,.055),rgba(246,184,0,.012) 52%,transparent);
}
.proposal-setup-empty-step{
  display:inline-flex;
  width:max-content;
  margin-bottom:26px;
  color:var(--yellow);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.proposal-setup-empty-action>strong{
  max-width:430px;
  color:var(--white);
  font-size:clamp(28px,2.6vw,42px);
  line-height:1.08;
  letter-spacing:-.04em;
}
body[data-experience="proposal-setup"] .proposal-setup-empty-action>p{
  max-width:420px;
  margin:22px 0 34px;
  color:#aaa49d;
  font-size:15px;
  line-height:1.65;
}
.proposal-setup-empty-action>p b{color:#f3f2ed;font-weight:650}
.proposal-setup-empty-action .cta.red{
  display:inline-flex;
  justify-content:center;
  width:100%;
  max-width:430px;
  min-height:56px;
  align-items:center;
  background:var(--red);
  color:#fff;
}
.proposal-setup-empty-action small{
  max-width:430px;
  margin-top:16px;
  color:#716b64;
  font-size:10px;
  line-height:1.55;
}
@media(max-width:900px){
  body[data-experience="proposal-setup"] .proposal-setup-empty{padding:104px 0 32px}
  body[data-experience="proposal-setup"] .proposal-setup-empty-card{grid-template-columns:1fr;min-height:0}
  .proposal-setup-empty-action{justify-content:center;border-top:1px solid rgba(243,242,237,.14);border-left:0}
}
@media(max-width:600px){
  .proposal-setup-empty-copy,.proposal-setup-empty-action{padding:34px 26px}
  .proposal-setup-empty-copy .eyebrow{margin-bottom:34px}
  body[data-experience="proposal-setup"] .proposal-setup-empty-copy h1{font-size:clamp(46px,14vw,64px)}
}

/* Onboarding follows the same Clarity system as diagnostic and proposal. */
body[data-experience="onboarding"]{
  --black:#030303;
  --ink:#0a0a0a;
  --panel:#0d0d0d;
  --panel2:#171717;
  --blue:#0a0a0a;
  --radius:22px;
  background:
    radial-gradient(circle at 92% 15%,rgba(246,184,0,.04),transparent 30%),
    radial-gradient(circle at 8% 72%,rgba(215,25,0,.035),transparent 30%),
    #030303;
}
body[data-experience="onboarding"] :is(.chapter,.project-card,.need-card,.form-card,.integration-card,.responsibility-card,.outcome-row article){
  border-radius:22px;
}
body[data-experience="onboarding"] :is(.project-card,.need-card,.form-card,.integration-card,.responsibility-card,.outcome-row article){
  border-color:#35312b;
  background:linear-gradient(155deg,#15130f,#090909 72%);
}
body[data-experience="onboarding"] :is(.client-focus-card,.journey-card,.evidence-card,.future-card,.reveal-card,.impact-card,.close-card){
  background:radial-gradient(circle at 88% 6%,rgba(246,184,0,.05),transparent 32%),#070707;
}
body[data-experience="onboarding"] .form-card :is(input,textarea,select){
  border-color:#3a3732;
  background:#070707;
}
body[data-experience="onboarding"] .hero-findings strong>[data-config="progress"]{
  display:inline;
  margin:0;
  color:inherit;
  font:inherit;
}
body[data-experience="onboarding"] .responsibility-card li{
  padding:14px 0;
}
body[data-experience="onboarding"] .responsibility-card li:before{content:none}
body[data-experience="onboarding"] .checklist label{
  display:flex;
  align-items:center;
  gap:14px;
  cursor:pointer;
}
body[data-experience="onboarding"] .checklist input{
  margin:0;
  accent-color:var(--yellow);
}
.onboarding-save-state{
  display:block;
  margin-top:18px;
  color:#8f8a83;
  font-size:11px;
  line-height:1.5;
}
body[data-experience="onboarding"] .needs-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body[data-experience="onboarding"] .onboarding-plan-section{
  background:
    radial-gradient(circle at 92% 4%,rgba(246,184,0,.075),transparent 30%),
    #070707;
}
.onboarding-plan-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 24px;
}
.onboarding-plan-capabilities>span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:9px 14px;
  border:1px solid #3b362d;
  border-radius:999px;
  background:#0a0907;
  color:#c5beb4;
  font-size:11px;
  line-height:1.35;
}
.onboarding-plan-capabilities>span:before{
  content:"";
  flex:0 0 auto;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--yellow);
}
.onboarding-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.onboarding-plan-grid[data-plan="growth"],
.onboarding-plan-grid[data-plan="scale"]{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.onboarding-plan-module{
  min-width:0;
}
.onboarding-plan-module>span{
  min-height:22px;
}
.onboarding-plan-module h3{
  max-width:520px;
  font-size:clamp(22px,2vw,30px);
  line-height:1.08;
}
.onboarding-plan-module label{
  display:grid;
  gap:8px;
  margin-top:18px;
}
.onboarding-plan-module label>span{
  margin:0;
}
.onboarding-access-form{
  margin-top:14px;
}
.form-safety-note{
  margin-top:22px!important;
  padding-left:14px;
  border-left:2px solid var(--yellow);
  color:#8f8a83!important;
  font-size:11px!important;
}
@media(max-width:1000px){
  body[data-experience="onboarding"] .needs-grid,
  .onboarding-plan-grid,
  .onboarding-plan-grid[data-plan="growth"],
  .onboarding-plan-grid[data-plan="scale"]{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  body[data-experience="onboarding"] .needs-grid,
  .onboarding-plan-grid,
  .onboarding-plan-grid[data-plan="growth"],
  .onboarding-plan-grid[data-plan="scale"]{
    grid-template-columns:1fr;
  }
  .onboarding-plan-capabilities>span{
    width:100%;
  }
}

/* Operational onboarding states */
body[data-experience="onboarding"] .project-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.onboarding-agreement-panel{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:24px 42px;
  align-items:start;
  margin-top:18px;
  padding:34px;
  border:1px solid #4a4439;
  border-radius:22px;
  background:linear-gradient(145deg,#15120c,#080808 68%);
}
.onboarding-agreement-panel>div{
  grid-row:span 2;
}
.onboarding-agreement-panel h3{
  margin:12px 0 10px;
  font-size:clamp(28px,3vw,44px);
  line-height:1.03;
  letter-spacing:-.045em;
}
.onboarding-agreement-panel p{
  max-width:620px;
  margin:0;
  color:#9e9a94;
  line-height:1.6;
}
.onboarding-agreement-panel>label:not(.onboarding-agreement-confirm){
  display:grid;
  gap:9px;
  color:#aaa49b;
  font-size:12px;
}
.onboarding-agreement-panel textarea,
.integration-card select,
.onboarding-test-card :is(textarea,select){
  width:100%;
  border:1px solid #3a3732;
  border-radius:12px;
  background:#070707;
  color:#f3f2ed;
  padding:13px 14px;
  font:inherit;
  outline:none;
}
.onboarding-agreement-panel :is(textarea):focus,
.integration-card select:focus,
.onboarding-test-card :is(textarea,select):focus{
  border-color:var(--yellow);
  box-shadow:0 0 0 3px rgba(246,184,0,.1);
}
.onboarding-agreement-confirm,
.onboarding-test-approval label,
.onboarding-go-live-checks label{
  display:flex;
  align-items:flex-start;
  gap:13px;
  color:#d2cec7;
  line-height:1.5;
  cursor:pointer;
}
.onboarding-agreement-confirm input,
.onboarding-test-approval input,
.onboarding-go-live-checks input{
  flex:0 0 auto;
  width:21px;
  height:21px;
  margin:1px 0 0;
  accent-color:var(--yellow);
  background:transparent;
}
.integration-card label{
  display:grid;
  gap:8px;
  margin-top:22px;
}
.integration-card label>span{
  margin:0;
  color:#aaa49b;
  font-size:11px;
  letter-spacing:0;
}
.onboarding-test-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.onboarding-test-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.onboarding-test-card>small{
  display:block;
  margin-top:10px;
  color:var(--yellow);
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
}
.onboarding-test-card .onboarding-test-expected{
  min-height:44px;
  margin:8px 0 8px;
  color:#c3beb6;
}
.onboarding-test-card label{
  display:grid;
  gap:8px;
  margin-top:16px;
}
.onboarding-test-card label>span{
  margin:0;
  color:#aaa49b;
  font-size:11px;
  letter-spacing:0;
}
.onboarding-test-card textarea{
  min-height:86px;
  resize:vertical;
}
.onboarding-test-approval,
.onboarding-go-live-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
  padding:24px;
  border:1px solid #35312b;
  border-radius:22px;
  background:#090909;
}
.onboarding-go-live-checks{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body[data-experience="onboarding"] .onboarding-actions-card{
  background:
    radial-gradient(circle at 85% 20%,rgba(215,25,0,.08),transparent 34%),
    #070707;
}
.onboarding-actions-content{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);
  gap:32px 56px;
  align-items:center;
}
.onboarding-actions-content h2{
  max-width:820px;
  margin:16px 0 12px;
  font-size:clamp(42px,5vw,76px);
  line-height:.98;
}
.onboarding-actions-content p{
  color:#aaa49b;
}
.onboarding-action-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.onboarding-action-buttons .cta{
  width:100%;
  min-height:56px;
}
body[data-experience="onboarding"] .cta.secondary{
  border-color:#4a4640;
}
.onboarding-actions-content .quote-line{
  grid-column:1/-1;
  margin:0;
  background:#0c0b09;
}
.section-save-row{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:18px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #302d28;
}
.section-save-row small{
  color:#858079;
  font-size:11px;
  line-height:1.4;
}
.section-save-row .cta{
  min-width:196px;
  min-height:46px;
  padding:11px 18px;
}
.section-save-row .cta.is-saved{
  border-color:var(--green);
  color:var(--green);
}
.chapter.is-stage-locked .section-save-row small{
  color:#68645f;
}
.chapter.is-stage-locked input,
.chapter.is-stage-locked select,
.chapter.is-stage-locked textarea{
  cursor:not-allowed;
}
.chapter.is-stage-locked .section-save-row .cta{
  border-color:#302d28;
  color:#77716a;
  opacity:.78;
}
.onboarding-section-nav{
  position:fixed;
  z-index:38;
  top:50%;
  right:18px;
  display:grid;
  gap:8px;
  width:68px;
  padding:12px 8px;
  border:1px solid rgba(243,242,237,.14);
  border-radius:22px;
  background:rgba(5,5,5,.9);
  box-shadow:0 18px 60px rgba(0,0,0,.46);
  backdrop-filter:blur(16px);
  transform:translateY(-50%);
}
.onboarding-section-nav-title{
  display:block;
  padding:2px 0 5px;
  color:#77716a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.15em;
  text-align:center;
}
.onboarding-section-nav a{
  position:relative;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid #3b3834;
  border-radius:14px;
  background:#090909;
  color:#8f8982;
  text-decoration:none;
  transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease;
}
.onboarding-section-nav a>span{
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
.onboarding-section-nav a>i{
  position:absolute;
  top:7px;
  right:7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:0 0 0 3px rgba(246,184,0,.08);
}
.onboarding-section-nav a>b{
  position:absolute;
  top:50%;
  right:calc(100% + 12px);
  display:grid;
  gap:3px;
  width:max-content;
  max-width:210px;
  padding:11px 14px;
  border:1px solid rgba(243,242,237,.14);
  border-radius:12px;
  background:#090909;
  color:#f3f2ed;
  font-size:11px;
  line-height:1.2;
  opacity:0;
  pointer-events:none;
  transform:translate(8px,-50%);
  transition:opacity .18s ease,transform .18s ease;
}
.onboarding-section-nav a>b small{
  color:#8f8982;
  font-size:9px;
  font-weight:600;
}
.onboarding-section-nav a:hover,
.onboarding-section-nav a:focus-visible,
.onboarding-section-nav a.is-current{
  color:#f3f2ed;
  transform:translateX(-3px);
}
.onboarding-section-nav a:hover>b,
.onboarding-section-nav a:focus-visible>b{
  opacity:1;
  transform:translate(0,-50%);
}
.onboarding-section-nav a.is-current{
  border-color:var(--yellow);
  background:rgba(246,184,0,.07);
}
.onboarding-section-nav a.is-incomplete{border-color:rgba(224,34,4,.72)}
.onboarding-section-nav a.is-incomplete>i{background:var(--red);box-shadow:0 0 0 3px rgba(224,34,4,.09)}
.onboarding-section-nav a.is-incomplete>b small{color:#ef5942}
.onboarding-section-nav a.is-ok{border-color:rgba(82,224,166,.68);color:var(--green)}
.onboarding-section-nav a.is-ok>i{background:var(--green);box-shadow:0 0 0 3px rgba(82,224,166,.09)}
.onboarding-section-nav a.is-ok>b small{color:var(--green)}
body[data-experience="onboarding"] #projeto,
body[data-experience="onboarding"] #secao-operacao,
body[data-experience="onboarding"] #planRequirements,
body[data-experience="onboarding"] #secao-acessos,
body[data-experience="onboarding"] #secao-mensagens,
body[data-experience="onboarding"] #secao-testes,
body[data-experience="onboarding"] #goLive{
  scroll-margin-top:92px;
}
@media(max-width:900px){
  body[data-experience="onboarding"]{padding-bottom:76px}
  .onboarding-section-nav{
    top:auto;
    right:50%;
    bottom:10px;
    display:flex;
    justify-content:center;
    width:auto;
    max-width:calc(100vw - 20px);
    padding:8px;
    border-radius:18px;
    transform:translateX(50%);
  }
  .onboarding-section-nav-title{display:none}
  .onboarding-section-nav a{width:42px;height:42px;border-radius:11px}
  .onboarding-section-nav a>span{font-size:10px}
  .onboarding-section-nav a>i{top:6px;right:6px;width:6px;height:6px}
  .onboarding-section-nav a>b{display:none}
  .onboarding-section-nav a:hover,
  .onboarding-section-nav a:focus-visible,
  .onboarding-section-nav a.is-current{transform:none}
}

/* Final client-facing close after the onboarding is validated. */
body[data-experience="onboarding-thanks"]{
  --strom-white:#f3f2ed;
  --strom-muted:#b4aca3;
  --strom-line:rgba(243,242,237,.16);
  min-height:100svh;
  background:#030303;
}
.onboarding-thanks-main{
  width:min(100%,var(--max));
  min-height:calc(100svh - 132px);
  margin:0 auto;
  padding:116px 18px 42px;
}
.onboarding-thanks-card{
  position:relative;
  isolation:isolate;
  display:grid;
  min-height:calc(100svh - 190px);
  overflow:hidden;
  border:1px solid var(--strom-line);
  border-radius:22px;
  background:#070707;
}
.onboarding-thanks-card>img,
.onboarding-thanks-card::before{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.onboarding-thanks-card>img{
  z-index:-2;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(1.08);
}
.onboarding-thanks-card::before{
  z-index:-1;
  content:"";
  background:
    linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.82) 54%,rgba(0,0,0,.34)),
    linear-gradient(0deg,rgba(0,0,0,.9),transparent 60%);
}
.onboarding-thanks-content{
  align-self:end;
  width:min(920px,100%);
  padding:clamp(42px,7vw,104px);
}
.onboarding-thanks-check{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin-bottom:32px;
  border-radius:50%;
  background:var(--green);
  color:#06130d;
  font-size:28px;
  font-weight:800;
}
.onboarding-thanks-content h1{
  max-width:11ch;
  margin:22px 0 28px;
  font-size:clamp(54px,7.2vw,112px);
  line-height:.94;
  letter-spacing:-.055em;
}
.onboarding-thanks-content h1 em{
  color:var(--yellow);
  font-style:normal;
}
.onboarding-thanks-content>p{
  max-width:650px;
  margin:0;
  color:var(--strom-muted);
  font-size:clamp(16px,1.5vw,22px);
  line-height:1.55;
}
.onboarding-thanks-close{
  display:block;
  margin-top:34px;
  color:#7f7a73;
  font-size:11px;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:700px){
  .onboarding-thanks-main{padding:92px 10px 20px}
  .onboarding-thanks-card{min-height:calc(100svh - 122px)}
  .onboarding-thanks-content{padding:34px 24px 44px}
  .onboarding-thanks-content h1{font-size:clamp(48px,15vw,72px)}
}
@media(max-width:1000px){
  body[data-experience="onboarding"] .project-grid,
  .onboarding-test-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .onboarding-agreement-panel,
  .onboarding-actions-content{
    grid-template-columns:1fr;
  }
  .onboarding-agreement-panel>div{
    grid-row:auto;
  }
}
@media(max-width:700px){
  body[data-experience="onboarding"] .project-grid,
  .onboarding-test-grid,
  .onboarding-test-approval,
  .onboarding-go-live-checks,
  .onboarding-action-buttons{
    grid-template-columns:1fr;
  }
  .onboarding-agreement-panel{
    padding:24px;
  }
  .section-save-row{
    align-items:stretch;
    flex-direction:column;
  }
  .section-save-row .cta{
    width:100%;
  }

  /* iOS Safari gives temporal controls an intrinsic width wider than their grid cell. */
  :is(.setup-field,.field-label,.form-card)>input:is([type="date"],[type="time"],[type="datetime-local"]),
  :is(.setup-field,.field-label,.form-card) input:is([type="date"],[type="time"],[type="datetime-local"]){
    display:block;
    box-sizing:border-box;
    inline-size:100%;
    min-inline-size:0;
    max-inline-size:100%;
    overflow:hidden;
    -webkit-appearance:none;
    appearance:none;
  }
  :is(.setup-field,.field-label,.form-card) input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-date-and-time-value{
    display:block;
    inline-size:100%;
    min-inline-size:0;
    margin:0;
    text-align:left;
  }
}
/* Approved experience refinements */
body,:is(h1,h2,h3,p,strong,small,span){hyphens:none;-webkit-hyphens:none}
.hub-link{
  display:flex;
  min-height:280px;
  flex-direction:column;
}
.hub-link:after{display:none!important}
.hub-link-action{
  margin-top:auto!important;
  padding-top:28px!important;
  border:0!important;
}

.setup-steps article{
  display:flex;
  min-height:220px;
  flex-direction:column;
  justify-content:center;
}
.setup-phase-map>li{min-height:150px;align-items:center}
.setup-phase-map>li div{align-content:center}

.priority-focus-editor{gap:14px}
.priority-focus-editor>label{
  display:grid;
  gap:5px;
  color:#f5f2ec;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
}
.priority-focus-editor>label small{color:#8d8880;font-weight:400}

.meeting-close-note{
  margin:28px auto 0!important;
  max-width:720px;
  padding-bottom:10px!important;
  font-size:clamp(14px,1.1vw,17px)!important;
}
.diagnostic-summary+*{margin-bottom:0!important}

.proposal-plan-card ul li,
.proposal-focus-detail li,
.proposal-scope-board li,
.proposal-responsibility-board li,
.state-column li{
  border-bottom:0!important;
}
.proposal-scope-board,
.proposal-responsibility-board{
  overflow:hidden;
  border:1px solid #383838!important;
  border-top:2px solid var(--yellow)!important;
  border-radius:0 0 24px 24px!important;
}
.proposal-responsibility-board{display:grid!important;grid-template-columns:1fr 1fr}
.proposal-responsibility-board>article{padding:38px!important}
.proposal-decision-actions :is(.cta,button,a){
  min-height:54px;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.15!important;
}

.setup-fieldset>legend,
.proposal-scope-fieldset>legend{margin-bottom:18px!important}
.setup-priority-topic-picker>legend{margin-bottom:20px!important}

.onboarding-hero-findings article{
  display:flex;
  min-height:145px;
  flex-direction:column;
  justify-content:center;
}
.onboarding-hero-findings article strong{
  max-width:none!important;
  font-size:clamp(24px,2.2vw,36px)!important;
  line-height:.98!important;
}
.section-save-row{
  border-top:0!important;
  padding-top:20px!important;
}
.onboarding-actions-content{
  border-top:0!important;
}

input[type="date"]{
  cursor:pointer;
  color-scheme:dark;
}
input[type="date"]::-webkit-calendar-picker-indicator{
  width:22px;
  height:22px;
  cursor:pointer;
  opacity:1;
  filter:invert(79%) sepia(95%) saturate(1560%) hue-rotate(358deg) brightness(101%) contrast(103%);
}

.cta.yellow{
  border-color:var(--yellow)!important;
  background:var(--yellow)!important;
  color:#070707!important;
}

.onboarding-thanks-content{
  width:min(100%,1120px)!important;
  max-width:1120px!important;
}
.onboarding-thanks-content h1{
  max-width:900px!important;
  font-size:clamp(54px,7vw,104px)!important;
}
.onboarding-thanks-content>p{max-width:850px!important}
.thanks-calendar-frame{
  width:100%;
  height:min(720px,75vh);
  margin:32px 0 20px;
  overflow:hidden;
  border:1px solid #393939;
  border-radius:24px;
  background:#fff;
}
.thanks-calendar-frame iframe{width:100%;height:100%;border:0}
.thanks-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.onboarding-final-summary{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:34px 0;
  overflow:hidden;
  border:1px solid #333;
  border-radius:20px;
  background:#333;
}
.onboarding-final-summary>div{padding:22px;background:#0a0a0a}
.onboarding-final-summary dt{margin-bottom:8px;color:var(--yellow);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.onboarding-final-summary dd{margin:0;color:#f4f1ea;font-size:16px;font-weight:600}

.internal-notes-trigger{
  position:fixed;
  z-index:390;
  right:22px;
  bottom:22px;
  display:flex;
  min-height:48px;
  align-items:center;
  gap:9px;
  padding:0 19px;
  border:1px solid var(--yellow);
  border-radius:999px;
  background:#0b0b0b;
  color:#fff;
  box-shadow:0 12px 42px rgba(0,0,0,.4);
  cursor:pointer;
}
.internal-notes-trigger span{color:var(--yellow);font-size:20px}
.internal-notes-trigger b{font-size:13px}
.internal-notes-panel{
  position:fixed;
  z-index:400;
  top:0;
  right:0;
  width:min(430px,100vw);
  height:100dvh;
  padding:24px;
  border-left:1px solid #333;
  background:#080808;
  box-shadow:-20px 0 70px rgba(0,0,0,.6);
}
.internal-notes-panel header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.internal-notes-panel header div{display:grid;gap:6px}
.internal-notes-panel header span{color:var(--yellow);font-size:10px;font-weight:700;letter-spacing:.14em}
.internal-notes-panel header strong{font-size:20px}
.internal-notes-panel header button{border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}
.internal-notes-panel textarea{
  width:100%;
  height:calc(100dvh - 160px);
  resize:none;
  border:1px solid #3a3a3a;
  border-radius:18px;
  background:#030303;
  color:#f5f2ec;
  padding:18px;
  font:400 16px/1.55 Onest,sans-serif;
}
.internal-notes-panel footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;color:#8d8880;font-size:11px}
.internal-notes-panel footer span{color:var(--green)}
.internal-notes-panel footer div{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.internal-notes-panel footer .internal-notes-actions{display:flex;gap:8px}
.internal-notes-save,.internal-notes-download{
  min-height:38px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:transparent;
  color:#fff;
  font-family:inherit;
  font-size:11px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
}
.internal-notes-save{border-color:var(--yellow);background:var(--yellow);color:#050505}
.internal-notes-save:hover{background:#ffd42a}
.internal-notes-download:hover{border-color:var(--yellow);color:var(--yellow)}
.internal-notes-save:disabled,.internal-notes-download:disabled{cursor:not-allowed;opacity:.35}

@media(max-width:700px){
  .hub-link{min-height:auto}
  .setup-steps article{min-height:170px}
  .setup-phase-map>li{min-height:140px}
  .proposal-responsibility-board{grid-template-columns:1fr}
  .proposal-responsibility-board>article{padding:26px!important}
  .onboarding-hero-findings article{min-height:120px}
  .onboarding-hero-findings article strong{font-size:22px!important;line-height:1.05!important}
  .onboarding-final-summary{grid-template-columns:1fr}
  .onboarding-thanks-content h1{font-size:clamp(42px,14vw,68px)!important}
  .thanks-calendar-frame{height:660px;border-radius:16px}
  .thanks-actions,.thanks-actions .cta{width:100%}
  .internal-notes-trigger{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}
  .internal-notes-panel{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
  .internal-notes-panel textarea{height:calc(100dvh - 150px)}
  .internal-notes-panel footer{align-items:flex-start;flex-direction:column}
  .internal-notes-panel footer div{justify-content:space-between;width:100%}
  .internal-notes-panel footer .internal-notes-actions{width:auto}
}