/* AI5X Prism v1.1 — quiz-sept19-v1 */
:root{
  --ink:#111111;
  --white:#ffffff;
  --purple:#7c3aed;
  --purple-deep:#6d28d9;
  --purple-signal:#a855f7;
  --lavender:#e9d5ff;
  --wash:#faf7ff;
  --success:#15803d;
  --orange:#e87817;
  --activity:#e74440;
  --dark-secondary:#d7d3dc;
  --line:rgba(124,58,237,.2);
}
html{background:var(--white)}
body{font-family:"Manrope",Arial,sans-serif;background:var(--white);color:var(--ink)}
.shell{width:min(1240px,calc(100% - 64px))}
.header{height:80px;border-color:#e8e3ee;background:var(--white)}
.header .logo,.header .logo span{color:var(--ink);font-weight:800;letter-spacing:-.075em}
.header .brand-dot{color:var(--purple)!important}
.nav-start,.btn,.screen .btn:not(.ghost){border-radius:6px;background:var(--purple);color:var(--white);box-shadow:none;font-family:inherit;font-weight:800}
.nav-start{padding:12px 17px}
.nav-start:hover,.btn:hover,.screen .btn:not(.ghost):hover{background:var(--purple-deep)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple-signal);outline-offset:4px}
.answer input:focus-visible+span{outline:3px solid var(--purple-signal);outline-offset:3px}
.landing h1,.landing h2,.landing h3{font-family:"Manrope",Arial,sans-serif;color:var(--ink);font-weight:800}
.landing p{color:var(--ink)}
.landing .eyebrow,.visual-label,.visual-kicker,.score-top,.score-bottom,.board-title{font-family:"Space Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.landing .eyebrow{color:var(--purple-deep)}
.landing h1{font-size:clamp(64px,6.7vw,86px);line-height:1.04;letter-spacing:-.055em}
.landing h1 span,.landing h2 span{color:var(--purple)}
.landing h2{font-size:clamp(38px,4.2vw,54px);line-height:1.08;letter-spacing:-.045em}
.landing-hero{grid-template-columns:1.05fr .95fr;gap:64px;padding-block:88px 112px}
.hero-message>.eyebrow{font:700 12px/1.4 "Space Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--purple-deep)}
.hero-sub{font-size:19px!important;line-height:1.65!important;max-width:550px}
.launch{min-height:54px;border-radius:6px;background:var(--purple);padding:15px 22px}
.landing .hero-micro,.landing .disclosure{color:#4d4455}
.score-visual{position:relative;overflow:hidden;padding:26px;border-radius:12px;background:#111;color:#fff;box-shadow:0 28px 70px rgba(34,10,61,.18)}
.score-visual:before{content:"COMMAND → CONTEXT → AI TEAM → OUTPUT";position:absolute;right:25px;bottom:22px;color:#d7d3dc;font:700 8px/1.3 "Space Mono",monospace;letter-spacing:.08em}
.score-top,.score-bottom{position:relative;z-index:2;padding:0;color:#d7d3dc}
.score-status{color:#fff}
.score-status i{background:var(--activity)}
.dial-wrap{margin:4px -10px 0}
.score-dial circle:first-of-type{fill:#17131b!important}
.score-dial circle:nth-of-type(2),.score-dial circle:nth-of-type(3),.score-dial circle:nth-of-type(4){fill:#111!important;stroke:#302339!important}
.score-dial path{stroke:var(--purple-signal)!important}
.score-dial line{stroke:#684683!important}
.score-dial text{fill:#d7d3dc!important;font-family:"Manrope",Arial,sans-serif}
.score-dial .dial-scale{fill:#a855f7!important;font-family:"Space Mono",monospace}
.dial-score>span{color:#d7d3dc;font-family:"Space Mono",monospace}
.dial-score strong{color:#fff;font-weight:800}
.dial-score small{color:#d7d3dc}
.dial-chip{border:1px solid #8b5cf6;background:#1b1420;color:#fff;border-radius:6px;box-shadow:none}
.chip-left,.chip-right,.chip-bottom{color:#fff}
.signal-line{position:absolute;z-index:3;left:50%;top:45%;display:flex;align-items:center;gap:3px;height:58px;transform:translate(-50%,-50%);pointer-events:none}
.signal-line i{display:block;width:3px;border-radius:99px;background:linear-gradient(180deg,#c3ff3c 0%,#27ff75 50%,#64ffbc 100%);height:20px}
.signal-line i:nth-child(2),.signal-line i:nth-child(16){height:30px}.signal-line i:nth-child(3),.signal-line i:nth-child(15){height:14px}.signal-line i:nth-child(4),.signal-line i:nth-child(14){height:42px}.signal-line i:nth-child(5),.signal-line i:nth-child(13){height:25px}.signal-line i:nth-child(6),.signal-line i:nth-child(12){height:51px}.signal-line i:nth-child(7),.signal-line i:nth-child(11){height:34px}.signal-line i:nth-child(8),.signal-line i:nth-child(10){height:58px}.signal-line i:nth-child(9){height:44px}
.score-visual:before{display:none}.maturity-chart{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;margin:22px 0 18px;min-height:332px}.curve-lane{position:relative;min-height:332px}.curve-lane svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.curve-grid{fill:none;stroke:#392c40;stroke-width:1;stroke-dasharray:2 5}.curve-shadow{fill:none;stroke:#7c3aed;stroke-width:9;opacity:.17;filter:url(#curveGlow)}.curve-line{fill:none;stroke:url(#maturityCurve);stroke-width:3.5;stroke-linecap:round}.curve-points circle{fill:#111;stroke:#c79aff;stroke-width:3}.curve-points circle:last-child{stroke:#64ffbc}.curve-arrow{fill:none;stroke:#64ffbc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.curve-axis,.curve-up{position:absolute;z-index:2;color:#817786;font:700 7px/1 "Space Mono",monospace;letter-spacing:.1em;white-space:nowrap}.curve-axis{left:-2px;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.curve-up{left:20px;bottom:-4px}.maturity-stages{display:grid;grid-template-rows:repeat(3,1fr);gap:12px;min-width:0}.maturity-stage{position:relative;display:grid;grid-template-columns:44px 58px minmax(0,1fr);gap:12px;align-items:center;min-width:0;border:1px solid #3b2b45;border-radius:8px;padding:14px 16px;background:#17131a}.maturity-stage:before{content:"";position:absolute;left:-15px;top:50%;width:15px;border-top:1px solid #6c4d7a}.maturity-ten{border-color:#8b4cad;background:linear-gradient(100deg,#271431 0%,#17131a 76%);box-shadow:0 14px 30px rgba(0,0,0,.24)}.maturity-five{border-color:#553562}.stage-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #654476;border-radius:7px;background:#211726;color:#c79aff}.stage-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.maturity-ten .stage-icon{border-color:#3f765f;color:#64ffbc;background:#14211c}.stage-level{display:flex;flex-direction:column;align-items:center;border-left:1px solid #463051;border-right:1px solid #463051;padding:0 10px}.stage-level small{color:#a89eae;font:700 7px/1.2 "Space Mono",monospace;letter-spacing:.12em}.stage-level strong{color:#fff;font-size:34px;line-height:1;font-weight:800}.maturity-ten .stage-level strong{color:#c79aff}.stage-copy{min-width:0}.stage-copy>span{display:block;color:var(--purple-signal);font:700 8px/1.3 "Space Mono",monospace;letter-spacing:.08em}.landing .stage-copy h3{margin:4px 0 2px;color:#fff;font-size:16px;line-height:1.2;letter-spacing:-.02em}.landing .stage-copy p{margin:0;color:#c8c0cc;font-size:11px;line-height:1.35}.stage-live{position:absolute;right:10px;top:8px;color:#64ffbc;font:700 6px/1.2 "Space Mono",monospace;letter-spacing:.08em}.stage-live:before{content:"";display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:#64ffbc}.recognition h2 .level-one-line,.recognition h2 .level-ten-line{display:block}.recognition h2 .level-one-line{color:var(--ink)}.recognition h2 .level-ten-line{color:var(--purple);margin-top:16px}.section-pad{padding-block:112px}
.recognition{background:var(--wash)}
.recognition .eyebrow{color:var(--orange)}
.recognition .section-copy{align-self:end}
.manual-visual{border-left:2px solid var(--orange);padding:12px 0 4px 30px}
.visual-label{color:#9a4200}
.prompt-loop b{width:72px;height:72px;border-radius:8px;background:var(--ink);box-shadow:none}
.prompt-loop span,.loop-return{color:var(--ink)}
.prompt-loop i{color:var(--orange)}
.loop-return{border-color:#e8a469;border-radius:0 0 8px 8px}
.manual-footer{color:#4d4455}
.gap-heading{text-align:left;max-width:900px;margin-left:0}
.employee-story{text-align:left;margin-left:0}
.employee-story blockquote{color:var(--purple-deep);border-left:3px solid var(--purple);padding-left:26px}
.work-board{border:1px solid var(--lavender);border-radius:8px;background:var(--wash)}
.team-board{background:var(--ink);border-color:var(--ink);color:#fff}
.team-board h3,.team-board .board-caption{color:#fff}
.team-board .board-title{color:var(--purple-signal)}
.team-board .board-dot{background:var(--activity)}
.manual-board .board-title{color:#9a4200}
.manual-board .board-dot{background:var(--orange)}
.team-board svg [stroke]{stroke:var(--purple-signal)!important}
.team-board svg [fill="#008b78"]{fill:var(--purple)!important}
.team-board svg text{fill:#fff!important}
.team-board .board-caption{border-color:#ffffff30}
.employee-bridge{text-align:left;margin-left:0}
.gap-section{border-color:#e8e3ee}
.momentum-visual{border:1px solid var(--lavender);border-radius:12px;padding:40px;background:var(--wash)}
.visual-kicker{color:var(--purple-deep)}
.momentum-cycle b,.momentum-cycle span:nth-of-type(2) b,.momentum-cycle span:nth-of-type(3) b{border-radius:8px;background:var(--ink);box-shadow:none}
.momentum-cycle span{color:var(--ink)}
.gap-observations p{border-color:var(--purple)}
.gap-close{text-align:left;margin-left:0}
.gap-close .gap-question{color:var(--purple-deep)}
.assessment-close{position:relative;overflow:hidden;background:var(--ink);color:#fff;text-align:center}
.assessment-close h2,.assessment-close h2 span,.assessment-close h3,.assessment-close p,.assessment-close strong{color:#fff}
.assessment-close h2 span{color:var(--purple-signal)}
.assessment-close .eyebrow{color:#d7d3dc}
.takeaways article{border-top:1px solid #5d2f79;padding-top:24px}
.takeaways svg [stroke="#007aff"],.takeaways svg [stroke="#008b78"]{stroke:var(--purple-signal)!important}
.takeaways svg [fill="#ff9500"]{fill:var(--purple)!important}
.takeaways svg text{fill:#fff!important}
.assessment-close .hero-micro,.assessment-close .disclosure{color:#d7d3dc}

/* Quiz, gate and results: self-contained dark contrast contexts. */
body:has(#intro[hidden]){background:#111;color:#fff}
body:has(#intro[hidden]) .header{background:#111;border-color:#3d2a49}
body:has(#intro[hidden]) .header .logo,body:has(#intro[hidden]) .header .logo span{color:#fff}
.screen{color:#fff;background:#111}
.screen .eyebrow{color:var(--purple-signal)}
.progress>div:first-child{color:var(--dark-secondary);font-family:"Space Mono",monospace}
.progress b{color:#fff}
.bar{background:#33273a}
.bar i{background:var(--purple)}
.question-card,.lead-form,.gap-card,.vsl-block,.callout,.workflow article{background:#18131c;border:1px solid #50305f;border-radius:12px;box-shadow:none;color:#fff}
.question-card legend,.gate h2,.results-body h2,.callout h3,.workflow b{color:#fff}
.answer span{background:#111;border-color:#513760;color:var(--dark-secondary);border-radius:8px}
.answer b{color:#fff;border-color:#75518a}
.answer input:checked+span{border-color:var(--purple-signal);background:#2a1538;color:#fff;box-shadow:0 0 0 2px rgba(168,85,247,.2)}
.btn.ghost{background:transparent;color:#fff;border-color:#75518a}
.error{color:#ff9f9a}
.gate>div>p:not(.eyebrow),.consent,.greeting,.gap-card p,.gap-card span,.category-row span,.callout p,.vsl-copy p:last-child,.workflow p,.booking p:not(.eyebrow),.booking small{color:var(--dark-secondary)}
.mini-receipt{color:#fff}
.mini-receipt span:before{color:#64ffbc}
.field label{color:#fff}
.field input,.field select{background:#0c0a0e;border-color:#654375;color:#fff}
.consent a{color:#c79aff}
.result-hero h1,.result-hero h1 span,.result-hero h1 small{color:#fff}
.level-pill{border-color:var(--purple-signal);color:#fff}
.gap-card small{color:#fff}
.gap-card strong{color:var(--purple-signal)}
.category-row>div:last-child{background:#33273a}
.category-row i{background:var(--purple)}
.callout span,.workflow span{color:#c79aff}
.booking{border-color:#4b3158}
body:has(#intro[hidden]) footer{background:#111;border-color:#3d2a49}
body:has(#intro[hidden]) footer .logo,body:has(#intro[hidden]) footer .logo span,body:has(#intro[hidden]) footer p,body:has(#intro[hidden]) footer nav a{color:#fff}

@media(max-width:700px){
  .shell{width:calc(100% - 40px)}
  .header{height:72px}
  .landing-hero{grid-template-columns:1fr;gap:40px;padding-block:56px 72px}
  .landing h1{font-size:clamp(50px,14vw,64px)}
  .landing h2{font-size:34px}
  .section-pad{padding-block:64px}
  .score-visual{padding:20px 16px}
  .signal-line{top:44%;transform:translate(-50%,-50%) scale(.78)}
  .score-visual:before{display:none}
  .maturity-chart{grid-template-columns:62px minmax(0,1fr);gap:10px;min-height:342px}.curve-lane{min-height:342px}.curve-axis{display:none}.curve-up{left:4px;bottom:-2px;font-size:6px;writing-mode:vertical-rl;transform:rotate(180deg)}.maturity-stages{gap:10px}.maturity-stage{grid-template-columns:38px 44px minmax(0,1fr);gap:8px;padding:12px 10px}.maturity-stage:before{left:-11px;width:11px}.stage-icon{width:36px;height:36px}.stage-icon svg{width:26px;height:26px}.stage-level{padding:0 7px}.stage-level strong{font-size:29px}.stage-copy>span{font-size:6.5px;letter-spacing:.06em}.landing .stage-copy h3{font-size:14px}.landing .stage-copy p{font-size:9px}.stage-live{display:none}
  .recognition .section-copy{align-self:auto}
  .manual-visual{padding-left:18px}
  .gap-heading,.gap-close,.employee-story,.employee-bridge{text-align:left}
  .momentum-visual{padding:28px 20px}
  .assessment-close{text-align:left}
  .takeaways article{border-top-color:#5d2f79}
  .quiz .question-card{padding:26px 18px}
  .gate{grid-template-columns:1fr}
  footer .shell{align-items:flex-start}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-line i{animation:none}}
.landing-hero>.score-visual:not(.output-stack){display:none}
.output-stack{padding:22px 22px 18px;min-height:430px}
.output-stack .score-top{font-size:7px}
.output-stack-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(210px,1.1fr);gap:18px;align-items:center;margin:12px 0 8px}
.output-stack-chart svg{display:block;width:100%;height:auto;overflow:visible}
.output-grid{fill:none;stroke:#39313f;stroke-width:1;stroke-dasharray:3 7}
.output-curve-glow{fill:none;stroke:#7c3aed;stroke-width:10;stroke-linecap:round;opacity:.22;filter:url(#outputStackGlow)}
.output-curve{fill:none;stroke:url(#outputStackCurve);stroke-width:5;stroke-linecap:round}
.output-points circle{fill:#111;stroke:#fff;stroke-width:2}.output-points circle:last-child{stroke:#64ffbc}
.output-unit rect{fill:#211629;stroke:#8b32ff;stroke-width:1.2}.output-unit text{fill:#fff;font:800 12px/1 "Manrope",sans-serif}
.output-unit-five rect{fill:#18151b;stroke:#4a4050}.output-unit-ten rect{fill:#201527;stroke:#9b55ff}.output-unit-ten rect:nth-child(4){fill:#64ffbc;stroke:#b8ffda}
.output-axis-labels text{fill:#aaa3af;font:700 7px/1 "Space Mono",monospace;letter-spacing:.1em}.output-axis-labels text:last-child{fill:#64ffbc}
.output-stack-copy{display:grid;gap:12px}
.output-stack-copy article{border:1px solid #3c3542;border-radius:9px;background:#171519;padding:16px}
.output-stack-copy .output-stack-payoff{border-color:#7c3aed;background:linear-gradient(145deg,#271431,#171519)}
.output-stack-copy span{display:block;color:#b36cff;font:700 7px/1.35 "Space Mono",monospace;letter-spacing:.11em}
.output-stack-copy .output-stack-payoff span{color:#64ffbc}
.landing .output-stack-copy h3{margin:8px 0 5px;color:#fff;font-size:17px;line-height:1.18;letter-spacing:-.025em}
.landing .output-stack-copy p{margin:0;color:#bdb6c2;font-size:10px;line-height:1.45}
.output-stack .score-bottom{padding-top:0;font-size:7px}
@media(max-width:1050px) and (min-width:701px){.output-stack{padding-inline:18px}.output-stack-body{grid-template-columns:minmax(0,.8fr) minmax(190px,1.2fr);gap:12px}.output-stack-copy article{padding:13px}.landing .output-stack-copy h3{font-size:14px}.landing .output-stack-copy p{font-size:9px}}
@media(max-width:700px){.output-stack{min-height:0;padding:18px}.output-stack-body{grid-template-columns:1fr;gap:8px;margin-top:8px}.output-stack-chart{width:min(100%,260px);margin:auto}.output-stack-copy{grid-template-columns:.9fr 1.1fr;gap:8px}.output-stack-copy article{padding:12px 10px}.output-stack-copy span{font-size:6px}.landing .output-stack-copy h3{font-size:12px;margin:6px 0 4px}.landing .output-stack-copy p{font-size:8px;line-height:1.35}.output-stack .score-bottom{padding-top:4px}}

/* Selected Option 3: ten-level compounding leverage chart. */
.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);gap:52px}
.compounding-chart{margin:0;min-height:0;padding:26px 28px 22px;background:#121114;border:1px solid #302b35;border-radius:12px;overflow:hidden}
.compounding-heading>span{display:block;color:#aaa3af;font:700 8px/1.3 "Space Mono",monospace;letter-spacing:.18em}
.landing .compounding-heading h2{margin:11px 0 5px;color:#fff;font-size:clamp(21px,2vw,29px);line-height:1.05;letter-spacing:-.035em}
.landing .compounding-heading p{margin:0;color:#aaa3af;font-size:10px;line-height:1.45}
.compounding-stage{--plot-inset:72px;position:relative;margin:0 -2px;padding-top:var(--plot-inset)}
.compounding-plot{display:block;width:100%;height:auto;overflow:visible}
.compounding-grid{fill:none;stroke:#302b35;stroke-width:1.2}.compounding-grid path:first-child{stroke:#5a5160}
.compounding-bars rect{fill:#1d1920;stroke:#39323e;stroke-width:1.4}.compounding-bars .bar-five{fill:#2b1736;stroke:#8b32ff;stroke-width:2}.compounding-bars .bar-ten{fill:#123525;stroke:#28e77f;stroke-width:2.4}
.compounding-glow{fill:none;stroke:#8b32ff;stroke-width:17;stroke-linecap:round;opacity:.18;filter:url(#selectedGlow)}
.compounding-curve{fill:none;stroke:url(#selectedCurve);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.compounding-points circle{fill:#fdfbff;stroke:#fdfbff;stroke-width:1}.compounding-points .point-ten{fill:#121114;stroke:#53f5a6;stroke-width:5}
.compounding-levels text{fill:#aaa3af;font:700 11px/1 "Space Mono",monospace;letter-spacing:.14em;text-anchor:middle}.compounding-levels text:nth-child(1),.compounding-levels text:nth-child(5),.compounding-levels text:nth-child(10){fill:#fff}
.curve-callout{position:absolute;z-index:2;display:grid;gap:4px;width:29%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateY(calc(-100% - 20px))}
.curve-callout::after{content:"";position:absolute;bottom:-8px;width:1px;height:6px;background:#6b5d73}
.curve-callout span{color:#b36cff;font:700 7px/1.35 "Space Mono",monospace;letter-spacing:.15em}.curve-callout strong{color:#fff;font-size:11px;line-height:1.25}
.callout-one{left:0;top:calc(85.2% + var(--plot-inset)*.148)}.callout-one::after{left:26%}.callout-five{left:32%;top:calc(73.2% + var(--plot-inset)*.268);width:27%}.callout-five::after{left:45%}.callout-ten{right:0;top:calc(5.6% + var(--plot-inset)*.944);text-align:right}.callout-ten::after{left:66%;background:#53f5a6}.callout-ten span{color:#53f5a6}
.compounding-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2px;color:#aaa3af;font:700 7px/1.3 "Space Mono",monospace;letter-spacing:.18em}.compounding-footer b{font-weight:700}
@media(max-width:1100px) and (min-width:701px){.landing-hero{grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);gap:34px}.compounding-chart{padding:22px 20px 18px}.compounding-stage{--plot-inset:66px}.curve-callout strong{font-size:9px}}
@media(max-width:700px){.landing-hero{grid-template-columns:1fr}.compounding-chart{padding:18px 14px 17px}.compounding-stage{margin:0;padding-top:72px}.curve-callout{min-width:0;gap:3px;transform:translateY(calc(-100% - 14px))}.curve-callout::after{bottom:-5px;height:4px}.curve-callout span{font-size:5.5px;letter-spacing:.08em}.curve-callout strong{font-size:8px;line-height:1.25}.compounding-footer{margin-top:10px;font-size:6px}}

/* Headlines flow naturally; recognition heading spans the entire section. */
.recognition-layout{display:grid;grid-template-columns:1fr 1.08fr;column-gap:90px;row-gap:44px;align-items:end}
.recognition-heading{grid-column:1/-1}
.recognition .manual-visual{margin-top:0}
.recognition h2{font-size:clamp(32px,3.4vw,46px);line-height:1.16}
.recognition h2 .level-one-line,.recognition h2 .level-ten-line{display:block;margin:0}
.recognition h2 .level-ten-line{margin-top:16px}
.landing h1,.landing h2{white-space:normal;text-wrap:wrap}
@media(max-width:700px){.recognition-layout{grid-template-columns:1fr;gap:32px}.recognition h2{font-size:30px;line-height:1.2}.recognition-heading{grid-column:auto}}
