
/* Shared visual language: scoped data, accessible controls, no teal. */
.mds-icon{width:24px;height:24px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.viz-card{--v-bg:#fff;--v-ink:#14244d;--v-line:#dfe5f0;--v-soft:#f1f4fc;background:var(--v-bg);color:var(--v-ink);border:1px solid var(--v-line);border-radius:20px;padding:26px;margin:24px 0;min-width:0;overflow:hidden}
.dark .viz-card{--v-bg:#141e35;--v-ink:#edf2ff;--v-line:#33415e;--v-soft:#202d49}
.viz-heading{display:flex;align-items:center;gap:12px;margin-bottom:8px}.viz-heading h2{margin:0!important;font-size:22px;line-height:1.25}.viz-heading>.mds-icon{color:#647eff;width:30px;height:30px}.viz-note{font-size:12px;opacity:.75;margin:8px 0 18px}.viz-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.viz-toolbar button,.viz-step{background:var(--v-soft);border:1px solid var(--v-line);color:var(--v-ink);border-radius:10px;padding:10px 14px;min-height:44px;cursor:pointer;font:inherit;font-size:13px}.viz-toolbar button[aria-pressed=true],.viz-step[aria-pressed=true]{background:#304cdb;color:white;border-color:#304cdb}.viz-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.viz-bars{display:grid;gap:8px;align-content:start}.viz-bar{display:grid;grid-template-columns:minmax(100px,1fr) minmax(50px,1.2fr) 30px;gap:12px;align-items:center;width:100%;text-align:left;background:transparent!important;color:inherit!important;border:1px solid transparent!important;border-radius:10px;padding:10px!important;min-height:44px;cursor:pointer;font:inherit;font-size:13px}.viz-bar:hover,.viz-bar[aria-pressed=true]{background:var(--v-soft)!important;border-color:var(--v-line)!important}.viz-track{height:13px;border-radius:6px;background:var(--v-soft);overflow:hidden}.viz-track i{display:block;height:100%;background:linear-gradient(90deg,#355ce9,#9774ff);border-radius:6px}.viz-bar:nth-child(3n) .viz-track i{background:#e6a638}.viz-detail{background:var(--v-soft);border-radius:14px;padding:20px;min-width:0;align-self:start}.viz-detail h3{margin:0 0 12px;font-size:18px}.viz-detail p{line-height:1.6;font-size:14px}.viz-detail a{color:inherit;text-decoration:underline}.viz-detail ul{padding-left:20px}.viz-detail li{padding:5px 0;font-size:13px}.viz-total{font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-2px;display:block;margin-bottom:6px}.viz-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.viz-step{flex:1;min-width:90px;display:flex;flex-direction:column;gap:7px;align-items:center}.viz-step svg{width:22px;height:22px}.viz-step small{font-size:10px;line-height:1.2}.viz-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.viz-mini a{text-decoration:none;color:inherit;background:var(--v-soft);padding:16px 10px;border-radius:12px;text-align:center;font-size:12px}.viz-mini strong{display:block;font-size:25px;margin:7px 0}.portal-footer a{display:flex;align-items:center;flex-direction:column;gap:4px}.portal-footer .mds-icon{width:20px;height:20px}.feature-icon .mds-icon{width:27px;height:27px}.visual-art{width:100%;display:block;border-radius:18px;object-fit:cover;background:#101a39}.signin-art .visual-art{height:100%;max-height:290px}.signin-art:has(.visual-art){padding:0;overflow:hidden;background:#101a39}.visual-banner{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:center;padding:24px;background:#101a39;color:#fff;border-radius:20px;margin:24px 0}.visual-banner p{color:#cbd5f5}.visual-banner h2{color:white}.visual-banner .visual-art{max-height:230px}.visual-banner svg{width:100%;height:auto}.viz-card :focus-visible{outline:3px solid #b185ff;outline-offset:3px}
@media(max-width:700px){.viz-card{padding:18px;border-radius:16px;margin:18px 0}.viz-layout{grid-template-columns:1fr;gap:16px}.viz-heading h2{font-size:20px}.viz-bar{grid-template-columns:minmax(90px,1fr) minmax(40px,1fr) 24px;gap:8px;font-size:12px}.viz-mini{gap:6px}.viz-mini a{font-size:11px;padding:12px 6px}.visual-banner{grid-template-columns:1fr;padding:20px}.visual-banner .visual-art{max-height:200px}.viz-step{min-width:70px;padding:10px 8px;font-size:12px}.portal-footer a{font-size:10px;padding:6px 2px}.portal-footer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}}

.perspective-art{max-height:190px;object-position:center;margin-top:20px}.console-side a{display:flex;align-items:center;gap:10px}.console-side .mds-icon{width:19px;height:19px}.empty>.mds-icon{display:block;margin:0 auto 12px;width:40px;height:40px;color:#647eff}.answer-ring{display:flex;align-items:center;gap:8px;max-width:180px;flex:none;font-size:11px;color:inherit;text-decoration:none}.answer-ring svg{width:72px;min-width:72px;height:72px}.answer-ring span{max-width:80px}.intake-title{flex-wrap:wrap}@media(max-width:700px){.answer-ring{max-width:140px}.answer-ring svg{width:52px;min-width:52px;height:52px}.perspective-art{max-height:160px}}

#content>#visual-demo{max-width:1224px;margin:32px auto;width:calc(100% - 48px)}.dark .viz-card .viz-step[aria-pressed=true],.dark .viz-card .viz-toolbar button[aria-pressed=true]{background:#405de8!important;border-color:#8398ff!important;color:#fff!important}.dark .viz-card .viz-bar[aria-pressed=true]{background:#253552!important;border-color:#526894!important}@media(max-width:700px){#content>#visual-demo{width:calc(100% - 32px);margin:20px auto}}

/* Interactive infographic edition */
.viz-card{box-shadow:0 12px 42px #14244d09}.data-orbit{position:relative;background:radial-gradient(ellipse at center,#647eff12,transparent 70%);text-align:center}.data-wheel{width:100%;max-width:340px;height:auto;overflow:visible}.wheel-guide{fill:none;stroke:var(--v-line);stroke-dasharray:2 7}.wheel-track{fill:none;stroke:var(--v-soft);stroke-width:24}.wheel-number{font-size:43px;font-weight:800;fill:var(--v-ink);letter-spacing:-2px}.wheel-label{font-size:9px;font-weight:700;letter-spacing:1.5px;fill:var(--v-ink)}.wheel-percent{font-size:11px;fill:var(--v-ink);opacity:.7}.wheel-segment{opacity:.48;transition:opacity .25s,stroke-width .25s;animation:wheel-reveal .7s ease-out}.wheel-segment.selected{opacity:1;stroke-width:31;filter:drop-shadow(0 3px 5px #405de82b)}.orbit-caption{display:block;font-size:11px;opacity:.65;margin:-8px 0 18px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.chart-legend{max-height:310px;overflow:auto;scrollbar-width:thin}.viz-bar>span:first-child{line-height:1.5}.detail-illustration{display:flex;align-items:center;justify-content:center;margin:4px 0 26px;padding:24px 6px;border-radius:14px;background:linear-gradient(130deg,#5574ff16,#a27bff16)}.detail-illustration .mds-icon{width:40px;height:40px;padding:8px;box-sizing:content-box;border-radius:15px;background:#5574ff;color:white;box-shadow:0 8px 18px #355ce92b;transform:rotate(-6deg)}.detail-illustration .mds-icon:last-child{background:#a27bff;transform:rotate(6deg)}.detail-wire{height:2px;width:26px;background:linear-gradient(90deg,#5574ff,#a27bff)}.detail-enter{animation:detail-in .35s ease-out}.viz-detail{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.viz-layout{align-items:center}.journey-section{max-width:1224px;width:calc(100% - 48px);margin:65px auto;border-radius:26px;background:#101932;color:#f4f6ff;overflow:hidden;border:1px solid #34466e;box-shadow:0 22px 65px #0f193224}.journey-heading{padding:36px 40px 10px;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.journey-heading>.eyebrow{grid-column:1/-1;color:#a8b7ff}.journey-heading h2{font-size:34px!important;line-height:1.18;color:#fff;margin:0!important;letter-spacing:-1px}.journey-heading p{font-size:14px;line-height:1.7;color:#b8c4e2;align-self:center;margin:0}.journey-map{padding:28px 40px 38px}.journey-stage-nav{display:grid;grid-template-columns:repeat(6,1fr);position:relative;gap:8px;margin-bottom:30px}.journey-stage-nav:before{content:'';position:absolute;left:8%;right:8%;height:2px;top:28px;background:linear-gradient(90deg,#5574ff,#a27bff,#efb54a)}.journey-stage-nav button{border:0!important;background:transparent!important;color:#b8c4e2!important;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;cursor:pointer;padding:0 4px!important;min-width:0}.journey-node{height:58px;width:58px;display:grid;place-items:center;background:#1f2d4d;border:1px solid #51648e;border-radius:18px;transition:transform .25s,background .25s;box-shadow:0 0 0 7px #101932}.journey-node svg{width:26px;height:26px}.journey-stage-nav button[aria-pressed=true]{color:white!important}.journey-stage-nav button[aria-pressed=true] .journey-node{background:#4565ed;border-color:#91a6ff;transform:translateY(-4px);box-shadow:0 0 0 7px #101932,0 12px 32px #5574ff55}.journey-stage-nav small{font-size:10px;color:#8193bd}.journey-stage-nav strong{font-size:12px}.journey-scene{display:grid;grid-template-columns:1fr 1fr;background:#182440;border:1px solid #34466e;border-radius:20px;overflow:hidden}.journey-drawing{position:relative;min-height:300px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#4663c54a,transparent 68%)}.drawing-grid{position:absolute;inset:0;background-image:linear-gradient(#5d78be15 1px,transparent 1px),linear-gradient(90deg,#5d78be15 1px,transparent 1px);background-size:28px 28px;transform:perspective(500px) rotateX(25deg) scale(1.2)}.drawing-sheet{position:absolute;left:50%;top:46%;width:115px;height:147px;border-radius:14px;box-shadow:0 16px 35px #030c2580;transform:translate(-50%,-50%) rotate(-12deg)}.sheet-back{background:#647eff;margin-left:-21px;margin-top:-6px}.sheet-front{background:linear-gradient(140deg,#fff,#d8e3ff);transform:translate(-50%,-50%) rotate(8deg);padding:20px;box-sizing:border-box;animation:paper-in .5s ease-out}.sheet-front .mds-icon{color:#4565ed;width:32px;height:32px;margin-bottom:10px}.sheet-front i{display:block;height:5px;border-radius:4px;background:#9caedc;margin:7px 0}.sheet-front i:last-child{width:65%}.drawing-orbit{position:absolute;display:grid;place-items:center;height:52px;width:52px;border-radius:16px;box-shadow:0 12px 26px #020b294a;z-index:2;animation:paper-in .7s ease-out}.orbit-one{background:#a27bff;left:14%;top:20%;transform:rotate(-12deg)}.orbit-two{background:#efb54a;color:#14244d;right:12%;bottom:23%;transform:rotate(12deg)}.drawing-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:#a8b7ff;stroke:#768eee;stroke-width:2}.drawing-wires path{fill:none;stroke-dasharray:7 6;animation:flow-lines 1.8s linear 2}.drawing-label{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1px;color:#bdcaff}.journey-story{padding:30px 28px 26px;align-self:center}.journey-story .eyebrow{color:#a8b7ff}.journey-story h3{font-size:25px;line-height:1.25;margin:10px 0;color:white}.journey-story p{font-size:14px;line-height:1.7;color:#bdc9e5}.journey-checkpoints{display:grid;gap:8px;margin:18px 0}.journey-checkpoints span{display:flex;align-items:center;gap:9px;font-size:12px;color:#dfe6ff}.journey-checkpoints b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #526793;border-radius:50%;font-size:10px;color:#b9c8ff}.journey-next{background:#4565ed!important;border:1px solid #8098ff!important;color:#fff!important;border-radius:10px;min-height:44px;padding:10px 16px;font:inherit;font-size:12px;cursor:pointer}.journey-section :focus-visible{outline:3px solid #efb54a;outline-offset:4px}.portal-journey{position:relative}.portal-journey .viz-step{border-radius:16px!important;min-height:100px;position:relative}.portal-journey .viz-step svg{padding:10px;box-sizing:content-box;width:27px;height:27px;background:#647eff20;border-radius:14px}.portal-stage-art{display:flex;align-items:center;justify-content:center;margin:0 0 20px;gap:10px}.portal-stage-art svg{width:38px;height:38px;padding:14px;box-sizing:content-box;background:#5574ff;color:white;border-radius:18px;transform:rotate(-5deg);box-shadow:0 8px 20px #5574ff33}.portal-stage-art svg:last-child{background:#a27bff;transform:rotate(5deg)}.portal-stage-art span{height:2px;width:55px;background:linear-gradient(90deg,#5574ff,#a27bff)}
@keyframes detail-in{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wheel-reveal{from{opacity:0;stroke-width:5}to{opacity:.48;stroke-width:24}}@keyframes paper-in{from{opacity:0;margin-top:15px}to{opacity:1;margin-top:0}}@keyframes flow-lines{to{stroke-dashoffset:-26}}
@media(min-width:1000px){.viz-bars{grid-template-columns:260px minmax(0,1fr);align-items:center;gap:20px}.viz-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.data-wheel{min-width:220px}.chart-legend{max-height:330px}.viz-bar{grid-template-columns:minmax(85px,1fr) minmax(35px,.6fr) 25px;padding:9px 6px!important}}
@media(max-width:700px){.journey-section{width:calc(100% - 32px);margin:30px auto;border-radius:20px}.journey-heading{padding:24px 20px 0;display:block}.journey-heading h2{font-size:26px!important;margin:12px 0!important}.journey-heading p{font-size:12px}.journey-map{padding:22px 16px}.journey-stage-nav{grid-template-columns:repeat(3,1fr);row-gap:20px;margin-bottom:22px}.journey-stage-nav:before{display:none}.journey-node{width:46px;height:46px;border-radius:14px}.journey-node svg{width:22px;height:22px}.journey-stage-nav strong{font-size:11px}.journey-scene{grid-template-columns:1fr}.journey-drawing{min-height:235px}.journey-story{padding:22px 18px}.journey-story h3{font-size:22px}.journey-story p{font-size:13px}.drawing-sheet{width:100px;height:132px}.data-wheel{max-width:260px}.viz-layout{gap:20px}.detail-illustration{padding:16px 4px;margin-bottom:18px}.detail-illustration .mds-icon{width:28px;height:28px}.portal-journey .viz-step{min-height:110px}.portal-stage-art svg{width:30px;height:30px;padding:10px}.dark .intake-sections{scrollbar-color:#465779 #182440}}
@media(prefers-reduced-motion:reduce){.wheel-segment,.detail-enter,.drawing-sheet,.drawing-orbit,.drawing-wires path{animation:none!important;transition:none!important}.journey-node{transition:none!important}}

.wheel-segment{cursor:pointer}.wheel-segment:hover{opacity:1;stroke-width:31}
