@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#0a0c0e;--surface:#131619;--line:#363b40;--text:#f3f2ed;--muted:#aeb5ba;--yellow:#ffbf00;--pale:#eae8e1;--space:clamp(24px,6vw,100px);--light:#f3f8ff;--intensity:.75}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--text);font:15px/1.7 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(76px,7.8vw,122px);line-height:.94;letter-spacing:-.015em;font-weight:700}h1 em{color:var(--yellow);font-style:normal}h2{font-size:clamp(34px,4vw,58px);line-height:1.12;font-weight:500;letter-spacing:-.045em}h3{font-size:clamp(26px,2.4vw,36px);line-height:1.2;font-weight:500;letter-spacing:-.03em}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase}.muted{color:var(--muted)}.wrap{padding-left:var(--space);padding-right:var(--space);max-width:1800px;margin:auto}.section{padding-top:88px;padding-bottom:88px}.skip{position:absolute;top:-100px;left:24px;z-index:20;background:var(--yellow);color:#111;padding:12px}.skip:focus{top:10px}.site-header{height:98px;padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;position:absolute;inset:0 0 auto;z-index:5;background:#090b0de8}.logo{display:block;width:175px;flex-shrink:0}.logo-window{width:175px;height:50px;overflow:hidden;position:relative;display:block}.logo-window img{width:245px;height:245px;position:absolute;left:-35px;top:-99px;max-width:none}.company{font-size:6px;letter-spacing:2.7px;text-align:center;display:block;line-height:1.5}.site-header nav{display:flex;gap:30px;font-size:12px}.site-header nav a{padding:12px 0}.site-header nav a:hover,.footer a:hover{color:var(--yellow)}.header-end{display:flex;align-items:center;gap:22px}.edition{font-size:10px;color:var(--muted);letter-spacing:.8px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:44px;font-size:12px;font-weight:500;border-bottom:1px solid #ffffff66}.text-link span{font-size:19px}.hero{position:relative;min-height:780px;height:min(930px,100svh);display:flex;align-items:center;padding-top:98px}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 65%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080a0deb,#080a0d63 43%,#080a0d00 78%),linear-gradient(0deg,#0a0c0e 0%,transparent 25%)}.hero-copy{position:relative;width:100%;padding-top:45px;padding-bottom:100px}.hero .eyebrow{color:var(--yellow);margin-bottom:24px}.hero h1{max-width:650px}.hero-description{color:#d2d6d8;font-size:15px;max-width:340px;margin-top:25px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:50px;padding:13px 23px;background:var(--yellow);color:#111;font-weight:600;font-size:12px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.button:hover{background:#ffd04a}.button span{font-size:19px}.hero-bottom{position:absolute;left:var(--space);right:var(--space);bottom:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#b9bec0}.hero-bottom span:last-child{color:var(--yellow)}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line)}.intro h2{font-size:clamp(29px,3vw,44px)}.intro p{max-width:440px;color:var(--muted);align-self:center;font-size:14px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:35px}.section-top .eyebrow{color:var(--yellow)}.section-top>span{font-size:11px;color:var(--muted)}.product{padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.section-heading>p{font-size:14px;color:var(--muted);max-width:310px}.product-stage{position:relative;background:#0b0b0b;height:clamp(320px,37vw,540px);overflow:hidden;border:1px solid #25292d}.product-stage>img{width:100%;height:100%;object-fit:contain;transform:scale(1.55)}.stage-caption{position:absolute;bottom:18px;left:23px;font-size:10px;color:#b1b7bc;background:#0b0b0bba;padding:5px 8px;letter-spacing:.3px}.enlarge{position:absolute;top:18px;right:18px;border:1px solid #4d5359;background:#101316de;color:var(--text);padding:9px 14px;font-size:11px;min-height:44px}.enlarge:hover{border-color:var(--yellow)}.hotspot{position:absolute;left:18%;bottom:23%;display:flex;align-items:center;gap:10px;border:0;border-radius:25px;background:#191e23ee;padding:5px 13px 5px 5px;min-height:44px;font-size:11px}.hotspot span{display:grid;place-items:center;background:var(--yellow);color:#111;width:34px;height:34px;border-radius:50%;font-size:20px}.detail-panel{position:absolute;left:21%;bottom:36%;max-width:290px;background:var(--pale);color:#111;padding:20px;font-size:13px;line-height:1.7;box-shadow:0 8px 30px #0008}.detail-panel p{margin-top:8px;color:#454c52}.view-controls{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:20px}.view-controls button{flex:1;min-height:64px;background:none;border:0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:16px;color:#a6aeb5;font-size:12px;text-align:left;padding:10px 16px}.view-controls button:first-child{padding-left:0}.view-controls button.active{border-bottom-color:var(--yellow);color:var(--text)}.view-controls button>span:first-child{font-size:10px;color:#89929a}.reference-note{font-size:11px;color:#909ba3;max-width:780px}.hardware-section{background:var(--pale);color:#182027}.hardware-section .eyebrow{color:#58636b}.hardware{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.hardware h3{margin:20px 0}.hardware-description{font-size:14px;max-width:390px;color:#515e67;min-height:72px}.hardware-tabs{display:flex;gap:4px;margin:28px 0 20px;border-bottom:1px solid #aeb5b7}.hardware-tabs button{background:none;color:#59636a;border:0;border-bottom:3px solid transparent;min-height:48px;padding:10px 13px;font-size:12px}.hardware-tabs .active{color:#111;border-bottom-color:#111;font-weight:600}.hardware-section :focus-visible{outline-color:#17202a}.hardware-picture{background:#d9d6cd;height:370px;position:relative;display:grid;place-items:center;overflow:hidden}.hardware-picture>img{width:100%;height:100%;object-fit:contain}.hardware-caption{font-size:11px;color:#66727b;display:block;line-height:1.6}.hardware-extra{margin-top:25px;border-top:1px solid #b5baba;font-size:12px}.hardware-extra summary{cursor:pointer;padding:16px 0;min-height:48px}.hardware-extra p{padding-bottom:10px;color:#55616a}.light-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:start}.light-copy h2{margin-bottom:22px}.light-copy>p{font-size:14px;color:var(--muted);max-width:350px}.pattern-controls{display:flex;flex-direction:column;gap:0;margin:30px 0 18px}.pattern-controls button{display:flex;justify-content:space-between;align-items:center;min-height:58px;text-align:left;background:none;border:0;border-top:1px solid var(--line);font-size:15px;color:#a9b1b7;padding:12px 0}.pattern-controls button:last-child{border-bottom:1px solid var(--line)}.pattern-controls button.active{color:var(--yellow)}.pattern-controls button span{font-size:11px;color:#909ba2}.pattern-explanation{font-size:12px!important;min-height:44px;line-height:1.7}.light-demo{background:#111619;border:1px solid #30383f;border-top:2px solid var(--yellow)}.demo-header{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;gap:15px}.demo-header>span{font-size:11px;letter-spacing:.6px}.demo-header button{background:none;border:1px solid #4b565e;color:#d8dcdf;font-size:11px;min-height:44px;padding:8px 13px}.demo-header button:disabled{color:#8f9aa2;border-color:#30383d;cursor:default}.light-visual{background:radial-gradient(ellipse at 50% 50%,#1c242b,#111619 70%);min-height:275px;display:grid;place-items:center}.light-visual svg{width:100%;height:auto;overflow:visible}.band-body{fill:none;stroke:#39434b;stroke-width:24}.band-light{fill:none;stroke:var(--light);opacity:var(--intensity)}.band-glow{stroke-width:16}.band-core{stroke-width:8}.housing{fill:#242b32;stroke:#67747f;stroke-width:1}.housing-line{fill:none;stroke:#9ba6ad;stroke-width:2}.light-visual.breathe .band-light{animation:breathe 3s ease-in-out infinite}.light-visual.travel .band-light{stroke-dasharray:180 990;animation:travel 5s linear infinite}.light-visual.paused .band-light{animation-play-state:paused}.demo-settings{padding:22px 25px;border-top:1px solid #30383f}.intensity-label{display:flex;justify-content:space-between;font-size:12px}.intensity-label output{color:var(--muted)}input[type=range]{width:100%;min-height:44px;accent-color:var(--yellow);margin:6px 0 12px;cursor:pointer}.colors{display:flex;gap:12px;flex-wrap:wrap}.swatch{display:flex;align-items:center;gap:9px;padding:9px 12px;min-height:44px;background:none;border:1px solid #3b454d;font-size:11px;color:#b9c2c8}.swatch i{display:block;width:15px;height:15px;border-radius:50%;background:var(--swatch)}.swatch.active{border-color:#dfe6eb;color:#fff}.motion-note{font-size:11px;color:#9da9b2;padding:0 25px 20px;min-height:38px}.demo-note{font-size:11px;color:#98a4ad;margin-top:16px;line-height:1.7}.field{background:#14191c}.field .section-heading{align-items:start}.field-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.field-grid figure{margin:0}.field-grid img{width:100%;height:430px;object-fit:cover;display:block}.field-grid figure:first-child{padding-top:65px}.field-grid figure:first-child img{height:340px}.field-grid figcaption{padding-top:14px;font-size:11px;color:#aeb8bf;line-height:1.7}.field-grid figcaption strong{color:var(--text);font-weight:500;display:block;font-size:13px;margin-bottom:5px}.closing{display:grid;grid-template-columns:1fr 1fr;gap:10%;position:relative}.closing:before{content:'';position:absolute;left:var(--space);top:0;width:70px;height:4px;background:var(--yellow)}.closing h2{max-width:470px;margin:17px 0 25px}.closing p{color:var(--muted);font-size:14px;max-width:400px}.next-links{align-self:center}.next-links a{display:block;padding:23px 0;border-top:1px solid var(--line);font-size:14px}.next-links a:last-child{border-bottom:1px solid var(--line)}.next-links a span{float:right;color:var(--yellow);font-size:20px}.next-links a small{display:block;font-size:11px;color:#919fa8;margin-top:7px}.footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer>div{display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted)}.footer .logo{transform:scale(.8);transform-origin:left center;width:150px}.footer .edition{border:1px solid #46515a;padding:7px 10px}.image-dialog{max-width:1100px;width:94vw;max-height:90svh;padding:20px;background:#0c0e10;color:white;border:1px solid #56616a}.image-dialog::backdrop{background:#000d}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.dialog-head button{background:none;color:white;border:1px solid #65717a;min-height:44px;padding:8px 15px}.image-dialog img{width:100%;max-height:70svh;object-fit:contain;display:block}.dialog-caption{font-size:11px;color:#a3afb8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes breathe{0%,100%{opacity:.2}50%{opacity:var(--intensity)}}@keyframes travel{to{stroke-dashoffset:-1170}}@media(min-width:1800px){.hero-copy{max-width:1800px}.site-header{padding-left:max(var(--space),calc((100vw - 1600px)/2));padding-right:max(var(--space),calc((100vw - 1600px)/2))}}@media(max-width:950px){.site-header nav{gap:20px}.header-end>.text-link{display:none}.hero{height:850px;min-height:760px}.hero-photo{object-position:60% 65%}.hero h1{font-size:98px}.hardware{gap:6%}.hardware-picture{height:330px}.light-layout{grid-template-columns:1fr 1.3fr;gap:5%}.light-copy h2{font-size:40px}.light-visual{min-height:250px}.demo-header{padding:16px}.demo-settings{padding:20px}.swatch{padding:8px}.field-grid img{height:350px}.field-grid figure:first-child img{height:280px}.footer>div{gap:16px}.section-heading{gap:30px}.section-heading>p{max-width:250px}}@media(max-width:700px){:root{--space:24px}.site-header{height:88px}.logo{width:142px}.logo-window{width:142px;height:41px}.logo-window img{width:200px;height:200px;left:-29px;top:-81px}.company{font-size:5px;letter-spacing:2px}.site-header nav{gap:16px;font-size:11px}.site-header nav a:last-child{display:none}.header-end{display:none}.hero{height:820px;min-height:780px;padding-top:88px;align-items:start}.hero-copy{padding-top:64px;padding-bottom:70px}.hero h1{font-size:86px;max-width:360px}.hero .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:20px}.hero-photo{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#080a0ddd,#080a0d20 85%),linear-gradient(0deg,#0a0c0e,transparent 30%)}.hero-description{font-size:14px;max-width:270px;margin-top:22px}.hero-actions{flex-wrap:wrap;gap:14px 24px;margin-top:25px}.hero-actions .text-link{font-size:11px}.button{padding:13px 20px;gap:24px}.hero-bottom{font-size:9px;line-height:1.6}.hero-bottom span:first-child{max-width:150px}.intro{grid-template-columns:1fr;gap:22px;padding-top:42px;padding-bottom:42px}.intro h2{font-size:34px;max-width:330px}.intro p{font-size:14px;max-width:500px}.section{padding-top:55px;padding-bottom:55px}.section-top{margin-bottom:26px}.section-top>span{display:none}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:39px}.section-heading>p{max-width:400px;margin-top:18px;font-size:13px}.product-stage{height:310px;margin-left:-12px;margin-right:-12px}.product-stage>img{transform:scale(1.65)}.enlarge{top:12px;right:12px;padding:8px 11px;font-size:10px}.stage-caption{font-size:9px;bottom:10px;left:12px}.hotspot{left:9%;bottom:20%;font-size:10px}.detail-panel{left:9%;bottom:36%;max-width:260px;font-size:12px;padding:16px}.view-controls button{font-size:11px;padding:10px 6px;gap:8px;min-height:62px}.view-controls button>span:first-child{display:none}.reference-note{font-size:11px}.hardware{grid-template-columns:1fr;gap:28px}.hardware h3{font-size:32px;max-width:330px}.hardware-description{min-height:0;max-width:460px}.hardware-tabs{margin:24px 0 18px}.hardware-tabs button{font-size:12px;flex:1;padding:10px 6px}.hardware-picture{height:320px}.hardware-caption{font-size:11px}.light-layout{grid-template-columns:1fr;gap:28px}.light-copy h2{font-size:39px}.light-copy>p{max-width:500px}.pattern-controls{flex-direction:row;margin-top:24px;margin-bottom:12px;border-bottom:1px solid var(--line)}.pattern-controls button{flex:1;min-height:55px;font-size:13px;border-bottom:2px solid transparent!important;gap:10px;padding:10px 0}.pattern-controls button span{display:none}.pattern-controls button.active{border-bottom-color:var(--yellow)!important}.pattern-explanation{min-height:42px;font-size:12px!important}.demo-header{padding:13px 15px}.demo-header>span{font-size:10px}.light-visual{min-height:220px}.demo-settings{padding:18px 15px}.colors{gap:8px}.swatch{flex:1;justify-content:center;padding:9px 6px;font-size:11px;gap:7px}.motion-note{padding:0 15px 18px}.demo-note{font-size:11px}.field-grid{grid-template-columns:1fr;gap:30px}.field-grid figure:first-child{padding-top:0}.field-grid img,.field-grid figure:first-child img{height:330px}.field-grid figcaption{font-size:12px}.closing{grid-template-columns:1fr;gap:30px}.closing h2{font-size:37px;max-width:350px}.next-links a{font-size:14px}.footer{align-items:start;flex-direction:column;gap:15px}.footer>div{flex-wrap:wrap;gap:15px 22px}.footer .logo{margin-bottom:-12px}.image-dialog{padding:15px}.image-dialog img{min-height:250px}.image-dialog .dialog-head{font-size:11px}}@media(max-width:360px){:root{--space:20px}.site-header nav{gap:12px;font-size:10px}.logo{width:130px}.hero h1{font-size:77px}.hero{height:800px}.hero-actions{gap:10px}.hero-actions .text-link{font-size:10px}.product-stage{height:285px}.hardware-picture{height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.dialog-canvas{height:min(58svh,600px);display:grid;place-items:center;overflow:hidden}.image-dialog .dialog-canvas img{width:100%;height:100%;max-height:none;min-height:0;object-fit:contain;transform:scale(1.6)}.image-dialog.zoomed .dialog-canvas img{transform:scale(2.5)}.dialog-head>div{display:flex;gap:8px;flex-shrink:0}.dialog-head button{font-size:11px}.dialog-caption{padding-top:12px}@media(max-width:700px){.dialog-canvas{height:310px}.image-dialog{padding:14px}.dialog-head{align-items:start}.dialog-head>span{max-width:100px}.dialog-head button{padding:8px 10px}}

/* 2.6: per-image framing, meaningful detail controls, and scrollable inspection. */
.hero-media{position:absolute;inset:0;display:block}.hero-media .hero-photo{position:absolute;inset:0}.product-stage.details-view>img{transform:none;object-fit:contain}.product-points{position:absolute;inset:0;pointer-events:none}.point{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;border:1px solid #ffffff99;background:#111b;color:#fff;font-size:12px;box-shadow:0 0 0 5px #0003}.point.active{background:var(--yellow);color:#111;border-color:var(--yellow)}.feature-explorer{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;padding:22px 0 30px}.feature-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:start}.feature-options button{display:flex;align-items:center;gap:12px;min-height:48px;background:transparent;border:1px solid #3d4951;padding:10px 14px;text-align:left;font-size:12px}.feature-options button span{color:var(--yellow);font-size:10px}.feature-options button.active{border-color:var(--yellow);background:#ffbf000b}.feature-explanation h3{font-size:25px;margin-bottom:12px}.feature-explanation p{font-size:13px;line-height:1.8;color:var(--muted);min-height:70px}.feature-explanation a{font-size:11px;margin-top:12px}.feature-options button:focus-visible,.point:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.hardware-tabs button{padding:10px 12px}.dialog-canvas{overflow:auto;display:block;overscroll-behavior:contain;scrollbar-color:#7b8790 #151a1e}.image-dialog .dialog-canvas img{display:block;width:100%;height:100%;min-height:0;max-height:none;transform:none;object-fit:contain}.image-dialog.zoomed .dialog-canvas img{transform:none;max-width:none;width:1800px;height:auto;min-height:100%;aspect-ratio:1900/1069;object-fit:contain}.dialog-canvas:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.inquiry-button{margin-top:24px}.closing .inquiry-note{font-size:11px;margin-top:12px;color:#98a4ad}@media(max-width:700px){.hero-media .hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#080a0ddc,#080a0d45),linear-gradient(0deg,#0a0c0e,transparent 50%)}.hero h1{font-size:78px}.hero-description{max-width:285px}.product-stage.details-view{height:310px}.product-stage.details-view>img{transform:none}.product-points{display:none}.feature-explorer{grid-template-columns:1fr;gap:25px;padding-top:6px}.feature-explanation h3{font-size:26px}.feature-explanation p{min-height:0}.feature-options button{font-size:12px;padding:10px 12px}.hardware-tabs{flex-wrap:wrap}.hardware-tabs button{flex:1 1 40%;font-size:12px}.image-dialog.zoomed .dialog-canvas img{width:1300px}.hero-bottom span:first-child{max-width:180px}}@media(max-width:360px){.hero h1{font-size:70px}.product-stage.details-view{height:280px}}