/* Explorer styles are scoped to avoid changing the rest of the site. */
.explore{--ex-ink:#123c49;--ex-teal:#09696d;--ex-muted:#46616c;background:#f3f7f7;color:var(--ex-ink)}
.explore .ex-hero{padding:64px 0 36px;background:#0a3542;color:#fff}
.explore .ex-hero h1{font-size:clamp(36px,5.5vw,68px);line-height:1.08;letter-spacing:-.045em;color:#fff!important;margin:15px 0 20px;max-width:20ch}
.explore .ex-hero p{color:#d8eeec!important;max-width:55ch;font-size:18px}
.explore .ex-hero .ex-kicker{color:#91dfce!important;font-size:12px;letter-spacing:.15em;font-weight:800}
.ex-status{display:inline-flex;padding:9px 13px;border:1px solid #658b92;border-radius:8px;font-size:13px;color:#fff;background:#174b57}
.ex-nav{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.ex-nav a{padding:12px 15px;background:#fff;color:#123c49!important;border-radius:9px;font-size:14px;font-weight:750;text-decoration:none;min-height:44px}.ex-nav a:hover{background:#d7f1ea}
.ex-sections{padding-bottom:64px}.ex-section{padding-top:64px;scroll-margin-top:110px}.ex-heading{margin-bottom:24px;max-width:740px}.ex-heading>span{font-size:12px;font-weight:800;letter-spacing:.13em;color:#09696d}.explore .ex-heading h2{font-size:clamp(27px,3.7vw,43px);letter-spacing:-.035em;line-height:1.14;color:#123c49!important;margin:12px 0}.explore p{color:#46616c!important;line-height:1.7}.ex-heading p{margin:0;font-size:17px}
.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ex-panel,.ex-visual,.ex-photo{min-width:0;margin:0;border:1px solid #d1e0e1;border-radius:22px;background:#fff;padding:30px}.ex-panel{display:flex;flex-direction:column;justify-content:center}.explore h3{font-size:25px;line-height:1.25;color:#123c49!important;margin:24px 0 10px}.ex-options{display:flex;gap:8px;flex-wrap:wrap}.explore button{font:inherit;cursor:pointer;min-height:46px;touch-action:manipulation}.ex-options button{border:1px solid #b4cdd0;background:#f4f8f8;color:#163f4a;border-radius:10px;padding:11px 16px;font-size:14px;font-weight:750}.ex-options button[aria-pressed=true]{background:#09696d;color:#fff;border-color:#09696d}.explore :is(button,a,input,summary):focus-visible{outline:3px solid #d57c1f;outline-offset:4px}.ex-options button:hover{box-shadow:0 0 0 2px #85b8b7}
.ex-motion{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e9f4f1}.ex-motion svg{width:100%;max-width:400px;height:260px}.ex-orbit{fill:none;stroke:#9fc9c1;stroke-width:2;stroke-dasharray:4 9}.ex-inner{fill:#d5eae4;stroke:#abcfc5;stroke-width:1}#ex-crank{transform-origin:200px 140px;stroke:#09696d;stroke-width:10;fill:#fff}#ex-crank.running{animation:ex-turn 5s linear infinite}.ex-hub{fill:#123c49}.ex-pill{font-size:11px;font-weight:800;letter-spacing:.08em;color:#123c49}.ex-subtle{margin-top:15px;background:#fff;color:#123c49;border:1px solid #a7c7c3;padding:9px 16px;border-radius:8px}.ex-sources{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ex-sources span{font-size:12px;background:#edf5f3;padding:8px 10px;border-radius:8px}.explore .ex-note{font-size:13px;line-height:1.65;color:#536a74!important;margin:20px 0 0}.ex-label{display:flex;justify-content:space-between;gap:14px;font-size:15px;font-weight:750}.ex-label output{white-space:nowrap;color:#09696d}#session-duration{width:100%;margin:30px 0 10px;accent-color:#09696d;cursor:pointer;min-height:44px}.ex-total{display:flex;align-items:baseline;gap:13px}.ex-total strong{font-size:76px;line-height:1.2;letter-spacing:-.06em}.ex-total span{color:#46616c;font-size:14px}.ex-stacked{display:flex;height:64px;overflow:hidden;border-radius:12px;gap:3px}.ex-stacked span{transition:flex-grow .2s ease;min-width:8px}#warm-bar{background:#92c7b9;flex:5}#main-bar{background:#09696d;flex:20}#cool-bar{background:#587a99;flex:5}.ex-legend{list-style:none;padding:0;margin:24px 0 0}.ex-legend li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e2eaea;font-size:15px}.ex-legend strong{margin-left:auto}.ex-legend i{width:13px;height:13px;border-radius:4px}.warm{background:#92c7b9}.main{background:#09696d}.cool{background:#587a99}
.ex-photo{padding:0;overflow:hidden;display:flex;flex-direction:column}.ex-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;flex:1}.ex-photo figcaption{padding:16px 20px;font-size:12px;color:#46616c}.ex-vertical{flex-direction:column}.ex-vertical button{text-align:left}.ex-chart-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.ex-data-label{font-size:11px;font-weight:850;letter-spacing:.1em;color:#655022;background:#fbf2dc;padding:9px 12px;border-radius:7px}.ex-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:26px 0}.ex-metrics>div{display:flex;flex-direction:column;gap:9px}.ex-metrics span{font-size:13px;color:#46616c}.ex-metrics strong{font-size:34px;line-height:1.15;letter-spacing:-.03em}.ex-metrics small{font-size:15px;font-weight:500}.ex-metrics .ex-demo-word{font-size:24px}.ex-chart{width:100%;height:auto;overflow:visible}.ex-gridlines{stroke:#dce7e8;stroke-width:1}.ex-axis{font-size:13px;fill:#46616c}#cadence-area{fill:#e0f1ec}#cadence-line{fill:none;stroke:#09696d;stroke-width:4;stroke-linejoin:round}#cadence-points{fill:#09696d;stroke:#fff;stroke-width:2}.ex-data-table{margin-top:20px}.ex-data-table summary{cursor:pointer;font-size:14px;min-height:44px;padding:12px 0;color:#09696d}.ex-data-table table{width:100%;border-collapse:collapse}.ex-data-table :is(td,th){padding:10px;text-align:left;border-bottom:1px solid #dce7e8;font-size:14px}
.ex-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ex-steps button{display:flex;align-items:center;gap:12px;text-align:left;background:#f1f6f6;color:#123c49;border:1px solid #c9dedf;border-radius:12px;padding:16px;font-size:14px;font-weight:700}.ex-steps button b{font-size:20px;opacity:.7}.ex-steps button[aria-pressed=true]{background:#09696d;color:#fff;border-color:#09696d}.ex-step-content{padding:32px 0 24px;max-width:680px;min-height:200px}.ex-step-content>span{font-size:12px;color:#09696d;font-weight:800;letter-spacing:.1em}.ex-step-content h3{margin:12px 0}.ex-contact{align-self:flex-start;display:inline-flex;gap:25px;align-items:center;min-height:48px;padding:13px 20px;background:#123c49;border-radius:9px;color:#fff!important;text-decoration:none;font-size:15px;font-weight:750}
@keyframes ex-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.ex-grid{grid-template-columns:1fr}.ex-panel{padding:23px}.ex-section{padding-top:44px}.explore .ex-hero{padding-top:40px}.ex-nav{display:grid;grid-template-columns:1fr 1fr}.ex-nav a:last-child{grid-column:1/-1}.ex-nav a{font-size:12px;padding:12px}.ex-steps{grid-template-columns:1fr 1fr}.ex-metrics{gap:12px}.ex-metrics strong{font-size:27px}.ex-metrics .ex-demo-word{font-size:18px}.ex-metrics span{font-size:11px}.ex-options button{padding:10px 13px}.ex-step-content{min-height:240px}.ex-chart{min-height:170px}.ex-motion svg{height:230px}}
@media(prefers-reduced-motion:reduce){#ex-crank.running{animation:none}.ex-stacked span{transition:none}}