:root{--cream:#f7f0e4;--cream-deep:#efe5d4;--navy:#1e2a44;--ink:#26314a;--ink-soft:#55607a;--teal:#2a9d8f;--teal-deep:#1f7a6f;--coral:#e76f51;--coral-deep:#c9553a;--mustard:#e9c46a;--sky:#a8d0e6;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--scale:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--cream);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}body.is-idle{cursor:none}.viewport{background:radial-gradient(ellipse at 30% 20%, #fbf6ee, var(--cream-deep));position:fixed;inset:0;overflow:hidden}.stage{width:1920px;height:1080px;transform:translate(-50%, -50%) scale(var(--scale));background:var(--cream);position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 30px 80px -40px #1e2a4459}.slide{will-change:transform, opacity;transition:transform .7s cubic-bezier(.22,.8,.24,1),opacity .55s;position:absolute;inset:0}.slide.is-before{opacity:0;pointer-events:none;transform:translate(-14%)}.slide.is-after{opacity:0;pointer-events:none;transform:translate(14%)}.slide.is-far{visibility:hidden}.slide.is-active{opacity:1;transform:none}.art{object-fit:cover;object-position:right center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform 6s ease-out;position:absolute;inset:0}.slide.is-active .art{transform:scale(1.02)}.art-placeholder{background:radial-gradient(ellipse 55% 42% at 78% 28%, #a8d0e68c, transparent 70%), radial-gradient(ellipse 42% 38% at 88% 68%, #e9c46a80, transparent 70%), radial-gradient(ellipse 30% 26% at 66% 78%, #2a9d8f47, transparent 70%), linear-gradient(135deg, var(--cream-deep), var(--cream));overflow:hidden}.art-placeholder-shape{background:radial-gradient(circle at 35% 30%, var(--teal), var(--teal-deep));opacity:.5;border-radius:50%;width:420px;height:420px;position:absolute;top:50%;right:12%;transform:translateY(-50%);box-shadow:-140px -120px 0 -60px #a8d0e6b3,120px 140px 0 -40px #e9c46ab3}.slide:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#f7f0e4f7 0%,#f7f0e4ed 40%,#f7f0e48c 48%,#f7f0e400 58%);position:absolute;inset:0}.panel{--u:1px;z-index:2;flex-direction:column;justify-content:center;width:900px;padding:96px 24px 100px 104px;display:flex;position:absolute;top:0;bottom:0;left:0}.panel-fit{--u:calc(1px * var(--fit,1));min-height:0}.kicker{margin:0 0 calc(18 * var(--u));font-size:calc(25 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep);font-weight:650}.title{font-size:calc(76 * var(--u));letter-spacing:-.025em;color:var(--navy);text-wrap:balance;margin:0;font-weight:800;line-height:1.04}.lead{margin:calc(26 * var(--u)) 0 0;font-size:calc(34 * var(--u));color:var(--ink-soft);text-wrap:pretty;max-width:820px;line-height:1.35}strong{color:var(--navy);font-weight:750}code{color:var(--navy);white-space:nowrap;background:#1e2a4414;border-radius:.3em;padding:.05em .35em;font-family:ui-monospace,JetBrains Mono,Cascadia Code,monospace;font-size:.9em}.steps{margin:calc(40 * var(--u)) 0 0;gap:calc(14 * var(--u));flex-direction:column;padding:0;list-style:none;display:flex}.step{gap:calc(22 * var(--u));padding:calc(14 * var(--u)) calc(22 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));border-radius:calc(20 * var(--u));align-items:flex-start;transition:opacity .45s,transform .5s cubic-bezier(.22,.8,.24,1),background-color .4s;display:flex}.step.is-hidden{opacity:0;transform:translateY(18px)}.step.is-current{background:#ffffffb3;box-shadow:0 10px 30px -18px #1e2a4459}.step-mark{width:calc(46 * var(--u));height:calc(46 * var(--u));margin-top:calc(1 * var(--u));color:#fff;background:var(--ink-soft);border-radius:50%;flex:none;place-items:center;display:grid}.step-mark svg{width:calc(28 * var(--u));height:calc(28 * var(--u))}.tone-good .step-mark{background:var(--teal)}.tone-bad .step-mark{background:var(--coral)}.tone-neutral .step-mark{background:var(--navy)}.step-title{margin:calc(4 * var(--u)) 0 0;font-size:calc(34 * var(--u));color:var(--navy);font-weight:750;line-height:1.2}.step-text{margin:calc(6 * var(--u)) 0 0;font-size:calc(27 * var(--u));color:var(--ink-soft);text-wrap:pretty;line-height:1.38}.is-compact .panel{justify-content:flex-start;padding-top:110px}.is-compact .step-text{display:none}.is-compact .step.is-current .step-text,.is-compact .step.is-measure .step-text{animation:.45s text-in;display:block}.is-compact .step:not(.is-current){padding-top:calc(8 * var(--u));padding-bottom:calc(8 * var(--u))}.is-compact .step:not(.is-current):not(.is-hidden){opacity:.72}@keyframes text-in{0%{opacity:0;transform:translateY(-6px)}}.step-rail{z-index:3;flex-direction:column;align-items:center;gap:16px;padding:18px 0;display:flex;position:absolute;top:50%;left:52px;transform:translateY(-50%)}.step-rail:before{content:"";background:#1e2a441a;border-radius:2px;width:3px;position:absolute;top:24px;bottom:24px;left:50%;transform:translate(-50%)}.rail-dot{background:var(--cream);border-radius:50%;place-items:center;width:16px;height:16px;transition:background-color .35s,box-shadow .35s,transform .35s;display:grid;position:relative;box-shadow:inset 0 0 0 3px #1e2a4438}.rail-dot.is-on{background:var(--teal);box-shadow:none}.rail-dot.is-current{transform:scale(1.45);box-shadow:0 0 0 5px #2a9d8f38}.rail-more{width:30px;height:30px;color:var(--coral);opacity:0;place-items:center;transition:opacity .3s;display:grid}.rail-more svg{width:26px;height:26px}.step-rail.has-more .rail-more{opacity:1;animation:1.6s ease-in-out infinite nudge}.layout-title .panel,.layout-end .panel{width:900px}.layout-title .title{font-size:calc(112 * var(--u))}.layout-end .title{font-size:calc(130 * var(--u))}.layout-title .lead,.layout-end .lead{font-size:calc(36 * var(--u))}.brand-badge{background:var(--navy);color:#fff;letter-spacing:.08em;border-radius:999px;align-items:center;gap:14px;padding:12px 22px 12px 14px;font-size:26px;font-weight:750;display:inline-flex;position:absolute;top:72px;left:112px}.brand-badge svg{width:34px;height:34px;color:var(--mustard)}.chrome{z-index:10;pointer-events:none;transition:opacity .4s;position:fixed;inset:auto 0 0}body.is-idle .chrome .controls,body.is-idle .chrome .hint{opacity:0}.progress{background:#1e2a4414;height:6px}.progress-bar{background:linear-gradient(90deg, var(--teal), var(--mustard));width:0;height:100%;transition:width .5s}.controls{pointer-events:auto;gap:8px;transition:opacity .4s;display:flex;position:fixed;top:14px;right:14px}.ctl{min-width:42px;height:42px;font:650 15px / 1 var(--font);color:var(--navy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.55;background:#ffffffbf;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:opacity .2s,background-color .2s;display:inline-flex;box-shadow:0 0 0 1px #1e2a441a}.ctl:hover,.ctl:focus-visible{opacity:1;background:#fff}.ctl svg{width:20px;height:20px}.lang-switch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-radius:14px;gap:2px;padding:3px;display:flex;box-shadow:0 0 0 1px #1e2a441a}.lang-switch .ctl{min-width:40px;height:36px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:10px;padding:0 10px}.lang-switch .ctl.is-on{opacity:1;color:#fff;background:var(--navy)}.hint{font:600 15px / 1 var(--font);color:var(--ink-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border-radius:12px;align-items:center;gap:14px;padding:8px 14px;transition:opacity .4s;display:flex;position:fixed;bottom:18px;right:18px}.hint svg{width:16px;height:16px}.hint-action{color:var(--teal-deep);align-items:center;gap:5px;display:inline-flex}.hint-action.is-more{color:var(--coral-deep);animation:1.6s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(3px)}}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e2a44b8;padding:48px;display:none;position:fixed;inset:0;overflow:auto}.overlay.is-open{display:block}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;max-width:1700px;margin:0 auto;display:grid}.thumb{aspect-ratio:16/9;background:var(--cream);cursor:pointer;text-align:left;border:0;border-radius:16px;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 3px #0000}.thumb:hover,.thumb:focus-visible{box-shadow:0 0 0 3px var(--mustard);outline:none;transform:translateY(-3px)}.thumb.is-active{box-shadow:0 0 0 4px var(--teal)}.thumb .thumb-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb-placeholder{background:radial-gradient(ellipse 55% 60% at 75% 30%, #a8d0e699, transparent 70%), radial-gradient(ellipse 45% 55% at 85% 70%, #e9c46a8c, transparent 70%), linear-gradient(135deg, var(--cream-deep), var(--cream))}.thumb span{font:700 17px / 1.2 var(--font);color:var(--navy);background:linear-gradient(#0000,#f7f0e4f2 45%);padding:26px 14px 12px;position:absolute;bottom:0;left:0;right:0}.thumb b{min-width:30px;height:30px;font:750 15px / 1 var(--font);color:#fff;background:var(--navy);border-radius:9px;place-items:center;display:grid;position:absolute;top:10px;left:10px}.help-card{background:var(--cream);max-width:620px;color:var(--ink);border-radius:24px;margin:10vh auto 0;padding:36px 40px}.help-card h2{color:var(--navy);margin:0 0 22px;font-size:28px}.help-card dl{grid-template-columns:max-content 1fr;gap:14px 24px;margin:0;font-size:19px;display:grid}.help-card dt{color:var(--navy);font-weight:750}.help-card dd{color:var(--ink-soft);margin:0}@media (prefers-reduced-motion:reduce){.slide,.step,.panel,.rail-dot,.art{transition:none!important}.hint-action.is-more,.rail-more{animation:none}}@media print{.chrome,.overlay{display:none!important}}