:root{color-scheme:dark;--bg:#071d20;--cream:#f2f1e7;--muted:#a4b4ac;--lime:#d9efa8;--line:rgba(232,244,221,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
::selection{background:#d9efa8;color:#0a2223}
.site-shell{overflow:hidden;background:radial-gradient(ellipse 600px 430px at 83% 10%,rgba(63,110,84,.17),transparent 75%),radial-gradient(ellipse 480px 380px at -10% 40%,rgba(46,84,76,.1),transparent 75%),var(--bg)}
.wrap{width:min(100% - 80px,1280px);margin-inline:auto}
.site-header{height:103px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.075)}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:670;letter-spacing:-.075em;font-size:30px;line-height:1}
.brand-dot{color:var(--lime)}
.brand-mark{width:26px;height:29px;display:inline-flex;align-items:flex-end;gap:3px;transform:skew(-13deg)}
.brand-mark span{display:block;width:6px;background:var(--lime);border-radius:5px}.brand-mark span:nth-child(1){height:13px}.brand-mark span:nth-child(2){height:26px}.brand-mark span:nth-child(3){height:19px}
.header-nav{display:flex;align-items:center;gap:42px;font-size:13px;font-weight:540;color:#d9e1d8}.header-nav>a:hover,.text-link:hover{color:var(--lime)}
.header-nav .nav-signin{border:1px solid rgba(239,249,232,.24);padding:13px 19px;border-radius:100px;display:inline-flex;gap:25px;align-items:center;transition:background .2s,border-color .2s}.header-nav .nav-signin:hover{background:rgba(255,255,255,.07);border-color:var(--lime)}
.hero{min-height:700px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;padding-block:58px 70px;position:relative}
.hero-copy{position:relative;z-index:2;padding-bottom:22px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.21em;font-weight:730;color:var(--lime);text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.14em;background:rgba(215,241,168,.065);border:1px solid rgba(215,241,168,.13);border-radius:100px;padding:10px 15px}
.status-pulse{width:6px;height:6px;background:#c9ef9d;border-radius:50%;box-shadow:0 0 0 5px rgba(201,239,157,.12)}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(68px,6.6vw,108px);font-weight:500;letter-spacing:-.078em;line-height:.99;margin:30px 0 27px;white-space:nowrap}.hero h1 em,.section-heading h2 em,.statement h2 em,.access h2 em{font-family:Georgia,Times,serif;font-weight:400;letter-spacing:-.06em;color:var(--lime)}
.hero-description{max-width:460px;color:#b1c0b7;font-size:16px;line-height:1.9;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{border:0;border-radius:100px;display:inline-flex;align-items:center;justify-content:space-between;gap:23px;font-weight:650;font-size:12px;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#102a28;padding:19px 23px;box-shadow:0 12px 42px rgba(172,216,128,.1)}.button-primary:hover{background:#e8f8bf;box-shadow:0 14px 45px rgba(172,216,128,.22)}.button span{font-size:17px;font-weight:400;line-height:0}.text-link{font-size:12px;font-weight:650;white-space:nowrap;display:inline-flex;align-items:center;gap:9px}.text-link span{font-size:17px;color:var(--lime)}.hero-note{margin-top:95px;color:#8b9f96;font-size:11px;letter-spacing:.04em;display:flex;align-items:center;gap:14px}.note-line{display:block;width:37px;height:1px;background:#aecb9b}
.hero-art{height:620px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-halo{position:absolute;width:610px;height:610px;border-radius:50%;background:radial-gradient(circle at 52% 49%,rgba(129,162,122,.19),rgba(96,140,108,.09) 38%,rgba(45,86,77,.05) 56%,transparent 72%);filter:blur(9px)}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(171,209,160,.09)}.orbit-one{width:625px;height:625px}.orbit-two{width:510px;height:510px}.hero-art:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(145deg,rgba(189,219,153,.11),rgba(31,74,65,.11));filter:blur(50px);z-index:-1}
.dashboard{width:390px;height:590px;position:relative;border-radius:30px;background:linear-gradient(160deg,#f8f8f1,#edf0e9);color:#1c342e;padding:24px;box-shadow:0 46px 100px rgba(0,0,0,.38),0 0 0 8px rgba(226,241,214,.055),inset 0 0 0 1px rgba(255,255,255,.8);transform:rotate(3deg);overflow:hidden}.dashboard:before{content:"";position:absolute;width:185px;height:185px;right:-85px;top:125px;background:#d3e6c7;filter:blur(65px);opacity:.9}.dashboard>*{position:relative}.dashboard-top{display:flex;align-items:center;justify-content:space-between}.dashboard-brand{font-weight:790;letter-spacing:-.075em;font-size:19px}.tiny-mark{font-size:18px;color:#66835c;vertical-align:1px}.dashboard .brand-dot{color:#94a864}.avatar{width:28px;height:28px;display:grid;place-items:center;background:#d8ddcc;border-radius:50%;font-size:11px;font-weight:700}.dashboard-intro{margin-top:29px}.dashboard-intro small{color:#88958a;font-size:9px;font-weight:750;letter-spacing:.15em}.dashboard-intro h2{font-size:22px;letter-spacing:-.045em;line-height:1.15;margin:7px 0 5px}.dashboard-intro p{color:#89958a;font-size:11px}.wave{color:#9eae6d;font-size:18px}.dashboard-overview{display:grid;grid-template-columns:1.03fr .97fr;gap:9px;margin-top:25px}.temperature-card{height:155px;border-radius:18px;background:#dce9cc;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.card-upper{font-size:9px;font-weight:700;display:flex;flex-direction:column;gap:6px}.card-icon{font-size:17px}.more-dots{float:right;color:#849879;font-size:15px;line-height:0}.temperature-value{font-size:54px;line-height:1;letter-spacing:-.075em;font-weight:560}.temperature-value span{font-size:30px;vertical-align:top;letter-spacing:0}.temperature-bottom{font-size:8px;display:flex;align-items:end;justify-content:space-between;color:#728772}.temperature-bars{display:flex;gap:2px;align-items:end;height:13px}.temperature-bars i{width:3px;background:#6a8a6c;border-radius:2px;height:5px}.temperature-bars i:nth-child(2){height:8px}.temperature-bars i:nth-child(3){height:12px}.temperature-bars i:nth-child(4){height:9px}.temperature-bars i:nth-child(5){height:6px}.small-cards{display:grid;gap:9px}.mini-card{height:73px;background:white;border-radius:16px;display:flex;align-items:center;gap:8px;padding:11px;font-weight:750;font-size:10px;box-shadow:0 4px 20px rgba(37,72,45,.025)}.mini-card small{display:block;font-size:8px;color:#939e93;font-weight:500;margin-top:4px}.mini-icon{display:grid;place-items:center;width:26px;height:26px;background:#f0e7cd;border-radius:9px;color:#b9a867;font-size:15px;flex:none}.leaf-icon{background:#e6eee0;color:#8ca07b}.toggle{margin-left:auto;width:20px;height:12px;background:#a6bf82;border-radius:12px;position:relative;flex:none}.toggle:after{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;border-radius:50%;background:#fff}.quality-dot{width:7px;height:7px;margin-left:auto;background:#a6bf82;border-radius:50%;flex:none}.dashboard-section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 13px;font-size:11px;font-weight:800}.dashboard-section-title>span+span{color:#849282;font-size:9px;font-weight:600}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.room{height:128px;border-radius:16px;background:#687d6a;overflow:hidden;position:relative;padding:12px;color:white;display:flex;flex-direction:column;align-items:start;justify-content:flex-end}.room-living{background:linear-gradient(135deg,#85967b,#3c554f)}.room-bedroom{background:linear-gradient(135deg,#b2ae91,#69736e)}.room-glow{position:absolute;width:160px;height:110px;top:-25px;left:15px;border-radius:50%;transform:rotate(-22deg);background:radial-gradient(ellipse,#d7deb2a8,transparent 70%);filter:blur(8px)}.room-bedroom .room-glow{background:radial-gradient(ellipse,#e8d9a59c,transparent 70%)}.room-icon{position:absolute;top:11px;right:13px;font-size:15px}.room strong{position:relative;font-size:11px}.room small{position:relative;font-size:8px;margin-top:3px;color:rgba(255,255,255,.8)}.dashboard-tabs{display:flex;justify-content:space-between;border-top:1px solid #e5e9e0;margin-top:19px;padding:14px 7px 0;color:#aab5a9;font-size:17px;text-align:center}.dashboard-tabs span{display:flex;flex-direction:column;align-items:center;line-height:1}.dashboard-tabs small{font-size:7px;margin-top:5px}.dashboard-tabs .tab-active{color:#567358}
.floating-label{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid rgba(230,246,219,.24);background:rgba(20,45,42,.88);backdrop-filter:blur(15px);border-radius:13px;color:#aebeb1;font-size:9px;line-height:1.5;box-shadow:0 17px 45px rgba(0,0,0,.22)}.floating-label strong{color:#f3f6e8;font-size:11px}.floating-label-left{top:155px;left:-28px;transform:rotate(-6deg)}.floating-label-right{bottom:125px;right:-34px;transform:rotate(5deg)}.floating-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#d7e9b4;color:#536a4e;font-size:18px;line-height:1}.comfort-icon{background:#dbe5d0}
.experience{padding-block:95px 125px;border-top:1px solid rgba(255,255,255,.08)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px}.section-heading h2,.statement h2,.access h2{font-weight:510;font-size:clamp(40px,4.4vw,66px);letter-spacing:-.065em;line-height:1.1;margin:21px 0 0}.section-heading>p{max-width:280px;font-size:13px;color:#a5b5ab;line-height:1.85;margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{min-height:295px;background:linear-gradient(145deg,rgba(255,255,255,.054),rgba(255,255,255,.023));border:1px solid rgba(229,246,222,.1);border-radius:18px;padding:27px 29px;position:relative;transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(217,239,168,.38)}.feature-symbol{font-family:Georgia,serif;color:var(--lime);font-size:38px;height:82px}.climate-symbol{font-size:46px;line-height:.7}.feature-number{font-size:9px;color:#9cac9f;letter-spacing:.16em;font-weight:720}.feature-card h3{font-size:24px;letter-spacing:-.045em;font-weight:540;margin:16px 0 10px}.feature-card p{max-width:260px;color:#9fb0a5;font-size:12px;line-height:1.8;margin:0}.feature-arrow{position:absolute;right:28px;bottom:28px;color:var(--lime);font-size:19px}
.statement{min-height:420px;border-radius:22px;background:radial-gradient(circle at 82% 55%,#779b83 0,#41685d 19%,#254841 45%,#193b37 75%);position:relative;overflow:hidden;padding:64px 72px;display:flex;align-items:center}.statement-orb{position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid rgba(235,255,216,.18);right:-53px;top:-72px;box-shadow:0 0 0 70px rgba(230,250,208,.035),0 0 0 150px rgba(230,250,208,.025)}.statement-content{position:relative;z-index:1}.statement h2{font-size:clamp(38px,4.2vw,61px);margin:22px 0}.statement h2 em{color:#e3f2b8}.statement p{color:#c4d9cf;font-size:13px;line-height:1.8;margin-bottom:25px}.button-light{background:#e6f3c1;color:#1b3d35;padding:16px 21px}.button-light:hover{background:white}.statement-decoration{position:absolute;right:120px;top:90px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(235,255,216,.33);transform:rotate(-26deg)}.statement-decoration span{position:absolute;inset:20px;border:1px solid rgba(235,255,216,.25);border-radius:50%}.statement-decoration span:nth-child(2){inset:55px}.statement-decoration span:nth-child(3){inset:92px;background:#d8e8ae;box-shadow:0 0 65px #d8e8ae99}
.access{padding-block:150px 155px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.access h2{font-size:clamp(58px,5.3vw,82px);margin-top:25px}.access-copy>p{color:#a8baaf;font-size:14px;margin-top:25px}.access-decoration{display:flex;align-items:center;gap:14px;margin-top:95px;color:#92a69a;font-size:10px;letter-spacing:.05em}.access-decoration>span:first-child{color:var(--lime);font-size:28px}.access-decoration i{height:1px;width:58px;background:#637f6b}.login-card{background:#f4f4eb;color:#18332d;border-radius:23px;padding:37px 42px 28px;max-width:460px;width:100%;justify-self:end;box-shadow:0 30px 75px rgba(0,0,0,.14)}.login-card-heading{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.17em;font-weight:800;color:#729075}.login-icon{font-size:20px;color:#7c9a73}.login-card h3{font-size:35px;font-weight:560;letter-spacing:-.06em;margin:28px 0 6px}.login-subtitle{color:#839089;font-size:12px;margin-bottom:31px}.login-card form{display:flex;flex-direction:column}.login-card label{font-size:11px;font-weight:760;margin:0 0 9px}.login-card input{width:100%;height:48px;outline:none;border:1px solid #dce2d8;border-radius:9px;background:#fff;color:#18332d;padding:0 15px;font-size:12px;transition:border-color .2s,box-shadow .2s}.login-card input::placeholder{color:#a9b3a8}.login-card input:focus{border-color:#7b9d72;box-shadow:0 0 0 3px rgba(123,157,114,.14)}.login-card input[aria-invalid=true]{border-color:#bb725f}.login-card input[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(187,114,95,.13)}.login-card label:not(:first-child){margin-top:19px}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:11px;top:7px;border:0;background:transparent;color:#829489;width:34px;height:34px;display:grid;place-items:center;border-radius:7px}.password-toggle:hover{background:#f0f4ed;color:#315a48}.form-error{font-size:11px;color:#a84737;margin:11px 0 0}.form-error[hidden]{display:none}.button-submit{width:100%;margin-top:23px;background:#173e37;color:#fff;padding:18px 20px}.button-submit:hover{background:#28584a}.login-footnote{text-align:center;color:#97a397;font-size:10px;margin:22px 0 0}.login-footnote span{font-size:15px;vertical-align:-1px;margin-right:5px}
.site-footer{min-height:102px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8da296;font-size:11px}.site-footer .brand{color:var(--cream);font-size:23px}.site-footer .brand-mark{transform:skew(-13deg) scale(.75);transform-origin:left center;margin-right:-5px}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1100px){.hero h1{font-size:clamp(60px,6.9vw,82px)}.hero-art{transform:scale(.88);transform-origin:center}.floating-label-left{left:-60px}.floating-label-right{right:-55px}.hero-note{margin-top:60px}}
@media(max-width:800px){.wrap{width:min(100% - 40px,620px)}.site-header{height:78px}.header-nav{gap:15px}.header-nav>a:not(.nav-signin){display:none}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:72px 35px}.hero h1{font-size:clamp(60px,12vw,90px)}.hero-description{max-width:540px}.hero-note{display:none}.hero-art{margin-top:35px;transform:scale(.94);height:580px}.experience{padding-block:75px 90px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p{max-width:460px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:225px}.feature-symbol{height:62px}.statement{padding:50px 36px;min-height:380px}.statement-decoration{right:-100px;opacity:.4}.access{padding-block:100px;grid-template-columns:1fr;gap:40px}.access-decoration{display:none}.login-card{justify-self:start;max-width:500px}.site-footer{gap:14px;flex-wrap:wrap;padding-block:25px}}
@media(max-width:480px){.brand{font-size:26px}.header-nav .nav-signin{padding:11px 14px;gap:15px}.hero{padding-top:55px}.hero h1{font-size:clamp(52px,13.2vw,70px);white-space:normal}.hero-description{font-size:14px;line-height:1.8}.hero-actions{gap:19px}.button-primary{padding:17px 19px}.hero-art{width:390px;left:50%;margin-left:-195px;transform:scale(.78);height:480px;margin-top:0}.floating-label-left{left:-38px}.floating-label-right{right:-32px}.section-heading h2,.statement h2{font-size:clamp(37px,10vw,51px)}.statement{width:100%;border-radius:0;padding:65px 24px}.statement p{max-width:270px}.access h2{font-size:62px}.login-card{padding:30px 25px}.site-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}