@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#17383f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f1;font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}::selection{color:#f8f8f1;background:#e88768}#root{min-height:100vh}:root{--ink:#17383f;--ink-soft:#35565b;--muted:#77888a;--faint:#9ba9a8;--paper:#fcfcf8;--surface:#fff;--canvas:#eef3f1;--line:#dce6e2;--line-strong:#cbdad5;--mint:#d8eee8;--mint-deep:#a7d7ca;--teal:#37827c;--teal-dark:#276864;--coral:#e98b6b;--coral-soft:#f7dfd4;--yellow:#f1c776;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--shadow:0 16px 45px #24484914;--shadow-small:0 7px 22px #24484912}.app-shell{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 2%, #d4efe8bf, transparent 26rem), radial-gradient(circle at 93% 13%, #f7dfd38c, transparent 24rem), var(--canvas);overflow:hidden}.page-container{width:min(1220px,100% - 64px);margin-inline:auto}.topbar{border-bottom:1px solid #cbdad5d1;align-items:center;gap:28px;height:78px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark,.footer-mark{color:#e8f5ef;background:var(--ink);flex:none;place-items:center;display:inline-grid}.brand-mark{border-radius:11px;width:34px;height:34px;transform:rotate(-4deg)}.brand-mark svg{transform:rotate(4deg)}.brand-name{letter-spacing:.08em;font-size:15px;font-weight:800}.brand-name span{color:var(--teal)}.brand-version{color:var(--muted);border:1px solid var(--line-strong);font-family:var(--mono);letter-spacing:.08em;border-radius:5px;padding:3px 6px;font-size:9px}.top-navigation{align-self:stretch;align-items:center;gap:29px;margin-left:38px;display:flex}.top-navigation a{height:100%;color:var(--muted);align-items:center;font-size:12px;font-weight:700;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}.top-navigation a:hover,.top-navigation a.active{color:var(--ink)}.top-navigation a.active:after{content:"";background:var(--coral);height:2px;position:absolute;bottom:-1px;left:0;right:0}.header-info-button{color:var(--ink-soft);border:1px solid var(--line-strong);background:#ffffff75;border-radius:9px;align-items:center;gap:8px;margin-left:auto;padding:9px 13px;font-size:11px;font-weight:700;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.header-info-button:hover{background:var(--surface);border-color:var(--teal);transform:translateY(-1px)}.hero{grid-template-columns:minmax(0,1fr) 345px;align-items:end;gap:70px;padding-top:76px;padding-bottom:67px;display:grid;position:relative}.hero:before{content:"";border:1px solid #37827c26;border-radius:50%;width:86px;height:86px;position:absolute;top:45px;right:8%}.hero:after{content:"";background:var(--coral);border-radius:50%;width:17px;height:17px;position:absolute;top:55px;right:calc(8% + 35px);box-shadow:0 0 0 8px #e98b6b1a}.hero-copy,.profile-card{z-index:1;position:relative}.eyebrow,.section-kicker,.card-overline{font-family:var(--mono);letter-spacing:.12em;font-size:10px;font-weight:500}.eyebrow{color:var(--teal);align-items:center;gap:9px;display:flex}.eyebrow span:not(.eyebrow-line){color:var(--coral)}.eyebrow-line{background:var(--coral);width:25px;height:1px}.hero h1{max-width:680px;color:var(--ink);letter-spacing:-.065em;margin:19px 0 18px;font-size:clamp(42px,5.7vw,75px);font-weight:500;line-height:.99}.hero h1 em,.guide-intro h2 em{color:var(--coral);letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-description{max-width:510px;color:var(--muted);font-size:14px;line-height:1.75}.hero-meta{color:var(--muted);font-family:var(--mono);align-items:center;gap:9px;margin-top:27px;font-size:10px;display:flex}.live-dot,.clarity-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #37827c1f}.meta-separator{color:var(--line-strong)}.profile-card{border:1px solid var(--line);box-shadow:var(--shadow-small);background:#ffffffc9;border-radius:16px;padding:23px 24px 20px;overflow:hidden}.profile-card:before{content:"";border:1px solid #37827c29;border-radius:50%;width:145px;height:145px;position:absolute;top:-53px;right:-48px}.profile-card-top,.profile-footer,.control-label-row,.range-label-row,.preview-heading,.vision-panel-header,.vision-panel-footer,.preview-note,.safety-callout{align-items:center;display:flex}.profile-card-top{justify-content:space-between;position:relative}.card-overline,.section-kicker{color:var(--teal);display:block}.profile-card-top strong{color:var(--ink);margin-top:7px;font-size:15px;font-weight:700;display:block}.profile-icon{width:31px;height:31px;color:var(--coral);background:var(--coral-soft);border-radius:9px;place-items:center;display:grid}.profile-values{align-items:center;gap:20px;margin:25px 0 17px;display:flex}.profile-values>div:not(.profile-values-divider){flex:1}.profile-eye-name{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;font-size:9px;display:block}.profile-eye-name small{color:var(--faint);margin-left:3px;font-size:8px}.profile-values strong{color:var(--ink);font-family:var(--mono);letter-spacing:-.08em;margin-top:2px;font-size:29px;font-weight:500;display:block}.profile-values-divider{background:var(--line);width:1px;height:35px}.profile-meter{gap:3px;height:5px;display:flex}.profile-meter span{border-radius:99px;min-width:9px;display:block}.profile-meter-left{background:var(--coral)}.profile-meter-right{background:var(--teal)}.profile-footer{color:var(--muted);font-family:var(--mono);justify-content:space-between;margin-top:12px;font-size:9px}.profile-footer strong{color:var(--coral);font-weight:500}.info-banner{color:var(--ink-soft);background:#d8eee8a3;border:1px solid #b9ded3;border-radius:12px;align-items:flex-start;gap:13px;margin-bottom:25px;padding:15px 18px;display:flex}.info-banner-icon{width:27px;height:27px;color:var(--teal-dark);background:#ffffff9e;border-radius:8px;flex:none;place-items:center;display:grid}.info-banner strong{font-size:12px;display:block}.info-banner p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.6}.banner-close{color:var(--muted);background:0 0;border:0;margin:-3px -2px 0 auto;padding:0 4px;font-size:22px;line-height:1}.workspace{grid-template-columns:296px minmax(0,1fr);align-items:start;gap:31px;display:grid}.control-panel{border:1px solid var(--line);box-shadow:var(--shadow-small);background:#fcfcf8e6;border-radius:16px;padding:23px 20px 18px}.control-panel-heading{justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.control-panel-heading h2,.preview-heading h2{color:var(--ink);letter-spacing:-.04em;margin:5px 0 0;font-size:21px;font-weight:600}.icon-button{width:31px;height:31px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;place-items:center;transition:color .18s,border-color .18s,transform .18s;display:grid}.icon-button:hover{color:var(--teal-dark);border-color:var(--teal);transform:rotate(-25deg)}.control-block{border-top:1px solid var(--line);padding:19px 0}.control-label-row{justify-content:space-between;margin-bottom:11px}.control-label{color:var(--ink-soft);align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.control-label svg{color:var(--teal)}.unit-label,.range-scale,.range-label-row output{color:var(--faint);font-family:var(--mono);font-size:9px}.prescription-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prescription-input-card{background:var(--surface);border:1px solid var(--line);cursor:text;border-radius:10px;padding:11px 10px 10px;transition:border-color .18s,box-shadow .18s;display:block}.prescription-input-card:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #37827c1a}.prescription-card-heading{color:var(--ink-soft);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.prescription-card-heading small{color:var(--faint);font-family:var(--mono);margin-left:auto;font-size:8px}.mini-eye-dot,.eye-pip{border-radius:50%;place-items:center;display:inline-grid}.mini-eye-dot{width:6px;height:6px}.mini-eye-dot.left,.eye-pip.left{background:var(--coral)}.mini-eye-dot.right,.eye-pip.right{background:var(--teal)}.number-input-wrap{color:var(--ink);font-family:var(--mono);align-items:baseline;margin-top:9px;display:flex}.number-sign{color:var(--coral);font-size:17px}.prescription-input-card.right .number-sign{color:var(--teal)}.number-input-wrap input{width:54px;color:var(--ink);font-family:var(--mono);letter-spacing:-.08em;background:0 0;border:0;outline:0;padding:0;font-size:20px;font-weight:500}.number-input-wrap input::-webkit-inner-spin-button{appearance:none;margin:0}.number-input-wrap input::-webkit-outer-spin-button{appearance:none;margin:0}.number-input-wrap input[type=number]{appearance:textfield}.number-unit{color:var(--faint);font-size:10px}.view-mode-grid{grid-template-columns:1.12fr 1fr 1fr;gap:5px;display:grid}.view-mode-button,.segmented-control button,.target-option,.focus-mode-option{color:var(--muted);background:var(--surface);border:1px solid var(--line);transition:color .18s,background .18s,border-color .18s,transform .18s}.view-mode-button{text-align:left;border-radius:9px;flex-direction:column;align-items:flex-start;gap:8px;min-height:59px;padding:9px 9px 8px;font-size:9px;font-weight:700;display:flex}.view-mode-button:hover,.target-option:hover,.focus-mode-option:hover{border-color:var(--mint-deep);transform:translateY(-1px)}.view-mode-button.selected,.target-option.selected,.focus-mode-option.selected{color:var(--ink);background:var(--mint);border-color:#a9d6ca}.view-mode-icon{width:21px;height:21px;color:var(--teal);font-family:var(--mono);background:#eff8f4;border-radius:6px;place-items:center;font-size:10px;font-weight:500;display:grid}.view-mode-button.selected .view-mode-icon{color:var(--paper);background:var(--teal)}.segmented-control{background:#f0f4f1;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented-control button{border-color:#0000;border-radius:6px;min-height:34px;padding:5px 4px;font-size:9px;font-weight:700}.segmented-control button.selected{color:var(--ink);background:var(--surface);border-color:var(--line);box-shadow:0 3px 8px #2448490f}.focus-mode-list{gap:6px;display:grid}.focus-mode-option{text-align:left;border-radius:9px;align-items:flex-start;gap:9px;width:100%;padding:10px;display:flex}.focus-mode-option .radio-mark{border:1px solid var(--line-strong);border-radius:50%;flex:none;width:14px;height:14px;margin-top:1px;display:block;position:relative}.focus-mode-option.selected .radio-mark{border-color:var(--teal)}.focus-mode-option.selected .radio-mark:after{content:"";background:var(--teal);border-radius:50%;position:absolute;inset:3px}.focus-mode-option strong,.focus-mode-option small{display:block}.focus-mode-option strong{color:inherit;font-size:10px}.focus-mode-option small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.compact-control{padding-top:16px;padding-bottom:16px}.range-label-row{justify-content:space-between;margin-bottom:12px}.range-label-row label{color:var(--ink-soft);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.range-label-row label svg{color:var(--teal)}.range-label-row output{color:var(--teal-dark)}.range-input{appearance:none;background:linear-gradient(90deg, var(--teal) 0 35%, #dbe7e3 35% 100%);border-radius:99px;outline:0;width:100%;height:3px;margin:0}.range-input::-webkit-slider-thumb{appearance:none;background:var(--surface);border:3px solid var(--teal);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 5px #2768644d}.range-input::-moz-range-thumb{background:var(--surface);border:3px solid var(--teal);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 5px #2768644d}.range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #37827c29}.range-scale{justify-content:space-between;margin-top:8px;display:flex}.target-options{gap:6px;display:grid}.target-option{text-align:left;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 9px;display:flex}.target-option-symbol{width:28px;height:28px;color:var(--teal-dark);background:#edf7f3;border-radius:7px;flex:none;place-items:center;font-family:Georgia,serif;font-size:17px;font-weight:700;display:grid}.target-option-symbol.scene{color:#b07142;background:#fff3df}.target-option-symbol.reading{color:#9d6452;font-family:var(--mono);background:#f9e8df;font-size:11px}.target-option>span:last-child{min-width:0}.target-option strong,.target-option small{display:block}.target-option strong{color:inherit;font-size:10px}.target-option small{color:var(--muted);margin-top:2px;font-size:8px}.sidebar-disclaimer{color:var(--muted);border-top:1px solid var(--line);gap:8px;margin-top:2px;padding-top:16px;display:flex}.sidebar-disclaimer svg{color:var(--teal);flex:none}.sidebar-disclaimer p{margin:0;font-size:9px;line-height:1.55}.preview-column{min-width:0}.preview-heading{justify-content:space-between;min-height:58px;margin-bottom:17px}.preview-heading h2{font-size:24px}.preview-status{color:var(--muted);font-family:var(--mono);align-items:center;gap:9px;font-size:9px;display:inline-flex}.vision-grid{gap:15px;display:grid}.vision-grid.dual{grid-template-columns:1fr 1fr}.vision-grid.single{grid-template-columns:minmax(0,690px)}.vision-panel{background:var(--paper);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:15px;overflow:hidden}.vision-panel-header{justify-content:space-between;padding:17px 18px 11px}.panel-eye-label{align-items:center;gap:9px;display:flex}.eye-pip{width:28px;height:28px;color:var(--paper)}.vision-panel.left .eye-pip{background:var(--coral)}.vision-panel.right .eye-pip{background:var(--teal)}.eye-pip.combined{color:var(--paper);background:linear-gradient(135deg, var(--teal), var(--coral))}.panel-eye-label>div{align-items:baseline;gap:6px;display:flex}.panel-eye-short{color:var(--faint);font-family:var(--mono);font-size:9px}.panel-eye-label strong{color:var(--ink);font-size:11px;font-weight:700}.clarity-pill{color:var(--muted);font-family:var(--mono);background:#f1f4f1;border-radius:99px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;display:inline-flex}.clarity-pill .clarity-dot{background:var(--coral);width:5px;height:5px;box-shadow:none}.clarity-pill.clear{color:var(--teal-dark);background:var(--mint)}.clarity-pill.clear .clarity-dot{background:var(--teal)}.panel-prescription{color:var(--faint);font-family:var(--mono);letter-spacing:.02em;align-items:center;gap:6px;padding:0 18px 14px;font-size:8px;display:flex}.panel-prescription strong{color:var(--ink-soft);font-weight:500}.binocular-panel .panel-prescription{flex-wrap:wrap}.prescription-divider{color:var(--line-strong)}.vision-stage{background-color:#e8f0ec;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:9px;place-items:center;min-height:340px;margin:0 8px;display:grid;position:relative;overflow:hidden}.vision-stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 47%,#ffffff6b,#0000 54%);position:absolute;inset:0}.binocular-panel{grid-column:1/-1}.binocular-stage{min-height:305px}.binocular-ghost,.binocular-main{transform-origin:50%;place-items:center;width:65%;transition:filter .35s,opacity .35s,transform .35s;display:grid;position:absolute}.binocular-ghost{z-index:1;pointer-events:none}.binocular-main{z-index:2}.fusion-badge{z-index:3;color:#276864c7;font-family:var(--mono);letter-spacing:.03em;background:#ffffffa3;border:1px solid #37827c29;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:7px;display:inline-flex;position:absolute;bottom:16px;left:17px}.fusion-badge-dot{background:var(--coral);border-radius:50%;width:5px;height:5px}.binocular-footer strong{color:var(--teal-dark)}.stage-glow{filter:blur(32px);background:#ffffff59;border-radius:50%;width:68%;height:55%;position:absolute}.target-render{z-index:1;transform-origin:50%;place-items:center;width:84%;transition:filter .35s,transform .35s;display:grid;position:relative}.vision-target{border-radius:9px;width:100%;overflow:hidden}.chart-target{color:#24484c;background:#faf9f1;border:1px solid #4c6c672e;padding:20px 22px 16px;box-shadow:0 13px 28px #395e541a}.chart-topline,.chart-footerline{color:#a1aaa3;font-family:var(--mono);letter-spacing:.1em;justify-content:space-between;font-size:7px;display:flex}.chart-main-row{justify-content:center;align-items:center;gap:clamp(17px,6vw,57px);padding:23px 3px 20px;display:flex}.optotype{color:#23494c;font-family:Arial,sans-serif;font-weight:800;line-height:.8;display:inline-block}.optotype-large{font-size:clamp(92px,13vw,150px)}.chart-lines{text-align:left;gap:9px;display:grid}.chart-line{white-space:nowrap;color:#325c5e;letter-spacing:.03em;font-family:Arial,sans-serif;font-weight:700;line-height:1;display:block}.line-wide{font-size:clamp(17px,2.2vw,25px)}.line-medium{font-size:clamp(13px,1.6vw,19px)}.line-small{font-size:clamp(9px,1.15vw,14px)}.line-tiny{font-size:clamp(7px,.86vw,10px)}.chart-footerline{border-top:1px solid #dce6dd;padding-top:9px}.scene-target{aspect-ratio:640/410;background:#c8ecf1;position:relative;box-shadow:0 13px 28px #395e5421}.scene-target svg{width:100%;height:100%;display:block}.scene-tag{color:#ffffffd9;font-family:var(--mono);letter-spacing:.11em;background:#17383f6b;border-radius:4px;padding:5px 7px;font-size:7px;position:absolute;bottom:11px;right:12px}.reading-target{color:#3a5555;background:#fbfaf4;min-height:243px;padding:28px clamp(24px,5vw,58px) 22px;box-shadow:0 13px 28px #395e541a}.reading-kicker{color:var(--coral);font-family:var(--mono);letter-spacing:.14em;font-size:8px}.reading-target h3{color:#264b4c;letter-spacing:-.06em;margin:14px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,4vw,40px);font-weight:400}.reading-lead{color:#718485;font-size:10px}.reading-rule{background:#d9e3dc;width:100%;height:1px;margin:18px 0 14px}.reading-target>p:not(.reading-lead){color:#607777;max-width:570px;margin:0;font-size:11px;line-height:1.8}.reading-columns{gap:6px;margin-top:15px;display:grid}.reading-columns span{background:#bdcfca;border-radius:5px;width:73%;height:3px;display:block}.reading-columns span:nth-child(2){width:86%}.reading-columns span:nth-child(3){width:63%}.reading-columns span:nth-child(4){width:78%}.reading-signature{color:#a3b0ab;font-family:var(--mono);margin-top:19px;font-size:8px}.stage-corner{z-index:2;border-style:solid;border-color:#37827c80;width:15px;height:15px;position:absolute}.stage-corner-tl{border-width:1px 0 0 1px;top:15px;left:15px}.stage-corner-br{border-width:0 1px 1px 0;bottom:15px;right:15px}.stage-distance{z-index:2;color:#27686491;font-family:var(--mono);letter-spacing:.1em;font-size:7px;position:absolute;bottom:16px;right:17px}.vision-panel-footer{justify-content:space-between;gap:12px;padding:13px 18px 15px}.vision-panel-footer>div{flex-direction:column;gap:3px;display:flex}.vision-panel-footer>div:last-child{align-items:flex-end}.footer-stat-label{color:var(--faint);font-family:var(--mono);font-size:8px}.vision-panel-footer strong{color:var(--ink-soft);font-family:var(--mono);font-size:12px;font-weight:500}.preview-note{color:var(--muted);border:1px solid var(--line);background:#ffffff75;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 15px}.preview-note-icon{width:24px;height:24px;color:var(--teal);background:var(--mint);border-radius:7px;flex:none;place-items:center;display:grid}.preview-note p{margin:2px 0 0;font-size:10px;line-height:1.65}.preview-note strong{color:var(--ink-soft)}.guide-section{grid-template-columns:.76fr 1.24fr;gap:85px;padding-top:117px;padding-bottom:77px;display:grid}.guide-intro h2{color:var(--ink);letter-spacing:-.07em;margin:13px 0 16px;font-size:38px;font-weight:500;line-height:1.03}.guide-intro p{max-width:275px;color:var(--muted);font-size:12px;line-height:1.7}.text-link{color:var(--teal-dark);font-family:var(--mono);align-items:center;gap:9px;margin-top:25px;font-size:10px;text-decoration:none;display:inline-flex}.text-link:hover svg{transform:translate(4px)}.text-link svg{transition:transform .18s}.guide-steps{align-content:center;gap:0;display:grid}.guide-step{border-bottom:1px solid var(--line);grid-template-columns:43px 1fr 24px;align-items:start;gap:16px;padding:21px 0;display:grid;position:relative}.guide-step:first-child{border-top:1px solid var(--line)}.step-number{color:var(--coral);font-family:var(--mono);font-size:10px}.guide-step h3{color:var(--ink);margin:-2px 0 5px;font-size:13px;font-weight:700}.guide-step p{max-width:430px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.step-check{width:22px;height:22px;color:var(--teal);background:var(--mint);border-radius:50%;place-items:center;display:grid}.safety-callout{background:#fff9ec;border:1px solid #f2dfba;border-radius:12px;gap:14px;margin-bottom:62px;padding:18px 20px}.safety-callout-icon{color:#b6813b;background:#ffefca;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.safety-callout strong{color:#72542d;font-size:11px;display:block}.safety-callout p{color:#927852;max-width:750px;margin:3px 0 0;font-size:10px;line-height:1.6}.safety-label{color:#bd9657;font-family:var(--mono);letter-spacing:.1em;white-space:nowrap;margin-left:auto;font-size:8px}.footer{color:var(--faint);border-top:1px solid var(--line);font-family:var(--mono);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;padding-bottom:24px;font-size:8px;display:flex}.footer-brand{color:var(--ink-soft);letter-spacing:.08em;align-items:center;gap:7px;font-weight:500;display:inline-flex}.footer-mark{border-radius:7px;width:22px;height:22px}@media (width<=1050px){.page-container{width:min(100% - 42px,900px)}.hero{grid-template-columns:minmax(0,1fr) 300px;gap:36px}.workspace{grid-template-columns:270px minmax(0,1fr);gap:20px}.control-panel{padding-inline:16px}.vision-stage{min-height:300px}}@media (width<=840px){.top-navigation{margin-left:auto}.header-info-button{margin-left:0}.header-info-button span{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:62px;padding-bottom:50px}.hero:before,.hero:after{display:none}.profile-card{max-width:410px}.workspace{grid-template-columns:1fr}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;display:grid}.control-panel-heading,.sidebar-disclaimer{grid-column:1/-1}.control-block:nth-of-type(2),.control-block:nth-of-type(3),.control-block:nth-of-type(4),.control-block:nth-of-type(5){border-top:1px solid var(--line)}.sidebar-disclaimer{margin-top:0}.vision-grid.single{grid-template-columns:1fr}.guide-section{gap:45px}}@media (width<=620px){.page-container{width:min(100% - 30px,500px)}.topbar{gap:15px;height:68px}.brand-version,.top-navigation{display:none}.header-info-button{padding:8px}.hero{padding-top:50px}.hero h1{font-size:clamp(43px,14vw,64px)}.hero-description{font-size:13px}.hero-meta{flex-wrap:wrap;align-items:flex-start;line-height:1.5}.profile-card{padding:20px}.info-banner{padding-right:34px;position:relative}.banner-close{position:absolute;top:13px;right:12px}.control-panel{display:block}.control-block,.control-block:nth-of-type(2),.control-block:nth-of-type(3),.control-block:nth-of-type(4),.control-block:nth-of-type(5){border-top:1px solid var(--line)}.preview-heading{display:block}.preview-status{margin-top:12px}.vision-grid.dual{grid-template-columns:1fr}.vision-stage{min-height:270px}.binocular-ghost,.binocular-main{width:78%}.chart-main-row{gap:19px}.guide-section{padding-top:82px;padding-bottom:58px;display:block}.guide-intro h2{font-size:35px}.guide-steps{margin-top:36px}.safety-callout{align-items:flex-start;margin-bottom:43px}.safety-label{display:none}.footer{flex-wrap:wrap;align-items:flex-start;padding-bottom:20px}.footer>span:nth-child(2){flex-basis:100%;order:3}}