@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171614;--ink2:#24211d;--cream:#f2eadb;--paper:#faf7f0;--orange:#f28a35;--muted:#8c8579;--line:#ded6c8;--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.announcement{height:30px;background:var(--orange);display:flex;align-items:center;justify-content:center;gap:12px;font:500 9px 'DM Mono',monospace;letter-spacing:1.5px}.announcement span{font-weight:bold}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font:800 26px Manrope,sans-serif;letter-spacing:-1.8px}.brand span,.screen-mark span,.guide-mark span,.mini-screen span,.footer-brand span{color:var(--orange)}nav{display:flex;gap:34px;margin-left:70px}nav a,.footer-links a{font-size:12px;color:#625d55}nav a:hover,.footer-links a:hover{color:var(--orange)}.header-cta{font-size:11px;font-weight:700;border-bottom:1px solid var(--orange);padding:8px 0}.header-cta span,.button span,.card-link span{color:var(--orange);margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:22px}
.hero{min-height:590px;background:var(--ink);color:var(--cream);padding:85px 10% 75px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;overflow:hidden}.eyebrow{font:500 9px 'DM Mono',monospace;letter-spacing:1.5px;color:#81796d;display:flex;align-items:center;gap:10px}.eyebrow-line{width:24px;height:2px;background:var(--orange);display:inline-block}.hero .eyebrow{color:#b4a997}.hero h1,.section h2,.guide-band h2,.newsletter h2{font:700 clamp(42px,5vw,67px)/1.06 Manrope,sans-serif;letter-spacing:-3px;margin:25px 0 20px}.hero h1 em,.section h2 em,.guide-band h2 em,.newsletter h2 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:455px;color:#bdb4a6;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{display:inline-flex;align-items:center;padding:15px 19px;font-size:11px;font-weight:700;transition:.2s}.button-orange{background:var(--orange);color:var(--ink)}.button-orange:hover{background:#ff9d4c;transform:translateY(-2px)}.button-orange span{color:var(--ink)}.text-link{font-size:11px;color:#d7cdbd}.text-link span{color:var(--orange);margin-left:7px}.hero-note{margin-top:65px;color:#777166;font:9px 'DM Mono',monospace;letter-spacing:1.3px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:9px}
.hero-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid #39342e;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:440px;height:210px}.orbit-two{width:340px;height:330px;transform:rotate(45deg)}.art-card{position:absolute;border:1px solid #4a443a;background:#28251f;box-shadow:20px 25px 60px #0006}.card-back{width:210px;height:270px;right:6%;top:42px;transform:rotate(10deg);padding:20px}.art-label,.art-caption,.visual-tag,.visual-number{font:9px 'DM Mono',monospace;letter-spacing:1.4px}.art-label{color:#b6aa97}.power-bars{display:flex;gap:8px;align-items:end;height:135px;margin-top:28px}.power-bars i{display:block;width:24px;background:var(--orange);height:40%}.power-bars i:nth-child(2){height:75%}.power-bars i:nth-child(3){height:55%}.power-bars i:nth-child(4){height:90%}.power-bars i:nth-child(5){height:65%}.card-front{width:190px;height:260px;left:14%;top:85px;transform:rotate(-8deg);padding:13px}.device-top{display:flex;justify-content:space-between}.device-top span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.device-screen{height:195px;background:#eae0cd;color:var(--ink);margin-top:12px;padding:15px;position:relative}.screen-mark{font:800 25px Manrope}.screen-line{height:3px;width:80%;background:#c6baa6;margin-top:13px}.screen-line.short{width:48%;margin-top:6px}.screen-reading{position:absolute;bottom:12px;right:12px;font:700 37px Manrope}.screen-reading span{font-size:14px;color:#a46a35}.device-base{height:7px;background:#6c6253;margin:7px 18px}.art-sticker{position:absolute;right:0;bottom:28px;background:var(--orange);color:var(--ink);padding:13px 16px;font:10px/1.5 'DM Mono',monospace;transform:rotate(5deg);box-shadow:5px 7px 0 #0005}.art-sticker b{font-weight:500}.art-caption{position:absolute;bottom:0;left:10%;color:#756d61;font-size:8px}
.ticker{overflow:hidden;background:var(--orange);white-space:nowrap;padding:15px 0;font:10px 'DM Mono',monospace;letter-spacing:1.8px}.ticker div{text-align:center}.ticker span{padding:0 23px;color:#75421e}
.section{padding:105px 10%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px}.section h2,.guide-band h2,.newsletter h2{font-size:46px;margin:17px 0 0}.section-heading>p{max-width:365px;color:#777064;font-size:12px;line-height:1.8;margin:0 0 4px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.search-box{height:44px;display:flex;align-items:center;gap:10px;background:#fffdf8;border:1px solid var(--line);padding:0 14px;width:min(360px,100%)}.search-box>span{font-size:23px;color:#9a8f7e}.search-box input{border:0;outline:0;background:transparent;width:100%;font:11px 'DM Sans';color:var(--ink)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:10px 13px;font:10px 'DM Sans';color:#756e62;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.comparison-card{background:var(--white);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #21190e12}.card-visual{height:205px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.power-visual{background:#ded8ca}.thermostat-visual{background:#e8dfd0}.camera-visual{background:#d6d0c4}.visual-tag{position:absolute;left:17px;top:16px;color:#665d50;font-size:8px}.visual-number{position:absolute;right:16px;bottom:13px;color:#786e5f;font-size:24px;opacity:.55}.mini-device{width:190px;height:105px;background:#24221e;border:5px solid #3b3831;border-radius:10px;transform:rotate(-7deg);box-shadow:12px 15px 25px #0003;padding:12px;display:flex;justify-content:space-between;align-items:center}.mini-screen{background:#d9d0bf;width:100px;height:66px;padding:8px;font:700 11px Manrope}.mini-screen small{display:block;font:7px 'DM Mono';margin-top:12px;color:#6c6254}.mini-ports{display:flex;flex-direction:column;gap:6px}.mini-ports i{width:12px;height:7px;background:#aaa08f;border-radius:2px}.thermostat{width:140px;height:140px;border-radius:50%;background:#f8f5ed;box-shadow:10px 15px 22px #0002;display:grid;place-items:center}.thermo-ring{width:117px;height:117px;border-radius:50%;border:5px solid #b7aa95;display:grid;place-items:center}.thermo-face{text-align:center;display:flex;flex-direction:column;gap:2px}.thermo-face small{font:7px 'DM Mono';color:#857967}.thermo-face b{font:700 34px Manrope}.camera-shape{width:120px;height:85px;border-radius:40px;background:#292722;box-shadow:12px 15px 22px #0003;position:relative;display:grid;place-items:center;transform:rotate(-8deg)}.camera-lens{width:48px;height:48px;border:7px solid #aaa18f;border-radius:50%;background:#171614;box-shadow:inset 0 0 0 5px #39352d}.camera-foot{position:absolute;bottom:-24px;width:58px;height:25px;background:#b2a794;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.card-content{padding:20px}.card-meta{display:flex;justify-content:space-between;color:#9a8f7e;font:8px 'DM Mono';letter-spacing:1px}.read-time{color:#b6a995}.card-content h3{font:700 17px/1.35 Manrope;letter-spacing:-.4px;margin:17px 0 9px}.card-content p{font-size:11px;line-height:1.7;color:#777064;min-height:55px}.card-link{display:inline-block;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);width:100%;font-size:10px;font-weight:700}.empty-state{padding:35px;text-align:center;color:#777}.starter-note{display:flex;gap:14px;align-items:center;margin-top:28px;padding:16px 18px;background:#eee7da;color:#756d60}.note-icon{width:22px;height:22px;flex:none;border:1px solid #b8a88f;border-radius:50%;display:grid;place-items:center;font:12px 'DM Mono'}.starter-note p{margin:0;font-size:10px;line-height:1.7}.starter-note b{color:var(--ink)}
.guide-band{background:var(--ink);color:var(--cream);padding:65px 10%;display:grid;grid-template-columns:70px 1.1fr 1fr auto;align-items:center;gap:30px}.guide-mark{font:800 43px Manrope;letter-spacing:-4px}.guide-band h2{font-size:34px;letter-spacing:-1.7px;margin:14px 0 0}.guide-band>p,.newsletter>p{font-size:11px;line-height:1.8;color:#b7ad9e;max-width:300px}.eyebrow.light{color:#a79c8b}.button-cream{background:var(--cream);color:var(--ink);white-space:nowrap}.button-cream:hover{background:#fff}.process-section{padding-top:95px;padding-bottom:100px}.section-heading.compact{margin-bottom:50px}.section-heading.compact h2{font-size:42px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{padding:25px 25px 0 0}.step>span{font:11px 'DM Mono';color:var(--orange)}.step h3{font:700 17px Manrope;margin:24px 0 9px}.step p{max-width:270px;font-size:11px;line-height:1.8;color:#777064}
.newsletter{background:#e8dfd0;padding:70px 10%;display:flex;justify-content:space-between;align-items:center;gap:40px}.newsletter h2{font-size:39px}.newsletter>p{color:#71695d;max-width:330px}
.site-footer{background:var(--ink);color:var(--cream);padding:38px 10% 25px;display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:center}.footer-brand{font-size:22px}.site-footer>p{font-size:10px;color:#9d9487}.footer-links{display:flex;gap:20px}.footer-links a{color:#b7ad9e;font-size:10px}.site-footer small{grid-column:1/-1;border-top:1px solid #37332d;padding-top:18px;color:#756e63;font-size:9px}
@media(max-width:900px){.hero{padding-left:7%;padding-right:7%;gap:10px}.section{padding-left:7%;padding-right:7%}.comparison-grid{grid-template-columns:repeat(2,1fr)}.guide-band{grid-template-columns:50px 1fr 1fr}.guide-band .button{grid-column:2/-1;justify-self:start}.site-header{padding:0 6%}nav{margin-left:0;gap:18px}}
@media(max-width:650px){.announcement{font-size:8px}.site-header{height:68px}.site-header nav,.header-cta{display:none}.menu-toggle{display:block;color:var(--ink)}nav.mobile-open{display:flex;position:absolute;top:98px;left:0;right:0;background:var(--paper);z-index:5;padding:20px 7%;flex-direction:column;border-bottom:1px solid var(--line)}.hero{display:block;padding:65px 7% 45px}.hero h1{font-size:48px}.hero-art{height:330px;margin-top:25px;transform:scale(.9)}.hero-note{margin-top:35px}.section{padding:72px 7%}.section-heading{display:block}.section-heading>p{margin-top:20px}.section h2{font-size:40px}.toolbar{display:block}.filters{margin-top:13px}.comparison-grid{grid-template-columns:1fr}.card-visual{height:220px}.guide-band{padding:50px 7%;grid-template-columns:45px 1fr;gap:18px}.guide-band>p{grid-column:2;margin:0}.guide-band .button{grid-column:2}.steps{grid-template-columns:1fr}.step{padding:22px 0;border-bottom:1px solid var(--line)}.step h3{margin:12px 0 5px}.newsletter{padding:55px 7%;display:block}.newsletter h2{font-size:35px}.newsletter>p{margin-top:25px}.site-footer{padding:35px 7% 22px;grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.site-footer small{grid-column:1}.footer-brand{margin-bottom:4px}}