/* How It Works 4.3.1: native wizard and illustrative journey. */
.z43[data-q-page="how-it-works"] .q-hero{padding:22px 0}
.z43[data-q-page="how-it-works"] .q-hero-grid{grid-template-columns:1.15fr 1fr;gap:26px}
.z43[data-q-page="how-it-works"] h1{font-size:clamp(36px,4vw,55px)}
.z43[data-q-page="how-it-works"] .q-lead{font-size:19px;margin-top:16px;max-width:38ch}
.z43[data-q-page="how-it-works"] .q-hero figure img{max-height:235px;width:auto;margin-inline:auto}
.z43[data-q-page="how-it-works"] .q-ribbon{margin-top:18px;padding:20px 28px;gap:22px}
.z43[data-q-page="how-it-works"] .q-target>strong{font-size:56px}
.z43 .w-setup-stage .q-stage-copy{grid-column:2/-1}
.z43 .w-setup-stage .q-stage-copy>p:last-child{max-width:none}
.z43 .w-setup-stage .q-stage-visual{grid-column:1/-1}
.z43 .w-wizard{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative;padding:8px 0 0}
.z43 .w-wizard:before,.z43 .w-activation:before{content:'';position:absolute;top:40px;left:8.33%;right:8.33%;height:2px;background:linear-gradient(90deg,#6ecdc5,#07848b,#c3a25c,#07848b,#6ecdc5);background-size:200% 100%;animation:w-line-flow 5s linear infinite}
.z43 .w-wizard button{position:relative;z-index:1;min-height:118px;justify-content:flex-start;gap:13px;padding:0 4px 8px;border:0;background:transparent;box-shadow:none;border-radius:12px;font-size:13px}
.z43 .w-wizard button:hover,.z43 .w-wizard button[aria-expanded=true]{background:transparent;box-shadow:none;border:0}
.z43 .w-circle{display:grid;place-items:center;width:64px;aspect-ratio:1;border-radius:50%;background:#fffdf7;border:1px solid #65bdb4;color:#086f73;box-shadow:0 0 0 5px #e7f5ef;flex-shrink:0;animation:w-soft-glow 4s ease-in-out infinite}
.z43 .w-circle>span{font:600 25px/1 var(--serif)}
.z43 .w-wizard button:nth-child(2) .w-circle{animation-delay:.4s}.z43 .w-wizard button:nth-child(3) .w-circle{animation-delay:.8s}.z43 .w-wizard button:nth-child(4) .w-circle{animation-delay:1.2s}.z43 .w-wizard button:nth-child(5) .w-circle{animation-delay:1.6s}.z43 .w-wizard button:nth-child(6) .w-circle{animation-delay:2s}
.z43 .w-wizard button[aria-expanded=true] .w-circle,.z43 .w-activation button[aria-expanded=true] .w-circle{background:linear-gradient(135deg,#0f9e98,#086a75);color:#fff;border-color:#087b7f;box-shadow:0 0 0 5px #c9eae2,0 0 22px #17a59850}
.z43 .w-panel-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.z43 .w-panel-heading>.q-icon{width:30px;height:30px;margin-top:6px}.z43 .w-step-caption{display:block;color:#08656c;font-size:11px;line-height:1.5;font-weight:750;letter-spacing:.05em;margin-bottom:4px}.z43 .w-field-panel h3{font-size:20px}.z43 .w-field-panel p{font-size:14px}.z43 .w-field-panel dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:17px 0 0;padding:0}.z43 .w-field-panel dl>div{padding:15px;background:#fffdf9;border:1px solid #bdd8d0;border-radius:10px}.z43 .w-field-panel dt{font-weight:750;font-size:13px;line-height:1.45;color:#123c49;margin-bottom:7px}.z43 .w-field-panel dd{margin:0;font-size:13px;line-height:1.65;color:#365663}.z43 .w-pool-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;padding:14px 16px;background:#faf0d9;border:1px solid #e9d4aa;border-radius:10px;color:#55431c;margin:0}.z43 .w-pool-note .q-icon{width:18px;height:18px;margin-top:2px;color:#856020}.z43 .w-pool-note strong{color:#523c14}.z43 .w-setup-stage .q-stage-detail{display:grid;gap:15px}
.z43 .w-test-demo{background:#fffefa;border:1px solid #b9d9cf;border-radius:16px;padding:24px;box-shadow:0 8px 28px #16444a09}
.z43 .w-scenario-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:23px}.z43 .w-scenario-picker button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:10px 12px;border:1px solid #b6d4cb;border-radius:11px;background:#f5faf6;font-size:13px;font-weight:700}.z43 .w-scenario-picker button[aria-pressed=true]{background:#123c4b;color:#fff;border-color:#123c4b}.z43 .w-scenario-picker button[aria-pressed=true] .q-icon{color:#a7e8d9}
.z43 .w-test-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;border-bottom:1px solid #cddfd7;padding-bottom:20px}.z43 .w-test-steps button{display:flex;align-items:center;gap:8px;padding:8px 11px;min-height:44px;border:0;border-radius:8px;background:#edf5ef;color:#31565d;font-size:12px;font-weight:650}.z43 .w-test-steps b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #91beb4;border-radius:50%;font-size:11px;flex-shrink:0}.z43 .w-test-steps button[aria-pressed=true]{background:#d3eee5;color:#095e65;box-shadow:inset 0 -3px #07828a}.z43 .w-test-steps button[aria-pressed=true] b{background:#087c81;color:#fff;border-color:#087c81}
.z43 .w-story{padding-top:22px}.z43 .w-story-heading h3{font:600 24px/1.3 var(--serif);color:#173c49;letter-spacing:-.02em}.z43 .w-dialogue{display:grid;grid-template-columns:74px minmax(0,1fr) minmax(0,1fr) 74px;gap:16px;align-items:center;margin-top:24px}.z43 .w-human,.z43 .w-assistant{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.z43 .w-human>img{border-radius:50%;width:65px}.z43 .w-human>span,.z43 .w-assistant>span:last-child{font-size:10px;font-weight:650;color:#17535c;text-align:center}.z43 .w-assistant .q-orb{width:70px;border-width:6px;animation:w-soft-glow 4s ease-in-out infinite}.z43 .w-dialogue blockquote{padding:17px;font-size:14px;line-height:1.6}.z43 .w-story-note{padding:13px 15px;background:#eef6ef;border-radius:9px;font-size:13px;margin-top:20px}
.z43 .w-story-choices{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:20px 0 0}.z43 .w-story-choices button{padding:10px 18px;min-height:44px;border:1px solid #6daea4;border-radius:9px;background:#f3faf6;font-size:13px;font-weight:650}.z43 .w-story-choices button[aria-pressed=true]{color:#fff;background:#087980;border-color:#087980}.z43 .w-outcome{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.z43 .w-outcome>div{padding:15px;background:#e6f3ed;border:1px solid #b9d5c9;border-radius:10px}.z43 .w-outcome strong{display:block;font-size:13px;line-height:1.5;color:#17515a;margin-bottom:6px}.z43 .w-outcome span{font-size:12px;line-height:1.6;color:#365963}.z43 .w-test-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:22px;border-top:1px solid #cddfd7;padding-top:18px}.z43 .w-test-footer small{font-size:11px;max-width:50ch}.z43 .w-next{min-height:44px;border:1px solid #bfa05f;border-radius:24px;background:#f4dbac;padding:10px 18px;font-size:13px;font-weight:700;flex-shrink:0}
.z43 .w-activation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative;padding-top:8px}.z43 .w-activation:before{left:16.66%;right:16.66%}.z43 .w-activation button{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;position:relative;z-index:1;border:0;background:transparent;border-radius:12px;padding:0 6px 10px;min-height:130px;font-size:14px}.z43 .w-activation button[aria-expanded=true]{box-shadow:none;background:transparent}.z43 .w-activation .w-circle .q-icon{width:27px;height:27px}.z43 .w-activation button[aria-expanded=true] .w-circle .q-icon{color:#fff}.z43 .w-activation button:nth-child(2) .w-circle{animation-delay:.6s}.z43 .w-activation button:nth-child(3) .w-circle{animation-delay:1.2s}
@keyframes w-soft-glow{0%,100%{box-shadow:0 0 0 5px #dcefe780,0 0 5px #18a5a025}50%{box-shadow:0 0 0 7px #a8dcd44d,0 0 22px #0dada049}}
@keyframes w-line-flow{to{background-position:200% 0}}
body:has(#pause-motion:checked) .z43 .w-circle,body:has(#pause-motion:checked) .z43 .w-assistant .q-orb,body:has(#pause-motion:checked) .z43 .w-wizard:before,body:has(#pause-motion:checked) .z43 .w-activation:before{animation:none}
@media(max-width:900px){.z43[data-q-page="how-it-works"] .q-hero figure img{max-height:215px}.z43 .w-field-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.z43 .w-dialogue{grid-template-columns:60px minmax(0,1fr);gap:14px}.z43 .w-dialogue{grid-template-columns:60px minmax(0,1fr)}.z43 .w-dialogue .q-ai-quote{grid-column:1/-1;grid-row:2;margin-right:77px}.z43 .w-dialogue .w-assistant{grid-column:2;grid-row:2;justify-self:end}.z43 .w-assistant .q-orb{width:60px}.z43 .w-test-demo{padding:20px}.z43 .w-outcome{grid-template-columns:1fr}.z43 .w-scenario-picker button{font-size:12px;gap:7px}.z43 .w-scenario-picker .q-icon{width:20px;height:20px}.z43 .w-test-steps button{font-size:11px;padding:8px}.z43 .w-wizard{gap:6px}.z43 .w-circle{width:56px}.z43 .w-wizard:before,.z43 .w-activation:before{top:36px}}
@media(max-width:600px){.z43[data-q-page="how-it-works"] .q-hero{padding:18px 0}.z43[data-q-page="how-it-works"] .q-hero-grid{grid-template-columns:1fr;gap:14px}.z43[data-q-page="how-it-works"] h1{font-size:34px}.z43[data-q-page="how-it-works"] .q-eyebrow{margin-bottom:8px}.z43[data-q-page="how-it-works"] .q-lead{font-size:16px;margin-top:12px}.z43[data-q-page="how-it-works"] .q-hero figure img{max-height:150px;width:auto;border-radius:14px}.z43[data-q-page="how-it-works"] .q-ribbon{padding:16px;margin-top:14px;gap:15px}.z43[data-q-page="how-it-works"] .q-target>strong{font-size:47px}.z43[data-q-page="how-it-works"] .q-target span{margin-top:5px;font-size:12px}.z43[data-q-page="how-it-works"] .q-ribbon li strong{font-size:18px}.z43[data-q-page="how-it-works"] .q-ribbon li span{font-size:10px}.z43[data-q-page="how-it-works"] .q-ribbon li b{width:27px;height:27px}.z43[data-q-page="how-it-works"] .q-ribbon>p{font-size:10px;padding-top:8px}.z43 .w-wizard{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding-top:7px}.z43 .w-wizard button{font-size:10px;min-height:91px;padding:0 1px 8px;gap:12px}.z43 .w-circle{width:42px}.z43 .w-circle>span{font-size:20px}.z43 .w-wizard:before{top:28px}.z43 .w-wizard button strong{font-size:10px;line-height:1.4;max-width:54px}.z43 .w-pool-note{padding:12px;font-size:12px;gap:8px}.z43 .w-pool-note .q-icon{width:16px;height:16px}.z43 .w-panel-heading{gap:9px;margin-bottom:13px}.z43 .w-panel-heading>.q-icon{width:22px;height:22px}.z43 .w-field-panel h3{font-size:17px}.z43 .w-field-panel p{font-size:13px}.z43 .w-field-panel dl{grid-template-columns:1fr;gap:10px;margin-top:13px}.z43 .w-field-panel dl>div{padding:13px}.z43 .w-field-panel dd{font-size:12px}.z43 .w-test-demo{padding:13px}.z43 .w-scenario-picker{gap:6px;margin-bottom:17px}.z43 .w-scenario-picker button{flex-direction:column;gap:6px;font-size:10px;min-height:71px;padding:9px 4px}.z43 .w-test-steps{gap:4px;padding-bottom:15px}.z43 .w-test-steps button{flex-direction:column;gap:5px;padding:6px 2px;font-size:9px;min-height:62px}.z43 .w-test-steps b{width:22px;height:22px}.z43 .w-story{padding-top:17px}.z43 .w-story-heading h3{font-size:21px}.z43 .w-step-caption{font-size:10px}.z43 .w-dialogue{grid-template-columns:42px minmax(0,1fr);gap:13px 9px;margin-top:17px}.z43 .w-dialogue blockquote{padding:12px;font-size:12px;line-height:1.65}.z43 .w-human>img{width:42px}.z43 .w-human>span,.z43 .w-assistant>span:last-child{font-size:8px}.z43 .w-assistant .q-orb{width:44px;border-width:4px}.z43 .w-dialogue .q-ai-quote{margin-right:56px}.z43 .w-story-note{font-size:12px;padding:12px;margin-top:15px}.z43 .w-story-choices{gap:8px;padding-top:15px}.z43 .w-story-choices button{font-size:11px;flex:1;padding:9px 8px}.z43 .w-outcome{gap:9px;margin-top:15px}.z43 .w-outcome>div{padding:12px}.z43 .w-test-footer{flex-direction:column;align-items:stretch;gap:13px;margin-top:17px;padding-top:15px}.z43 .w-test-footer small{font-size:10px}.z43 .w-next{font-size:12px}.z43 .w-activation{gap:6px;padding-top:7px}.z43 .w-activation:before{top:28px}.z43 .w-activation button{padding:0 1px 8px;font-size:12px;gap:10px;min-height:112px}.z43 .w-activation .w-circle .q-icon{width:23px;height:23px}.z43 .w-activation button .q-small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.z43 .w-circle,.z43 .w-assistant .q-orb,.z43 .w-wizard:before,.z43 .w-activation:before{animation:none}}
/* Keep the trial-number note visible while the optional field panels are closed. */
.z43 .w-setup-stage .q-stage-detail:has(>.q-selection-panels):not(:has(.q-selection-panel:not([hidden]))){display:grid}
