#mobile-root{display:none}
@media(max-width:767px){
#modeler-root{display:none!important}#mobile-root{display:block;--m-bg:#13160f;--m-text:#f5ead6;--m-muted:#a5a797;--m-gold:#d8bc80;--m-line:#e6d3a51f;--m-sheet:#24271e;--m-panel:#d6c8a309;--m-serif:'Demo Modeller Cormorant',Georgia,serif;--m-sans:'Demo Modeller DM Sans',Arial,sans-serif;color:var(--m-text);background:var(--m-bg);font-family:var(--m-sans);min-height:100svh;font-size:14px;line-height:1.4;-webkit-tap-highlight-color:transparent}
#mobile-root.light{--m-bg:#f7f3e8;--m-text:#272a23;--m-muted:#737768;--m-gold:#987537;--m-line:#3f42251b;--m-sheet:#fffdf5;--m-panel:#463d1905}
html:has(#mobile-root){background:#13160f}body{margin:0!important}.mobile-page{max-width:600px;margin:auto;min-height:100svh;padding:env(safe-area-inset-top) 24px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:radial-gradient(ellipse at 50% 55%,#d7bc8010,transparent 65%)}
.m-header{height:62px;display:flex;align-items:center;justify-content:space-between}.m-brand{font-family:var(--m-serif);font-size:26px;letter-spacing:-.7px}.m-icon{border:0;background:transparent;color:var(--m-gold);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;cursor:pointer}.m-icon:active{background:var(--m-line);transform:scale(.92)}.m-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c9be9d50;border-radius:30px;padding:4px;gap:3px;position:relative}.m-tabs button{height:36px;border:0;background:none;color:var(--m-muted);font:500 12px var(--m-sans);border-radius:24px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}.m-tabs button[aria-selected=true]{color:#25261c;background:linear-gradient(125deg,#ead7aa,#cbb078);box-shadow:0 2px 12px #d3b77820}.m-eyebrow{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--m-gold);margin:27px 0 7px;display:flex;gap:15px;align-items:center}.m-eyebrow:after{content:'';height:1px;background:linear-gradient(90deg,var(--m-line),transparent);flex:1}.m-title{font-family:var(--m-serif);font-size:39px;font-weight:400;line-height:1.03;letter-spacing:-1.2px;margin:0 0 9px}.m-sub{font-size:12px;color:var(--m-muted);margin:0}.m-visual{margin:5px -24px 0;position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;flex:1}.m-visual svg{width:100%;height:auto;max-height:390px;overflow:visible}.m-scene{transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-origin:50% 60%}.m-rack{cursor:pointer;outline:none;transition:filter .2s,opacity .3s}.m-rack:hover,.m-rack:focus{filter:brightness(1.3) drop-shadow(0 0 5px #d9bc8060)}.m-rack:active{filter:brightness(1.6)}.m-rack.selected{filter:brightness(1.4) drop-shadow(0 0 6px #e2c27d80)}.m-metrics{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin:4px 0 20px}.m-metric+.m-metric{border-left:1px solid var(--m-line)}.m-number{font-family:var(--m-serif);font-size:36px;line-height:1.05;letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums}.m-label{display:block;color:var(--m-muted);font-size:11px;margin-top:5px}.m-bottom{margin-top:auto}.m-adjust{width:100%;height:51px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #e5cfa5;border-radius:28px;background:linear-gradient(125deg,#eeddb8,#c7ac76);color:#22251c;font:20px var(--m-serif);box-shadow:0 6px 24px #0002;cursor:pointer;transition:transform .2s,filter .2s}.m-adjust:active{transform:scale(.975);filter:brightness(1.07)}.m-foot{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:var(--m-muted);font-size:9px}.m-foot button{font:11px var(--m-sans);color:var(--m-gold);border:0;background:none;padding:7px 0;cursor:pointer}.m-view{animation:m-enter .32s ease both}.m-rack-detail{position:absolute;bottom:8px;left:30px;right:30px;border:1px solid var(--m-line);background:var(--m-sheet);padding:13px 16px;border-radius:15px;box-shadow:0 8px 28px #0003;display:flex;justify-content:space-between;align-items:center;font-size:12px;animation:m-enter .2s ease}.m-rack-detail small{display:block;color:var(--m-muted);margin-top:3px}.m-big-number{text-align:center;margin:22px 0 0;font-family:var(--m-serif);font-size:47px;line-height:1}.m-big-note{text-align:center;color:var(--m-muted);font-size:11px;margin-top:7px}.m-power-visual{min-height:260px}.m-power-visual svg{max-height:330px}.m-flow{stroke-dasharray:2 18;animation:m-flow 5s linear infinite}.m-profit-chart{width:100%;padding:25px 0 6px}.m-profit-chart svg{max-height:250px}.m-period{display:flex;gap:2px;padding:3px;border:1px solid var(--m-line);border-radius:20px;width:max-content;margin:18px auto 0}.m-period button{border:0;border-radius:16px;color:var(--m-muted);background:none;font:11px var(--m-sans);padding:7px 18px}.m-period button.active{background:var(--m-line);color:var(--m-text)}.m-note{font-size:10px;color:var(--m-muted);text-align:center;line-height:1.6;margin:0 7px 20px}.m-modal[hidden]{display:none}.m-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center}.m-backdrop{position:absolute;inset:0;background:#0008;backdrop-filter:blur(7px);animation:m-fade .25s ease}.m-sheet{position:relative;background:var(--m-sheet);width:100%;max-width:600px;max-height:86svh;border:1px solid var(--m-line);border-bottom:0;border-radius:28px 28px 0 0;padding:9px 24px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;overflow:auto;overscroll-behavior:contain;box-shadow:0 -14px 60px #0004;animation:m-sheet .4s cubic-bezier(.2,.85,.25,1)}.m-handle{height:4px;width:40px;background:var(--m-muted);opacity:.4;border-radius:9px;margin:0 auto 20px}.m-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.m-sheet h2{font:30px var(--m-serif);margin:0;letter-spacing:-.5px}.m-done{color:#222;background:linear-gradient(125deg,#eeddb8,#c7ac76);border:0;border-radius:16px;padding:11px 18px;font:12px var(--m-sans);cursor:pointer}.m-sheet p{font-size:11px;color:var(--m-muted);margin:0 0 23px}.m-field{margin:20px 0}.m-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.m-field label{font-size:12px;color:var(--m-text)}.m-field input[type=number]{width:126px;flex:0 0 126px;background:var(--m-panel);color:var(--m-text);border:1px solid var(--m-line);border-radius:9px;font:16px var(--m-sans);text-align:right;padding:7px;box-sizing:border-box}.m-field input[type=range]{width:100%;height:25px;accent-color:#c5a367;margin:7px 0 0;cursor:pointer}.m-field small{display:block;color:var(--m-muted);font-size:10px}.m-select{width:100%;background:var(--m-sheet);color:var(--m-text);border:1px solid var(--m-line);border-radius:12px;padding:12px;font:14px var(--m-sans)}.m-section{border-top:1px solid var(--m-line);padding:17px 0 3px}.m-section summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between}.m-section summary:after{content:'+';color:var(--m-gold)}.m-section[open] summary:after{content:'−'}.m-reset{width:100%;padding:14px;background:none;color:var(--m-muted);border:1px solid var(--m-line);border-radius:15px;font:12px var(--m-sans);margin-top:20px}.m-modal.closing .m-sheet{animation:m-exit .22s ease forwards}.m-modal.closing .m-backdrop{animation:m-fade .22s ease reverse forwards}#mobile-root :focus-visible{outline:2px solid var(--m-gold);outline-offset:4px}.m-spark{fill:#f5d89b;animation:m-breathe 3s ease-in-out infinite}.light .m-spark{fill:#9f722e}
@keyframes m-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes m-sheet{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes m-exit{to{transform:translateY(100%)}}@keyframes m-fade{from{opacity:0}to{opacity:1}}@keyframes m-flow{to{stroke-dashoffset:-100}}@keyframes m-breathe{50%{opacity:.35}}
@media(max-height:740px){.m-header{height:51px}.m-eyebrow{margin-top:18px}.m-title{font-size:34px}.m-visual{min-height:250px}.m-visual svg{max-height:310px}.m-metrics{margin-bottom:15px}.m-number{font-size:32px}}
@media(prefers-reduced-motion:reduce){#mobile-root *,#mobile-root *:before,#mobile-root *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
