@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--green:#093e32;--ink:#142a23;--muted:#64716a;--paper:#f7f8f6;--lime:#b6f1ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #47bd83;outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:99}.skip:focus{top:12px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:-1px}.mark{display:inline-block;font-weight:800;font-size:34px;letter-spacing:-5px;position:relative;padding-right:6px;line-height:1}.mark span{position:absolute;width:5px;height:5px;right:-1px;top:3px;background:#38a971;border-radius:50%}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:#188157}.nav-cta{border:1px solid #ced5ce;padding:12px 19px;border-radius:30px;font-size:14px}.nav-cta span{margin-left:20px}.hero{height:min(810px,calc(100svh - 88px));min-height:650px;position:relative;background:#0d1715;color:white;overflow:hidden;margin:0 16px;border-radius:14px}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center 54%}.hero-shade{background:linear-gradient(90deg,rgba(7,22,17,.94),rgba(7,22,17,.58) 42%,transparent 74%),linear-gradient(0deg,rgba(7,22,17,.72),transparent 30%)}.hero-copy{position:relative;padding:84px 5%;width:70%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#a2edbc;box-shadow:0 0 15px #64dd95}.hero h1{font-size:clamp(48px,5.35vw,82px);letter-spacing:-3px;line-height:1.21;font-weight:500;margin:30px 0 23px}em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:18px;line-height:1.85;color:#d3ddd7;margin-bottom:32px}.button{display:inline-flex;gap:45px;align-items:center;padding:17px 24px;border-radius:40px;font-size:14px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#c9f8dc}.light{background:#f6faf7;color:#153c2c}.hero-note{display:flex;gap:14px;align-items:center;font-size:12px;color:#d0dcd5;line-height:1.8;margin-top:43px}.small-orbit{font-size:38px;color:#91b6a1}.floating-label{position:absolute;right:6%;bottom:24%;display:flex;align-items:center;gap:18px;padding:21px 26px;border:1px solid #ffffff35;background:#11362870;backdrop-filter:blur(15px);border-radius:12px}.floating-label small{display:block;letter-spacing:1.7px;font-size:10px;margin-bottom:8px;color:#c0dfcc}.floating-label span{font-size:14px}.wave{display:flex;align-items:center;gap:4px;height:33px}.wave i{width:3px;background:#b6f1ce;height:13px;border-radius:4px;animation:wave 2s ease-in-out infinite alternate}.wave i:nth-child(2),.wave i:nth-child(4){height:24px;animation-delay:.3s}.wave i:nth-child(3){height:34px;animation-delay:.6s}.hero-bottom{position:absolute;bottom:26px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#ccd5ce}.hero-bottom a{font-size:20px;border:1px solid #ffffff50;border-radius:50%;width:38px;height:38px;text-align:center;padding:5px}.section{padding:100px max(6%,calc((100vw - 1280px)/2))}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:110px;padding-bottom:100px;border-bottom:1px solid #dde3dc}.dark{color:#5c7568}h2{font-size:clamp(32px,3.4vw,51px);letter-spacing:-1.8px;line-height:1.35;font-weight:500;margin:22px 0}h2 span{color:#8a9990}.intro h2{margin-top:-9px}.intro p{max-width:650px;line-height:1.9;color:var(--muted);font-size:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading p{font-size:14px;line-height:1.85;color:var(--muted);padding-bottom:10px}.demo{display:grid;grid-template-columns:34% 66%;border-radius:18px;overflow:hidden;background:#e9ede8}.demo-controls{padding:38px 32px;display:flex;flex-direction:column}.demo-tag{font-size:10px;letter-spacing:1.5px;color:#536d60}.scene-options{display:grid;gap:12px;margin-top:45px}.scene{display:flex;align-items:center;gap:15px;border:1px solid #ced7cf;background:transparent;border-radius:10px;padding:22px 18px;text-align:left;color:#435e50;cursor:pointer;font-size:16px;transition:background .2s,color .2s}.scene>span:first-child{font-size:11px;opacity:.6}.scene>span:last-child{margin-left:auto}.scene.selected{background:var(--green);color:white;border-color:var(--green)}.scene:hover:not(.selected){background:#dce5dc}.demo-disclaimer{font-size:12px;color:#6a7b6f;line-height:1.8;margin:35px 0 0}.demo-result{min-height:535px;position:relative;padding:28px 35px 25px;color:#edf6ef;background:radial-gradient(ellipse at 50% 30%,#195943 0%,#082f25 52%,#08271f 100%);transition:background .5s}.demo[data-scene=relax] .demo-result{background:radial-gradient(ellipse at 50% 30%,#31584e,#122c26 65%)}.demo[data-scene=sleep] .demo-result{background:radial-gradient(ellipse at 50% 30%,#213d40,#091c1d 65%)}.result-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#a6c1b1}.orb{width:130px;height:130px;display:grid;place-items:center;border-radius:50%;margin:35px auto 22px;border:1px solid #91e4b33d;box-shadow:0 0 0 15px #95e0b105,0 0 0 30px #95e0b103,0 0 55px #6ede9930}.orb div{height:90px;width:90px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d8fbe1,#66b990 30%,#1a6044 67%,#143929);box-shadow:inset -10px -10px 20px #001d1b60,0 0 22px #8bc9a650;animation:breathe 5s ease-in-out infinite}.conversation{text-align:center}.conversation>p:first-child{font-size:14px;color:#b6cdbf;margin:0}.conversation h3{font-size:29px;font-weight:450;letter-spacing:-1px;margin:12px 0}.conversation #detail{font-size:14px;line-height:1.8;color:#b6cdbf;min-height:50px}.device-states{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff20;padding-top:24px;margin-top:29px}.device-states div{text-align:center;border-right:1px solid #ffffff20}.device-states div:last-child{border:0}.device-states span{display:block;font-size:11px;color:#a8beb0;margin-bottom:9px}.device-states strong{font-weight:450;font-size:14px}.ecosystem{padding-top:20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-grid article{padding:32px;background:#edf0eb;border:1px solid #e1e6df;border-radius:14px}.product-number{font-size:10px;letter-spacing:1.5px;color:#63776b}.product-symbol{font-size:70px;font-weight:400;margin:45px 0 34px;color:#3d7458;line-height:1}.product-grid h3{font-size:22px;font-weight:500;letter-spacing:-.7px}.product-grid p{font-size:14px;line-height:1.85;color:#65776a;min-height:100px}.product-label{display:block;font-size:10px;letter-spacing:1.7px;border-top:1px solid #cdd7cc;padding-top:24px;margin-top:27px}.product-grid .featured{background:#104634;color:#f2f6f1;border-color:#104634}.featured .product-number,.featured p{color:#b1c8b9}.featured .product-symbol{color:#baecc9}.featured .product-label{border-color:#ffffff30}.closing{background:#0a382b;color:white;position:relative;overflow:hidden;margin:0 16px;border-radius:14px;padding-bottom:120px}.closing h2{font-size:clamp(42px,4.8vw,72px);position:relative;z-index:1}.closing p{font-size:16px;line-height:1.9;color:#bccfc2;position:relative;z-index:1;margin-bottom:30px}.closing-word{font-size:clamp(110px,21vw,320px);letter-spacing:-15px;position:absolute;right:-20px;bottom:-40px;font-weight:650;color:#ffffff05;pointer-events:none}.closing .button{position:relative;z-index:1}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:40px 6%}footer>span{font-size:11px;color:#728074}footer .brand{font-size:18px}@keyframes wave{to{transform:scaleY(.55)}}@keyframes breathe{50%{transform:scale(1.06);filter:brightness(1.12)}}
@media(min-width:1600px){.hero-copy{padding-left:max(5%,calc((100vw - 1280px)/2))}}@media(max-width:900px){nav{gap:20px}.hero{min-height:670px}.hero-copy{width:85%;padding-top:65px}.floating-label{right:5%;bottom:16%;padding:15px}.hero-bottom>span:nth-child(2){display:none}.hero-note{margin-top:28px}.section{padding:70px 6%}.intro{grid-template-columns:1fr;gap:28px}.section-heading{align-items:start}.section-heading p{max-width:220px}.demo{grid-template-columns:38% 62%}.demo-controls{padding:30px 20px}.demo-result{padding:25px 20px}.product-grid article{padding:24px}.product-grid h3{font-size:20px}.product-grid p{min-height:140px}.ecosystem{padding-top:10px}footer{flex-wrap:wrap}}@media(max-width:600px){header{height:76px;padding:0 6%}.brand{font-size:20px}nav{display:none}.nav-cta{font-size:12px;padding:10px 14px}.nav-cta span{margin-left:8px}.hero{margin:0 8px;min-height:720px;height:calc(100svh - 84px);max-height:850px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#071611df,#07161165),linear-gradient(0deg,#07161199,transparent 45%)}.hero-copy{padding:60px 7%;width:100%}.hero h1{font-size:46px;letter-spacing:-2px;line-height:1.28}.hero-copy>p{font-size:16px}.hero-note{margin-top:30px}.floating-label{left:7%;right:auto;bottom:12%;padding:15px 19px}.hero-bottom{bottom:17px;left:7%;right:7%}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-bottom{font-size:9px}.section{padding:62px 7%}h2{font-size:32px;letter-spacing:-1.3px}.intro p{font-size:15px}.section-heading{display:block;margin-bottom:25px}.section-heading p{max-width:none}.demo{display:block}.demo-controls{padding:25px 18px}.scene-options{display:flex;margin-top:22px;gap:8px}.scene{padding:14px 9px;justify-content:center;flex:1;font-size:12px;gap:0}.scene>span{display:none}.demo-disclaimer{font-size:11px;margin-top:18px}.demo-disclaimer br{display:none}.demo-result{min-height:500px;padding:25px 17px}.conversation h3{font-size:26px}.device-states strong{font-size:12px}.product-grid{grid-template-columns:1fr}.product-grid article{padding:28px}.product-symbol{margin:28px 0;font-size:62px}.product-grid p{min-height:0}.product-grid h3{font-size:23px}.ecosystem{padding-top:0}.closing{margin:0 8px;padding-bottom:80px}.closing h2{font-size:42px}.closing p{font-size:14px}.closing-word{letter-spacing:-6px;bottom:0}footer{padding:32px 7%;display:grid;gap:20px}footer>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
