@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1718;--surface:#142728;--line:#2a3b3b;--mint:#c1efbb;--text:#f3f1e8;--muted:#b2bdb5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;line-height:1.12;letter-spacing:-.055em}h2{font-size:clamp(2.25rem,4.3vw,4rem)}h3{font-size:1.6rem}em{font-style:normal;color:var(--mint)}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--mint);color:var(--bg);padding:10px}.skip:focus{top:12px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:24px;font-weight:700;letter-spacing:-1px;gap:8px}.brand>span{font-size:10px;align-self:flex-start;margin-top:8px}.brand svg{width:29px;fill:none;stroke:var(--mint);stroke-width:1.7}.nav nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}.nav nav a:hover{color:var(--mint)}.nav-cta{border:1px solid #76867a;border-radius:30px;padding:9px 21px;font-size:13px}.nav-cta span{margin-left:18px}.hero{min-height:740px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#0b1718 5%,#0b1718f0 30%,#0b171855 68%,#0b171820),linear-gradient(0deg,#0b1718 0%,transparent 25%),url(aquarium.jpg) center 69%/cover}.hero-content{position:relative;max-width:710px;padding:62px 0 75px;margin-left:8%}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;color:var(--mint);display:flex;align-items:center;gap:9px;margin-bottom:26px}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--mint);box-shadow:0 0 12px #c1efbb55;flex-shrink:0}h1{font-size:clamp(3.5rem,6.2vw,6.2rem);margin-bottom:26px;line-height:1.02;letter-spacing:-.065em}.hero-copy{max-width:410px;color:#d1d6cb;font-size:16px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 24px;border-radius:30px;cursor:pointer;font-size:13px;font-weight:700;line-height:1.4}.primary{background:var(--mint);color:#17251b}.button:hover{filter:brightness(1.08)}.text-link{font-size:13px;border-bottom:1px solid #789184;padding:9px 0}.text-link span{padding-left:14px}.hero-foot{font-size:9px;letter-spacing:2px;color:#9eafa4;margin:34px 0 0}.hero-readout{position:absolute;bottom:100px;right:8%;display:flex;align-items:center;gap:16px;border:1px solid #96bd9f55;background:#0c2422c9;backdrop-filter:blur(12px);padding:22px 28px;border-radius:12px}.hero-readout small{display:block;color:var(--mint);font-size:8px;letter-spacing:1.6px}.hero-readout strong{font-weight:400;font-size:15px}.readout-wave{font-size:42px;line-height:1;color:var(--mint);margin-left:18px}.photo-caption{position:absolute;right:5%;bottom:23px;font-size:9px;color:#b4c3b8}.feature-strip{display:flex;align-items:center;justify-content:center;gap:4%;padding:27px 5%;font-size:12px;color:#becbc0;border-bottom:1px solid var(--line)}.feature-strip i{font-style:normal;color:var(--mint);font-size:15px}.section{padding:105px 8%;scroll-margin-top:20px}.section-heading{max-width:810px}.section-heading h2{margin-bottom:22px}.section-heading h2 span,.app-intro h2 span{color:#a2b1a4}.section-heading>p:last-child{max-width:580px;color:var(--muted)}.kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;margin-top:65px}.controller-art{aspect-ratio:1/1;background:radial-gradient(ellipse at center,#2a4340,#152828 65%);border:1px solid var(--line);border-radius:4px;position:relative;display:grid;place-items:center;perspective:900px}.device{width:82%;padding:27px 22px 30px;border-radius:14px;background:linear-gradient(140deg,#364441,#152421 70%);transform:rotateX(15deg) rotateY(-10deg) rotateZ(-8deg);box-shadow:16px 27px 0 #101a18,20px 43px 38px #0008;border:1px solid #66756c}.device-top{display:flex;justify-content:space-between;align-items:center}.mini-brand{font-size:19px;letter-spacing:-1px;color:#dbe6da}.device-led{width:6px;height:6px;background:#baf2b5;border-radius:50%;box-shadow:0 0 10px #baf2b5}.device-middle{display:flex;justify-content:space-between;align-items:center;margin:35px 0 42px}.device-middle>span{font-size:7px;letter-spacing:1px;color:#97a99c}.vents{width:42%;height:24px;background:repeating-linear-gradient(90deg,#091613 0 3px,transparent 3px 7px)}.sockets{display:flex;gap:12px}.sockets>div{flex:1;text-align:center}.sockets span{display:block;font-size:7px;color:#c8d4c8;letter-spacing:.3px;margin-bottom:7px}.sockets i{display:block;aspect-ratio:1;background:radial-gradient(circle,#1a2622 52%,#35453e 56%,#0e1814 60%,#18251e 68%);border-radius:50%;color:#050c09;font-style:normal;font-size:32px;line-height:1.5}.illustration-note{position:absolute;bottom:20px;left:20px;right:20px;font-size:9px;color:#9eafa5;text-align:center}.pill{display:inline-block;border:1px solid #627765;border-radius:20px;padding:3px 12px;font-size:9px;letter-spacing:1.5px;color:var(--mint)}.kit-description h3{font-size:32px;margin:22px 0}.kit-description>p{color:var(--muted)}.included{list-style:none;padding:0;margin:25px 0}.included li{display:flex;gap:22px;padding:15px 0;border-top:1px solid var(--line)}.included li>span{font-size:11px;color:var(--mint);padding-top:4px}.included strong{font-size:14px;font-weight:500}.included p{font-size:12px;color:var(--muted);margin:4px 0 0;max-width:340px}.small-note{font-size:10px}.app-section{background:#102121;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.app-intro>p:not(.eyebrow){color:var(--muted);max-width:390px}.platforms{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.platforms span{border:1px solid #344b43;border-radius:20px;font-size:10px;padding:5px 12px;color:#afc0b1}.platforms b{color:var(--mint);font-weight:400}.app-benefits{margin-top:35px}.app-benefits>div{display:flex;gap:20px;margin-bottom:20px}.app-benefits>div>span{color:var(--mint);font-size:22px;min-width:23px}.app-benefits p{font-size:13px;color:var(--muted);margin:0}.app-benefits strong{font-weight:500;color:var(--text)}.dashboard{background:#0b191b;border:1px solid #456159;border-radius:25px;padding:27px;box-shadow:0 30px 60px #0004;max-width:480px}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.dash-title>span{display:flex;gap:8px;align-items:center}.dash-title small{font-size:8px;letter-spacing:1px;color:#8da69a}.gauges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 10px}.gauge{position:relative;aspect-ratio:1;min-width:0}.gauge svg{width:100%;display:block}.gauge>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.gauge small{font-size:11px;color:var(--muted)}.gauge strong{font-size:30px;line-height:1;font-weight:500;letter-spacing:-1px}.gauge sup{vertical-align:baseline;font-size:14px;letter-spacing:0}.gauge-sub{font-size:7px;color:var(--mint);max-width:95px;text-align:center}.ambient{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.ambient strong{color:var(--text);font-weight:400}.temperature-controls{margin:20px 0}.temperature-controls label{font-size:11px;display:block;margin-bottom:12px}input[type=range]{width:100%;accent-color:var(--mint);cursor:pointer}.temperature-controls>div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.fan{display:flex;gap:12px;align-items:center;background:#172d2c;border-radius:10px;padding:12px}.fan>span{font-size:28px;line-height:1;color:var(--muted)}.fan strong{font-size:11px;display:block;font-weight:500}.fan small{font-size:8px;color:var(--muted);display:block}.fan b{font-size:8px;margin-left:auto;color:#a7b5aa}.fan>span.spinning{animation:spin 1.4s linear infinite;color:var(--mint)}@keyframes spin{to{transform:rotate(360deg)}}.demo-switches{display:flex;gap:10px;margin-top:17px}.switch{display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px;border:1px solid #526259;background:#31433e;color:#e4e8df;border-radius:8px;padding:10px 12px;cursor:pointer;font-size:11px}.switch.on{background:var(--mint);color:#16261a;border-color:var(--mint)}.switch span{border-radius:20px;background:#10271c22;padding:2px 7px;font-size:8px}.demo-note{font-size:8px;color:#96ab9d;text-align:center;margin:17px 0 0}.steps h2{margin-bottom:50px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps-grid article{border-top:1px solid #4a5f53;padding-top:20px}.steps-grid article>span{font-size:11px;color:var(--mint)}.steps-grid h3{font-size:24px;margin:35px 0 15px}.steps-grid p{font-size:14px;color:var(--muted);max-width:300px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:9%;padding-top:80px}.faq>div>p:last-child{color:var(--muted);font-size:14px}.questions details{border-bottom:1px solid var(--line);padding:21px 0}.questions details:first-child{padding-top:0}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:var(--mint);font-size:22px;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:13px;color:var(--muted);margin:16px 30px 0 0}.launch{margin:0 5% 80px;padding:65px 4%;background:var(--mint);color:#17291c;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;border-radius:6px;align-items:center}.launch .eyebrow{color:#3e6547}.launch .dot{background:#3b6d45}.launch h2{font-size:clamp(2rem,3.6vw,3.5rem)}.launch em{color:#5b805b}.launch>div>p:last-child{font-size:12px;color:#3e6547}.launch-card{border-left:1px solid #84a77d;padding-left:35px}.launch-card .pill{color:#3e6547;border-color:#7da178}.launch-card h3{font-size:27px;margin:20px 0 15px}.launch-card p{font-size:12px}.launch-card .primary{background:#14291c;color:#e6f4df}.launch-card small{display:block;font-size:9px;color:#526e4f;margin-top:15px}footer{padding:0 8% 30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}footer>p{font-size:12px;color:var(--muted);margin:0}footer>a:last-of-type{font-size:11px}.footer-bottom{width:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin-top:25px;font-size:9px;color:#91a397}.footer-bottom a{text-decoration:underline}dialog{background:#142728;color:var(--text);border:1px solid #627765;border-radius:18px;padding:35px;max-width:min(450px,92vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:35px}dialog p:not(.eyebrow){font-size:14px;color:var(--muted)}.close{float:right;border:0;background:none;color:white;font-size:27px;cursor:pointer}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:850px}}
@media(max-width:1000px){.nav nav{gap:20px}.hero-readout{right:4%;bottom:75px;padding:15px}.hero-content{margin-left:6%}.section{padding:75px 6%}.kit-grid{gap:6%}.app-section{gap:6%}.dashboard{padding:20px}.gauge strong{font-size:24px}.launch{gap:25px}.feature-strip{gap:3%}.readout-wave{display:none}}
@media(max-width:720px){.nav{height:72px;padding:0 6%}.brand{font-size:22px}.nav nav{display:none}.nav-cta{font-size:10px;padding:9px 12px}.hero{min-height:auto}.hero-content{padding:48px 0 60px;margin:0 7%;max-width:90%}.hero-photo{background-position:62% 70%;opacity:.65}.hero-photo:after{content:'';position:absolute;inset:0;background:#0b171850}h1{font-size:clamp(3.2rem,11vw,5rem)}.hero-copy{max-width:330px;font-size:14px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-readout{display:none}.photo-caption{bottom:12px;font-size:7px}.feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;text-align:center;font-size:10px;padding:23px 5%}.feature-strip i{display:none}.section{padding:60px 7%}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:20px}.section-heading>p:last-child{font-size:14px}.kit-grid,.app-section,.faq,.launch{grid-template-columns:1fr}.kit-grid{gap:35px;margin-top:32px}.controller-art{max-width:480px}.kit-description h3{font-size:30px}.app-section{gap:35px}.dashboard{width:100%;justify-self:center}.gauge strong{font-size:32px}.gauge-sub{font-size:8px}.steps-grid{grid-template-columns:1fr;gap:24px}.steps-grid h3{margin:18px 0 10px}.steps-grid p{max-width:none}.faq{gap:22px}.launch{margin:0 5% 50px;padding:35px 7%;gap:15px}.launch-card{border-left:0;border-top:1px solid #84a77d;padding:25px 0 0}.launch h2{font-size:34px}footer{padding:0 7% 25px;align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:10px;margin-top:10px}.section h2{font-size:34px}.hero-foot{font-size:8px}.button{padding:14px 20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fan>span.spinning{animation:none}}