/* V8: an understandable opportunity, followed by a clear next step. */
.explorer{max-width:980px;border:1px solid #e9e4ee;padding:32px 38px 34px;scroll-margin-top:16px}
.explorer-top>span{font-size:.875rem;letter-spacing:.025em}.explorer-top .quiet{min-height:44px;font-size:.875rem}
.explorer-top{gap:14px}.explorer-progress{margin-top:9px;margin-bottom:25px}
.answer-trail{font-size:.875rem;line-height:1.5;color:#756c82;margin-bottom:18px;max-width:65ch}
.explorer h3{font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.14;max-width:24ch;letter-spacing:-.04em}
.explorer-description{max-width:58ch;font-size:1rem;line-height:1.6}
.business-choice:focus-visible,.pain-choice:focus-visible,.tool-choice:focus-visible{outline:3px solid #5e00ff;outline-offset:4px}
.explorer[data-step="3"] .explorer-progress{height:2px;margin-bottom:19px;background:#e8e1f0}
.explorer[data-step="3"] .explorer-progress span{background:#bfa5e9}
.opportunity-heading{max-width:700px;margin-bottom:30px}
.opportunity-heading .result-kicker{font-size:.875rem;font-weight:500;margin-bottom:13px}
.opportunity-heading .explorer-description{max-width:57ch;margin-top:17px}
.opportunity-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:30px;align-items:center}
.opportunity-map{background:#17101f;border:1px solid #4a3267;color:#fff;border-radius:22px;padding:28px 25px 23px}
.opportunity-map .result-flow{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
.result-flow .opportunity-step{display:flex;position:relative;align-items:center;gap:16px;padding:0 0 29px;border:0;font-size:1rem;line-height:1.5}
.result-flow .opportunity-step:last-child{padding-bottom:0}
.result-flow .opportunity-step:not(:last-child):after{position:absolute;content:'';left:20px;top:calc(50% + 9px);height:calc(50% - 8px);width:1px;background:#8250b6}
.result-flow .opportunity-symbol{display:grid;place-items:center;flex-shrink:0;position:relative;inset:auto;width:42px;height:42px;border-radius:13px;border:1px solid #8955c46b;background:#241730;color:#d6b1ff;margin:0;font-size:1rem}
.opportunity-symbol .icon{width:22px;height:22px}.opportunity-symbol img{display:block;width:24px;height:24px}
.opportunity-step-1 .opportunity-symbol{background:#5e00ff;border-color:#9050ff;color:#fff;box-shadow:0 0 20px #5e00ff30}
.opportunity-step-2 .opportunity-symbol{border:0;background:transparent;color:#d6b1ff}
.opportunity-step small{display:block;font-size:.8125rem;font-weight:400;color:#baa9ce;margin-bottom:5px}
.opportunity-step strong{display:block;font-size:1rem;font-weight:500;color:#f4edfc;line-height:1.5}
.opportunity-step-2 strong{color:#debdff}
.opportunity-tools{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:#baa9ce;line-height:1.6;margin-top:23px;padding-top:20px;border-top:1px solid #ffffff1a}
.opportunity-tools .icon{width:19px;height:19px;margin-top:2px;color:#b98ae9}.opportunity-tools strong{color:#e2d4ee;font-weight:400}
.opportunity-plan{padding:5px 0}.opportunity-plan h4,.opportunity-next h4{font-size:1.0625rem;line-height:1.4;letter-spacing:-.015em;font-weight:500}
.opportunity-plan>.result-pilot{font-size:1rem;line-height:1.65;margin-top:10px;color:#706778}
.plan-note{display:flex;align-items:flex-start;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #e9e3ef}
.plan-note>.icon{width:21px;height:21px;color:#5e00ff;margin-top:1px}.plan-note h4{font-size:.9375rem}.plan-note p{font-size:.9375rem;line-height:1.55;color:#706778;margin-top:7px}
.opportunity-next{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:30px;margin-top:4px}
.opportunity-next>div{max-width:36ch}.opportunity-next p{font-size:.9375rem;color:#706778;line-height:1.6;margin-top:8px}
.opportunity-next>.primary-button{flex-shrink:0;font-size:.9375rem;gap:11px;min-height:52px;padding-inline:21px}
.map-download{display:flex;align-items:center;gap:9px;margin-top:17px;margin-left:auto;font-size:.875rem;min-height:44px;width:auto;max-width:100%}.map-download>.icon{width:18px;height:18px}
.opportunity-time{margin-top:20px;border-top:1px solid #e7e1ec;padding-top:27px}
.time-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.time-heading h4{font-size:1.125rem;line-height:1.35;font-weight:500;letter-spacing:-.025em}.time-heading p{font-size:.9375rem;color:#706778;line-height:1.5;margin-top:5px}
.result-section-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:11px;background:#f1ebfa;color:#5e00ff}.result-section-icon .icon{width:23px;height:23px}
.optional-label{font-size:.8125rem;color:#7a7284;margin-left:auto;align-self:start;padding-top:3px}
.opportunity-time .capacity-inputs{gap:16px}.opportunity-time .capacity-inputs label{font-size:.875rem;line-height:1.45;color:#655b71;justify-content:start;gap:10px}
.opportunity-time input[type=number]{font-size:1.0625rem;min-height:50px;background:#fbfafc;border-color:#ddd5e5}
.capacity-assumption{font-size:.875rem;color:#786f82;margin-top:14px;line-height:1.6;max-width:65ch}
.capacity-result{border-radius:16px;background:#f7f4fb;padding:19px 23px;margin-top:21px}
.capacity-result .capacity-output{margin:0;gap:16px;align-items:center}.capacity-output strong{white-space:nowrap;font-size:2.5rem}.capacity-output span{font-size:.9375rem;line-height:1.5;max-width:37ch}
.capacity-comparison{display:grid;gap:12px;margin-top:20px}.capacity-comparison>div{display:grid;grid-template-columns:148px minmax(40px,1fr) 64px;gap:12px;align-items:center;font-size:.875rem;line-height:1.4;color:#706778}
.capacity-comparison strong{text-align:right;color:#44364f;font-size:.9375rem;font-weight:500}.time-track{display:block;height:7px;background:#e7dfef;border-radius:5px;overflow:hidden}.time-track i{display:block;height:100%;border-radius:inherit;background:#aaa0b8;transition:width .2s}
#time-after-bar{background:#5e00ff}.capacity-formula{font-size:.8125rem;line-height:1.5;margin-bottom:0}
.opportunity-time .include-scenario{font-size:.875rem;line-height:1.5;padding:17px 0 0;margin:0}.include-scenario:has(input:disabled){color:#827889}.include-scenario input{width:20px;height:20px}
/* A native modal with a stationary close control and its own scrolling surface. */
#contact-dialog{position:fixed;inset:auto;left:50%;top:calc(var(--dialog-vtop,0px) + var(--dialog-vh,100dvh)/2);transform:translate(-50%,-50%);width:min(660px,calc(100% - 40px));height:auto;max-width:none;max-height:min(880px,calc(var(--dialog-vh,100dvh) - 48px));margin:0;padding:0;border:1px solid #e1dce8;border-radius:26px;background:#fff;box-shadow:0 28px 120px #0006;overflow:hidden;color:#201a27}
#contact-dialog[open]{display:flex;flex-direction:column;animation:contact-appear .16s ease both}
#contact-dialog::backdrop{background:#0c0715a8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.dialog-top{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:11px 18px 11px 26px;border-bottom:1px solid #eee9f2;background:#fff}
.dialog-top>span{display:flex;align-items:center;gap:9px;font-size:.9375rem;font-weight:500;line-height:1}.dialog-top>span img{display:block}
#contact-dialog .close-dialog{display:grid;place-items:center;position:static;float:none;inset:auto;width:44px;height:44px;margin:0;border:1px solid transparent;border-radius:50%;background:#f1eef5;color:#665a74;flex-shrink:0;transition:background .15s}
#contact-dialog .close-dialog:hover{background:#e9e2f1}.close-dialog:focus-visible{outline:2px solid #5e00ff;outline-offset:2px}
.dialog-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:20px 0 32px;max-height:calc(var(--dialog-vh,100dvh) - 116px);scrollbar-gutter:stable}
#contact-dialog .dialog-content{padding:29px 30px 24px;min-height:0}
#contact-dialog .dialog-content h2{font-size:clamp(1.65rem,4vw,2rem);line-height:1.18;letter-spacing:-.035em;max-width:24ch}
#contact-dialog #dialog-intro{font-size:1rem;line-height:1.6;color:#756c80;margin-top:11px;max-width:49ch}
.contact-modes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:23px}
.contact-modes button{display:flex;align-items:center;gap:12px;padding:15px 13px;background:#fff;border:1px solid #dfd8e7;border-radius:13px;text-align:left;min-height:76px;color:#746a80;transition:background .16s,border-color .16s}
.contact-modes button[aria-pressed=true]{background:#f5efff;border-color:#8b54dd;color:#5e00ff;box-shadow:inset 0 0 0 .5px #8b54dd}
.contact-modes button:focus-visible,.contact-options button:focus-visible{outline:2px solid #5e00ff;outline-offset:3px}
.contact-modes button .icon{width:23px;height:23px}.contact-modes strong{display:block;font-size:.9375rem;line-height:1.4;font-weight:500}.contact-modes small{display:block;font-size:.8125rem;line-height:1.5;color:#776b84;margin-top:4px}
.contact-context{border-left:2px solid #b69adf;padding:2px 0 2px 14px;margin-top:24px}.contact-context>span{font-size:.8125rem;color:#7b7088;line-height:1.5}.contact-context>p{font-size:.9375rem;font-weight:500;line-height:1.5;margin-top:5px}.contact-context>small{display:block;font-size:.8125rem;line-height:1.5;margin-top:5px;color:#7b7088}
#contact-dialog .form-grid{margin-top:24px;gap:19px 16px}#contact-dialog .form-grid label,#contact-dialog .advanced label{font-size:.9375rem;line-height:1.5;margin-bottom:8px}#contact-dialog .form-grid label .muted{font-size:.875rem}
#contact-dialog input,#contact-dialog textarea{font-size:1rem;line-height:1.5;background:#fcfbfd;border-color:#dcd5e4;border-radius:10px;padding:11px 13px;min-height:49px}
#contact-dialog textarea{min-height:88px;resize:vertical}#contact-dialog .form-hint{font-size:.875rem;line-height:1.55}
#contact-dialog .advanced{margin-top:21px;border-top:1px solid #ece7f1;padding-top:10px}.advanced summary{font-size:.875rem;min-height:44px;gap:8px;flex-wrap:wrap}.advanced summary>.icon{width:17px;height:17px;margin-left:auto}
.form-actions{margin-top:22px}.form-actions .primary-button{width:100%;min-height:52px}.form-actions>p{font-size:.8125rem;line-height:1.5;color:#7e748a;text-align:center;margin-top:12px}
.contact-options{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:17px;margin-top:21px;border-top:1px solid #ece7f1;font-size:.875rem;color:#7b7088}.contact-options .quiet{font-size:.875rem;min-height:44px}.contact-options button[aria-pressed=true]{font-weight:500;text-decoration:underline;text-underline-offset:4px}
.contact-status{border-radius:10px;background:#f1ebfa;color:#503371;font-size:.875rem;line-height:1.5;padding:12px 15px;margin-top:16px}
#contact-dialog .request-review{margin-top:23px}#contact-dialog .review-details{margin-top:18px}#contact-dialog .review-details>div{font-size:.9375rem;gap:12px;padding-block:12px}#contact-dialog .request-review h3{font-size:1.55rem}
#contact-dialog .chat-thread{max-height:320px;overflow:auto}#contact-dialog .chat-input{position:static}#contact-dialog .chat-input input{min-width:0}#contact-dialog .chat-input .primary-button{min-width:49px;padding-inline:13px}
#contact-dialog .whatsapp-box textarea{min-height:190px}
@keyframes contact-appear{from{opacity:0}to{opacity:1}}
@media(max-width:800px){
 .explorer{padding:23px 24px 27px}.opportunity-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .opportunity-heading{margin-bottom:24px}.opportunity-map{padding:24px}.opportunity-plan{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.opportunity-plan>h4,.opportunity-plan>.result-pilot{grid-column:1/-1}.plan-note{margin-top:20px;padding-top:19px}
 .opportunity-next{align-items:stretch;flex-direction:column;gap:17px;padding-top:25px}.opportunity-next>div{max-width:43ch}.opportunity-next .primary-button{width:100%}
 .map-download{margin-right:auto}.explorer .capacity-inputs label{font-size:.875rem}
}
@media(max-width:540px){
 .explorer{padding:22px 18px 25px;border-radius:22px}.explorer h3{font-size:1.875rem;max-width:23ch}.explorer-top{align-items:center;gap:10px}.explorer-top>span{font-size:.8125rem;max-width:56%}.explorer-top .quiet{font-size:.8125rem;max-width:44%;text-align:right;line-height:1.4}
 .answer-trail{font-size:.8125rem;line-height:1.6;margin-bottom:17px}.opportunity-heading .explorer-description{font-size:1rem;margin-top:14px}
 .opportunity-map{border-radius:17px;padding:21px 17px}.result-flow .opportunity-step{gap:13px;padding-bottom:25px}.result-flow .opportunity-step:last-child{padding-bottom:0}.opportunity-step strong{font-size:1rem}.opportunity-step small{font-size:.8125rem}.result-flow .opportunity-symbol{width:37px;height:37px;border-radius:11px}.result-flow .opportunity-step:not(:last-child):after{left:18px}.opportunity-tools{gap:11px;font-size:.875rem;margin-top:20px;padding-top:17px}
 .opportunity-plan{display:block}.opportunity-plan>h4{font-size:1rem}.opportunity-plan>.result-pilot{margin-top:8px}.plan-note{gap:12px;margin-top:18px;padding-top:17px}.plan-note p{font-size:.9375rem}
 .opportunity-next h4{font-size:1.0625rem}.opportunity-next p{font-size:.9375rem}.opportunity-next .primary-button{font-size:.9375rem;padding-inline:13px;gap:10px}
 .time-heading{align-items:flex-start;gap:11px}.time-heading h4{font-size:1.0625rem}.time-heading p{font-size:.875rem}.optional-label{font-size:.75rem;padding-top:4px}.result-section-icon{display:none}
 .opportunity-time .capacity-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px}.opportunity-time .capacity-inputs label:first-child{grid-column:1/-1}.capacity-inputs input{min-width:0}.opportunity-time .capacity-inputs label{justify-content:space-between}
 .capacity-result{padding:18px 17px}.capacity-result .capacity-output{align-items:flex-start;flex-direction:column;gap:8px}.capacity-output strong{font-size:2.35rem}.capacity-output span{font-size:.9375rem}
 .capacity-comparison>div{grid-template-columns:minmax(0,1fr) 62px;gap:6px 12px}.capacity-comparison .time-track{grid-row:2;grid-column:1/-1}.capacity-comparison strong{grid-column:2;grid-row:1}.capacity-comparison{gap:15px}
 #contact-dialog{width:calc(100% - 24px);max-height:calc(var(--dialog-vh,100dvh) - 32px);border-radius:22px;border:1px solid #e2dce9;box-shadow:0 24px 90px #0007}
 .dialog-top{padding:8px 12px 8px 19px}.dialog-scroll{max-height:calc(var(--dialog-vh,100dvh) - 94px)}
 #contact-dialog .dialog-content{padding:23px 20px 22px;min-height:0}#contact-dialog .dialog-content h2{font-size:1.65rem;line-height:1.2}#contact-dialog #dialog-intro{font-size:1rem}
 .contact-modes{gap:8px;margin-top:20px}.contact-modes button{padding:12px 10px;gap:8px;min-height:74px}.contact-modes button>.icon{display:none}.contact-modes strong{font-size:.875rem}.contact-modes small{font-size:.8125rem}
 #contact-dialog .form-grid{grid-template-columns:1fr;gap:17px;margin-top:23px}.contact-context{margin-top:21px}#contact-dialog .form-grid label{font-size:.9375rem}
 .contact-options{gap:4px 22px}.contact-options>span{width:100%;text-align:center}.form-actions>p{max-width:30ch;margin-inline:auto}#contact-dialog .review-details>div{grid-template-columns:1fr;gap:5px}
}
@media(max-height:480px){#contact-dialog{max-height:calc(var(--dialog-vh,100dvh) - 20px)}.dialog-top{padding-block:6px}.dialog-scroll{max-height:calc(var(--dialog-vh,100dvh) - 78px)}}
@media(prefers-reduced-motion:reduce){#contact-dialog[open]{animation:none}.time-track i{transition:none}}
@media(forced-colors:active){.opportunity-map,.capacity-result,.contact-modes button,#contact-dialog{border:1px solid CanvasText}.contact-modes button[aria-pressed=true]{outline:2px solid Highlight}.time-track i{background:Highlight}}