@font-face{font-family:Cabinet;src:url('assets/cabinet-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cabinet;src:url('assets/cabinet-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Cabinet;src:url('assets/cabinet-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Cabinet;src:url('assets/cabinet-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--paper:#101211;--surface:#1a1d19;--ink:#f5f3eb;--muted:#a2a69c;--accent:#e0a526;--accent-light:#e0a5261a;--line:#ffffff12;--radius:28px;--button-radius:100px;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}body{background:var(--paper);font-family:Cabinet,Geist,sans-serif}body::before{content:"";position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}main{overflow-x:clip;max-width:100%}p{color:var(--muted)}h1,h2,h3{font-weight:700;letter-spacing:-.045em}h2{font-size:clamp(42px,4.4vw,66px);line-height:1.02;text-wrap:balance}h3{font-size:27px}.container{max-width:1280px;width:calc(100% - 120px)}.section{padding-block:140px}.section-intro{margin-bottom:58px;max-width:800px}.section-intro p{font-size:19px;max-width:580px;line-height:1.65}.accent{color:var(--accent)!important}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:10px;margin-bottom:27px}.mini-label{color:#acafa2}.button{border:0;gap:24px;padding:8px 8px 8px 27px;min-height:56px;font-family:Geist,sans-serif;font-size:13px;font-weight:600;background:var(--accent);color:#161812;box-shadow:inset 0 1px #ffffff5c,0 5px 18px #e0a5260c;transition:transform .5s var(--ease),background .5s var(--ease)}.button>img{box-sizing:content-box;display:block;filter:invert(1);width:18px;height:18px;padding:12px;border-radius:50%;background:#e6e8e9;transition:transform .6s var(--ease)}.button:hover{background:#efb736;transform:translateY(-3px)}.button:hover>img{transform:rotate(45deg)}.button:active{transform:scale(.97)}.text-link{font-family:Geist,sans-serif;color:#e6e8dd;font-size:12px;position:relative}.text-link::after{content:"";height:1px;position:absolute;bottom:2px;left:0;right:0;background:currentColor;opacity:.3;transform:scaleX(.3);transform-origin:left;transition:transform .6s var(--ease)}.text-link:hover::after{transform:scaleX(1)}.text-link>img{filter:invert(1)}.actions{gap:32px}.header{position:fixed;z-index:8;top:22px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 72px));height:68px;padding:10px 20px;border-radius:100px;background:#1b1e19c9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff10;box-shadow:inset 0 1px #ffffff09,0 15px 45px #05070520;gap:20px}.header .brand img{width:33px;height:33px;border-radius:9px}.header .brand>span{font-size:29px}.brand-sub{color:#c7ccba}.header nav{gap:26px;margin-left:auto;margin-right:auto}.header nav a{font-size:11px;color:#c0c4b8;position:relative}.header nav a:hover,.header nav a.active{color:var(--accent)}.header .button-small{font-size:10px;min-height:42px;padding:5px 5px 5px 18px;gap:14px}.header .button-small>img{padding:8px;width:15px;height:15px}.motion-toggle{display:flex;align-items:center;gap:6px;font-size:9px;color:#c7cbbb;padding:8px;background:none;border:0;white-space:nowrap}.motion-toggle img{filter:invert(1);width:14px;height:14px}.motion-toggle[aria-pressed=true]{color:var(--accent)}.menu-button{width:40px;height:40px;position:relative}.menu-button span{position:absolute;left:10px;width:20px;height:1px;background:#d6d9ce;top:15px;transition:transform .5s var(--ease)}.menu-button span:last-child{top:23px}.menu-open .menu-button span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-button span:last-child{transform:translateY(-4px) rotate(-45deg)}.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--accent);z-index:9;transform:scaleX(0);transform-origin:left}
.hero{grid-template-columns:1.3fr 1fr;gap:0;padding-block:130px 65px;min-height:min(850px,100dvh);position:relative;isolation:isolate}.hero-copy{position:relative;z-index:2;padding-bottom:0}.hero h1{font-size:clamp(52px,6.05vw,88px);line-height:1.02;letter-spacing:-.055em;white-space:normal;max-width:800px;font-weight:800}.headline-mask{display:block;overflow:hidden;padding-bottom:5px}.hero h1 .headline-mask>span{display:block;color:var(--ink);white-space:nowrap}.hero h1 .headline-mask.accent>span{color:var(--accent)}.hero-copy>p{font-size:18px;max-width:390px;color:#bfc2b7;margin-top:25px}.hero-visual{height:clamp(440px,64dvh,590px);border-radius:0;perspective:1000px;isolation:auto;position:relative}.hero-visual::after{width:280px;height:50px;bottom:0;background:#e0a52614;filter:blur(25px)}.hero .workspace{position:absolute;width:170%;height:130%;top:-20%;right:-30%;object-position:65% center;object-fit:cover;opacity:.4;border-radius:0;z-index:-1;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%)}#light-field{position:absolute;inset:-16% -30%;width:160%;height:132%;pointer-events:none;z-index:-1}.device-float{position:relative}.phone{background:linear-gradient(135deg,#51534b,#121411 40%,#4a4e42);padding:7px;border:1px solid #a3a99555;border-radius:37px;box-shadow:inset 2px 0 1px #dfe3ce50,inset -2px 0 #080a07,15px 25px 60px #00000055}.phone>img{border-radius:28px}.hero-phone{width:clamp(205px,18vw,265px);transform:rotate(8deg) rotateY(-12deg);animation:none;transition:none}.hero-visual:hover .hero-phone{transform:rotate(8deg) rotateY(-12deg)}
.quality-marquee{overflow:hidden;border-block:1px solid #ffffff08;background:#ffffff02;padding-block:22px;position:relative;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.quality-track{display:flex;width:max-content;align-items:center}.qualities{display:flex;gap:70px;width:auto;max-width:none;border:0;padding:0 35px;margin:0}.qualities span{font-family:Geist,sans-serif;font-size:12px;color:#afb3a5;white-space:nowrap;gap:13px}.qualities img{filter:invert(.75);width:21px;height:21px}.light-statement{padding-block:115px 10px;text-align:center}.word-reveal{font-size:clamp(36px,4.8vw,68px);line-height:1.15;font-weight:700;letter-spacing:-.045em;color:#ecefe3}.word-reveal .word{display:inline-block}.light-statement>span{display:block;color:#919687;font-size:13px;letter-spacing:0;margin-top:25px}.feature-grid{grid-auto-flow:dense;gap:18px;grid-template-columns:1.15fr 1fr}.feature{position:relative;isolation:isolate;background:linear-gradient(145deg,#20241d,#171b16);border:1px solid #ffffff0a;border-radius:28px;box-shadow:inset 0 1px #ffffff06;padding:38px;transform-style:preserve-3d;transition:box-shadow .5s var(--ease)}.feature::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,0%),#e0a52610,transparent 60%);pointer-events:none;z-index:-1;opacity:0;transition:opacity .4s var(--ease)}.feature:hover::before{opacity:1}.feature:hover{box-shadow:inset 0 1px #e0a52620}.feature-icon{filter:invert(1);opacity:.7;width:30px;height:30px;margin-bottom:24px}.feature p{font-size:15px;color:#a4aa9b;line-height:1.6}.feature-measure{background:radial-gradient(ellipse at 65% 90%,#674e142e,transparent 70%),linear-gradient(155deg,#27261d,#181b16);padding:42px;min-height:625px}.feature-measure .feature-icon{filter:invert(71%) sepia(84%) saturate(399%) hue-rotate(3deg)}.measurement-art{padding-top:50px}.art-value{font-size:clamp(105px,10vw,154px);color:var(--accent);letter-spacing:-.055em;line-height:1.2}.art-value>span{color:#a8ad9e;font-size:32px}.art-scale{color:#949b86}.art-scale span:nth-child(2){color:var(--accent)}.ruler{background:repeating-linear-gradient(to right,#85897888 0px,#85897888 1px,transparent 1px,transparent 9px);height:47px}.ruler-pointer{background:#e0a526;width:3px}.art-note{color:#b4b8a9;font-size:12px}.feature-track{background:radial-gradient(ellipse at 70% 100%,#e0a52608,transparent 70%),#181e16;min-height:305px}.chart-art{padding-top:10px}.feature-record{background:#1b1e19;min-height:300px}.record-example{background:#ffffff04;border:1px solid #ffffff06;border-radius:13px;padding:18px;margin-top:26px}.record-main>img{filter:invert(.7)}.record-main>span{font-size:13px}.record-main small{font-size:10px;color:#9aa28e}.record-main>strong{color:var(--accent);font-family:Cabinet;font-size:27px}.feature-calibrate{grid-template-columns:40px 1fr 1.2fr 240px;background:linear-gradient(105deg,#25251c,#191c17);padding:35px 40px;gap:24px}.feature-calibrate h3{font-size:26px}.feature-calibrate p{font-size:14px}.calibration-example{border-color:#ffffff0e}.calibration-example>span{font-size:11px;color:#a4ac97}.calibration-example strong{font-size:40px;color:var(--accent)}.calibration-example small{font-size:10px;color:#a6ae98}
.tour-section{background:radial-gradient(ellipse at 75% 50%,#e0a52607,transparent 60%),#131612;position:relative;border-block:1px solid #ffffff07}.tour-stage{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;min-height:100dvh;padding-block:120px 75px}.tour-copy .section-intro{margin-bottom:25px}.tour-copy h2{font-size:clamp(48px,5.6vw,78px)}.tour-copy .section-intro p{font-size:16px;max-width:365px;margin-top:20px}.tour-selector{padding:0;display:flex;align-items:center;gap:8px;align-self:auto;margin-bottom:28px}.tour-selector button,.tour-selector button:first-child{border:0;border-radius:8px;min-height:44px;padding:12px 17px;display:block;text-align:center;width:auto;font-size:13px;background:#ffffff04;color:#a0a998;transition:background .4s var(--ease),color .4s var(--ease)}.tour-selector button[aria-selected=true]{background:#e0a52619;color:var(--accent);box-shadow:inset 0 0 0 1px #e0a52628}.tour-description{min-height:215px;display:block}.tour-description h3{font-size:24px;margin-bottom:12px}.tour-description p{font-size:14px;max-width:375px;line-height:1.6}.tour-description ul{margin-top:18px;gap:9px}.tour-description li{font-size:11px;color:#a4ac98}.tour-description li:before{color:var(--accent)}.tour-controls{display:flex;align-items:center;gap:15px;margin-top:20px}.tour-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff10;color:var(--ink);background:#ffffff03;font-size:20px;transition:transform .45s var(--ease),background .45s var(--ease)}.tour-controls button:hover{background:#e0a52618;transform:scale(1.1);color:var(--accent)}.tour-controls>span{font-size:11px;font-family:Geist;color:#959e87;font-variant-numeric:tabular-nums}.tour-product{position:relative;display:grid;place-items:center;min-height:640px;perspective:1200px}.tour-screen{position:relative;z-index:2;gap:0}.tour-screen .phone{width:250px;transform:rotate(-3deg)}.tour-side{position:absolute;width:210px;opacity:.7;top:60px}.tour-side-left{left:0;transform:rotate(-12deg) rotateY(15deg) scale(.92)}.tour-side-right{right:0;transform:rotate(13deg) rotateY(-15deg) scale(.92)}.tour-light{position:absolute;inset:15% -20%;background:radial-gradient(ellipse,#e0a52618,transparent 62%);pointer-events:none}.tour-product .screenshot-caption{position:absolute;bottom:0;color:#969d87;font-family:Geist,sans-serif;font-size:9px}.tour-light::after{content:"";position:absolute;bottom:5%;left:10%;width:80%;height:18%;border:1px solid #e0a52640;border-radius:50%;transform:rotate(-6deg);box-shadow:0 0 40px #e0a5260c}
.demo-section{gap:100px}.demo-copy h2{font-size:clamp(42px,4.5vw,65px)}.demo-copy>p{font-size:18px;max-width:400px;color:#aab29d}.fine-print{color:#949c88!important;font-size:12px!important}.demo-copy .fine-print{max-width:375px}.demo-meter{--light-intensity:.58;position:relative;isolation:isolate;padding:42px;background:linear-gradient(150deg,#252b1f,#171c14);border:1px solid #ffffff10;border-radius:30px;box-shadow:inset 0 1px #ffffff0d,0 30px 80px #080c0540;overflow:hidden}.demo-orbit{position:absolute;width:320px;height:320px;right:-80px;top:-80px;border-radius:50%;border:1px solid #e0a52620;z-index:-1;background:radial-gradient(ellipse,#e0a5261b,transparent 66%);opacity:var(--light-intensity);transition:opacity .8s var(--ease),transform .8s var(--ease)}.demo-orbit::before,.demo-orbit::after{content:"";position:absolute;inset:25px;border:1px solid #e0a52618;border-radius:50%}.demo-orbit::after{inset:55px}.demo-top{color:#a2ad90}.demo-top img{filter:invert(.8)}.demo-reading{margin-top:25px}.demo-reading output{font-size:clamp(74px,7.5vw,110px);color:var(--accent);line-height:1.25}.demo-reading>span{color:#b3bea4}.demo-conversions{font-size:12px;gap:25px;color:#aab798;margin-block:12px 42px}.demo-conversions strong{color:#e5ead9}.demo-meter label{font-size:12px}.demo-meter label span{color:#aab797}.range-labels{color:#a5b390;font-size:10px}input[type=range]{accent-color:#e0a526;height:30px}.scene-buttons{gap:8px;margin-top:28px}.scene-buttons button{color:#bcc7aa;background:#ffffff03;border:1px solid #ffffff0b;border-radius:9px;padding:11px 12px;font-size:11px;transition:background .4s var(--ease),transform .4s var(--ease)}.scene-buttons button.selected,.scene-buttons button:hover{background:#e0a52618;border-color:#e0a52640;color:var(--accent);transform:translateY(-2px)}.demo-context{border-color:#ffffff0b;padding-top:25px}.demo-context>img{filter:invert(.8)}.demo-context p{color:#b0bda0;font-size:12px}.demo-meter .text-link{font-size:11px;color:#e1e8d3;margin-top:20px}
.use-cases{display:flex;gap:12px;align-items:stretch}.use-panel{flex:1;min-width:0;position:relative;height:505px;border-radius:22px;isolation:isolate;overflow:hidden;background:#1c2118;transition:flex .8s var(--ease)}.use-panel.selected{flex:2.6}.use-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:brightness(.6) saturate(.75);transition:transform 1.2s var(--ease),filter .8s var(--ease)}.use-panel.selected .use-photo{transform:scale(1.06);filter:brightness(.75) saturate(.85)}.use-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#070a0660,transparent 30%,#070a06 100%);z-index:-1}.case-button{background:none;border:0;width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:25px 20px;color:#f0f3e7;font-size:11px;white-space:nowrap}.case-button>img{filter:invert(1);width:20px;height:20px}.case-plus{margin-left:auto;font-size:21px;font-weight:400;transition:transform .7s var(--ease)}.selected .case-plus{transform:rotate(45deg)}.case-copy{position:absolute;bottom:34px;left:25px;right:25px;opacity:0;transform:translateY(25px);transition:opacity .4s var(--ease),transform .7s var(--ease);pointer-events:none}.selected .case-copy{opacity:1;transform:translateY(0);transition-delay:.25s}.case-copy h3{font-size:30px;line-height:1.05;color:#f1f4e7}.case-copy p{font-size:14px;color:#b8c0aa;margin-top:16px;line-height:1.55;min-width:225px}.use-panel:not(.selected) .case-button>span:nth-child(2){writing-mode:vertical-rl;font-size:17px;margin-top:65px}.use-panel:not(.selected) .case-button{flex-direction:column;align-items:center}.use-panel:not(.selected) .case-plus{margin:auto}
.exposure-section{border-color:#ffffff09}.exposure-intro h2{font-size:clamp(44px,4.6vw,68px)}.exposure-intro p{font-size:18px;max-width:545px}.exposure-workbench{background:linear-gradient(125deg,#22271c,#151a13);border:1px solid #ffffff0b;border-radius:28px;margin-top:55px;box-shadow:inset 0 1px #ffffff08;position:relative;isolation:isolate}.exposure-inputs{padding:45px 50px;border-color:#ffffff08}.exposure-inputs>div{padding-top:25px}.exposure-inputs strong{font-size:32px}.exposure-inputs small{color:#a3b28d}.exposure-inputs>div>span{font-size:14px}.exposure-result{position:relative;padding:45px 50px}.exposure-result>strong{font-size:110px;line-height:1.25;color:var(--accent);z-index:1}.exposure-result>span{font-size:13px;color:#a6b891}.exposure-result p{font-size:12px;z-index:1}.shutter-decoration{position:absolute;width:180px;height:180px;right:35px;top:35px;z-index:0;opacity:.12;border:1px solid var(--accent);border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 3deg,#e0a52633 3deg 4deg);mask-image:radial-gradient(transparent 52%,#000 53%)}.shutter-decoration>span{position:absolute;inset:20px;border:1px solid var(--accent);border-radius:50%}.exposure-capabilities{border-color:#ffffff08;color:#b0bea0;font-size:12px;padding:26px 50px}.steps{gap:60px}.step-number{width:52px;height:52px;border-color:#e0a52625;color:var(--accent);background:#e0a52608;font-size:13px;border-radius:14px}.steps h3{font-size:27px}.steps p{font-size:15px;line-height:1.65}.calibration-tip{background:linear-gradient(110deg,#252a20,#171c14);border:1px solid #ffffff06;border-radius:18px;padding:32px 36px;margin-top:55px}.calibration-tip>img{filter:invert(.8)}.calibration-tip h3{font-size:19px}.calibration-tip p{font-size:14px;color:#a7b697;max-width:850px}.privacy-section{background:radial-gradient(ellipse at 0% 50%,#e0a5260c,transparent 45%),#1a2016;border:1px solid #ffffff08;padding:65px;border-radius:28px;gap:35px;grid-template-columns:45px 1fr 240px}.privacy-section>img{filter:invert(.8)}.privacy-section h2{font-size:44px}.privacy-section p{font-size:16px;color:#aaba95;max-width:530px}.privacy-facts span{font-size:13px;color:#becdaf}.privacy-facts img{filter:invert(70%) sepia(62%) saturate(443%) hue-rotate(3deg)}.faq-section{gap:100px;grid-template-columns:1fr 1.2fr}.faq-section .section-intro p{font-size:17px;color:#a9b599}.faq-list details{border-color:#ffffff0b}.faq-list summary{font-size:17px;font-weight:500;letter-spacing:-.02em;padding-block:25px}.faq-list summary>span{color:#b2c49a}.faq-list p{font-size:14px;color:#aaba96;padding-bottom:28px}.closing{position:relative;isolation:isolate;padding:90px 0 110px;border-color:#ffffff0b}.closing::before{content:"";position:absolute;width:700px;height:700px;inset:-130px auto auto 50%;transform:translateX(-50%);z-index:-1;background:radial-gradient(ellipse,#e0a52610,transparent 64%);pointer-events:none}.closing h2{font-size:clamp(52px,6.6vw,92px);line-height:1.02}.closing>img{width:65px;height:65px;margin-bottom:35px}.closing p{font-size:17px;margin-top:26px;color:#aab897}.closing .button{margin-top:35px}.availability-note{font-size:11px;margin-top:22px;color:#9eab8c}.footer{border-color:#ffffff09;padding-block:35px}.footer p{color:#969f88;font-size:12px}.footer>div{font-size:12px;color:#b5bfa3}.footer>span{font-size:10px;color:#939f82}.skip{color:#161812;border-radius:8px;z-index:10}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-color:#e0a526;outline-offset:5px}.reveal{transition:none}.js-motion .reveal:not(.visible){opacity:1;transform:none}
@media(max-width:1100px){.container{width:calc(100% - 80px)}.header{width:calc(100% - 48px);gap:12px}.header nav{gap:20px}.hero h1{font-size:clamp(51px,6vw,68px)}.hero-visual{height:490px}.hero-phone{width:225px}.hero-copy>p{font-size:17px;max-width:360px}.hero{padding-block:130px 65px}.tour-stage{gap:35px}.tour-product{min-height:590px}.tour-screen .phone{width:230px}.tour-side{width:180px}.tour-side-left{left:-5px}.tour-side-right{right:-5px}.feature-calibrate{grid-template-columns:32px 1fr 1.3fr 190px;gap:18px;padding:30px}.feature-calibrate h3{font-size:23px}.calibration-example{padding-left:20px}.demo-section{gap:60px}.demo-meter{padding:33px}.demo-reading output{font-size:88px}.use-panel{height:460px}.case-button{padding:22px 15px;font-size:10px}.case-copy h3{font-size:28px}.privacy-section{padding:45px;grid-template-columns:40px 1fr 200px}.privacy-section h2{font-size:37px}.privacy-facts span{font-size:11px}}
@media(max-width:900px){.header .motion-toggle span{display:none}.header nav{gap:18px}.header nav a{font-size:10px}.hero{grid-template-columns:1.25fr 1fr}.hero h1{font-size:52px}.hero-visual{height:470px}.hero-phone{width:200px}.hero-copy>p{font-size:16px;max-width:300px}.hero .actions{flex-direction:row;gap:20px}.hero .text-link{font-size:11px}.hero .button{font-size:12px;padding-left:21px;gap:13px}.tour-stage{min-height:auto;padding-block:110px;gap:25px;grid-template-columns:1fr 1fr}.tour-product{min-height:565px}.tour-screen .phone{width:210px}.tour-side{width:160px}.tour-copy h2{font-size:57px}.tour-description p{font-size:13px}.tour-description h3{font-size:22px}.tour-selector{gap:5px}.tour-selector button{font-size:11px;padding:11px 12px}.tour-description li{font-size:10px}.feature-calibrate{grid-template-columns:30px 1fr 190px}.feature-calibrate p{grid-column:2;grid-row:2}.calibration-example{grid-column:3;grid-row:span 2}.demo-section{gap:38px}.demo-meter{padding:28px}.demo-conversions{gap:15px;font-size:11px}.demo-reading output{font-size:73px}.use-panel.selected{flex:3.4}.case-copy{left:22px;right:22px}.case-copy p{min-width:190px;font-size:12px}.privacy-section h2{font-size:32px}.privacy-section p{font-size:14px}.privacy-section{grid-template-columns:35px 1fr 175px;gap:25px;padding:35px}.faq-section{gap:55px}.exposure-result>strong{font-size:90px}.exposure-inputs,.exposure-result{padding:35px}.exposure-capabilities{font-size:11px;padding:25px 35px}}
@media(max-width:767px){.container{width:calc(100% - 44px)}.section{padding-block:90px}.header{width:calc(100% - 30px);top:15px;height:62px;padding:8px 12px;gap:10px}.header .brand>span{font-size:25px}.header .brand img{width:31px;height:31px}.header .brand-sub{font-size:6px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#191e15f2;border:1px solid #ffffff12;border-radius:24px;padding:22px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{font-size:20px;padding:18px 6px;transition:transform .6s var(--ease)}.menu-button{display:block}.header .button-small{margin-left:auto}.header .motion-toggle{padding:7px}.hero{grid-template-columns:1fr;gap:35px;padding-block:125px 50px;min-height:auto}.hero h1{font-size:clamp(50px,9.3vw,72px);max-width:100%}.hero-copy>p{font-size:17px;max-width:410px;margin-top:24px}.hero .actions{gap:28px;margin-top:28px}.hero-visual{height:470px;width:100%;max-width:520px;margin-inline:auto}.hero-phone{width:205px;transform:rotate(6deg)}.hero-visual:hover .hero-phone{transform:rotate(6deg)}.hero .workspace{right:-10%;width:120%;height:120%;top:-10%;opacity:.45}.light-statement{padding-block:80px 0}.word-reveal{font-size:clamp(31px,6vw,44px)}.light-statement>span{font-size:12px;line-height:1.5}.qualities{gap:40px;padding-inline:20px}.qualities span{font-size:11px}.quality-marquee{padding-block:23px}.section-intro p{font-size:17px;max-width:500px}.feature-grid{grid-template-columns:1fr}.feature{padding:34px}.feature-measure{grid-row:auto;min-height:490px}.feature-measure .measurement-art{padding-top:32px}.art-value{font-size:116px}.feature-track{min-height:300px}.feature-calibrate{grid-column:auto;display:block}.feature-calibrate .feature-icon{margin-bottom:20px}.feature-calibrate h3{max-width:none}.feature-calibrate p{margin-top:17px}.calibration-example{margin-top:25px;padding:23px 0 0;border-left:0;border-top:1px solid #ffffff0b}.tour-stage{display:flex;flex-direction:column;padding-block:95px 80px;gap:40px;align-items:stretch;min-height:auto}.tour-copy h2{font-size:64px}.tour-copy .section-intro p{font-size:17px;max-width:400px}.tour-selector{gap:8px;flex-wrap:wrap}.tour-selector button{font-size:13px;padding:13px 19px}.tour-description{min-height:175px;display:block}.tour-description h3{font-size:25px}.tour-description p{font-size:14px;max-width:460px}.tour-description li{font-size:11px}.tour-description ul{margin-top:20px}.tour-product{min-height:580px;width:100%;max-width:470px;margin-inline:auto}.tour-screen .phone{width:235px;transform:none}.tour-side{width:190px;top:55px}.tour-side-left{left:0;transform:translateX(-10px) rotateY(15deg) scale(.85)}.tour-side-right{right:0;transform:translateX(10px) rotateY(-15deg) scale(.85)}.tour-controls{margin-top:20px}.demo-section{grid-template-columns:1fr;gap:40px}.demo-copy h2{font-size:49px}.demo-copy>p{font-size:17px;max-width:500px}.demo-copy .fine-print{max-width:500px;margin-top:22px}.demo-meter{padding:36px}.demo-reading output{font-size:100px}.demo-conversions{font-size:12px;gap:25px}.scene-buttons button{font-size:11px}.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:14px}.use-panel,.use-panel.selected{height:405px;min-width:0}.case-copy,.selected .case-copy{opacity:1;transform:none;left:22px;right:22px;pointer-events:auto}.case-copy p{font-size:12px;min-width:0}.case-copy h3{font-size:25px}.use-panel:not(.selected) .case-button{flex-direction:row;align-items:center}.use-panel:not(.selected) .case-button>span:nth-child(2){writing-mode:horizontal-tb;font-size:11px;margin:0}.use-panel:not(.selected) .case-plus{margin-left:auto}.case-button{padding:22px 17px;font-size:11px}.use-photo,.use-panel.selected .use-photo{filter:brightness(.65) saturate(.75)}.privacy-section{grid-template-columns:35px 1fr;gap:25px;padding:40px}.privacy-facts{grid-column:2;grid-template-columns:1fr 1fr;gap:16px}.privacy-facts span{font-size:11px}.privacy-section h2{font-size:36px}.privacy-section p{font-size:15px}.steps{gap:30px}.steps h3{font-size:24px}.steps p{font-size:14px}.calibration-tip{padding:28px;gap:20px}.calibration-tip p{font-size:13px}.faq-section{grid-template-columns:1fr;gap:0}.faq-section .section-intro{margin-bottom:25px}.faq-section .section-intro p{font-size:17px;max-width:400px}.faq-list summary{font-size:17px}.faq-list p{font-size:14px;max-width:none}.closing{padding-block:60px 95px}.closing h2{font-size:clamp(49px,8vw,65px)}.closing p{font-size:16px}.closing::before{width:100%;height:500px;inset:-60px 0 0;transform:none}.footer>div{gap:20px}.footer p{display:none}.footer>span{margin-left:0}.shutter-decoration{width:140px;height:140px;right:20px}}
@media(max-width:480px){.container{width:calc(100% - 40px)}.header{gap:4px}.header .button-small{font-size:9px;padding-left:13px;gap:9px;min-height:38px}.header .button-small>img{width:12px;height:12px;padding:7px}.motion-toggle{width:29px;justify-content:center}.header .brand{gap:7px}.header .brand>span{font-size:23px}.header .brand img{width:29px;height:29px}.menu-button{width:34px}.hero h1{font-size:clamp(43px,11.5vw,56px);letter-spacing:-.055em}.hero-copy>p{font-size:16px;max-width:340px}.hero .actions{gap:24px}.hero .button{font-size:11px;min-height:52px;padding-left:22px;gap:15px}.hero .button>img{padding:10px;width:17px;height:17px}.hero .text-link{font-size:11px}.hero-visual{height:445px}.hero-phone{width:188px}.hero .eyebrow{font-size:9px;margin-bottom:22px}.light-statement .word-reveal{font-size:33px;line-height:1.2}.section-intro h2{font-size:42px}.section-intro p{font-size:16px}.feature{padding:28px;border-radius:24px}.feature h3{font-size:26px}.feature p{font-size:14px}.feature-measure{min-height:470px}.art-value{font-size:112px}.feature-icon{width:27px;height:27px}.tour-copy h2{font-size:59px}.tour-selector{gap:6px}.tour-selector button{font-size:12px;padding:12px 14px}.tour-description{min-height:225px}.tour-description h3{font-size:24px}.tour-product{min-height:520px}.tour-screen .phone{width:210px}.tour-side{width:165px;top:45px}.tour-side-left{left:-7px;transform:rotateY(20deg) scale(.84)}.tour-side-right{right:-7px;transform:rotateY(-20deg) scale(.84)}.demo-copy h2{font-size:44px}.demo-meter{padding:28px;border-radius:24px}.demo-reading output{font-size:88px}.demo-top{font-size:10px}.demo-top>span:first-child{font-size:8px}.demo-conversions{font-size:11px;gap:20px}.scene-buttons{gap:6px}.scene-buttons button{font-size:10px;padding:10px}.use-cases{grid-template-columns:1fr}.use-panel,.use-panel.selected{height:350px}.case-copy{bottom:27px}.case-copy h3{font-size:33px}.case-copy p{font-size:14px;max-width:300px}.case-button{padding:24px;font-size:12px}.use-panel:not(.selected) .case-button>span:nth-child(2){font-size:12px}.exposure-intro h2{font-size:43px}.exposure-intro p{font-size:16px}.exposure-workbench{grid-template-columns:1fr;border-radius:24px}.exposure-inputs{padding:30px;border-right:0;border-bottom:1px solid #ffffff09}.exposure-inputs>div>span{font-size:13px}.exposure-inputs strong{font-size:30px}.exposure-result{padding:32px}.exposure-result>strong{font-size:100px}.exposure-capabilities{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;padding:24px 30px;font-size:10px;gap:15px}.steps{grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:50px 1fr;gap:0 20px}.steps .step-number{width:50px;height:50px;grid-row:span 2;margin:0}.steps h3{padding-top:10px;font-size:24px}.steps p{margin-top:10px;grid-column:2;font-size:14px}.calibration-tip{padding:25px;gap:15px}.calibration-tip h3{font-size:19px}.privacy-section{grid-template-columns:1fr;padding:30px;gap:23px}.privacy-section>img{width:36px}.privacy-section h2{font-size:34px}.privacy-facts{grid-column:auto}.privacy-facts span{font-size:11px}.faq-list summary{font-size:16px;padding-block:23px}.faq-list p{font-size:14px}.closing h2{font-size:49px}.closing p{font-size:15px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:25px 10px}.footer>div{font-size:11px;gap:15px}.footer>span{grid-column:span 2;text-align:center;font-size:10px}}
@media(prefers-reduced-transparency:reduce){.header,.header nav{background:#1b2018;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.use-panel{transition:none}.word-reveal .word{opacity:1!important}.quality-track{transform:none!important}.qualities[aria-hidden=true]{display:none}.reading-progress{display:none}.motion-toggle{display:none}}
body[data-motion=off] *{animation:none!important;transition:none!important}body[data-motion=off] .word{opacity:1!important}body[data-motion=off] .quality-track{transform:none!important}body[data-motion=off] .qualities[aria-hidden=true]{display:none}body[data-motion=off] .reading-progress{display:none}body[data-motion=off] .hero-phone{transform:rotate(6deg)!important}
.art-value>.counter{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit}.tour-description>[hidden]{display:none}
@media(min-width:901px){.tour-stage{padding-block:105px 50px}.tour-copy h2{font-size:clamp(48px,6dvh,78px)}.tour-product{min-height:clamp(480px,68dvh,640px)}.tour-screen .phone{width:clamp(195px,27dvh,250px)}.tour-side{width:clamp(165px,23dvh,210px)}}
html[data-motion=off]{scroll-behavior:auto}
/* Shader Gradient: one GPU background behind the existing static page. */
body{isolation:isolate}main,.footer{position:relative;z-index:1}.shader-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 80% 28%,#83571645,transparent 65%),#101211}.shader-background>div{width:100%;height:100%}.shader-background canvas{display:block;opacity:.72}.shader-background::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101211d4 0%,#10121185 43%,#10121128 78%,#10121152 100%),linear-gradient(0deg,#10121160,transparent 60%)}.hero .workspace{display:none}.hero-visual::after{background:#e0a52610}.tour-section{background:radial-gradient(ellipse at 75% 50%,#e0a52607,transparent 60%),#131612e6}
/* Light cursor stays entirely decorative and never receives input. */
.light-cursor{--cursor-energy:0;position:fixed;top:0;left:0;width:40px;height:40px;pointer-events:none;z-index:20;opacity:0;transform:translate3d(-100px,-100px,0);transition:opacity .18s var(--ease);will-change:transform}.light-cursor[data-visible=true]{opacity:1}.cursor-halo,.cursor-ring,.cursor-core{position:absolute;border-radius:50%;pointer-events:none}.cursor-halo{inset:-40px;background:radial-gradient(circle,#f2c66648 0%,#e0a52620 24%,#e0a5260b 44%,transparent 68%);opacity:calc(.4 + var(--cursor-energy)*.6);transform:scale(calc(.75 + var(--cursor-energy)*.45))}.cursor-ring{inset:8px;border:1px solid #ffdb8dba;background:#e0a52612;box-shadow:0 0 14px #e0a52640,inset 0 0 8px #e0a52617;transition:transform .4s var(--ease),background .4s var(--ease)}.cursor-core{inset:17px;background:#ffe4a1;box-shadow:0 0 7px #ffcf5fcc,0 0 18px #e0a52688;transition:transform .3s var(--ease)}.light-cursor.interactive .cursor-ring{transform:scale(1.75);background:#e0a5261a}.light-cursor.interactive .cursor-core{transform:scale(.6)}.light-cursor.pressed .cursor-ring{transform:scale(.85)}
@media(hover:hover) and (pointer:fine){html.light-cursor-ready,html.light-cursor-ready body,html.light-cursor-ready body *{cursor:none!important}}@media(hover:none),(pointer:coarse){.light-cursor{display:none}}@media(prefers-reduced-motion:reduce){.light-cursor,.cursor-ring,.cursor-core{transition:none}.cursor-halo{transform:none}}