/* One navigation grammar, on both header themes. */
.island .nav-feature-copy strong { color:var(--nav-fg); }
.island .nav-feature-copy p,.island .nav-feature-copy span { color:var(--nav-muted); }
.island .navigation-panel .nav-solution-link { min-height:62px;padding:12px 10px;border-radius:12px;color:var(--nav-fg);gap:12px;transition:background-color 160ms,color 160ms; }
.island .navigation-panel .nav-solution-link:hover,.island .navigation-panel .nav-solution-link:focus-visible { background:color-mix(in srgb,var(--nav-fg) 7%,transparent);color:var(--nav-fg); }
.island .navigation-panel .nav-solution-link .nav-destination-icon { width:28px;height:28px;background:none;color:var(--nav-fg);border-radius:0;opacity:.85; }
.island .navigation-panel .nav-solution-link>.ui-icon { width:15px;height:15px;opacity:.25;transform:none;transition:opacity 160ms,transform 180ms; }
.island .navigation-panel .nav-solution-link:hover>.ui-icon,.island .navigation-panel .nav-solution-link:focus-visible>.ui-icon { opacity:1;transform:translate(1px,-1px); }
/* Thin, light-catching material replaces a hard outline. */
.role-scene .staff-player { border:0;border-radius:26px;padding:16px 19px 15px;background:linear-gradient(140deg,#ffffff24,#ffffff08 54%,#ffffff1a),#e9f4fc12;backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);box-shadow:inset 0 1px 1px #ffffff45,inset 0 -1px 7px #ffffff10,0 8px 28px #071c3024; }
.staff-player:before { content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(145deg,#ffffffa8,#ffffff08 34%,#ffffff00 60%,#ffffff65);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6; }
.staff-player:after { content:'';position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(ellipse at 0 0,#ffffff1c,transparent 62%);pointer-events:none; }
.staff-player-head,.staff-audio-controls,.staff-player-error { position:relative;z-index:1; }
.staff-player-head { margin-bottom:12px;gap:8px;color:#f8fcff; }
.staff-player-head>span:first-child { font-size:12px;font-weight:450; }
.staff-audio-controls { gap:12px; }
.staff-play { background:#f9fcffbe;border:0;box-shadow:inset 0 1px 0 #fff,0 2px 9px #16334522; }
.staff-wave-track,.staff-wave { height:30px; }
/* The six-card layout now belongs to the steel, sage and cream palette of the page. */
.golden-six .g4-intro { background:#e6ece9;color:#25434c;isolation:isolate; }
.g4-intro:after { content:'';position:absolute;right:-67px;top:-28px;width:175px;height:175px;border:23px dotted #72979632;border-radius:50%;z-index:-1;pointer-events:none; }
.g4-intro>p { color:#5d797b; }.g4-intro h3 { color:#25434c; }
.golden-six .g4-natural { background:linear-gradient(155deg,#3c6173,#2c5061); }
.golden-six .g4-natural .gtop { margin-bottom:14px; }
.golden-six .g4-natural .dotfield { flex:1;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,17px);row-gap:5px;column-gap:6px;align-content:center;justify-items:center;margin:0 0 14px;min-height:215px; }
.golden-six .g4-natural .dotfield i { width:17px;max-width:100%;height:17px;aspect-ratio:1; }
.golden-six .g4-natural .gtop>span,.golden-six .g4-natural .gcap { color:#d6e6ef; }
.golden-six .g4-workload { background:linear-gradient(160deg,#254957,#183b49); }
.golden-six .g4-workload .gtop>b { background:none;color:#eaf4f8;-webkit-text-fill-color:currentColor; }
.golden-six .g4-workload .h1 { background:#aec4ce7a; }
.golden-six .g4-workload .h2 { background:linear-gradient(90deg,#74bfd8,#b5e1e9); }
.golden-six .g4-workload .htrack { background:#acc8d92b; }
.golden-six .g4-cost { background:#f0eee8;border-color:#dfdfd5; }
.golden-six .g4-cost .gtop>b { background:none;color:#577775;-webkit-text-fill-color:currentColor; }
.golden-six .g4-cost .pp.hu { background:#e2e6df; }
.golden-six .g4-cost .pp.ai { border-color:#8ca7a166;box-shadow:none; }
.golden-six .g4-cost .pp.ai b { color:#365d62; }
.golden-six .g4-conversion .gtop>b { background:none;color:#36718c;-webkit-text-fill-color:currentColor; }
.golden-six .g4-conversion .b2 { background:linear-gradient(180deg,#9dcbdc,#548fa8);box-shadow:0 8px 22px #548fa819; }
.golden-six .g4-conversion .b1 { background:#c2d1d8; }
.metric-scene-link { position:absolute;inset:0;z-index:2;border-radius:inherit; }
.g4-recording .recording-copy { z-index:3;pointer-events:none; }
.g4-recording .recording-copy button { pointer-events:auto; }
.g4-recording>img { object-position:center; }
/* A normal-height growth chapter: every scroll moves the page and changes the learning state. */
.learning.restored-learning { display:block;height:auto;min-height:0;padding:0; }
.learning-sticky { position:relative;top:auto;height:auto;min-height:0;padding:84px var(--gutter) 26px;transition:clip-path 750ms cubic-bezier(.83,0,.17,1); }
.learning-trigger { top:22svh; }
.learning-main { align-items:center; }
.learning-presentation { min-width:0; }
.restored-learning .learning-visual { height:340px; }
.restored-learning .learning-center { padding:16px 22px;transform:translate(-50%,-50%) scale(calc(.95 + var(--learning-progress,0)*.1));transition:transform 300ms; }
.restored-learning .learning-center b { font-size:25px; }
.restored-learning .learning-center span { display:block;font-size:12px;margin-top:6px; }
.restored-learning .learning-day-badge { font-size:30px;line-height:1.1; }
.restored-learning .learning-orbit { opacity:calc(.28 + var(--learning-progress,0)*.28); }
.learning-memory { padding:13px 17px;border:1px solid #5b796831;border-radius:17px;background:#f2f6ed8c;margin-top:10px;transition:background-color 300ms; }
.learning-memory>span { font-size:13px;font-weight:500;color:#2c513e; }
.learning-memory>p { margin:6px 0 0;font-size:12px;line-height:1.7;color:#536c5d; }
.learning[data-learning-step="4"] .learning-memory { background:#cbdcc66b; }
.learning-time { margin-top:25px;align-items:start;padding-top:20px; }
.learning-time-copy h3 { margin:0 0 7px; }.learning-time-copy p { margin:0; }
.growth-controls { margin-top:12px; }
.is-learning-open .learning-main,.is-learning-open .learning-time { transition:opacity 350ms 120ms; }
/* One continuous closing surface, with a gradual image fade and no empty crescent. */
.finale { background:#112c36; }
.finale .platform-story { background:#112c36;min-height:0;padding-bottom:62px;clip-path:none; }
.finale .platform-story:after { background:linear-gradient(90deg,#1027356b,#1027352e 60%,#10273557),linear-gradient(0deg,#112c36,#112c36f0 12%,transparent 75%); }
.finale .footer-reveal { margin-top:0;background:#112c36!important; }
.finale .footer-curve { display:none; }
.finale .sw-footer { background:transparent;padding-top:0; }
.finale .sw-footer:before { content:'';position:absolute;top:0;left:48px;right:48px;height:1px;background:#b9d1df26;z-index:3; }
.finale .sw-footer .wrap { padding-top:48px; }
.finale #footerCanvas { opacity:.2;-webkit-mask-image:linear-gradient(transparent,#000 35%);mask-image:linear-gradient(transparent,#000 35%); }
/* A clear included-features list fills the offer, without repeating billing prose. */
.plan-features { list-style:none;padding:0;margin:0 0 26px;display:grid;gap:11px; }
.plan-features li { display:flex;align-items:center;gap:12px;min-height:31px;font-size:15px;color:#355568; }
.plan-features .ui-icon { width:20px;height:20px;color:#6b999a;flex:none; }
@media(max-width:940px) {
 .island .navigation-panel .nav-solution-link { min-height:48px;padding:10px 4px;gap:9px; }
 .island .navigation-panel .nav-solution-link .nav-destination-icon { width:24px; }
}
@media(max-width:760px) {
 .role-scene .staff-player { padding:14px 16px 13px;border-radius:24px; }
 .staff-player-head>span:first-child { font-size:11px; }.staff-player-head { margin-bottom:10px; }
 .island .navigation-panel .nav-solution-link>.ui-icon { display:none; }
 .learning-sticky { padding:84px 26px 24px; }
 .learning-main { gap:24px; }.restored-learning .learning-visual { height:260px; }
 .restored-learning .learning-day-badge { font-size:25px; }.restored-learning .learning-center b { font-size:22px; }
 .learning-memory { padding:13px 15px;margin-top:12px; }
 .learning-time { margin-top:22px;padding-top:18px;gap:18px; }
 .golden-six .g4-natural .dotfield { flex:none;margin-top:10px; }
 .finale .platform-story { padding-bottom:36px; }.finale .sw-footer .wrap { padding-top:36px; }
 .finale .sw-footer:before { left:24px;right:24px; }
 .plan-features li { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .learning-sticky { clip-path:inset(0 var(--page-edge) round var(--surface-radius))!important;transition:none; }
 .restored-learning .learning-center,.learning-memory { transition:none; }
}
.golden-six .g4-workload .hoursviz { margin-bottom:12px; }
.metric-scene-link:focus-visible { outline:2px solid #edf7ff;outline-offset:-6px; }
.learning-time-copy p,.learning-memory p { text-wrap:pretty; }