:root{--navy:#01017c;--blue:#006fb7;--cyan:#22a9f8;--ink:#20364d;--muted:#52677b;--line:#d7e6ef;--soft:#edf8ff;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}main{max-width:1280px;padding:34px 32px 24px;margin:auto}header{padding-bottom:32px;max-width:790px}.eyebrow{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:750;color:var(--navy);margin:0 0 12px}h1{font-size:clamp(38px,4.8vw,64px);line-height:1.02;letter-spacing:-.055em;color:var(--navy);font-weight:650;margin:0 0 24px}.intro{font-size:18px;color:var(--muted);max-width:670px;margin:0}.passport{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr) minmax(0,1.05fr);column-gap:27px;align-items:start}.passport>*{min-width:0}.products{grid-column:1;grid-row:1;display:grid;gap:10px}.products button{font:650 14px/1.3 system-ui,-apple-system,sans-serif;color:var(--navy);border:1px solid #b5cbdc;background:white;border-radius:11px;padding:15px;text-align:left;min-height:85px;min-width:0;cursor:pointer}.products button span{display:block;font-size:11px;font-weight:450;margin-top:7px;color:var(--muted)}.products button:hover{border-color:var(--navy);background:var(--soft)}.products button[aria-pressed=true]{color:white;background:var(--navy);border-color:var(--navy)}.products button[aria-pressed=true] span{color:white}button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.lens-scene{grid-column:2;grid-row:1}.scene-title{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.scene-title h2{font-size:16px;color:var(--navy);margin:0}.scene-title p{font-size:12px;color:var(--muted);margin:0}svg{display:block;width:100%;height:auto}.scene-function{font-size:16px;font-weight:650;color:var(--navy);border-top:1px solid var(--line);padding-top:12px;margin:8px 0 6px}.orientation{font-size:12px;color:var(--muted);margin:0 0 6px}.orientation span{font-weight:650;color:var(--navy);display:block;margin-bottom:5px}.scene-limit{font-size:12px;color:var(--muted);margin:0}.spec-sheet{grid-column:3;grid-row:1;border:1px solid var(--line);border-radius:3px 18px 18px 3px;padding:24px 22px;box-shadow:8px 9px 0 #f1f8fc;min-height:540px;position:relative}.spec-sheet:before{content:"";position:absolute;width:5px;left:-1px;top:32px;height:49px;border-radius:0 4px 4px 0;background:var(--cyan)}.sheet-heading{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.sheet-heading .eyebrow{font-size:10px}.spec-sheet h2{font-size:26px;line-height:1.14;letter-spacing:-.025em;color:var(--navy);margin:0;overflow-wrap:break-word}.function-label{font-size:16px;font-weight:650;color:var(--navy);margin:0 0 12px}#function-copy{font-size:14px;margin:0 0 16px}.location-note{font-size:12px;color:var(--muted);margin:0 0 22px}.budget{border-top:1px dashed #9ebbd0;border-bottom:1px dashed #9ebbd0;padding:18px 0;margin-bottom:18px}.budget h3{font-size:13px;color:var(--navy);margin:0 0 12px}ul{padding:0;margin:0;list-style:none}.budget li{font-size:12px;color:var(--muted);padding-left:18px;position:relative;margin:0 0 12px}.budget li:last-child{margin:0}.budget li:before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border:1px solid #829fb5}.product-note{font-size:12px;color:var(--muted);margin:0}.common-limit{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin:30px 0 20px}.common-limit strong{color:var(--navy)}.essential{border-top:1px solid var(--line);padding:12px 0;font-size:14px}.essential summary{min-height:44px;padding:10px 0;color:var(--navy);font-weight:650;cursor:pointer}.essential p{color:var(--muted);margin:15px 0}.fallback img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto 24px}.fallback h2{color:var(--navy);font-size:26px}.fallback p,.fallback dd{color:var(--muted)}.fallback dt{font-weight:650;color:var(--navy);margin:20px 0 5px}.fallback dd{margin:0}.js .fallback{display:none}footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding-top:18px;margin-top:12px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0;overflow:hidden}
@media(max-width:900px){.passport{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:25px}.products{grid-column:1 / -1;grid-row:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.products button{font-size:12px;padding:12px 10px}.lens-scene{grid-column:1;grid-row:2}.spec-sheet{grid-column:2;grid-row:2}.spec-sheet h2{font-size:25px}}
@media(max-width:650px){main{padding:25px 16px 20px}header{padding-bottom:24px}h1{font-size:43px}.intro{font-size:16px}.passport{grid-template-columns:minmax(0,1fr);gap:23px}.lens-scene{grid-column:1;grid-row:2}.products{grid-column:1;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.products button{min-height:84px;font-size:13px;padding:13px 11px}.products button span{font-size:11px}.products button:last-child{grid-column:1 / -1;min-height:68px}.spec-sheet{grid-column:1;grid-row:3;min-height:0;padding:25px 23px;box-shadow:5px 6px 0 #f1f8fc}.spec-sheet h2{font-size:29px}#function-copy{font-size:15px}.location-note,.product-note,.budget li{font-size:13px}.budget h3{font-size:14px}.scene-title{display:block}.scene-title p{margin-top:4px}.scene-limit{font-size:13px}.orientation{font-size:13px}.common-limit{margin-top:26px}}
@media(max-width:350px){h1{font-size:37px}.products button{font-size:12px}.spec-sheet h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}