.scenes .wrap{gap:28px;padding-block:40px 112px;display:grid}.scene{background:var(--surface);border:1px solid var(--line);border-radius:32px;gap:28px;padding:clamp(22px,3.4vw,48px);transition:border-color .3s;display:grid}.scene-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;display:flex}.scene-head .hl{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.scene-num{font-family:var(--display);color:var(--lime);font-size:clamp(44px,4.6vw,68px);line-height:1.1}.scene h2{font-size:clamp(36px,4.2vw,60px);line-height:1.16}.scene-firm{color:var(--muted);font-size:14px}.stage{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:20px;display:grid}.pane{box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:22px;align-content:start;gap:18px;padding:clamp(18px,2.4vw,28px);display:grid}.pane-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.clock{font:700 13px/1 var(--ui);letter-spacing:0;text-transform:none;color:var(--fg);font-variant-numeric:tabular-nums}.clock b{color:var(--lime);font-weight:700}.slow{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px;font-weight:500}.sit{margin:0;font-size:clamp(19px,1.7vw,23px);font-weight:500;line-height:1.4}.ev{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;align-items:center;gap:16px;padding:18px;transition:box-shadow .4s;display:flex}.ev-ic{background:var(--lime);width:52px;height:52px;color:var(--ink);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.ev-ic svg{width:24px;height:24px}.ev b{font-size:17px;display:block}.ev span:not(.ev-ic){color:var(--muted);margin-top:2px;font-size:15px;display:block}.scene.running .ev,.scene.ran .ev{box-shadow:inset 0 0 0 2px var(--lime)}.pill{letter-spacing:.5px;box-shadow:inset 0 0 0 1px var(--line-strong);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:700}.run{justify-self:start}.run[disabled]{opacity:.5;pointer-events:none}@keyframes nudge{0%,to{box-shadow:0 0 #c8ff2e80}50%{box-shadow:0 0 0 10px #c8ff2e00}}.scene:not(.ran):not(.running) .run{animation:2.2s ease-in-out infinite nudge}.steps-list{margin:0;padding:0;list-style:none}.st{border-top:1px solid var(--line);opacity:.38;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:12px 0;transition:opacity .45s;display:grid}.st:first-child{border-top:0}.st .si{width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--line-strong);color:var(--muted);transition:background-color .45s, color .45s, box-shadow .45s, transform .6s var(--ease);border-radius:999px;place-items:center;display:grid}.st .si svg{width:19px;height:19px}.st .sn{font-size:17px;font-weight:700}.st .tm{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.st .det{transition:grid-template-rows .6s var(--ease);grid-column:2/-1;grid-template-rows:0fr;display:grid}.st .det>div{overflow:hidden}.st .det>div>*{margin-top:10px}.st.on,.st.done{opacity:1}.st.on .si{background:var(--lime);color:var(--ink);transform:scale(1.08);box-shadow:0 0 0 6px #c8ff2e24}.st.done .si{color:var(--lime);box-shadow:inset 0 0 0 2px var(--lime);background:#c8ff2e1f}.st.on .tm,.st.done .tm{color:var(--lime)}.st.on .det,.st.done .det{grid-template-rows:1fr}html:not(.motion) .st{opacity:1}html:not(.motion) .st .det{grid-template-rows:1fr}.m-line{color:var(--muted);font-size:15px}.m-calc{color:var(--muted);font-size:16px}.m-calc b{font-family:var(--display);color:var(--lime);margin-left:4px;font-size:26px;font-weight:400;line-height:1.2}.m-mail{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;gap:4px;padding:14px 16px;display:grid}.m-mail small{color:var(--muted);font-size:12px}.m-mail b{font-size:15px}.m-mail p{color:var(--muted);margin:0;font-size:14px}.m-row{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1.4fr) auto auto auto;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:grid}.m-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-row .pill{background:var(--lime);color:var(--ink);box-shadow:none}.m-push{background:var(--fg);color:var(--ink);border-radius:18px;align-items:center;gap:12px;max-width:360px;padding:12px 16px;display:flex}.m-push .app{background:var(--ink);border-radius:9px;flex-shrink:0;width:34px;height:34px;position:relative}.m-push .app:after{content:"";background:var(--lime);border-radius:2px;height:7px;position:absolute;top:14px;left:8px;right:8px}.m-push b{font-size:14px;display:block}.m-push span{color:#55544f;font-size:13px;display:block}.m-kv{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;padding:12px 16px;font-size:14px;display:grid}.m-kv span{color:var(--muted)}.m-cal{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;font-size:14px;display:grid}.m-cal>span{padding-top:8px;font-weight:700}.m-cal div{gap:6px;display:grid}.m-cal i{background:var(--bg);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;padding:8px 12px;font-style:normal}.m-cal i.busy{background:var(--lime);color:var(--ink);box-shadow:none;font-weight:700}.m-sms{background:#2b2d31;border-radius:18px 18px 18px 6px;max-width:380px;padding:12px 16px;font-size:14px}.m-stars{color:var(--lime);letter-spacing:3px;flex-wrap:wrap;align-items:center;gap:14px;font-size:28px;line-height:1.2;display:flex}.m-stars span{letter-spacing:0;color:var(--muted);font-size:14px}.m-stars b{font-weight:400}.result{opacity:0;transition:opacity .5s, transform .6s var(--ease);background:#c8ff2e14;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:18px 20px;font-size:17px;display:flex;transform:translateY(12px);box-shadow:inset 0 0 0 1px #c8ff2e59}.result b{font-family:var(--display);text-transform:uppercase;color:var(--lime);font-size:26px;font-weight:400;line-height:1.2}.result.on,html:not(.motion) .result{opacity:1;transform:none}.calc .wrap{padding-block:112px}.calc-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:24px;margin-top:40px;display:grid}.calc-rows{gap:14px;display:grid}.crow{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 28px;padding:20px 22px;display:grid}.crow.rate{grid-template-columns:minmax(0,1fr)}.slider{gap:10px;display:grid}.slider label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;font-weight:500;display:flex}.slider output{font-family:var(--display);color:var(--fg);font-variant-numeric:tabular-nums;font-size:26px;line-height:1.2}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--lime) 0 var(--fill,50%), var(--line-strong) var(--fill,50%) 100%);border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:3px;height:6px}input[type=range]::-moz-range-progress{background:var(--lime);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);border-radius:999px;width:24px;height:24px;margin-top:-9px;box-shadow:0 0 0 4px #c8ff2e59}input[type=range]::-moz-range-thumb{background:var(--fg);border:0;border-radius:999px;width:24px;height:24px;box-shadow:0 0 0 4px #c8ff2e59}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--lime)}.calc-out{top:calc(var(--nav-h) + 24px);background:var(--lime);color:var(--ink);border-radius:28px;gap:14px;padding:clamp(24px,3vw,36px);display:grid;position:sticky}.calc-out .lab{letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:700}.calc-big{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(72px,8vw,120px);line-height:1.05}.calc-big small{font-family:var(--ui);margin-left:6px;font-size:20px;font-weight:700}.calc-out p{margin:0;font-size:17px;font-weight:500}.calc-out p b{font-weight:700}.calc-out .note{opacity:.75;font-size:14px;font-weight:500}.calc-out .btn{justify-self:start}@media (width<=960px){.stage,.calc-grid{grid-template-columns:minmax(0,1fr)}.calc-out{position:static}}@media (width<=640px){.crow{grid-template-columns:minmax(0,1fr)}.m-row{grid-template-columns:minmax(0,1fr) auto}.m-row span:first-child,.m-row span:nth-child(3){display:none}.calc .wrap{padding-block:80px}.scenes .wrap{padding-bottom:80px}}