/* AIMA — Home answers, Results and Evolve presentation layer */
:root{--x-navy:#0f2e40;--x-navy2:#14435a;--x-teal:#1b8aa6;--x-sky:#7fd0e2;--x-ink:#1f3a48;--x-muted:#56707d;--x-line:#dbe6ea;--x-up:#1f8a6a;--x-down:#c0505c}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ========== HOME · One assessment. Four useful answers. ========== */
.answers-band{position:relative;overflow:hidden;margin:40px 0 34px;padding:44px clamp(20px,4vw,48px) 48px;border-radius:24px;color:#fff;background:radial-gradient(700px 300px at 100% 0,#1d6a8666,transparent 70%),radial-gradient(500px 260px at 0 100%,#2bb3cf22,transparent 70%),linear-gradient(135deg,#0c2737,#123b50 60%,#0f4a5f)}
.answers-band:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.answers-head{position:relative;margin-bottom:30px}
.answers-band .eyebrow{color:var(--x-sky)}
.answers-band h2{color:#fff;font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.2px;margin:8px 0 0;text-wrap:balance}
.answers-flow{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:a}
.answers-flow:before{content:'';position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,#2bb3cf,#5aa9e6,#e0a458,#5fc29a);opacity:.55}
.answer-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:0 0 4px;min-width:0}
.answer-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.answer-n{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#0f2e40;border:2px solid var(--ac);color:#fff;font:800 18px Manrope,Arial,sans-serif;box-shadow:0 0 0 6px #ffffff0a,0 10px 24px #0006}
.answer-ico .stepart{display:block;width:58px;height:48px;margin:0;--ink:var(--ac);--tint:#ffffff10}
.answer-card h3{margin:14px 0 0;color:#fff;font-size:21px;line-height:1.25;letter-spacing:-.3px}
.answer-card p{margin:0;color:#bcd3dc;font-size:14.5px;line-height:1.7}
.answer-card:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:3px;background:var(--ac);transform:scaleX(.18);transform-origin:left;transition:transform .35s ease}
.answer-card:hover:after{transform:scaleX(1)}
.answer-card:hover .answer-n{background:var(--ac);color:#0f2e40}
@media(max-width:1000px){.answers-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.answers-flow:before{display:none}}
@media(max-width:600px){.answers-flow{grid-template-columns:1fr}.answers-band{padding:30px 18px 34px;border-radius:18px}}

/* ========== RESULTS ========== */
[data-view=results] .intro h1{background:linear-gradient(90deg,#0f2e40,#1b8aa6);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-view=results] .card{border-radius:16px;border-color:var(--x-line);box-shadow:0 1px 2px #0f2e400a,0 10px 30px #0f2e4008;transition:box-shadow .2s}
[data-view=results] .card:hover{box-shadow:0 1px 2px #0f2e400f,0 16px 40px #0f2e4012}
[data-view=results] .eyebrow{display:inline-flex;align-items:center;gap:8px}
[data-view=results] .card>.eyebrow:before,[data-view=results] .card>div>.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--x-teal);box-shadow:0 0 0 4px #1b8aa61f}
[data-view=results] .rolebar button{border-radius:30px}
[data-view=results] .notice{border-radius:0 12px 12px 0}

/* filters as a toolbar */
[data-view=results] .filters{background:linear-gradient(180deg,#fff,#f6fafb);padding:18px 20px;gap:14px}
[data-view=results] .filters label{font-weight:700;color:var(--x-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
[data-view=results] .filters select,[data-view=results] .filters input[type=date]{border-radius:30px;padding:10px 14px;border-color:#cfdde3;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--x-ink)}
[data-view=results] #reset-all{border-radius:30px}

/* headline index card */
[data-view=results] .index-summary{position:relative;overflow:hidden;color:#fff;border:0;background:radial-gradient(600px 240px at 100% 0,#1d6a8666,transparent 70%),linear-gradient(135deg,#0c2737,#123b50 60%,#0f4a5f);grid-template-columns:1.2fr 1.3fr 1fr;padding:30px 32px}
[data-view=results] .index-summary .eyebrow{color:var(--x-sky)}
[data-view=results] .index-summary .eyebrow:before{background:var(--x-sky)!important;box-shadow:0 0 0 4px #7fd0e226!important}
[data-view=results] .index-summary h2{color:#fff;font-size:clamp(24px,2.4vw,32px)}
[data-view=results] .index-summary p{color:#b9d0d9}
[data-view=results] .index-stat{border-left-color:#ffffff22}
[data-view=results] .index-stat span,[data-view=results] .index-stat small{color:#a9c7d2}
[data-view=results] .index-stat strong{color:#fff}
[data-view=results] .index-stat.peer strong{color:#c9dde4}
[data-view=results] .index-stat.mine{display:flex;align-items:center;gap:18px;border-left:0;padding-left:0}
[data-view=results] .index-stat.mine>div>*{display:block}
[data-view=results] .ring{width:108px;height:108px;flex:none}
.ring-bg{fill:none;stroke:#ffffff1f;stroke-width:9}
.ring-fg{fill:none;stroke:url(#none);stroke:#7fd0e2;stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1s ease}
.ring-mark{fill:#ffffff80}
[data-view=results] .lvl-pill{display:inline-block!important;margin-top:6px;padding:4px 11px;border-radius:30px;background:var(--lc);color:#fff!important;font-weight:700;font-size:12px}
[data-view=results] .index-context{border-top-color:#ffffff1f;color:#d5e6ec}

/* landscape & dimension list */
[data-view=results] .resultgrid h2{letter-spacing:-.6px}
[data-view=results] .measure.focus{background:#f2f8fa;border-radius:12px;padding:12px 14px}
[data-view=results] .track{height:9px;border-radius:9px;background:#e8eff2}
[data-view=results] .track i{border-radius:9px;background:linear-gradient(90deg,#1b8aa6,#4fb6cf)}
[data-view=results] .track span{top:-4px;height:17px;width:3px;border-radius:2px}
[data-view=results] .measure-select{border-radius:12px;padding:9px 12px;position:relative}
[data-view=results] .measure-select .measure-name{display:flex;align-items:center;gap:8px}
[data-view=results] .measure-select .measure-name:before{content:'';width:9px;height:9px;border-radius:3px;background:var(--dc);flex:none}
[data-view=results] .measure-select .track i{background:var(--dc)}
[data-view=results] .measure-select:hover,[data-view=results] .measure-select[aria-pressed=true]{background:#f2f8fa;border-color:color-mix(in srgb,var(--dc) 45%,#fff)}
[data-view=results] .measure-reset{border-radius:30px;padding:6px 14px}

/* what your scores mean */
[data-view=results] .dim-result{border-top:1px solid var(--x-line);padding:0}
[data-view=results] .dim-result summary{display:grid;grid-template-columns:34px minmax(150px,1.1fr) minmax(120px,1.4fr) 76px;align-items:center;gap:14px;padding:13px 10px;border-radius:10px;color:var(--x-ink);list-style:none;font-weight:600}
[data-view=results] .dim-result summary::-webkit-details-marker{display:none}
[data-view=results] .dim-result summary:hover{background:#f4f8fa}
[data-view=results] .dim-result[open] summary{background:#eef6f8}
.dr-n{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--dc) 14%,#fff);color:var(--dc);font:800 12px Manrope,Arial,sans-serif}
.dr-name{font-weight:700;font-size:14px}
.dr-bar{position:relative;display:block;height:10px;border-radius:10px;background:#e8eff2}
.dr-bar i{display:block;height:100%;border-radius:10px;background:var(--dc)}
.dr-bar u{position:absolute;top:-4px;width:3px;height:18px;border-radius:2px;background:#163846}
.dr-val{float:none!important;text-align:right;font:800 14px Manrope,Arial,sans-serif;color:var(--x-navy);font-variant-numeric:tabular-nums}
[data-view=results] .dim-result>p{margin:10px 14px 16px 58px}
@media(max-width:700px){[data-view=results] .dim-result summary{grid-template-columns:30px 1fr 70px}.dr-bar{grid-column:2/4;grid-row:2}[data-view=results] .dim-result>p{margin-left:14px}[data-view=results] .index-summary{grid-template-columns:1fr;padding:22px}}

/* closing actions */
[data-view=results]>.actions{padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#eaf5f8,#f6fafb);border:1px solid var(--x-line)}
[data-view=results] .worldmap{border-radius:14px}

/* ========== EVOLVE ========== */
.evolvewrap .intro h1{background:linear-gradient(90deg,#0f2e40,#1b8aa6);-webkit-background-clip:text;background-clip:text;color:transparent}
.ev-cockpit{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin:22px 0;padding:12px 26px;border-radius:20px;color:#fff;background:radial-gradient(600px 220px at 100% 0,#1d6a8666,transparent 70%),linear-gradient(135deg,#0c2737f2,#123b50f2 60%,#0f4a5ff2);backdrop-filter:blur(8px);box-shadow:0 18px 50px #0f2e4040}
.ev-radar-wrap{display:flex;align-items:center;gap:14px}
.ev-radar{width:150px;height:150px;display:block;overflow:visible}
.ev-radar .rg{fill:none;stroke:#ffffff30;stroke-width:.8}
.ev-radar .rg.half{stroke:#ffffff55;stroke-dasharray:3 3}
.ev-radar .poly-cur{fill:#ca465630;stroke:#ff8b98;stroke-width:2}
.ev-radar .poly-tgt{fill:#7fd0e255;stroke:#9fe6f3;stroke-width:2.6;transition:all .18s ease-out}
.ev-radar text{font:800 11px Manrope,Arial,sans-serif;paint-order:stroke;stroke:#0f2e40;stroke-width:3px}
.ev-key{display:flex;flex-direction:column;gap:8px;font-size:11.5px;color:#b9d0d9}
.ev-key i{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:7px;vertical-align:middle}
.k-cur{background:#ff7b8a}.k-tgt{background:#7fd0e2}
.ev-stats{display:grid;grid-template-columns:1fr auto 1.2fr;align-items:center;gap:20px}
.ev-stat>*{display:block}
.ev-stat span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a9c7d2}
.ev-stat strong{font:800 clamp(36px,4vw,50px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:6px 0 8px}
.ev-stat.target strong{background:linear-gradient(90deg,#fff,#7fd0e2);-webkit-background-clip:text;background-clip:text;color:transparent}
.ev-stat small{font-size:12.5px;color:#b9d0d9;margin-top:6px}
.ev-stat small b{color:#fff}
.ev-stat small b.up{color:#7fe3b8}.ev-stat small b.down{color:#ff9aa5}
.lvl{display:inline-block!important;font-style:normal;font-weight:800;font-size:13px;padding:6px 14px;border-radius:30px;background:var(--lc);color:#fff;box-shadow:0 0 0 0 transparent;transition:background .3s}
.lvl.levelup{animation:lvlUp 1.2s cubic-bezier(.2,.9,.3,1.4)}
.lvl.leveldown{animation:lvlDown .5s ease}
@keyframes lvlUp{0%{transform:scale(.7);box-shadow:0 0 0 0 #7fe3b8cc}35%{transform:scale(1.22);box-shadow:0 0 0 14px #7fe3b800,0 0 30px 6px #7fe3b8aa}60%{transform:scale(.96)}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}}
@keyframes lvlDown{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ev-arrow svg{width:60px;height:24px;fill:none;stroke:#7fd0e2;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* dimension cards */
.evolvewrap .evolve-grid{gap:18px}
.evolvewrap .evolve-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--x-line);box-shadow:0 1px 2px #0f2e400a,0 12px 32px #0f2e4008;padding:26px 28px;gap:30px}
.evolvewrap .evolve-card:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:var(--dc)}
.ev-head{display:flex;align-items:center;gap:14px}
.ev-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--dc) 13%,#fff);color:var(--dc);flex:none}
.ev-ico svg{width:24px;height:24px}
.ev-head .eyebrow{color:var(--dc)}
.ev-head h2{margin:2px 0 0;font-size:24px;letter-spacing:-.6px}
.ev-values{display:flex;align-items:flex-end;gap:16px;margin:22px 0 6px;flex-wrap:wrap}
.ev-val small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--x-muted)}
.ev-val b{font:800 34px/1.1 Manrope,Arial,sans-serif;color:#9aa9b1;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.ev-val b span{font-size:14px;letter-spacing:0;margin-left:2px;color:#9aa9b1}
.ev-val.target b{color:var(--x-navy)}
.ev-val.target output{color:var(--dc)}
.ev-to{font-size:22px;color:#b6c5cc;padding-bottom:8px}
.ev-delta{margin-left:auto;align-self:center;padding:6px 12px;border-radius:30px;font:800 14px Manrope,Arial,sans-serif;background:#eef3f5;color:var(--x-muted);font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.ev-delta.up{background:#e2f5ee;color:var(--x-up)}
.ev-delta.down{background:#fbe9eb;color:var(--x-down)}

/* slider */
.evolvewrap .ev-slider{margin:14px 0 4px}
.evolvewrap .target-track{display:block;position:relative;height:34px;margin:10px 11px 6px}
.evolvewrap .target-track:before{content:'';position:absolute;left:0;right:0;top:12px;height:10px;border-radius:10px;background:#e6eef1;box-shadow:inset 0 1px 2px #0f2e4014}
.evolvewrap .gain{position:absolute;top:12px;height:10px;border-radius:10px;background:repeating-linear-gradient(135deg,var(--dc) 0 8px,color-mix(in srgb,var(--dc) 75%,#fff) 8px 16px);z-index:1;transition:left .08s,width .08s}
.evolvewrap .baseline-marker{top:3px;height:28px;z-index:3}
.evolvewrap .index-milestone{top:17px;z-index:2;background:#fff}
.evolvewrap .target-track input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:34px;margin:0;background:transparent;z-index:4;cursor:grab}
.evolvewrap .target-track input[type=range]:active{cursor:grabbing}
.evolvewrap .target-track input[type=range]::-webkit-slider-runnable-track{height:34px;background:transparent}
.evolvewrap .target-track input[type=range]::-moz-range-track{height:34px;background:transparent}
.evolvewrap .target-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:2px;border-radius:50%;background:#fff;border:4px solid var(--dc);box-shadow:0 4px 12px #0f2e4040,0 0 0 6px color-mix(in srgb,var(--dc) 18%,transparent);transition:transform .15s,box-shadow .15s}
.evolvewrap .target-track input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--dc);box-shadow:0 4px 12px #0f2e4040,0 0 0 6px color-mix(in srgb,var(--dc) 18%,transparent)}
.evolvewrap .target-track input[type=range]:hover::-webkit-slider-thumb,.evolvewrap .target-track input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 6px 16px #0f2e4050,0 0 0 9px color-mix(in srgb,var(--dc) 22%,transparent)}
.evolvewrap .target-track input[type=range]:focus-visible{outline:none}
.evolvewrap .target-scale{margin:0 4px}
.evolvewrap .milestone-legend{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:14px}
.ms-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:30px;background:#fff;border:1px solid #cfdde3;color:var(--x-ink);font-weight:500;font-size:12px;line-height:1.3;text-align:left}
.ms-chip i{width:9px;height:9px;border:2px solid #677d8a;border-radius:50%;flex:none}
.ms-chip b{color:var(--x-navy)}
.ms-chip:hover{border-color:var(--dc);background:color-mix(in srgb,var(--dc) 8%,#fff);filter:none;transform:translateY(-1px)}
.evolvewrap .target-difference{color:var(--x-muted);font-size:13px}

/* recommendation panel */
.evolvewrap .recommend{border-left:0;border-radius:14px;background:#f4f8fa;padding:20px 22px;transition:background .3s}
.evolvewrap .recommend.active{background:linear-gradient(160deg,color-mix(in srgb,var(--dc) 9%,#fff),#f4f8fa);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dc) 25%,#fff)}
.evolvewrap .recommend .eyebrow{color:var(--dc)}
.evolvewrap .recommend.active>b{display:block;margin-top:14px;padding:12px 14px;border-radius:10px;background:#fff;color:var(--x-navy);box-shadow:0 1px 3px #0f2e4012}

/* support bundle */
.evolvewrap .global-roadmap{border-top:0;border-radius:20px;box-shadow:0 12px 32px #0f2e400c;background:linear-gradient(180deg,#fff,#f6fafb)}
.evolvewrap .scenario-summary{background:linear-gradient(135deg,#0c2737,#14435a);color:#d8e9ef;border-radius:14px}
.evolvewrap .bundle-grid article{border-radius:14px;background:#fff;border:1px solid var(--x-line);box-shadow:0 1px 2px #0f2e400a}
.evolvewrap .bundle-grid h3{color:var(--x-navy)}
.evolvewrap .personal-weights{border-radius:16px}
.evolvewrap>.card:not(.evolve-card){border-radius:16px}

@media(max-width:900px){.ev-cockpit{position:relative;grid-template-columns:1fr;padding:18px}.ev-radar-wrap{justify-content:center}.ev-stats{grid-template-columns:1fr auto 1fr;gap:10px}.ev-stat strong{font-size:34px}}
@media(max-width:560px){.ev-stats{grid-template-columns:1fr}.ev-arrow{display:none}.ev-radar{width:150px;height:150px}.evolvewrap .evolve-card{padding:20px 18px}.ev-val b{font-size:28px}}
@media(prefers-reduced-motion:reduce){.lvl.levelup,.lvl.leveldown{animation:none}.evolvewrap .gain,.ev-radar .poly-tgt,.ring-fg{transition:none}.answer-card:after{transition:none}}
@media print{.ev-cockpit{position:static}}
[data-view=results] .index-stat .asof{margin-top:6px;font-size:11px;color:#a9c7d2}

/* ========== RESULTS · WOW layer ========== */
/* hero band */
[data-view=results] .results-hero{position:relative;overflow:hidden;margin:0 0 18px;padding:36px clamp(20px,4vw,44px) 30px;border-radius:24px;color:#fff;background:radial-gradient(800px 320px at 95% -10%,#2a8fb066,transparent 65%),radial-gradient(500px 260px at -5% 110%,#7fe3b822,transparent 70%),linear-gradient(135deg,#0b2433,#123b50 55%,#0f4a5f)}
[data-view=results] .results-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none}
[data-view=results] .results-hero:after{content:'';position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:60px solid #ffffff08;pointer-events:none}
[data-view=results] .results-hero>*{position:relative}
[data-view=results] .results-hero .intro{margin-bottom:22px}
[data-view=results] .results-hero .eyebrow{color:var(--x-sky)}
[data-view=results] .results-hero h1{background:linear-gradient(90deg,#fff 30%,#9fe6f3);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(40px,5vw,64px)}
[data-view=results] .results-hero .subtle{color:#b9d0d9}
[data-view=results] .results-hero .diagnosis-bar{margin:0;background:#ffffff0f;border:1px solid #ffffff22;backdrop-filter:blur(6px)}

/* big ring */
[data-view=results] .index-summary{grid-template-columns:1.05fr 1.45fr .9fr;padding:30px 34px}
[data-view=results] .index-stat.mine{gap:22px}
.ring-wrap{position:relative;width:170px;height:170px;flex:none}
[data-view=results] .ring{width:170px;height:170px;filter:drop-shadow(0 0 18px #4fb6cf55)}
.ring-halo{fill:#ffffff06;stroke:#ffffff10;stroke-width:1}
.ring-bg{fill:none;stroke:#ffffff1c;stroke-width:13}
.ring-fg{fill:none;stroke-width:13;stroke-linecap:round}
.ring-tick{stroke:#ffffff40;stroke-width:1.5}.ring-tick.half{stroke:#ffffffaa;stroke-width:2.5}
.ring-wrap strong{position:absolute;inset:0;display:grid;place-items:center;font:800 44px/1 Manrope,Arial,sans-serif!important;letter-spacing:-2px;color:#fff;font-variant-numeric:tabular-nums;padding-bottom:12px}
.ring-wrap em{position:absolute;left:0;right:0;top:61%;text-align:center;font-style:normal;font-size:12px;font-weight:700;color:#a9c7d2;letter-spacing:.05em}
[data-view=results] .lvl-pill{font-size:15px!important;padding:7px 16px!important;margin-top:10px!important;box-shadow:0 0 0 4px #ffffff12,0 0 24px color-mix(in srgb,var(--lc) 70%,transparent)}
[data-view=results] .index-stat.mine>div>span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--x-sky)}
[data-view=results] .index-stat.peer strong{font-size:clamp(34px,3.6vw,46px)}
[data-view=results] .index-context{font-size:15px;display:flex;align-items:center;gap:10px}
[data-view=results] .index-context:before{content:'';flex:none;width:10px;height:10px;border-radius:50%;background:#7fe3b8;box-shadow:0 0 0 5px #7fe3b822}

/* pulses */
.me-pulse{fill:#ca4656;opacity:.35;transform-box:fill-box;transform-origin:center;animation:mePulse 2.2s ease-out infinite;pointer-events:none}
@keyframes mePulse{0%{transform:scale(.6);opacity:.55}100%{transform:scale(2.6);opacity:0}}

/* entrance */
.animate-in .ring-fg{animation:ringFill 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes ringFill{from{stroke-dashoffset:var(--c)}to{stroke-dashoffset:var(--off)}}
.animate-in .track i,.animate-in .dr-bar i{transform-origin:left;animation:barGrow 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.animate-in .measure-select:nth-of-type(2) .track i,.animate-in .dim-result:nth-of-type(1) .dr-bar i{animation-delay:.05s}
.animate-in .measure-select:nth-of-type(3) .track i,.animate-in .dim-result:nth-of-type(2) .dr-bar i{animation-delay:.1s}
.animate-in .measure-select:nth-of-type(4) .track i,.animate-in .dim-result:nth-of-type(3) .dr-bar i{animation-delay:.15s}
.animate-in .measure-select:nth-of-type(5) .track i,.animate-in .dim-result:nth-of-type(4) .dr-bar i{animation-delay:.2s}
.animate-in .measure-select:nth-of-type(6) .track i,.animate-in .dim-result:nth-of-type(5) .dr-bar i{animation-delay:.25s}
.animate-in .measure-select:nth-of-type(7) .track i,.animate-in .dim-result:nth-of-type(6) .dr-bar i{animation-delay:.3s}
.animate-in .measure-select:nth-of-type(8) .track i,.animate-in .dim-result:nth-of-type(7) .dr-bar i{animation-delay:.35s}
.animate-in .measure-select:nth-of-type(9) .track i,.animate-in .dim-result:nth-of-type(8) .dr-bar i{animation-delay:.4s}
.animate-in .measure-select:nth-of-type(10) .track i,.animate-in .dim-result:nth-of-type(9) .dr-bar i{animation-delay:.45s}
.animate-in .measure-select:nth-of-type(11) .track i,.animate-in .dim-result:nth-of-type(10) .dr-bar i{animation-delay:.5s}
.animate-in .reference-plot g circle:not(.me-pulse){transform-box:fill-box;transform-origin:center;animation:dotIn .7s cubic-bezier(.2,.9,.3,1.4) both}
.animate-in .reference-plot g:nth-of-type(odd) circle:not(.me-pulse){animation-delay:.15s}
@keyframes dotIn{from{transform:scale(0)}to{transform:scale(1)}}
.animate-in .index-summary,.animate-in .resultgrid>.card{animation:riseIn .7s cubic-bezier(.2,.8,.2,1) both}
.animate-in .resultgrid>.card:nth-child(2){animation-delay:.1s}
@keyframes riseIn{from{transform:translateY(16px)}to{transform:none}}

/* dimension cards in "What your scores mean" */
[data-view=results] .dim-result summary{transition:transform .15s,background .15s}
[data-view=results] .dim-result summary:hover{transform:translateX(3px)}
[data-view=results] .dr-bar i{background:linear-gradient(90deg,var(--dc),color-mix(in srgb,var(--dc) 65%,#fff))}

@media(max-width:900px){[data-view=results] .index-summary{grid-template-columns:1fr 1fr}[data-view=results] .index-summary>div:first-child{grid-column:1/-1}[data-view=results] .index-stat.mine{grid-column:1/-1}}
@media(max-width:560px){.ring-wrap,[data-view=results] .ring{width:140px;height:140px}.ring-wrap strong{font-size:36px!important}[data-view=results] .index-stat.mine{flex-direction:column;align-items:flex-start}[data-view=results] .results-hero{padding:26px 18px 22px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.me-pulse,.animate-in .ring-fg,.animate-in .track i,.animate-in .dr-bar i,.animate-in .reference-plot g circle,.animate-in .index-summary,.animate-in .resultgrid>.card{animation:none}}
[data-view=results] .index-stat.mine .ring-wrap>strong{display:grid;position:absolute;inset:0;place-items:center;margin:0}
[data-view=results] .index-stat.mine .ring-wrap>em{display:block;position:absolute}
[data-view=results] .index-stat.mine .ring-wrap>svg{display:block}

/* ========== RESULTS · WOW layer 2 ========== */
[data-view=results] .results-hero{background-size:140% 140%,140% 140%,100% 100%;animation:heroDrift 14s ease-in-out infinite alternate}
@keyframes heroDrift{from{background-position:100% 0,0 100%,0 0}to{background-position:60% 30%,30% 70%,0 0}}
[data-view=results] .results-hero h1{background-size:200% 100%;animation:titleSheen 6s ease-in-out infinite}
@keyframes titleSheen{0%,100%{background-position:0 0}50%{background-position:100% 0}}
[data-view=results] .results-hero h1{background-image:linear-gradient(90deg,#fff 0%,#fff 35%,#9fe6f3 50%,#fff 65%,#fff 100%)}
.diagnosis-btn{position:relative;overflow:hidden}
.diagnosis-btn:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffffcc,transparent);transform:skewX(-20deg);animation:btnSheen 4.5s ease-in-out infinite}
.actions .diagnosis-btn:after{background:linear-gradient(100deg,transparent,#ffffff55,transparent)}
@keyframes btnSheen{0%,70%{left:-60%}100%{left:130%}}
[data-view=results] .lvl-pill{position:relative;overflow:hidden}
[data-view=results] .lvl-pill:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff70 50%,transparent 70%);transform:translateX(-100%);animation:pillSheen 3.8s ease-in-out 1.4s infinite}
@keyframes pillSheen{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.ring-dot{fill:#fff;filter:drop-shadow(0 0 8px #9fe6f3) drop-shadow(0 0 3px #fff)}
.animate-in .ring-dot{animation:dotPop .5s cubic-bezier(.2,.9,.3,1.5) 1.25s both;transform-box:fill-box;transform-origin:center}
@keyframes dotPop{from{transform:scale(0)}to{transform:scale(1)}}
.ring-wrap:before{content:'';position:absolute;inset:-14px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#9fe6f322 85%,transparent);animation:ringSpin 6s linear infinite;pointer-events:none}
@keyframes ringSpin{to{transform:rotate(1turn)}}
/* reveal sections as they scroll into view (they stay visible at rest) */
[data-view=results] .seen{animation:revealUp .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes revealUp{from{transform:translateY(26px) scale(.985)}to{transform:none}}
/* compare arrows in "What your scores mean" */
[data-view=results] .dim-result summary{grid-template-columns:34px minmax(150px,1.1fr) minmax(120px,1.4fr) 70px 18px}
.dr-cmp{width:0;height:0;justify-self:center;border-left:6px solid transparent;border-right:6px solid transparent}
.dr-cmp.up{border-bottom:9px solid var(--x-up)}.dr-cmp.down{border-top:9px solid var(--x-down)}.dr-cmp.eq{width:10px;height:3px;border:0;background:#9aa9b1;border-radius:2px}
.dr-bar i{position:relative;overflow:hidden}
.dr-bar i:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff66,transparent);transform:translateX(-100%)}
[data-view=results] .dim-result summary:hover .dr-bar i:after{animation:barSheen .9s ease}
@keyframes barSheen{to{transform:translateX(100%)}}
/* maturity landscape card: glow on your marker */
[data-view=results] .reference-plot circle[fill="#ca4656"]{filter:drop-shadow(0 0 6px #ca4656aa)}
/* section titles */
[data-view=results] .card>h2{position:relative;padding-bottom:12px}
[data-view=results] .card>h2:after{content:'';position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--x-teal),#7fe3b8)}
@media(max-width:700px){[data-view=results] .dim-result summary{grid-template-columns:30px 1fr 64px 14px}.dr-bar{grid-column:2/5}}
@media(prefers-reduced-motion:reduce){[data-view=results] .results-hero,[data-view=results] .results-hero h1,.diagnosis-btn:after,[data-view=results] .lvl-pill:after,.ring-wrap:before,.animate-in .ring-dot,[data-view=results] .seen{animation:none}}

/* ========== EVOLVE · progressive panel ========== */
.evolvewrap .rec-title{margin:6px 0 4px}
.rec-badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.rec-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:30px;background:#e2f5ee;color:var(--x-up);font-size:12px;font-weight:700;animation:badgeIn .45s cubic-bezier(.2,.9,.3,1.4)}
.rec-badge:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
@keyframes badgeIn{from{transform:scale(.6)}to{transform:scale(1)}}
.rec-state{margin:10px 0 12px;padding:12px 14px;border-radius:12px;background:#fff;border-left:4px solid var(--dc);box-shadow:0 1px 3px #0f2e400f}
.rec-state small,.rec-path small,.rec-service small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--x-muted);margin-bottom:4px}
.rec-state p{margin:0;font-size:14px;color:var(--x-ink)}
.rec-path ol{list-style:none;margin:6px 0 12px;padding:0;position:relative}
.rec-path ol:before{content:'';position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:color-mix(in srgb,var(--dc) 30%,#fff)}
.rec-path li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;margin:0 0 8px;font-size:13.5px;line-height:1.5;animation:stepIn .35s ease both}
.rec-step{position:relative;z-index:1;justify-self:center;padding:3px 7px;border-radius:20px;background:var(--dc);color:#fff;font:800 10.5px Manrope,Arial,sans-serif;white-space:nowrap}
.rec-path li:first-child .rec-step{background:#0f2e40}
@keyframes stepIn{from{transform:translateX(-8px)}to{transform:none}}
.rec-qs{margin:4px 0 10px;padding-left:18px}
.rec-qs li{font-size:13px;margin:5px 0}
.rec-more{list-style:none;margin-left:-18px!important;color:var(--x-muted);font-weight:700}
.rec-service{margin:12px 0 6px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0f2e4012}
.rec-service b{display:block;color:var(--x-navy);font-size:14.5px}
.rec-service ul{margin:6px 0 0;padding-left:18px}.rec-service li{font-size:13px;margin:3px 0}
.rec-service.extra{background:linear-gradient(135deg,#0f2e40,#14435a);color:#d8e9ef;animation:badgeIn .45s cubic-bezier(.2,.9,.3,1.3)}
.rec-service.extra small{color:var(--x-sky)}.rec-service.extra b{color:#fff}
@media(prefers-reduced-motion:reduce){.rec-badge,.rec-path li,.rec-service.extra{animation:none}}
[data-view=results] .dim-result summary .dr-val span{float:none}

/* Results: label each measure correctly (index with the ring, level with the pill) */
[data-view=results] .index-stat.mine{align-items:center}
[data-view=results] .index-stat.mine>.mine-col>span{display:block;margin-bottom:10px}
[data-view=results] .index-stat.mine>.mine-col:last-child{align-self:center}
/* Evolve: sticky cockpit sits below the sticky site header */
.ev-cockpit{top:var(--hdr,0px);transition:border-radius .2s,box-shadow .2s}
.ev-cockpit.stuck{border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 14px 30px #0f2e4040}