.lock-scene{--lock-ink:#33494f;--lock-muted:#61777b;color:var(--lock-ink);background:radial-gradient(at 50% 22%,#faf6ed,#e8e8df 90%);border-radius:25px;font-size:16px;line-height:1.65;overflow:hidden}.lock-heading{max-width:800px;padding:28px 32px 0}.lock-heading>span{color:#917147;font-size:16px}.lock-heading h2{letter-spacing:-.025em;margin:9px 0 11px;font-size:clamp(25px,3vw,34px);font-weight:480}.lock-heading p{color:var(--lock-muted);margin:0;font-size:17px}.lock-scene[data-watch=true] .lock-heading p{display:none}.lock-object{position:relative}.lock-object>.lock-studio{background:0 0;height:460px;min-height:0}.lock-object .studio-fallback{justify-content:center;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden}.lock-object .lock-section,.lock-object .lock-end{width:auto;max-width:100%;height:100%}.lock-phone-section{display:none}.lock-section-title{color:#9a6446;padding:14px 18px 0;font-size:16px}.lock-section{width:100%;height:auto;display:block}.lock-stack-states{text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:740px;margin:0 auto;padding:12px 32px 18px;display:grid}.lock-stack-states>div,.lock-stack-states>button{font:inherit;color:#947457;background:#c7c6b31b;border:1px solid #0000;border-radius:12px;justify-items:center;gap:3px;min-width:0;padding:7px 3px;font-size:16px;display:grid}.lock-stack-states b{font-size:20px;font-weight:500}.lock-stack-states [data-clear=true]{color:#3e7b68;background:#9eae9a16}.lock-stack-states [data-active=true],.lock-stack-states [aria-pressed=true]{border-color:#b37854}.lock-stack-states button{cursor:pointer;min-height:60px}.lock-status{color:var(--lock-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 26px;padding:6px 30px 24px;font-size:16px;display:flex}.lock-status b{color:var(--lock-ink);font-variant-numeric:tabular-nums;margin-left:8px;font-size:23px;font-weight:480}.lock-status>strong{color:#9a6849;font-size:16px;font-weight:450}.lock-status>strong[data-ready=true]{color:#3e7b68}.lock-retained{color:#9a6849;text-align:center;margin:0;padding:0 30px 20px;font-size:16px}.lock-comparison{text-align:center;grid-template-columns:1fr 1fr;gap:22px;max-width:600px;margin:auto;padding:28px 30px 15px;display:grid}.lock-comparison h3{margin:0 0 8px;font-size:20px;font-weight:500}.lock-comparison svg{width:100%;height:320px;display:block}.lock-comparison p{color:var(--lock-muted);margin:6px 0;font-size:16px}.lock-comparison strong{color:#987446;font-size:20px;font-weight:450}.lock-comparison-note{grid-column:1/-1}.lock-controls{border-top:1px solid #526e7626;gap:18px;padding:25px 32px;display:grid}.lock-controls h3{margin:0;font-size:24px;font-weight:480}.lock-controls p{color:var(--lock-muted);margin:0;font-size:16px}.lock-options{flex-wrap:wrap;gap:9px;display:flex}.lock-controls button{color:var(--lock-ink);font:inherit;cursor:pointer;background:#ffffff36;border:1px solid #61797e46;border-radius:12px;min-height:44px;padding:9px 16px;font-size:16px}.lock-controls button[aria-pressed=true]{color:#805c34;background:#b7996121;border-color:#ad8958}.lock-controls button:disabled{opacity:.46;cursor:default}.lock-range{grid-template-columns:1fr auto;gap:7px 20px;display:grid}.lock-range label,.lock-range output{font-size:16px}.lock-range output{font-variant-numeric:tabular-nums;color:#946b42}.lock-range input{accent-color:#937b54;grid-column:1/-1;width:100%;min-width:0;height:44px;margin:0}.lock-reset{justify-self:start}.lock-controls input:focus-visible,.lock-controls button:focus-visible,.lock-stack-states button:focus-visible,.lock-assumptions summary:focus-visible{outline-offset:3px;outline:2px solid #4f847a}.lock-assumptions{padding:0 32px 22px}.lock-assumptions summary{min-height:44px;color:var(--lock-muted);cursor:pointer;align-items:center;font-size:16px;list-style:none;display:flex}.lock-assumptions summary:before{content:"+";margin-right:10px}.lock-assumptions[open] summary:before{content:"−"}.lock-assumptions p{color:var(--lock-muted);max-width:80ch;font-size:16px;line-height:1.8}.lock-scene[data-watch=false][data-focus=contact] .lock-object{display:none}.lock-scene[data-watch=false][data-focus=contact] .lock-phone-section{max-width:330px;margin:auto;display:block}@media (max-width:760px){.lock-heading{padding:22px 18px 0}.lock-heading h2{font-size:25px;line-height:1.4}.lock-heading p{font-size:16px;line-height:1.65}.lock-object>.lock-studio{height:350px}.lock-scene[data-watch=true]{flex-direction:column;display:flex}.lock-scene[data-watch=true][data-focus=compare]>.lock-status,.lock-scene[data-watch=true] .lock-object{display:none}.lock-scene[data-watch=true] .lock-phone-section{padding:0 12px;display:block}.lock-scene[data-watch=true][data-focus=turn] .lock-object,.lock-scene[data-watch=true][data-focus=return] .lock-object{display:block}.lock-scene[data-watch=true][data-focus=turn] .lock-phone-section,.lock-scene[data-watch=true][data-focus=return] .lock-phone-section{display:none}.lock-phone-section .lock-section{max-width:100%;height:370px;margin:auto}.lock-section-title{padding-left:6px}.lock-stack-states{box-sizing:border-box;gap:5px;width:100%;padding:8px 14px 14px}.lock-stack-states>div,.lock-stack-states>button{padding:5px 0}.lock-stack-states span{font-size:16px}.lock-scene[data-watch=true] .lock-stack-states span{display:none}.lock-scene[data-watch=true] .lock-stack-states>div:after{content:"—";font-size:16px}.lock-scene[data-watch=true] .lock-stack-states>[data-clear=true]:after{content:"✓"}.lock-stack-states b{font-size:18px}.lock-status{gap:5px 20px;padding:2px 18px 20px}.lock-status>strong{text-align:center;flex-basis:100%}.lock-status b{font-size:21px}.lock-retained{padding:0 18px 18px}.lock-comparison{gap:14px;padding:22px 18px 15px}.lock-comparison h3{min-height:58px;font-size:18px}.lock-comparison svg{height:265px}.lock-comparison-note{line-height:1.65}.lock-controls{padding:20px 18px}.lock-options button{flex:125px}.lock-assumptions{padding:0 18px 18px}.lock-object .studio-mode{min-height:44px;font-size:16px}}@media (max-width:360px){.lock-heading h2{font-size:23px}.lock-phone-section .lock-section{height:350px}.lock-stack-states span{writing-mode:horizontal-tb}.lock-object>.lock-studio{height:320px}}@media (prefers-reduced-motion:reduce){.lock-scene *{transition:none!important;animation:none!important}}.lock-phone-section .lock-end{width:100%;height:350px;display:block}@media (max-width:760px){.lock-scene[data-watch=true] .lock-heading{padding-top:16px}.lock-scene[data-watch=true] .lock-heading>span{display:none}.lock-scene[data-watch=true] .lock-heading h2{margin:0 0 8px;font-size:21px;line-height:1.4}.lock-scene[data-watch=true] .lock-section-title{padding-top:4px}.lock-scene[data-watch=true] .lock-status{padding-bottom:12px}.lock-scene[data-watch=false] .lock-stack-states{grid-template-columns:repeat(3,minmax(44px,1fr));gap:8px}.lock-scene[data-watch=false] .lock-stack-states>button{min-width:44px;min-height:60px}.lock-scene[data-watch=true] .lock-comparison{padding-top:12px}.lock-scene[data-watch=true] .lock-comparison-note{margin:0}.lock-scene[data-watch=true]>.lock-assumptions,.lock-scene[data-watch=true] .lock-comparison-note{display:none}.lock-scene[data-watch=true] .lock-stack-states>div{justify-content:center;align-items:center;gap:4px;min-height:44px;padding:0;display:flex}.lock-scene[data-watch=true]:not([data-focus=turn]):not([data-focus=return]) .lock-status>span:nth-child(2){display:none}}
