@charset "UTF-8";
:root{color-scheme:dark;--bg:#080b0d;--surface:#101619;--ink:#f1f4f3;--muted:#8b969a;--accent:#a0ead4;--line:rgba(218,242,235,.12);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#a0ead4;color:#080b0d}h1,h2,h3,p{margin:0}button{border:0}svg{display:block}.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}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;background:var(--accent);color:#080b0d;padding:12px 18px}.skip-link:focus{top:20px}.page-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:40}.site-header{height:96px;padding:0 max(5%,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(8,11,13,.8)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:750;letter-spacing:1.5px;white-space:nowrap}.brand-mark{width:30px;height:30px;color:var(--accent)}.brand-sub{font-family:var(--mono);font-size:11px;letter-spacing:2px;font-weight:400;color:#889597;border-left:1px solid #344341;margin-left:13px;padding-left:13px}.desktop-nav{display:flex;gap:35px;font-size:13px;color:#a3aeae}.desktop-nav a{position:relative;transition:color .2s}.desktop-nav a:hover{color:var(--accent)}.desktop-nav a::after{content:"";height:1px;position:absolute;background:var(--accent);left:0;right:100%;bottom:-8px;transition:right .25s}.desktop-nav a:hover::after{right:0}.nav-cta{font-size:12px;border:1px solid #34403f;padding:11px 17px;border-radius:5px;transition:background .2s,border-color .2s}.nav-cta span{padding-left:16px;color:var(--accent)}.nav-cta:hover{background:#14201d;border-color:#7fae9e}.hero{max-width:1680px;margin:auto;min-height:760px;height:calc(100svh - 96px);max-height:1040px;position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:30px 5% 100px;isolation:isolate;overflow:hidden}#ambient{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.6}.hero-grid{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,transparent 49.8%,rgba(159,226,207,.03) 50%,transparent 50.2%) 0 0/90px 90px,linear-gradient(transparent 49.8%,rgba(159,226,207,.03) 50%,transparent 50.2%) 0 0/90px 90px;mask-image:radial-gradient(ellipse at 72% 40%,black,transparent 70%)}.hero::after{content:"";position:absolute;z-index:-2;right:-15%;top:0;width:90%;height:100%;background:radial-gradient(ellipse at 45% 45%,#1c423738,transparent 60%);pointer-events:none}.hero-copy{position:relative;z-index:3;padding-bottom:5px}.eyebrow{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:1.7px;color:#94a7a3;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #a0ead450;flex-shrink:0}.hero h1{font-size:clamp(60px,5.2vw,86px);font-weight:600;letter-spacing:-3.5px;line-height:1.25;margin:28px 0 25px}.hero h1>span{background:linear-gradient(120deg,#e5f6ef 5%,#8de5cb 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{color:#929d9f;font-size:14px;line-height:2.15;letter-spacing:.5px}.hero-actions{display:flex;align-items:center;gap:26px;margin:34px 0 47px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;padding:16px 21px;border-radius:5px;transition:transform .25s,background .25s,box-shadow .25s}.button-primary{color:#11221d;background:var(--accent);box-shadow:0 0 25px #a0ead40b;font-weight:600}.button-primary:hover{transform:translateY(-3px);background:#baf5e3;box-shadow:0 6px 35px #a0ead420}.button span{font-size:18px;line-height:1}.text-link{font-size:12px;color:#b5c3c1;display:inline-flex;align-items:center;gap:14px;transition:color .2s}.text-link:hover{color:var(--accent)}.hero-specs{display:flex;gap:24px;align-items:center}.hero-specs>div{display:flex;flex-direction:column;gap:6px}.hero-specs strong{font-family:var(--mono);font-size:19px;font-weight:400;letter-spacing:-.7px}.hero-specs strong span{font-size:14px}.hero-specs>div>span{font-size:10px;color:#74827f;letter-spacing:.7px}.spec-divider{height:33px;width:1px;background:var(--line)}.hero-visual{position:relative;width:100%;min-width:0;min-height:440px;padding-top:38px;perspective:1400px}.visual-label{position:absolute;font:9px var(--mono);letter-spacing:2px;color:#658078;z-index:2}.label-top{top:0;left:14%;display:flex;gap:9px;align-items:center}.label-top span{width:24px;height:1px;background:#567f70}.orbit{position:absolute;border:1px solid #789c8912;border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{width:570px;height:570px;left:1%;top:-65px;transform:rotateX(45deg) rotateY(-15deg)}.orbit-two{width:700px;height:700px;left:-9%;top:-130px;transform:rotateX(45deg) rotateY(-15deg)}.device-stage{position:relative;margin:35px 0 0 6%;width:94%;height:365px;transform-style:preserve-3d;animation:device-float 8s ease-in-out infinite}.device{position:relative;margin:auto;width:min(95%,550px);padding:14px 14px 0;background:linear-gradient(145deg,#525a58 0%,#232b2b 14%,#111817 45%,#283330 85%,#64736c);border-radius:25px;box-shadow:inset 1px 1px 1px #aebbb04f,inset -1px -1px 2px #b4d0be30,7px 9px 0 #101713,8px 10px 0 #4a5750,18px 30px 55px #0008;transform:rotateY(-15deg) rotateX(9deg) rotateZ(-4deg);will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1);z-index:2}.device::before{content:"";position:absolute;inset:1px;border:1px solid #a7b6ac20;border-radius:24px;pointer-events:none}.device-screen{aspect-ratio:1.5;background:radial-gradient(ellipse at top left,#17211e,#080e0d 70%);border-radius:12px;border:1px solid #000;box-shadow:0 0 0 1px #62796a24;overflow:hidden;padding:17px 21px 0;position:relative;container-type:inline-size}.screen-top{display:flex;align-items:center;justify-content:space-between;color:#d1d9d4;font:11px var(--mono);letter-spacing:-.1px}.screen-date{font-size:8px;color:#637a6d;margin-left:9px;letter-spacing:.3px}.screen-connect{display:flex;align-items:center;gap:10px;color:#83a794}.screen-connect svg{width:14px;height:12px}.mini-battery{display:block;width:17px;height:8px;border:1px solid #789d86;border-radius:2px;position:relative}.mini-battery::before{content:"";position:absolute;top:1px;bottom:1px;left:1px;width:10px;background:#a0dcb6}.mini-battery::after{content:"";position:absolute;top:2px;right:-3px;width:1px;height:3px;background:#789d86}.demo-content{padding-top:22px;height:calc(100% - 57px)}.screen-heading{display:flex;justify-content:space-between;align-items:center;color:#a5b5aa;font-size:10px;letter-spacing:1px}.live-label{color:#6b9a83;background:#78bd9620;border-radius:3px;padding:4px 7px;font-size:8px}.co2-reading{display:flex;align-items:center;gap:13px;margin:7px 0 0}.co2-reading>span:first-child{font:clamp(40px,15cqw,76px)/1.1 var(--mono);letter-spacing:-5px;color:#afefd1;font-weight:400}.reading-unit{font:10px var(--mono);color:#7a9b86;line-height:1.6;padding-top:13px}.reading-unit>span{display:block;font:8px var(--sans);letter-spacing:.5px}.air-badge{margin-left:auto;font-size:9px;color:#a2d2b2;border:1px solid #6fa38036;padding:5px 8px;border-radius:30px}.air-chart{width:100%;height:44px;margin:5px 0 2px;overflow:visible}.chart-line{stroke-dasharray:550;stroke-dashoffset:550;animation:draw-line 2.5s .3s ease forwards}.screen-bottom{display:flex;gap:28px;align-items:flex-end}.screen-bottom>div{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:8px;color:#6b8276}.screen-bottom strong{font:20px var(--mono);letter-spacing:-.5px;color:#c6d3c8}.screen-bottom strong span{font-size:10px;color:#778d7d;margin-left:3px}.screen-bottom>.mini-trend{margin-left:auto;font-size:7px;color:#647c6c;gap:9px;padding-bottom:2px}.mini-trend>span:last-child{color:#93af97}.mini-trend i{display:inline-block;width:4px;height:4px;background:#9cce9f;border-radius:50%;margin-left:5px}.screen-dock{display:flex;justify-content:center;gap:17px;position:absolute;bottom:0;left:21px;right:21px;height:40px;border-top:1px solid #a1c4b012;align-items:center}.dock-button{display:flex;gap:5px;align-items:center;background:transparent;font-size:8px;color:#607768;padding:7px 6px;border-radius:4px;transition:color .2s,background .2s}.dock-button svg{width:13px;height:13px}.dock-button.active{color:#ace7c5;background:#7fa58d16}.dock-button:hover{color:#c6f1d8;background:#7fa58d20}.device-chin{height:29px;display:flex;align-items:center;justify-content:center;position:relative}.device-brand{font:7px var(--mono);font-weight:600;color:#76867b;letter-spacing:3px}.device-led{position:absolute;right:9px;top:12px;width:3px;height:3px;background:#a7e9c0;border-radius:50%;box-shadow:0 0 8px #a0e6b7}.device-stand{position:absolute;z-index:1;width:180px;height:85px;bottom:-2px;left:calc(50% - 77px);background:linear-gradient(100deg,#111915,#29362d 50%,#0f1813);transform:rotateZ(-4deg) skewX(-20deg);clip-path:polygon(18% 0,80% 0,100% 90%,95% 100%,2% 100%,0 90%);box-shadow:inset 0 -3px 0 #4a5b4c}.device-shadow{position:absolute;bottom:-25px;left:0;right:-10%;height:50px;background:radial-gradient(ellipse,#000 20%,#7fc89c20 50%,transparent 70%);filter:blur(11px);z-index:0;transform:rotate(-4deg)}.visual-footer{margin:43px 0 0 12%;display:flex;justify-content:space-between;gap:12px;position:relative;color:#4f6860;font-size:9px;letter-spacing:.4px;z-index:3}.touch-hint{color:#819a8f;font-size:9px}.touch-hint>span{color:var(--accent);font-size:14px;margin-right:4px}.scroll-cue{position:absolute;bottom:32px;left:5%;display:flex;gap:12px;align-items:center;font:8px var(--mono);letter-spacing:1.5px;color:#54645f}.scroll-line{display:block;width:30px;height:1px;background:#526b60;position:relative;overflow:hidden}.scroll-line::after{content:"";position:absolute;height:1px;width:15px;left:-15px;top:0;background:var(--accent);animation:scroll-line 2.5s ease infinite}.intro-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 5%;padding:35px 0;display:flex;justify-content:space-between;align-items:center}.intro-band p{font-size:23px;letter-spacing:2px;font-weight:400;color:#8a9893}.intro-band p span{color:#dcebe3}.intro-band>span{font:9px var(--mono);color:#587064;letter-spacing:1.6px}.mobile-break{display:none}.section-shell{max-width:1440px;margin:0 auto;padding:120px 5% 0;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.section-index{color:#608575;font-size:9px;letter-spacing:1.5px}.section-heading h2{font-size:clamp(32px,3.3vw,48px);font-weight:500;letter-spacing:-1.4px;line-height:1.4;margin-top:20px}.section-description{color:#7c8d85;font-size:12px;line-height:2;letter-spacing:.5px;padding-bottom:7px}.experience-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.experience-options{display:flex;flex-direction:column}.experience-option{width:100%;background:none;padding:26px 4px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;text-align:left;transition:color .3s,background .3s;position:relative}.experience-option:last-child{border-bottom:1px solid var(--line)}.experience-option::before{content:"";height:1px;width:0;background:var(--accent);position:absolute;top:-1px;left:0;transition:width .5s}.experience-option.selected::before{width:100%}.option-number{font:9px var(--mono);color:#496458;align-self:flex-start;padding-top:4px}.experience-option strong{display:block;font-size:17px;font-weight:500;color:#84958c;transition:color .3s}.experience-option small{display:block;color:#586d60;line-height:1.8;font-size:11px;letter-spacing:.1px;margin-top:9px;transition:color .3s}.option-arrow{margin-left:auto;font-size:20px;color:#486353;transition:transform .3s}.experience-option.selected strong,.experience-option:hover strong{color:#dcf3e5}.experience-option.selected small{color:#8ba293}.experience-option.selected .option-arrow{color:var(--accent);transform:translate(2px,-2px)}.preview-well{padding:24px 28px 20px;background:radial-gradient(ellipse at 50% 30%,#1a2a22 0%,#101913 60%,#0d140f);border:1px solid #91b49a1c;border-radius:9px;position:relative;overflow:hidden}.preview-well::before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#a9dcba40,transparent)}.preview-toolbar,.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#547561;font:8px var(--mono);letter-spacing:1px}.preview-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.preview-toolbar i{height:4px;width:4px;background:#7dac89;border-radius:50%}.preview-toolbar>span:last-child{font:9px var(--sans);color:#8aa794;letter-spacing:.5px}.preview-device{background:#080a09;border-radius:13px;padding:12px 12px 20px;margin:28px auto 24px;max-width:504px;box-shadow:0 20px 30px #0006,inset 0 1px 1px #859c8425;border:1px solid #6e82653a;transform:perspective(1000px) rotateX(3deg);position:relative}.preview-device::after{content:"SPEEDX";position:absolute;bottom:5px;left:0;right:0;text-align:center;font:5px var(--mono);letter-spacing:3px;color:#485343}.preview-device img{display:block;width:100%;height:auto;aspect-ratio:1.5;border-radius:3px;background:#000;transition:opacity .15s}.preview-caption{font-size:8px;letter-spacing:.5px}.preview-caption>span:first-child{font-family:var(--sans)}.features{padding-top:132px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature{padding:32px 32px 22px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#111a1533,#080e0a);position:relative;overflow:hidden;transition:border-color .3s}.feature:hover{border-color:#a0ead43a}.feature-meta{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#587962}.feature-meta svg{width:21px;height:21px;color:#789a7e}.feature h3{font-size:24px;font-weight:500;letter-spacing:-.5px;margin-top:30px}.feature p{font-size:12px;color:#7c9182;line-height:2.1;max-width:380px;margin-top:13px}.feature-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font:8px var(--mono);color:#53735d;letter-spacing:.7px}.feature-bottom>span:last-child{font-family:var(--sans);font-size:9px}.air-visual{height:215px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;margin-top:7px;overflow:hidden}.air-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#50765c24,transparent 65%);z-index:-1}.air-visual>span{font:42px var(--mono);color:#a9cdb1;letter-spacing:-2px;text-align:center}.air-visual sub{font-size:25px}.air-visual small{font:7px var(--mono);letter-spacing:2px;color:#526c58;display:block;margin-top:10px}.air-ring{position:absolute;top:50%;left:50%;border:1px solid #73998020;border-radius:50%;transform:translate(-50%,-50%) rotateX(58deg) rotate(-28deg);z-index:-1}.ring-a{width:260px;height:260px;animation:ring-breathe 8s ease-in-out infinite}.ring-b{width:350px;height:350px;transform:translate(-50%,-50%) rotateX(58deg) rotate(25deg)}.ring-c{width:440px;height:440px;border-style:dashed;border-color:#73998014;transform:translate(-50%,-50%) rotateX(58deg) rotate(-28deg)}.flow-visual{display:flex;flex-direction:column;justify-content:center;height:222px;gap:10px;padding:0 3px}.flow-row{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid #8eb19a0e;background:#18231c55;border-radius:6px;font-size:10px;color:#91a996}.flow-row>span:nth-child(2){min-width:60px}.flow-row>span:last-child{font:8px var(--mono);color:#536e59;letter-spacing:.5px;margin-left:auto}.flow-icon{font-size:19px;color:#86a78b;line-height:1}.flow-icon.code-icon{font:12px var(--mono)}.flow-meter{width:96px;height:3px;border-radius:3px;background:#567b5830;overflow:hidden;margin-left:auto}.flow-meter>i{display:block;width:32%;height:100%;background:#91c0a1;box-shadow:0 0 10px #91c0a155}.equalizer{display:flex;align-items:center;gap:4px;margin-left:auto;height:15px}.equalizer>i{display:block;width:2px;height:12px;background:#8cb893;animation:equalizer 1.3s ease-in-out infinite;transform-origin:center}.equalizer>i:nth-child(3n){animation-delay:-.4s;height:8px}.equalizer>i:nth-child(3n + 1){animation-delay:-.8s;height:15px}.flow-state{color:#739d7b;font-size:9px;margin-left:auto;display:flex;align-items:center;gap:5px}.flow-state i{width:4px;height:4px;border-radius:50%;background:#9ccc9b;animation:pulse-dot 2s ease-in-out infinite}.connection-feature{margin-top:24px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;padding:48px 45px;border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#24402f24,transparent 65%)}.connection-copy h3{font-size:29px;font-weight:500;line-height:1.5;margin:15px 0;letter-spacing:-.7px}.connection-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;color:#7e9585;max-width:350px}.connection-copy>.text-link{margin-top:24px;font-size:10px}.connection-diagram{display:flex;justify-content:center;align-items:center;gap:0;position:relative;padding:35px 0 65px}.connection-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:75px;gap:18px;color:#82a78d}.connection-node svg{height:36px;width:43px}.connection-node>span{font:8px var(--mono);color:#6b8a72;letter-spacing:.3px;white-space:nowrap;position:absolute;bottom:-25px}.connection-node.node-screen{width:110px;height:83px;border:1px solid #658e714a;border-radius:10px;background:linear-gradient(150deg,#293f3033,#0a160e);box-shadow:0 0 50px #84c99c0a}.node-screen::before{content:"";position:absolute;inset:-8px;border:1px solid #9eddbf0b;border-radius:17px}.node-screen>.brand-mark{width:36px;color:#a0d0af}.node-phone svg{width:24px}.connection-wire{height:1px;background:linear-gradient(90deg,#45674d22,#608a6277,#45674d22);flex:1;max-width:90px;min-width:25px;margin:0 8px;position:relative;overflow:hidden}.connection-wire>i{position:absolute;width:22px;height:1px;background:linear-gradient(90deg,transparent,#b3efc8);left:-22px;animation:wire-travel 3s linear infinite}.wire-right>i{animation-delay:-1.5s;animation-direction:reverse}.connection-caption{position:absolute;bottom:0;font-size:10px;letter-spacing:2px;color:#4c7159}.hardware-layout{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.chip-art{min-height:412px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 48%,#27422f30,transparent 60%);isolation:isolate}.chip-art::before{content:"";position:absolute;inset:20px;background-image:radial-gradient(#80a68a26 .7px,transparent .7px);background-size:16px 16px;mask-image:radial-gradient(ellipse,black 10%,transparent 75%);z-index:-2}.chip-core{width:176px;height:176px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;border:1px solid #829c7d69;background:linear-gradient(130deg,#2a372b,#18271c 48%,#304032);box-shadow:0 0 0 8px #0b140e,0 0 0 9px #a4bd9025,12px 20px 50px #0007,inset 1px 1px 2px #adc6a025;transform:rotate(-12deg);font-family:var(--mono)}.chip-core::before,.chip-core::after{content:"";position:absolute;inset:-18px 15px;background:repeating-linear-gradient(90deg,#698261 0 3px,transparent 3px 13px);z-index:-1;mask-image:linear-gradient(black 15px,transparent 15px,transparent calc(100% - 15px),black calc(100% - 15px))}.chip-core::after{inset:15px -18px;background:repeating-linear-gradient(#698261 0 3px,transparent 3px 13px);mask-image:linear-gradient(90deg,black 15px,transparent 15px,transparent calc(100% - 15px),black calc(100% - 15px))}.chip-core>span:first-child{font-size:8px;letter-spacing:2px;color:#7e957c;margin-bottom:15px}.chip-core strong{font-size:25px;font-weight:400;letter-spacing:-1px;color:#b0c8a8}.chip-core .chip-series{font-size:20px;color:#819b79;letter-spacing:7px;margin-left:7px;margin-top:4px}.chip-core small{font-size:5px;letter-spacing:.7px;color:#61785b;margin-top:19px}.circuit{position:absolute;z-index:-1;border:1px solid #628a6c24;width:170px;height:60px}.circuit-one{left:0;top:100px;border-left:0;border-bottom:0;border-radius:0 20px 0 0;transform:rotate(-12deg)}.circuit-two{right:10px;bottom:100px;border-right:0;border-top:0;border-radius:0 0 0 20px;transform:rotate(-12deg)}.circuit-three{width:50px;height:120px;bottom:0;left:40%;border-bottom:0;border-right:0;border-radius:20px 0 0 0;transform:rotate(-12deg)}.circuit::after{content:"";position:absolute;right:0;bottom:0;width:4px;height:4px;background:#8fbf95;border-radius:50%;box-shadow:0 0 10px #8fbf9555}.chip-coordinate{position:absolute;bottom:28px;font:7px var(--mono);letter-spacing:1.2px;color:#43624b}.hardware-specs{margin:0;padding:0 0 0 50px;border-left:1px solid var(--line)}.hardware-specs>div{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.hardware-specs>div:last-child{border-bottom:0}.hardware-specs dt{font-size:11px;color:#607c67}.hardware-specs dd{font-size:15px;color:#b9cec0;margin:0}.hardware-specs dd>span{display:block;font-size:10px;color:#647e6b;margin-top:7px;letter-spacing:.3px}.about{padding-top:130px;padding-bottom:110px;position:relative}.about::before{content:"";position:absolute;left:0;right:0;bottom:0;height:80%;background:radial-gradient(ellipse at 45% 100%,#365f4114,transparent 70%);z-index:-1}.about-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.project-badge{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:50px;padding:8px 13px;font-size:9px;color:#8aab95}.project-badge .status-dot{width:4px;height:4px}.about h2{font-size:clamp(32px,4vw,55px);font-weight:500;line-height:1.5;letter-spacing:-1.5px;margin-top:33px}.about h2>span{color:#8daf99}.about-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:26px}.about-bottom>p{max-width:520px;color:#758f7c;font-size:12px;line-height:2.2;letter-spacing:.2px}.button-outline{border:1px solid #52785c66;color:#a4bca9;font-size:11px;gap:45px;flex-shrink:0}.button-outline:hover{background:#15261b;border-color:#a0ead480;transform:translateY(-2px)}.project-status{display:flex;gap:30px;padding:23px 0 0;border-top:1px solid var(--line);margin-top:50px;scroll-margin-top:120px}.status-heading{font-size:10px;color:#8cae96;flex-shrink:0;line-height:1.9}.project-status>p{font-size:10px;line-height:1.9;color:#607867;max-width:750px;letter-spacing:.2px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:30px 5%;max-width:1680px;margin:auto}.site-footer .brand{font-size:13px;gap:7px;letter-spacing:1px}.site-footer .brand-mark{width:23px;height:23px}.site-footer .brand-sub{font-size:8px;margin-left:9px;padding-left:9px}.site-footer>p{font-size:10px;color:#536e5b;letter-spacing:1px}.footer-end{font:7px var(--mono);letter-spacing:1px;color:#445f4c}.footer-dot{margin:0 7px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}
/* The concept display keeps the same footprint in all four scenes. */
.demo-computer-title{font-size:12px;color:#c1dacb;display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.demo-computer-title>span{font:7px var(--mono);color:#749b83;letter-spacing:1px}.demo-meters{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-meter>span{font:8px var(--mono);color:#789580;letter-spacing:1px}.demo-meter strong{display:block;font:44px/1.4 var(--mono);color:#b4dfc4;letter-spacing:-2px}.demo-meter strong>span{font-size:18px;color:#749b83;letter-spacing:0}.demo-bar{height:4px;background:#a0ead410;border-radius:4px;overflow:hidden}.demo-bar>i{height:100%;display:block;background:#91cbb0;border-radius:4px;animation:bar-grow .7s ease-out}.demo-computer-footer{display:flex;justify-content:space-between;font-size:8px;color:#587d65;margin-top:21px}.demo-media{display:flex;align-items:center;gap:24px;padding-top:5px}.record-sleeve{width:35%;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#15221c 4%,#77a58a 4.5%,#253e2f 6%,#0b120e 7%,#18271e 30%,#0e1811 31%,#1d2d22 32%,#0b140e 34%,#1a291e 50%,#0b140f 52%,#131e16 65%,#4e7257 66%,#13251a 67%);border:1px solid #89ad922a;border-radius:8px;box-shadow:0 8px 20px #0004;display:flex;align-items:flex-end;padding:12px;position:relative;overflow:hidden}.record-sleeve::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#9bdcb11a,transparent 50%,#17261a55)}.record-sleeve>span{font:6px var(--mono);letter-spacing:1.5px;color:#b3d7be;z-index:1}.media-info{flex:1}.media-info>span{font:7px var(--mono);color:#649773;letter-spacing:1.5px}.media-info h4{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:12px 0 5px;color:#c6dfce}.media-info>p{font-size:9px;color:#6c9178}.media-timeline{height:2px;background:#a0ead415;margin:21px 0 5px}.media-timeline>i{display:block;width:38%;height:2px;background:#a2d4b4}.media-time{display:flex;justify-content:space-between;font:6px var(--mono);color:#597e64}.media-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px;color:#7aa788;font-size:11px}.media-controls>span:nth-child(2){display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#9ed7b2;color:#172a1e;font-size:11px}.media-scene-note{color:#4b7559;font-size:7px;margin-top:15px}.printer-demo{display:flex;align-items:center;gap:20px;margin-top:7px}.printer-illustration{width:30%;aspect-ratio:1;border:1px solid #93b99d55;position:relative;border-radius:5px;background:linear-gradient(145deg,#97c7a60a,transparent);box-shadow:inset 0 0 0 7px #a0ead407}.printer-illustration::before{content:"";position:absolute;left:15%;right:15%;top:25%;height:1px;background:#93b99d66}.printer-illustration::after{content:"";position:absolute;left:calc(50% - 5px);top:25%;width:10px;height:8px;border:1px solid #a9d7b8;background:#1d3b28}.print-object{position:absolute;left:30%;bottom:16%;width:40%;height:33%;background:repeating-linear-gradient(0deg,#82a48b22 0 2px,#a0d5af55 2px 3px);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.printer-info{flex:1}.printer-info>span{font-size:10px;color:#a8c7b2}.printer-info strong{display:block;font:47px/1.3 var(--mono);color:#b2e5c3;letter-spacing:-2px}.printer-info strong>span{font-size:17px}.printer-info .demo-bar{margin-top:9px}.printer-info>p{font-size:8px;color:#628b6d;margin-top:10px}.printer-status-row{margin-top:15px;font-size:8px;color:#719a7d;display:flex;gap:7px;align-items:center}.printer-status-row i{width:4px;height:4px;border-radius:50%;background:#99d0aa}
@keyframes device-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes scroll-line{0%,20%{left:-15px}80%,100%{left:40px}}@keyframes ring-breathe{0%,100%{opacity:.5}50%{opacity:1}}@keyframes equalizer{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes pulse-dot{0%,100%{opacity:.4}50%{opacity:1}}@keyframes wire-travel{to{left:110%}}@keyframes bar-grow{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
@media(min-width:1600px){.hero{padding-left:7%;padding-right:7%}.site-header{padding-left:7%;padding-right:7%}.hero-visual{transform:scale(1.05)}.visual-footer{margin-top:65px}.intro-band{max-width:1296px;margin:0 auto}}
@media(max-width:1200px){.hero{grid-template-columns:1fr 1.05fr;min-height:700px;padding-left:5%;padding-right:4%}.hero h1{font-size:62px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-description{font-size:12px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:10px;gap:8px}.hero-specs{gap:18px}.hero-visual{min-height:400px}.device-stage{height:310px;margin-left:3%;width:100%}.device-screen{padding:14px 17px 0}.device{padding:11px 11px 0;border-radius:22px}.demo-content{padding-top:17px}.co2-reading{margin-top:5px}.air-chart{height:36px;margin-top:0}.screen-bottom strong{font-size:17px}.screen-dock{height:34px;left:17px;right:17px;gap:10px}.dock-button{padding:6px 5px}.screen-bottom{gap:22px}.screen-bottom>.mini-trend{gap:6px}.device-chin{height:25px}.device-stand{bottom:0;width:160px;height:80px}.visual-footer{margin-top:30px;margin-left:6%;font-size:8px}.touch-hint{font-size:8px}.experience-layout{gap:40px;grid-template-columns:1fr 1.1fr}.experience-option{gap:13px;padding:24px 3px}.experience-option strong{font-size:16px}.experience-option small{font-size:10px}.preview-well{padding:22px 20px 18px}.feature{padding:28px 28px 22px}.feature h3{font-size:23px}.feature p{font-size:11px}.connection-feature{padding:40px 32px;gap:35px}.hardware-specs{padding-left:35px}.hardware-specs>div{grid-template-columns:90px 1fr}.flow-row{padding:13px 11px;gap:10px}.flow-meter{width:70px}.demo-computer-title{margin-bottom:12px}.demo-meter strong{font-size:38px}.demo-computer-footer{margin-top:16px}.media-info h4{font-size:16px;margin-top:9px}.media-timeline{margin-top:16px}.media-scene-note{margin-top:10px}.printer-info strong{font-size:40px}}
@media(max-width:960px){.site-header{height:80px}.hero{height:auto;max-height:none;min-height:640px;grid-template-columns:1fr 1fr;padding-bottom:80px}.hero h1{font-size:50px;letter-spacing:-2.5px}.hero .eyebrow{font-size:7px;letter-spacing:.6px}.hero-description{font-size:11px;letter-spacing:0}.hero-actions{gap:17px;flex-wrap:wrap;margin:25px 0 32px}.hero-actions .button{font-size:11px;padding:14px 16px;gap:25px}.hero-actions .text-link{font-size:9px}.hero-specs{gap:15px}.hero-specs strong{font-size:16px}.hero-specs strong span{font-size:12px}.hero-specs>div>span{font-size:8px}.hero-visual{min-height:320px;padding-top:26px}.device-stage{height:255px;margin-top:26px;margin-left:0}.device{width:100%;padding:9px 9px 0;border-radius:18px}.device-screen{padding:12px 12px 0;border-radius:9px}.screen-top{font-size:8px}.screen-date{font-size:6px;margin-left:6px}.screen-connect{gap:7px}.screen-connect svg{width:11px;height:9px}.mini-battery{width:13px;height:6px}.mini-battery::before{width:7px}.mini-battery::after{top:1px;height:2px}.demo-content{padding-top:13px}.screen-heading{font-size:8px;letter-spacing:.5px}.live-label{font-size:6px;padding:3px 5px}.co2-reading{gap:8px}.co2-reading>span:first-child{font-size:15cqw;letter-spacing:-3px}.reading-unit{font-size:8px;padding-top:8px}.reading-unit>span{font-size:6px}.air-badge{font-size:7px;padding:4px 5px}.air-chart{height:30px}.screen-bottom{gap:17px}.metric-label{font-size:6px}.screen-bottom strong{font-size:14px}.screen-bottom strong span{font-size:8px}.screen-bottom>div{gap:3px}.screen-bottom>.mini-trend{font-size:6px;gap:7px}.screen-dock{height:29px;left:12px;right:12px;gap:9px}.dock-button{font-size:6px;gap:4px;padding:5px}.dock-button svg{width:10px;height:10px}.device-chin{height:23px}.device-brand{font-size:5px}.device-led{top:10px;width:2px;height:2px}.device-stand{height:64px;width:132px;left:calc(50% - 50px)}.visual-footer{margin-top:22px;flex-direction:column;gap:7px}.visual-label{font-size:7px}.label-top{left:5%;top:0}.orbit-one{width:430px;height:430px;top:-30px}.orbit-two{width:530px;height:530px;top:-80px}.desktop-nav{gap:24px;font-size:11px}.brand{font-size:16px;gap:8px}.brand-mark{width:27px;height:27px}.brand-sub{font-size:9px}.nav-cta{font-size:10px}.section-shell{padding-top:95px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:35px}.section-description{font-size:10px}.experience-layout{gap:28px;grid-template-columns:1fr 1.05fr}.experience-option{padding:22px 0;gap:10px}.experience-option strong{font-size:14px}.experience-option small{font-size:9px}.option-number{font-size:8px}.option-arrow{font-size:17px}.preview-well{padding:17px 15px}.preview-toolbar{font-size:6px;letter-spacing:.5px}.preview-caption{font-size:6px}.preview-device{padding:9px 9px 17px;margin-top:23px}.feature{padding:25px 24px 20px}.feature h3{font-size:20px}.feature p{font-size:10px}.feature-meta{font-size:7px}.flow-visual{padding:0}.flow-row{padding:13px 9px;gap:8px;font-size:8px}.flow-row>span:nth-child(2){min-width:45px}.flow-row>span:last-child{font-size:6px}.flow-meter{width:60px}.equalizer{gap:3px}.flow-state{font-size:7px}.flow-icon{font-size:16px}.connection-feature{gap:20px;grid-template-columns:1fr 1.1fr;padding:35px 28px}.connection-copy h3{font-size:25px}.connection-copy>p:not(.eyebrow){font-size:10px}.connection-node{width:55px}.connection-node.node-screen{width:85px;height:65px}.connection-node svg{height:30px;width:35px}.connection-node>span{font-size:6px}.connection-wire{min-width:15px;margin:0 7px}.connection-caption{font-size:8px;letter-spacing:1px}.chip-art{min-height:370px}.hardware-specs{padding-left:28px}.hardware-specs>div{grid-template-columns:75px 1fr;padding:17px 0}.hardware-specs dt{font-size:10px}.hardware-specs dd{font-size:13px}.hardware-specs dd>span{font-size:9px}.about{padding-bottom:80px}.about h2{font-size:40px}.about-bottom>p{font-size:11px;max-width:450px}.button-outline{font-size:10px;padding:14px 17px;gap:25px}.project-status{gap:25px}.project-status>p{font-size:9px}.footer-end{font-size:6px;letter-spacing:.3px}.site-footer>p{font-size:9px;letter-spacing:.3px}.demo-computer-title{font-size:9px;margin-bottom:12px}.demo-computer-title>span{font-size:5px}.demo-meter>span{font-size:6px}.demo-meter strong{font-size:31px}.demo-meter strong>span{font-size:12px}.demo-computer-footer{font-size:6px;margin-top:13px}.demo-bar{height:3px}.demo-media{gap:17px;padding-top:1px}.record-sleeve{padding:8px}.record-sleeve>span{font-size:4px}.media-info>span{font-size:5px}.media-info h4{font-size:14px;margin:9px 0 4px}.media-info>p{font-size:7px}.media-timeline{margin-top:13px}.media-time{font-size:5px}.media-controls{font-size:8px;gap:13px;margin-top:9px}.media-controls>span:nth-child(2){width:20px;height:20px;font-size:8px}.media-scene-note{font-size:6px;margin-top:8px}.printer-demo{gap:16px;margin-top:7px}.printer-info>span{font-size:8px}.printer-info strong{font-size:32px}.printer-info strong>span{font-size:13px}.printer-info>p{font-size:6px;margin-top:7px}.printer-status-row{font-size:6px;margin-top:11px}.printer-info .demo-bar{margin-top:6px}}
@media(max-width:720px){html{scroll-padding-top:30px}.site-header{height:75px;padding:0 6%}.desktop-nav{display:none}.brand{font-size:16px}.brand-sub{font-size:9px;margin-left:11px;padding-left:11px}.nav-cta{padding:9px 12px;font-size:10px}.nav-cta span{padding-left:10px}.hero{display:flex;flex-direction:column;min-height:0;padding:57px 6% 65px;overflow:hidden}.hero-copy{width:100%;padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:60px;line-height:1.22;letter-spacing:-3px;margin:24px 0 22px}.hero-description{font-size:12px;line-height:2.1;letter-spacing:.1px}.hero-actions{margin:28px 0 31px;gap:23px}.hero-actions .button{font-size:12px;padding:15px 19px;gap:38px}.hero-actions .text-link{font-size:10px;gap:11px}.hero-specs{gap:23px}.hero-specs strong{font-size:18px}.hero-specs strong span{font-size:13px}.hero-specs>div>span{font-size:9px}.hero-specs>div{gap:4px}.hero-visual{width:100%;min-height:0;max-width:520px;margin:50px 0 0;padding-top:27px}.device-stage{height:auto;aspect-ratio:1.28;margin:26px 0 0;width:100%}.device{width:92%;padding:11px 11px 0;border-radius:21px;transform:rotateY(-12deg) rotateX(9deg) rotateZ(-4deg)}.device-screen{padding:15px 16px 0;border-radius:10px}.screen-top{font-size:10px}.screen-date{font-size:7px}.screen-connect svg{width:13px;height:12px}.mini-battery{width:15px;height:7px}.mini-battery::before{width:8px}.screen-heading{font-size:9px;letter-spacing:.8px}.live-label{font-size:7px}.demo-content{padding-top:3cqw;height:calc(100% - 48px)}.co2-reading{gap:10px;margin-top:6px}.co2-reading>span:first-child{font-size:16cqw}.reading-unit{font-size:9px}.reading-unit>span{font-size:7px}.air-badge{font-size:8px;padding:4px 7px}.air-chart{height:10cqw;margin:0 0 1px}.screen-bottom{gap:23px}.metric-label{font-size:7px}.screen-bottom strong{font-size:18px}.screen-bottom strong span{font-size:9px}.screen-bottom>.mini-trend{font-size:7px;gap:8px}.screen-dock{height:35px;left:16px;right:16px;gap:14px}.dock-button{font-size:7px;gap:5px;padding:6px 5px}.dock-button svg{width:12px;height:12px}.device-chin{height:25px}.device-brand{font-size:6px}.device-led{top:11px;width:3px;height:3px}.device-stand{bottom:0;left:calc(50% - 60px);height:28%;width:36%}.device-shadow{bottom:-8%;left:0;right:0;height:15%}.visual-label{font-size:8px}.label-top{left:8%;top:4px}.visual-footer{margin:14px 5% 0;flex-direction:row;align-items:center;font-size:8px;gap:12px}.touch-hint{font-size:8px}.orbit-one{top:0;left:calc(50% - 230px);width:460px;height:460px}.orbit-two{top:-45px;left:calc(50% - 290px);width:580px;height:580px}.scroll-cue{bottom:22px;left:6%;font-size:7px;letter-spacing:1px}.intro-band{margin:0 6%;padding:28px 0;gap:25px}.intro-band p{font-size:19px;line-height:1.8;letter-spacing:1px}.intro-band>span{font-size:6px;max-width:100px;line-height:1.9;letter-spacing:1px;text-align:right}.mobile-break{display:block}.section-shell{padding:76px 6% 0}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.section-heading h2{font-size:34px;line-height:1.4;letter-spacing:-1px;margin-top:18px}.section-index{font-size:7px;letter-spacing:1.3px}.section-description{font-size:11px;line-height:1.9;padding:0}.experience-layout{display:flex;flex-direction:column-reverse;gap:28px;align-items:stretch}.preview-well{padding:20px 20px 18px}.preview-toolbar{font-size:7px;letter-spacing:.8px}.preview-toolbar>span:last-child{font-size:8px}.preview-device{padding:10px 10px 19px;margin-top:24px;margin-bottom:23px;max-width:440px}.preview-caption{font-size:7px}.experience-option{gap:15px;padding:22px 1px}.experience-option strong{font-size:16px}.experience-option small{font-size:10px;margin-top:7px}.option-number{font-size:8px}.option-arrow{font-size:21px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature{padding:27px 25px 21px}.feature h3{font-size:23px;margin-top:25px}.feature-meta{font-size:8px}.feature p{font-size:11px;max-width:100%}.air-visual{height:190px}.flow-visual{height:210px;max-width:430px;margin:auto;padding:0 0}.flow-row{padding:13px 14px;font-size:10px;gap:14px}.flow-row>span:nth-child(2){min-width:59px}.flow-row>span:last-child{font-size:7px}.flow-icon{font-size:19px}.flow-meter{width:80px}.flow-state{font-size:8px}.equalizer{gap:4px}.feature-bottom{font-size:7px}.feature-bottom>span:last-child{font-size:8px}.connection-feature{grid-template-columns:1fr;gap:35px;margin-top:18px;padding:29px 25px 28px}.connection-copy h3{font-size:28px}.connection-copy>p:not(.eyebrow){font-size:11px;max-width:380px}.connection-diagram{padding:12px 0 62px;min-height:170px}.connection-node{width:60px}.connection-node.node-screen{width:90px;height:70px}.connection-node>span{font-size:7px}.connection-wire{max-width:70px;min-width:15px;margin:0 7px}.connection-node svg{height:33px}.connection-node.node-screen .brand-mark{width:33px}.connection-caption{font-size:9px}.hardware-layout{grid-template-columns:1fr}.chip-art{min-height:335px}.chip-core{width:160px;height:160px}.hardware-specs{padding:0;border-left:0;border-top:1px solid var(--line)}.hardware-specs>div{padding:20px 5px;grid-template-columns:110px 1fr}.hardware-specs dt{font-size:11px}.hardware-specs dd{font-size:15px}.hardware-specs dd>span{font-size:10px}.about{padding-top:85px;padding-bottom:65px}.about-top{gap:15px;align-items:flex-start;flex-direction:column}.about h2{font-size:34px;letter-spacing:-1.4px;margin-top:24px;line-height:1.6}.about h2>span{display:inline}.project-badge{font-size:8px;padding:7px 10px}.about-bottom{flex-direction:column;align-items:flex-start;gap:25px;margin-top:21px}.about-bottom>p{font-size:11px;line-height:2.2}.button-outline{font-size:11px;padding:15px 19px;gap:40px}.project-status{margin-top:35px;gap:15px;flex-direction:column;padding-top:20px;scroll-margin-top:50px}.status-heading{font-size:10px}.project-status>p{font-size:9px;line-height:2}.site-footer{padding:27px 6%;flex-wrap:wrap;gap:20px 15px}.site-footer .brand{font-size:13px}.site-footer>p{font-size:9px;margin-left:auto;letter-spacing:.2px}.footer-end{width:100%;font-size:7px;letter-spacing:.6px;margin-top:0}.demo-computer-title{font-size:11px;margin-bottom:15px}.demo-computer-title>span{font-size:6px}.demo-meter>span{font-size:7px}.demo-meter strong{font-size:12cqw}.demo-meter strong>span{font-size:15px}.demo-bar{height:4px}.demo-computer-footer{font-size:7px;margin-top:16px}.demo-media{gap:20px;padding-top:5px}.record-sleeve{padding:11px}.record-sleeve>span{font-size:5px}.media-info>span{font-size:6px}.media-info h4{font-size:16px;margin:12px 0 6px}.media-info>p{font-size:8px}.media-timeline{margin-top:19px}.media-time{font-size:6px}.media-controls{margin-top:12px;font-size:10px;gap:18px}.media-controls>span:nth-child(2){width:24px;height:24px;font-size:9px}.media-scene-note{font-size:7px;margin-top:12px}.printer-demo{gap:20px;margin-top:10px}.printer-info>span{font-size:9px}.printer-info strong{font-size:13cqw}.printer-info strong>span{font-size:16px}.printer-info>p{font-size:7px}.printer-status-row{font-size:7px;margin-top:14px}.printer-info .demo-bar{margin-top:8px}}
@media(max-width:390px){.hero{padding-top:47px}.hero h1{font-size:54px}.hero-description{font-size:11px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:9px}.hero-actions .button{gap:30px;font-size:11px}.hero-specs{gap:19px}.hero-visual{margin-top:43px}.demo-content{padding-top:8px}.device{padding:9px 9px 0;border-radius:19px}.device-screen{padding:12px 13px 0}.screen-heading{font-size:8px}.co2-reading{margin-top:5px}.reading-unit{font-size:8px}.reading-unit>span{font-size:6px}.air-badge{font-size:7px}.air-chart{height:9cqw}.screen-bottom strong{font-size:16px}.screen-bottom>.mini-trend{font-size:6px}.screen-dock{height:31px;gap:9px}.dock-button{font-size:6px}.dock-button svg{width:11px}.screen-bottom{gap:19px}.visual-footer{font-size:7px}.touch-hint{font-size:7px}.hero .eyebrow{font-size:7px}.section-heading h2{font-size:31px}.feature h3{font-size:21px}.flow-row{gap:10px;padding:12px 10px;font-size:9px}.flow-row>span:nth-child(2){min-width:52px}.flow-row>span:last-child{font-size:6px}.flow-meter{width:66px}.feature-meta{font-size:7px}.about h2{font-size:30px}.site-footer>p{font-size:8px}.demo-computer-title{margin-bottom:10px}.demo-computer-footer{margin-top:11px;font-size:6px}.demo-media{gap:15px;padding-top:2px}.media-info h4{font-size:14px;margin-top:9px}.media-timeline{margin-top:13px}.media-controls{margin-top:8px}.media-scene-note{margin-top:8px;font-size:6px}.printer-demo{margin-top:7px}.printer-status-row{margin-top:10px;font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.chart-line{stroke-dashoffset:0}#ambient{display:none}.device{will-change:auto}}

@media (pointer:fine){.device-stage:hover{animation-play-state:paused}}
.device-stage:focus-within{animation-play-state:paused}
/* Keep the illustrated UI proportional to its screen on narrow phones. */
@media(max-width:720px){
 .device-screen .demo-content{position:absolute;top:15%;bottom:18%;left:5%;right:5%;height:auto;padding-top:0}
 .screen-top{font-size:3cqw}.screen-date{font-size:2cqw}.screen-heading{font-size:3cqw;letter-spacing:.2px}.live-label{font-size:2.2cqw;padding:1cqw 1.5cqw}
 .co2-reading{gap:3cqw;margin:1cqw 0 0}.co2-reading>span:first-child{font-size:16cqw;letter-spacing:-1cqw}.reading-unit{font-size:2.8cqw;padding-top:2cqw}.reading-unit>span{font-size:2.1cqw}.air-badge{font-size:2.4cqw;padding:1.3cqw 2cqw}
 .air-chart{height:7cqw;margin:0}.screen-bottom{gap:7cqw}.screen-bottom>div{gap:1cqw}.metric-label{font-size:2.3cqw}.screen-bottom strong{font-size:6cqw}.screen-bottom strong span{font-size:3cqw;margin-left:1cqw}.screen-bottom>.mini-trend{font-size:2.1cqw;gap:1.6cqw;padding-bottom:.5cqw}.mini-trend i{width:1cqw;height:1cqw}
 .screen-dock{height:16%;left:5%;right:5%;gap:3cqw}.dock-button{font-size:2.4cqw;gap:1.4cqw;padding:1.6cqw}.dock-button svg{width:4cqw;height:4cqw}
 .demo-computer-title{font-size:3.5cqw;margin-bottom:3cqw}.demo-computer-title>span{font-size:2cqw}.demo-meter>span{font-size:2.3cqw}.demo-meter strong{font-size:12cqw;line-height:1.3}.demo-meter strong>span{font-size:5cqw}.demo-bar{height:1cqw}.demo-computer-footer{font-size:2.1cqw;margin-top:4cqw}
 .demo-media{gap:5cqw;padding-top:0}.record-sleeve{padding:3cqw}.record-sleeve>span{font-size:1.7cqw;letter-spacing:.6px}.media-info>span{font-size:2cqw;letter-spacing:1px}.media-info h4{font-size:5cqw;margin:3cqw 0 1.3cqw}.media-info>p{font-size:2.4cqw}.media-timeline{margin:4cqw 0 1.3cqw}.media-time{font-size:1.8cqw}.media-controls{gap:5cqw;margin-top:2.5cqw;font-size:3cqw}.media-controls>span:nth-child(2){width:7cqw;height:7cqw;font-size:3cqw}.media-scene-note{display:none}
 .printer-demo{gap:5cqw;margin-top:3cqw}.printer-info>span{font-size:2.7cqw}.printer-info strong{font-size:11cqw;line-height:1.25}.printer-info strong>span{font-size:5cqw}.printer-info .demo-bar{margin-top:2cqw}.printer-info>p{font-size:2.1cqw;margin-top:2cqw}.printer-status-row{font-size:2.2cqw;margin-top:1.5cqw;gap:2cqw}.printer-status-row i{width:1cqw;height:1cqw}
}

/* Public project pages and readable annotations. */
:root{--annotation:#a4b8ad}
.hero .eyebrow,.eyebrow.section-index,.document-kicker,.visual-label,.scroll-cue,.intro-band>span,.feature-meta,.feature-bottom,.preview-toolbar,.preview-caption,.chip-coordinate,.footer-end{color:var(--annotation);font-size:10px;line-height:1.7}
.hero .eyebrow{letter-spacing:1.1px}.hero-disclaimer{margin-top:14px;font-size:12px;line-height:1.8;color:#b2c8bb;max-width:420px}.hero-actions{margin-top:22px}
.screen-date{color:#c5dfce;font-family:var(--sans);font-size:9px;letter-spacing:.4px;margin-left:10px}
.visual-footer{color:var(--annotation);font-size:11px;line-height:1.7;flex-wrap:wrap;row-gap:9px}.demo-note{color:#b2c8bb;font-size:11px}.touch-hint{font-size:10px;color:var(--annotation)}
.experience-option small{color:#8fa599}.option-number{color:var(--annotation);font-size:10px}.preview-toolbar>span:last-child,.feature-bottom>span:last-child{font-size:10px;color:var(--annotation)}
.brand-sub,.site-footer>p{color:var(--annotation)}.desktop-nav{font-size:12px}.nav-cta{font-size:12px}
.hardware-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0}
.hardware-summary>div{padding:0 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-width:0}.hardware-summary>div:first-child{padding-left:0}.hardware-summary>div:last-child{border:0}.hardware-summary>div>span{font-size:12px;color:var(--annotation)}.hardware-summary strong{font-size:27px;font-weight:500;letter-spacing:-.5px}.hardware-summary small{font-size:12px;color:var(--annotation);line-height:1.8}
.project-status>p{font-size:12px;color:#9eb4a6;line-height:2}.status-heading{font-size:12px}
.follow-callout{margin-top:42px;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #6b997b40;border-radius:8px;background:linear-gradient(120deg,#112119,#0c130f);scroll-margin-top:50px}.follow-callout h3{font-size:26px;font-weight:500;letter-spacing:-.5px;line-height:1.5;margin:12px 0 8px}.follow-callout>div>p:not(.eyebrow){font-size:12px;line-height:2;color:#a0b6a8}.follow-actions{display:flex;align-items:center;flex-direction:column;gap:18px;flex-shrink:0}.follow-actions .text-link{font-size:12px}
.footer-links{display:flex;align-items:center;gap:22px;font-size:12px;color:#b1c7ba}.footer-links a:hover{color:var(--accent)}.site-footer{flex-wrap:wrap}.site-footer .footer-end{font-size:10px}.site-footer>p{font-size:11px}
.document-shell{max-width:1100px;width:88%;margin:auto;padding:75px 0 95px}.document-header{padding-bottom:36px}.document-header h1{font-size:clamp(34px,5vw,58px);font-weight:500;letter-spacing:-1.7px;line-height:1.4;margin:20px 0 16px}.document-header>p:last-child{font-size:15px;line-height:2;color:#b0c2b7}.document-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:13px;color:#b6ccc0;background:var(--bg);position:sticky;top:0;z-index:15}.document-nav a{padding:5px 0}.document-nav a:hover{color:var(--accent)}
.document-section{padding:54px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.document-section>.eyebrow{font-size:10px;color:var(--annotation)}.document-section h2{font-size:30px;font-weight:500;letter-spacing:-.6px;margin:15px 0 25px}.document-section>p:not(.eyebrow){font-size:14px;line-height:2;color:#b2c4b9;max-width:720px}.spec-table{margin:0}.spec-table>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:19px 0;border-top:1px solid var(--line)}.spec-table dt{font-size:13px;line-height:2;color:var(--annotation)}.spec-table dd{margin:0;font-size:15px;line-height:1.9;color:#d9e6de}
.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;line-height:1.8;padding:21px 0;cursor:pointer;list-style:none;color:#d2e4d7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";font:21px var(--mono);color:var(--accent);flex-shrink:0}.faq-list details[open] summary::after{content:"−"}.faq-list summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.faq-list details>p{font-size:14px;line-height:2;color:#a9bfb0;max-width:760px;padding:0 35px 23px 0}
.changelog{margin-top:28px}.change-entry{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line);scroll-margin-top:130px}.change-entry>time{font:12px/1.9 var(--mono);color:var(--annotation);padding-top:3px}.change-entry h3{font-size:18px;font-weight:500;line-height:1.7;color:#d4e6da}.change-entry p{font-size:14px;line-height:2;color:#a9bfb0;margin-top:8px}
.follow-panel{margin-top:54px;padding:32px;border:1px solid #6b997b40;border-radius:8px;background:#0d1711}.follow-panel>p:not(.eyebrow)+p{margin-top:8px}.follow-panel>label{display:block;font-size:12px;color:#b4cbbd;margin:24px 0 10px}.feed-address{display:flex;align-items:stretch;gap:12px}.feed-address input{min-width:0;flex:1;width:100%;padding:13px 15px;background:#080e0a;border:1px solid #759a804f;border-radius:5px;color:#d6e8dc;font:13px/1.8 var(--mono)}.feed-address input:focus{outline:2px solid var(--accent);outline-offset:3px}.feed-address .copy-feed{font-size:12px;white-space:nowrap;padding:12px 18px}.follow-panel .copy-status{min-height:26px;font-size:12px;color:#b7dcc3;margin-top:12px}.follow-panel>.text-link{font-size:12px;margin-top:10px}
@media(max-width:960px){.hardware-summary strong{font-size:23px}.hardware-summary>div{padding:0 22px}.hardware-summary small{font-size:11px}.follow-callout{padding:27px;gap:24px}.follow-callout h3{font-size:23px}.follow-callout>div>p:not(.eyebrow){font-size:11px}.footer-links{gap:16px;font-size:11px}.site-footer .footer-end{width:100%;letter-spacing:.6px}.document-page .desktop-nav{gap:18px}}
@media(max-width:720px){.hero .eyebrow{font-size:9px;letter-spacing:.7px}.hero-disclaimer{font-size:11px;max-width:330px}.hero-actions{margin-top:22px}.screen-date{font-size:clamp(7px,2.4cqw,10px);margin-left:7px;letter-spacing:.1px}.visual-footer{flex-direction:column;align-items:flex-start;margin-top:18px}.visual-label,.scroll-cue{font-size:9px}.intro-band>span{font-size:9px;line-height:1.7;max-width:115px}.eyebrow.section-index{font-size:9px}.feature-meta,.feature-bottom,.preview-toolbar,.preview-caption{font-size:9px}.preview-toolbar>span:last-child,.feature-bottom>span:last-child{font-size:9px}.touch-hint,.demo-note{font-size:10px}.hardware-summary{grid-template-columns:1fr;padding:0}.hardware-summary>div,.hardware-summary>div:first-child{padding:23px 0;border-right:0;border-bottom:1px solid var(--line);gap:8px}.hardware-summary>div:last-child{border-bottom:0}.hardware-summary strong{font-size:25px}.hardware-summary small{font-size:12px}.project-status>p{font-size:11px}.status-heading{font-size:11px}.follow-callout{flex-direction:column;align-items:flex-start;gap:25px;padding:25px 22px}.follow-callout h3{font-size:24px}.follow-callout>div>p:not(.eyebrow){font-size:12px}.follow-actions{align-items:flex-start;width:100%}.follow-actions .button{width:100%;max-width:300px}.site-footer>p{font-size:10px}.footer-links{width:100%;gap:23px;font-size:12px}.site-footer .footer-end{font-size:9px;line-height:1.9}.document-shell{padding-top:47px;padding-bottom:60px}.document-header{padding-bottom:30px}.document-header h1{font-size:35px;letter-spacing:-1.4px}.document-header>p:last-child{font-size:13px}.document-nav{gap:10px 22px;padding:13px 0;font-size:12px}.document-section{padding:40px 0}.document-section h2{font-size:27px;margin:14px 0 22px}.spec-table>div{grid-template-columns:1fr;gap:7px;padding:17px 0}.spec-table dt{font-size:12px}.spec-table dd{font-size:14px}.faq-list summary{font-size:14px;gap:18px;padding:20px 0}.faq-list details>p{font-size:13px;padding-right:12px}.document-section>p:not(.eyebrow){font-size:13px}.change-entry{grid-template-columns:1fr;gap:9px;padding:23px 0}.change-entry h3{font-size:17px}.change-entry p{font-size:13px}.follow-panel{padding:25px 21px;margin-top:40px}.feed-address{flex-direction:column;gap:12px}.feed-address input{font-size:11px;padding:12px}.feed-address .copy-feed{justify-content:center;min-height:44px}.document-page .site-header{gap:14px}.document-page .nav-cta{font-size:11px}.document-page .brand-sub{margin-left:8px;padding-left:8px}}
@media(max-width:360px){.document-nav{gap:10px 16px;font-size:11px}.document-header h1{font-size:31px}.site-footer .brand{font-size:12px}.site-footer>p{font-size:9px}.hero .eyebrow{font-size:8px}}

@media(max-width:360px){.site-header .brand-sub{display:none}.hero .eyebrow{font-size:9px}}

.feed-address .copy-feed{background:transparent}.feed-address .copy-feed:hover{background:#15261b}

.contact-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:14px}.contact-line a,.project-contact>a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.project-contact{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:120px}.project-contact h3{font-size:18px;font-weight:500;margin:0 0 10px}.project-contact p{font-size:13px;line-height:2;color:#b2c4b9;margin-bottom:12px}.project-contact>a{display:inline-flex;align-items:center;gap:18px;font-size:15px;line-height:2}.footer-links{flex-wrap:wrap}

/* SpeedX family integration — keep Desk's mint and existing page composition. */
:root{--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Noto Sans SC",sans-serif;--annotation:#a4b8ad;--section-space:112px}
.family-bar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 max(5%,calc((100vw - 1440px)/2));background:#060909;border-bottom:1px solid #d9f2e514}
.family-brand{display:inline-flex;align-items:center;gap:6px;height:31px;font-size:12px;font-weight:750;letter-spacing:-.3px}
.family-brand svg{width:14px;height:14px;color:var(--accent)}
.family-dot{color:var(--accent)}
.family-menu{position:relative;font-size:12px;color:#b6c8c1}
.family-menu summary{display:flex;align-items:center;gap:6px;min-height:31px;padding:0 8px;cursor:pointer;list-style:none;border-radius:5px}
.family-menu summary::-webkit-details-marker{display:none}
.family-menu summary svg{width:14px;height:14px;transition:transform .2s}
.family-menu[open] summary svg{transform:rotate(180deg)}
.family-menu[open] summary,.family-menu summary:hover{color:var(--accent)}
.family-products{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:8px;background:#101b17;border:1px solid #34483f;border-radius:10px;box-shadow:0 18px 50px #0006}
.family-products a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:6px;font-size:13px}
.family-products a:hover,.family-products a:focus-visible{background:#1b3027;color:var(--accent)}
.family-products a:focus-visible{outline-offset:-2px}
.site-header{height:80px;position:sticky;top:0}
.document-nav{top:80px}
.hero{height:calc(100svh - 112px);min-height:720px}
.desktop-nav a,.footer-links a,.footer-products a{display:inline-flex;align-items:center;min-height:44px}
.nav-cta{min-height:44px;display:inline-flex;align-items:center}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.text-link:hover,.footer-family a:hover,.brand:hover,.family-brand:hover{color:var(--accent)}
.faq-list summary:hover{color:var(--accent)}
.site-footer{gap:20px 30px;padding-top:32px;padding-bottom:24px}
.footer-family{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--annotation)}
.footer-family-home{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#d2e4dc}
.footer-products{display:flex;flex-wrap:wrap;gap:8px 28px}
.site-footer .footer-end{width:100%;margin:0;font-size:12px;letter-spacing:.5px}
/* Small labels share a readable floor and a contrast-safe mint gray. */
.hero .eyebrow,.eyebrow.section-index,.document-kicker,.document-section>.eyebrow,.visual-label,.scroll-cue,.intro-band>span,.feature-meta,.feature-bottom,.preview-toolbar,.preview-caption,.option-number,.brand-sub,.hero-specs>div>span,.demo-note,.touch-hint,.preview-toolbar>span:last-child,.feature-bottom>span:last-child,.hardware-summary small,.project-badge,.status-heading,.footer-links,.site-footer>p,.connection-node>span,.connection-caption,.air-visual small,.flow-row,.flow-row>span:last-child,.flow-state{font-size:12px;color:var(--annotation)}
.eyebrow.section-index,.feature-meta,.feature-bottom,.preview-toolbar,.preview-caption{letter-spacing:.7px}
.hero .eyebrow{letter-spacing:.7px;line-height:1.8}
.hero-description{font-size:14px;color:#a4b0ae}
.hero-disclaimer,.hero-actions .text-link,.hero-actions .button,.button-outline,.document-page .nav-cta,.document-nav{font-size:12px}
.section-description,.experience-option small,.feature p,.connection-copy>p:not(.eyebrow),.about-bottom>p,.project-status>p,.follow-callout>div>p:not(.eyebrow){font-size:13px;color:var(--annotation);line-height:1.95}
.experience-option strong{color:#b0c3b7}
.experience-option.selected small{color:#b6ccbf}
.section-shell{padding-top:var(--section-space)}
.section-heading{margin-bottom:40px}
.section-heading h2{letter-spacing:-1.1px}
.about h2{letter-spacing:-1.4px}
.about{padding-bottom:var(--section-space)}
.preview-toolbar,.preview-caption,.feature-bottom{flex-wrap:wrap;gap:8px 16px}
.experience-option>span:nth-child(2){min-width:0}
.option-number,.option-arrow{flex-shrink:0}
.feature-meta{gap:12px}
.feature-meta svg{flex-shrink:0}
.flow-row{gap:10px;flex-wrap:wrap}
.flow-meter{flex:1;min-width:36px;max-width:100px}
.flow-row>span:last-child{margin-left:auto}
.connection-node>span{letter-spacing:0}
.connection-caption{letter-spacing:.7px;text-align:center}
.device-stage{transform-style:flat}
.device-screen{min-height:300px}
/* Keep live demo controls and labels readable, including the smaller scenes. */
.screen-top,.screen-date,.screen-heading,.live-label,.reading-unit,.reading-unit>span,.air-badge,.metric-label,.screen-bottom strong span,.screen-bottom>.mini-trend,.dock-button,.device-brand,.demo-computer-title,.demo-computer-title>span,.demo-meter>span,.demo-computer-footer,.record-sleeve>span,.media-info>span,.media-info>p,.media-time,.media-controls,.media-controls>span:nth-child(2),.media-scene-note,.printer-info>span,.printer-info>p,.printer-status-row{font-size:12px}
.screen-date,.screen-heading,.live-label,.reading-unit,.reading-unit>span,.air-badge,.metric-label,.screen-bottom strong span,.screen-bottom>.mini-trend,.mini-trend>span:last-child,.dock-button,.device-brand,.demo-computer-title>span,.demo-meter>span,.demo-computer-footer,.record-sleeve>span,.media-info>span,.media-info>p,.media-time,.media-scene-note,.printer-info>p,.printer-status-row{color:#a4b8ad}
.screen-heading,.demo-computer-title>span,.demo-meter>span,.media-info>span{letter-spacing:0}
.device-brand{letter-spacing:2px}
.dock-button{min-height:32px;justify-content:center}
.screen-dock{gap:12px;height:44px}
.demo-content{padding-top:16px;height:calc(100% - 64px)}
.media-scene-note{line-height:1.5;margin-top:10px}
@media(max-width:1100px) and (min-width:721px){
  .hero{grid-template-columns:1fr;min-height:0;height:auto;gap:48px;padding-top:60px}
  .hero-copy{max-width:640px}.hero-visual{max-width:640px;margin:auto;min-height:440px}
  .device-stage{height:365px}.device{width:min(95%,550px)}
  .experience-layout{gap:28px}.connection-feature{grid-template-columns:1fr;gap:48px}
  .connection-diagram{min-height:200px}.brand-sub{margin-left:8px;padding-left:8px}
  .desktop-nav{gap:18px}.feature-grid{gap:18px}
}
@media(max-width:720px){
  :root{--section-space:76px}
  .family-bar{display:none}.site-header{height:64px;gap:8px}
  .brand-sub{letter-spacing:1px;margin-left:8px;padding-left:8px}
  .hero{height:auto;padding-top:44px;padding-bottom:76px}
  .hero h1{font-size:clamp(44px,13.8vw,60px);letter-spacing:-3px;line-height:1.2}
  .hero .eyebrow{max-width:330px;font-size:12px;letter-spacing:.3px;align-items:baseline}
  .hero-description{font-size:13px;line-height:2}.hero-disclaimer{font-size:12px}
  .hero-actions{gap:16px 22px;flex-wrap:wrap}.hero-actions .button{gap:24px}
  .hero-specs{gap:clamp(10px,4vw,23px)}.hero-specs>div>span{letter-spacing:0}
  .hero-visual{margin-top:44px}.visual-label{letter-spacing:1px}
  .device-stage{aspect-ratio:auto;height:auto;padding-bottom:40px;margin-top:22px}
  .device{width:96%;transform:rotate(-2deg);padding:10px 10px 0}
  .device-screen{aspect-ratio:auto;min-height:278px;padding:12px 12px 52px}
  .device-screen .demo-content{position:static;height:auto;padding-top:16px}
  .screen-top{font-size:12px}.screen-date{font-size:12px;margin-left:7px}
  .screen-heading{font-size:12px;letter-spacing:0}.live-label{padding:3px 6px}
  .co2-reading{gap:8px;margin:6px 0 0}.co2-reading>span:first-child{font-size:48px;letter-spacing:-3px}
  .reading-unit{font-size:12px;padding-top:0}.reading-unit>span{font-size:12px;letter-spacing:0}
  .air-badge{font-size:12px;padding:4px 6px;white-space:nowrap}
  .air-chart{height:26px;margin:4px 0}.screen-bottom{gap:20px}
  .metric-label,.screen-bottom strong span,.screen-bottom>.mini-trend{font-size:12px}
  .screen-bottom>.mini-trend{gap:6px}.screen-bottom strong{font-size:20px}
  .screen-dock{height:44px;left:8px;right:8px;gap:2px}
  .dock-button{font-size:12px;gap:4px;padding:8px 5px;min-height:40px;flex:1}
  .dock-button svg{width:13px;height:13px}.device-chin{height:28px}
  .device-stand{height:60px;bottom:0}.device-brand{font-size:12px}
  .visual-footer{margin:16px 0 0;gap:6px}.demo-note,.touch-hint{font-size:12px}
  .intro-band{align-items:flex-start;flex-direction:column;gap:12px;padding:28px 0}
  .intro-band p{font-size:20px}.intro-band .mobile-break{display:none}
  .intro-band>span{max-width:none;text-align:left;font-size:12px;letter-spacing:.5px}
  .section-heading{gap:18px;margin-bottom:28px}.section-heading h2{letter-spacing:-1px}
  .preview-well{padding:20px 16px}.preview-caption{letter-spacing:0}
  .experience-option{gap:12px;padding:22px 0}.experience-option small{font-size:13px}
  .feature,.connection-feature{padding:26px 20px 22px}
  .feature-grid{gap:20px}.connection-feature{margin-top:20px;gap:40px}
  .feature-bottom{letter-spacing:0}.flow-row{padding:12px 10px;gap:8px}
  .flow-row>span:nth-child(2){min-width:56px}.equalizer{gap:3px}
  .connection-diagram{padding-bottom:64px;min-height:185px}
  .connection-node{width:70px}.connection-node.node-screen{width:72px;height:66px}
  .connection-node>span{white-space:normal;width:84px;text-align:center;line-height:1.5;bottom:-42px}
  .connection-wire{min-width:4px;margin:0 5px}.connection-caption{font-size:12px;letter-spacing:0}
  .about h2{font-size:clamp(27px,7.7vw,34px);letter-spacing:-1px}
  .about-top{gap:16px}.about .section-index{max-width:340px}
  .follow-callout{padding:24px 20px}.follow-callout h3{font-size:23px}
  .site-footer>p{width:100%;margin:0;font-size:12px}
  .footer-links{gap:4px 24px}.footer-family{align-items:flex-start;flex-direction:column;gap:4px}
  .footer-products{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4px 24px}
  .site-footer .footer-end{font-size:12px;letter-spacing:0}
  .feed-address input{font-size:12px}.document-nav{gap:8px 20px;scroll-padding-top:16px}
  .document-nav a{min-height:32px}.document-section{scroll-margin-top:80px}
  .demo-computer-title{font-size:13px;flex-wrap:wrap;gap:6px;margin-bottom:16px}
  .demo-computer-title>span,.demo-meter>span,.demo-computer-footer{font-size:12px}
  .demo-meter strong{font-size:36px}.demo-computer-footer{margin-top:18px;gap:12px;line-height:1.6}
  .demo-media{gap:14px}.record-sleeve{width:30%;padding:8px;min-height:112px}
  .record-sleeve>span{font-size:12px;letter-spacing:0}.media-info{min-width:0}
  .media-info>span,.media-info>p,.media-time{font-size:12px}
  .media-info h4{font-size:17px;margin:8px 0;line-height:1.3}.media-timeline{margin:14px 0 6px}
  .media-controls{margin-top:12px;font-size:12px}.media-controls>span:nth-child(2){font-size:12px}
  .printer-demo{gap:14px;margin-top:14px}.printer-info>span,.printer-info>p,.printer-status-row{font-size:12px}
  .printer-info strong{font-size:36px}.printer-info>p{line-height:1.6;margin-top:8px}.printer-status-row{margin-top:14px;line-height:1.5}
}
@media(max-width:360px){
  .site-header .brand-sub{display:inline}.site-header .brand{font-size:14px;gap:5px}
  .site-header .brand-mark{width:23px}.nav-cta{padding:9px}.nav-cta span{padding-left:6px}
  .device-screen{min-height:296px}.screen-bottom{gap:14px}.screen-bottom>.mini-trend{max-width:70px}
  .screen-heading{gap:6px}.air-badge{white-space:normal;max-width:42px;text-align:center}
  .hero-specs strong{font-size:16px}.hero-specs strong span{font-size:12px}
  .document-nav{gap:8px 14px;font-size:12px}.feature-meta{letter-spacing:0}
  .flow-row{display:grid;grid-template-columns:22px 1fr auto}.flow-row>span:nth-child(3){grid-column:2;grid-row:2}
  .flow-row>span:last-child{grid-column:3;grid-row:1 / 3}.flow-meter{width:70px}
}

/* One shared disclosure moves into the product header on phones. */
.family-label-mobile{display:none}
.family-products{max-width:calc(100vw - 24px)}
.family-products a{gap:10px}
.product-dot{width:7px;height:7px;flex:none;border-radius:50%}
.product-drop{background:#8faeff}.product-ocr{background:#a8c8b2}.product-desk{background:var(--accent)}.product-api{background:#c0a5ed}.product-agent{background:#83cece}
.family-current{margin-left:auto;font-size:11px;color:var(--accent)}
.family-products a[aria-current]{background:#a0ead40b}
@media(max-width:720px){
  html{scroll-padding-top:80px}
  .site-header .brand{font-size:14px;gap:5px}
  .site-header .brand-mark{width:23px;height:23px}
  .site-header .brand-sub{font-size:9px;margin-left:6px;padding-left:6px;letter-spacing:1px}
  .site-header .family-menu{position:static;margin-right:auto;flex:none;font-size:11px}
  .family-menu summary{min-height:44px;padding:0 3px;gap:3px}
  .family-label-desktop{display:none}.family-label-mobile{display:inline}
  .family-products{top:calc(100% + 6px);left:6%;right:auto}
  .site-header .nav-cta{padding:9px;white-space:nowrap;font-size:10px}
  .site-header .nav-cta span{padding-left:6px}
  .document-page .site-header{gap:8px}
  .document-nav{top:64px}
}
@media(max-width:360px){.site-header .brand-sub{display:none}}
