/* V10: stable shell geometry, independently fading navigation layers. */
.island,.island.float { border-radius:32px;overflow:hidden;transition:background-color 200ms,color 200ms; }
.island.is-menu-open,.island.is-mobile-open { border-radius:32px; }
.navigation-expansion { position:relative;opacity:1;transition:none;overflow:hidden; }
.navigation-expansion:before { content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:color-mix(in srgb,var(--nav-fg) 12%,transparent);opacity:0;transition:opacity 180ms;z-index:2; }
.is-menu-open .navigation-expansion { border-top:0;overflow-y:auto; }
.is-menu-open .navigation-expansion:before { opacity:1; }
.navigation-panel { position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity 100ms ease-out,transform 180ms cubic-bezier(.22,1,.36,1); }
.navigation-panel.is-active { opacity:1;transform:none;pointer-events:auto;transition:opacity 220ms 35ms ease-out,transform 250ms cubic-bezier(.22,1,.36,1); }
.navigation-panel[hidden] { display:none; }
.nav-destination-icon { color:var(--nav-fg);opacity:.85; }
.nav-destination-icon .ui-icon { width:23px;height:23px; }
.nav-destination { transition:background-color 160ms; }
.nav-destination>.ui-icon { transition:opacity 160ms,transform 180ms;opacity:.25; }
.nav-destination:hover>.ui-icon,.nav-destination:focus-visible>.ui-icon { opacity:1;transform:translate(1px,-1px); }
.nav-feature img { object-position:65% 45%; }
.solutions-panel { gap:28px;padding:28px 28px 30px; }
.nav-solution-group { min-width:0;padding:0 0 0 20px;border-left:1px solid color-mix(in srgb,var(--nav-fg) 12%,transparent); }
.nav-solution-group:first-child { border:0;padding-left:0; }
.navigation-panel .nav-solution-group h3 { font-size:12px;letter-spacing:.04em;margin:4px 0 18px; }
.island .navigation-panel .nav-solution-link { display:flex;align-items:center;gap:12px;min-height:50px;padding:9px 0;color:var(--nav-fg);background:transparent;border-radius:0; }
.nav-solution-link b { font-size:14px;font-weight:450;line-height:1.5; }
.nav-solution-link .nav-destination-icon { width:30px;height:30px;border-radius:9px;transition:background-color 160ms,color 160ms; }
.nav-solution-link>.ui-icon { margin-left:auto;width:14px;height:14px;opacity:0;transform:translate(-3px,3px);transition:opacity 150ms,transform 180ms;flex:none; }
.island .navigation-panel .nav-solution-link:hover,.island .navigation-panel .nav-solution-link:focus-visible { color:#159bec;background:none; }
.nav-solution-link:hover .nav-destination-icon { background:color-mix(in srgb,#169cf0 10%,transparent);color:#159bec; }
.nav-solution-link:hover>.ui-icon,.nav-solution-link:focus-visible>.ui-icon { opacity:1;transform:none; }
/* The entire scene is now photographic, with one soft lighting treatment. */
.role-scene[data-persona=skye] .scene-picture,.role-scene[data-persona=zhou] .scene-picture { left:0;right:0;width:100%;object-position:center; }
.role-scene[data-persona=skye]:after,.role-scene[data-persona=zhou]:after { background:linear-gradient(90deg,#102a3ba8,transparent 62%),linear-gradient(0deg,#14273170,transparent 42%); }
/* Compact liquid material: bright edge, translucent body and reflected lower rim. */
.role-scene .staff-player { left:auto;right:5%;bottom:62px;width:min(370px,39%);padding:15px 18px 12px;border-radius:24px;border:1px solid #ffffff58;background:linear-gradient(135deg,#ffffff25,#ffffff08 45%,#ffffff16),#15303c2e;backdrop-filter:blur(22px) saturate(1.65);-webkit-backdrop-filter:blur(22px) saturate(1.65);box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #ffffff24,0 8px 28px #0c202733; }
.staff-player-head { font-size:12px;line-height:1.4; }
.staff-record-label { font-size:10px;line-height:1.5;margin:3px 0 8px;color:#e5eef0; }
.staff-time { color:#f1f6f7;font-size:11px; }
.staff-audio-controls { gap:12px; }
.staff-play { width:36px;height:36px;background:#ffffffd4;border:1px solid #ffffff80;box-shadow:inset 0 1px 1px #fff,0 2px 10px #132a3022; }
.staff-wave-track,.staff-wave { height:28px; }
.staff-provenance { font-size:9px;line-height:1.5;margin-top:7px;color:#dcebee; }
@media(max-width:940px) {
 .nav-solution-group { padding-left:0;border-left:0;border-top:1px solid color-mix(in srgb,var(--nav-fg) 12%,transparent);padding-top:14px; }
 .nav-solution-group:first-child { border-top:1px solid color-mix(in srgb,var(--nav-fg) 12%,transparent);padding-top:14px; }
 .solutions-panel { gap:22px; }
}
@media(max-width:760px) {
 .role-scene .staff-player { left:auto;right:6%;width:88%;max-width:350px;bottom:60px;padding:13px 15px 11px; }
 .role-scene[data-persona=skye] .scene-picture,.role-scene[data-persona=zhou] .scene-picture { object-position:80% center; }
 .nav-solution-link b { font-size:12px; }
 .island .navigation-panel .nav-solution-link { gap:8px;min-height:48px; }
 .nav-solution-link>.ui-icon { display:none; }
 .nav-solution-link .nav-destination-icon { width:22px; }
 .nav-solution-link .nav-destination-icon .ui-icon { width:20px;height:20px; }
 .navigation-panel .nav-solution-group h3 { margin-bottom:10px; }
}
@media(max-width:380px) { .solutions-panel { padding:20px 15px;gap:12px; }.nav-solution-link b { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .navigation-panel,.navigation-panel.is-active,.navigation-expansion:before { transition:none;transform:none; } }
/* Clear, compact employee selectors. The blue rail fills in seven seconds. */
.role-tabs { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;width:min(730px,85%); }
.role-tabs .tab-indicator { display:none; }
.role-tabs button { display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-height:62px;padding:12px 18px 15px;border-radius:16px;background:#e9edf0;color:#536976;font-size:16px;overflow:hidden;transition:background-color 220ms,color 220ms; }
.role-tabs button span { font-size:11px;margin:0;opacity:.7; }
.role-tabs button:before { content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:#d0dce4; }
.role-tabs button:after { content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:#75c4e9;transform:scaleX(0);transform-origin:left; }
.role-tabs button[aria-selected=true] { background:#183d50;color:#f4fafb; }
.role-tabs button[aria-selected=true]:before { background:#365b6e; }
.role-tabs button[aria-selected=true]:after { transform:scaleX(var(--role-progress,0)); }
.role-tabs button:hover { background:#dce5eb; }
.role-tabs button[aria-selected=true]:hover { background:#183d50; }
/* Growth is a distinct sage surface, retaining its aperture, particles and Day 1–30. */
.learning-sticky { background:#e2e8da; }
.restored-learning .learning-copy h2 { color:#213d31; }
.restored-learning .section-kicker,.restored-learning .learning-copy>p:not(.section-kicker) { color:#4d695b; }
.restored-learning .conversion-proof>b { color:#385b44; }
.restored-learning .conversion-proof strong { color:#2b4738; }
.restored-learning .conversion-proof span { color:#536b5e; }
.restored-learning .learning-center { background:#e2e8dae8; }
.restored-learning .learning-center b { color:#2c4c3a; }
.restored-learning .learning-center span,.restored-learning .loop-node,.learning-focus { color:#46634f; }
.restored-learning .loop-node.is-current { color:#203f2d; }
.restored-learning .loop-node i { background:#e2e8da;border-color:#668469; }
.restored-learning .loop-node.is-current i { background:#3d6848; }
.restored-learning .learning-orbit { stroke:#78907c; }
.restored-learning .learning-day-badge { color:#375f45; }
.learning-time { border-color:#446f4633; }
.learning-time-copy h3 { color:#284b37; }.learning-time-copy p { color:#506b58; }
.restored-learning .growth-milestones button { color:#4d6958;border-color:#77988166; }
.restored-learning .growth-milestones button[aria-pressed=true] { background:#365c45;color:#eff5ed;border-color:#365c45; }
.restored-learning .growth-controls,.restored-learning .growth-controls button { color:#466650; }
.restored-learning #growthDay { accent-color:#466c50; }
.learning-portal svg { stroke:#66866e88; }.learning-portal>span { color:#45634e; }.portal-learning-flow { stroke:#456c4d; }
/* Pricing: visible tiers and a cost-versus-capacity comparison. */
.pricing { grid-template-columns:.75fr 1.25fr;gap:48px; }
.discount-tiers { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 25px; }
.discount-tiers>span { padding:9px 10px;font-size:11px;line-height:1.5;border-radius:9px;color:#627b8c;background:#eef2f5; }
.discount-tiers .is-current { background:#183d50;color:#f1f8fb; }
.cost-calculator { background:#fff;padding:30px;border-radius:28px; }
.cost-comparison { gap:0;border-radius:18px;overflow:hidden;background:#f0f2f3; }
.cost-comparison>div { padding:22px 20px;min-width:0; }
.cost-comparison .agent-quote { background:#193c50;color:#f1f7fa; }
.cost-comparison .agent-quote>span,.cost-comparison .agent-quote small { color:#bdd2dd; }
.cost-comparison b { font-size:clamp(23px,2.5vw,35px);letter-spacing:-.05em;white-space:nowrap; }
.cost-comparison .agent-quote b { color:#e4f5fb; }
.cost-comparison small { min-height:34px;line-height:1.7; }
.cost-comparison .cost-bar { height:4px;margin:15px 0 22px;background:#9caeb8; }
.cost-comparison .agent-cost-bar { background:#8dd7e2; }
.quote-capacity { display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;font-size:10px; }
.quote-capacity strong { font-size:15px;font-weight:500; }
.quote-capacity i { grid-column:1/-1;height:5px;background:linear-gradient(90deg,#8da4b2 var(--capacity),#cbd4d9 var(--capacity));border-radius:4px; }
.agent-quote .quote-capacity i { background:#8dd7e2; }
.cost-saving { border-top:0;margin-top:22px;padding-top:0; }
.cost-saving>b { font-size:36px;color:#1e5b79; }
@media(max-width:1100px) and (min-width:761px) {
 .pricing { grid-template-columns:1fr 1.4fr;gap:30px; }.cost-calculator { padding:23px; }.cost-comparison>div { padding:18px 14px; }
}
@media(max-width:760px) {
 .role-tabs { width:100%;gap:6px; }.role-tabs button { font-size:14px;min-height:53px;padding:10px 8px 12px;gap:2px; }.role-tabs button span { display:none; }.agent-navigation { gap:14px; }.stage-arrows { display:none; }
 .pricing { grid-template-columns:1fr;gap:32px; }.cost-calculator { padding:23px 18px; }.cost-comparison>div { padding:18px 13px; }.cost-comparison b { font-size:24px; }.cost-comparison>div>span { font-size:10px; }.cost-comparison small { font-size:9px; }.quote-capacity { grid-template-columns:1fr;gap:7px; }.quote-capacity i { grid-column:1; }.quote-capacity strong { font-size:14px; }.cost-saving>b { font-size:31px; }.discount-tiers>span { font-size:10px; }
}
.island { user-select:none; }
.restored-learning .growth-controls { justify-content:flex-end; }
.restored-learning .learning-stream { stroke:#46684e; }
@media(max-width:760px) {
 .cost-comparison b { font-size:clamp(19px,6vw,24px); }
}

/* Opt-in slow-motion review only; the normal site keeps its production timings. */
html[data-nav-slow] .navigation-panel { transition-duration:500ms,600ms; }
html[data-nav-slow] .navigation-panel.is-active { transition-duration:800ms,900ms; }
/* During a menu change, let the old text clear before the new text becomes legible. */
.island.is-switching .navigation-panel.is-active { transition-delay:110ms,110ms; }
html[data-nav-slow] .island.is-switching .navigation-panel.is-active { transition-delay:520ms,520ms; }