/* Product presentation stays independent of the repair and checkout pages. */
body{background:#080809;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','PingFang SC',sans-serif}.wrap{overflow:visible}html{scroll-padding-top:90px}.product-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;margin:0 -24px;padding:10px 24px;background:#101011d9;border-bottom:1px solid #ffffff18;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .35s ease}.product-bar.is-scrolled{box-shadow:0 14px 35px #0003}.product-name{font-size:20px;letter-spacing:-.6px;text-decoration:none;font-weight:600;white-space:nowrap}.product-name span{font-size:11px;color:#8c8c92;font-weight:400;margin-left:8px;letter-spacing:0}.product-links{display:flex;align-items:center;gap:26px;font-size:12px}.product-links>a{text-decoration:none}.product-bar .button{font-size:11px;padding:8px 16px}.buy-button{background:#d7333d;border-color:#d7333d;color:#fff}.buy-button:hover{background:#ee414b;border-color:#ee414b}.hero{min-height:660px;padding:86px 0 88px;gap:56px}.hero:before{background:radial-gradient(ellipse,#ffffff09,transparent 65%)}.hero h1{font-size:clamp(54px,5.8vw,82px);letter-spacing:-.04em;line-height:1.06}.hero h1 span{color:#96969c}.hero .lede{font-size:18px;line-height:1.8;color:#aaaab0;max-width:460px}.hero .small{color:#8c8c94;line-height:1.8}.hero .actions{flex-wrap:wrap;gap:12px}.hero .quiet-button{background:#ffffff08;border:1px solid #ffffff2a;color:#eee}.hero .quiet-button:hover{background:#ffffff15}.red-dot{display:inline-block;width:5px;height:5px;background:#ec3944;border-radius:50%;flex-shrink:0;margin-right:8px}.hero-art{will-change:auto}.hero .hero-art{transition:transform .8s cubic-bezier(.22,1,.36,1)}.sensor-intro{padding:110px 0 45px;max-width:900px}.sensor-intro h2{font-size:clamp(42px,5.5vw,72px);letter-spacing:-.04em;margin:24px 0}.sensor-intro>p:last-child{font-size:18px;line-height:1.8;color:#99999f;max-width:580px}.sensor-story{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:start;position:relative}.sensor-stage{position:sticky;top:120px;padding:42px 0 75px;min-width:0;perspective:1400px}.sensor-shell{padding:23px;border-radius:28px;background:linear-gradient(130deg,#343436,#171719 20%,#111112 85%,#333335);border:1px solid #ffffff22;box-shadow:inset 0 1px 0 #fff2,0 30px 75px #0006;transform:rotateX(4deg) rotateY(-5deg);transform-origin:50% 50%;--repair:0}.shell-top{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.2px;color:#b2b2b9;margin:3px 0 20px}.sensor-display{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:10px;border:1px solid #fff2;background:#090909;padding:23px 15px 38px}.sensor-grid{height:100%;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(18,1fr);gap:3px;mask-image:linear-gradient(#000 85%,#0005)}.sensor-grid i{background:#353535;border-radius:1px;opacity:.9}.sensor-grid i:nth-child(3n){background:#414141}.sensor-grid i:nth-child(7n){background:#282828}.sensor-display[data-defect="column"] .column-cell,.sensor-display[data-defect="pixel"] .pixel-cell,.sensor-display[data-defect="spot"] .spot-cell{background:color-mix(in srgb,#f24850 calc((1 - var(--repair))*100%),#3b3b3b);box-shadow:0 0 8px rgb(242 72 80 / calc((1 - var(--repair))*.35))}.scan-beam{position:absolute;top:15px;bottom:34px;left:calc(3% + var(--repair)*94%);width:1px;background:#ffffff70;box-shadow:0 0 14px #ffffff25;opacity:var(--repair)}.sensor-coordinate,.sensor-state{position:absolute;bottom:12px;font:8px ui-monospace,SFMono-Regular,monospace;color:#9b9ba2}.sensor-coordinate{left:15px}.sensor-state{right:15px}.sensor-controls{display:flex;gap:7px;margin:20px 0}.sensor-controls button{flex:1;padding:9px 6px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff04;color:#9999a0;font:inherit;font-size:11px;cursor:pointer;transition:background .25s ease,color .25s ease}.sensor-controls button[aria-pressed="true"]{background:#ebebed;color:#111;border-color:#eee}.repair-label{font-size:10px;display:flex;justify-content:space-between;color:#b0b0b6}.repair-range{width:100%;margin:14px 0 2px;accent-color:#efefef;cursor:ew-resize}.model-note{font-size:9px;color:#818189;margin:8px 0 0;line-height:1.6}.story-step{min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding:80px 0;opacity:.5;transition:opacity .55s ease}.story-step.is-active{opacity:1}.story-step h3{font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.18;letter-spacing:-.035em;margin:23px 0}.story-step p{font-size:16px;line-height:1.85;color:#a0a0a6;margin:0;max-width:370px}.story-step .number{color:#e45a61}.confidence-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff17;padding:44px 0 38px;gap:30px;margin:0 0 30px}.confidence-strip>div{padding-left:30px;border-left:1px solid #ffffff13}.confidence-strip>div:first-child{padding-left:0;border:0}.confidence-value{font-size:50px;font-weight:600;letter-spacing:-2px;color:#eee}.confidence-value small{font-size:20px;letter-spacing:-.5px;font-weight:500}.confidence-strip p{color:#96969e;font-size:13px;line-height:1.8}.section{padding:96px 0}.section-head p,.feature p,.compat p,.steps p{color:#a0a0a8}.workflow,.price{background:linear-gradient(135deg,#1d1d1f,#101011);border-color:#ffffff16}.workflow{padding:58px}.features{gap:35px}.price .amount{font-family:inherit}.specs{color:#a0a0a7}.sensor-story:focus-within .sensor-shell{outline-offset:8px}button:focus-visible{outline:2px solid #ec4851;outline-offset:4px}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:62px}.sensor-story{gap:6%}.sensor-shell{padding:16px}.sensor-grid{gap:2px}.story-step h3{font-size:34px}.sensor-state{font-size:7px}.sensor-intro{padding-top:80px}}
@media(max-width:850px){.hero{min-height:0;padding:64px 0 72px;gap:48px}.hero h1{font-size:72px}.hero .hero-art{width:100%;max-width:600px}.hero .lede{max-width:550px}.sensor-stage{top:105px}.sensor-shell{transform:none}.story-step p{font-size:14px}.story-step h3{font-size:29px}.sensor-coordinate{display:none}.sensor-state{left:15px;right:auto}.shell-top{font-size:7px}.product-bar{min-height:60px}.section{padding:75px 0}.confidence-value{font-size:42px}}
@media(max-width:650px){.product-bar{margin:0 -23px;padding:12px 23px;gap:8px}.product-name{font-size:18px}.product-name span,.bar-overview{display:none}.product-links{gap:15px;font-size:11px}.product-bar .button{padding:8px 12px;font-size:10px}.hero h1{font-size:clamp(45px,10vw,66px)}.hero .lede{font-size:17px}.hero .actions .button{font-size:12px;padding:13px 18px}.sensor-story{display:block}.sensor-stage{position:relative;top:auto;padding:10px 0 20px}.sensor-shell{padding:20px;max-width:490px;margin:auto}.shell-top{font-size:8px}.sensor-intro{padding-top:70px}.sensor-intro h2{font-size:42px}.sensor-intro>p:last-child{font-size:16px}.story-copy{display:grid;gap:25px;padding:20px 0 50px}.story-step{min-height:0;padding:20px 0;border-top:1px solid #fff2;opacity:1}.story-step h3{font-size:31px}.story-step p{font-size:15px;max-width:100%}.confidence-strip{gap:16px;padding:28px 0}.confidence-strip>div{padding-left:14px}.confidence-value{font-size:34px}.confidence-value small{display:block;font-size:14px;letter-spacing:0}.confidence-strip p{font-size:10px}.workflow{padding:32px 25px}.hero-art:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sensor-stage{position:relative;top:0}.sensor-shell,.hero-art,.hero-art:hover{transform:none!important}.story-step{opacity:1!important;min-height:0;padding:35px 0}.sensor-controls button,.product-bar,.story-step{transition:none}.sensor-story{align-items:center}.scan-beam{display:none}}