/* App-inspired ice, aqua and mint. Layered over the product layout. */
:root{color-scheme:light;--ink:#18354b;--muted:#5c778c;--cyan:#24cbd7;--cyan-dark:#098c9f;--accent:#26cdda;--surface:#ffffffaa;--line:#387f9c20;--glass:#ffffffb5;--hero-panel:#b9e7fa;--gauge-center:#d9f0fa}
body{background:radial-gradient(ellipse at 0% 10%,#a3f3f057,transparent 35%),radial-gradient(ellipse at 100% 45%,#cad9fb70,transparent 40%),#edf6fc;color:var(--ink)}body:before{position:fixed;height:100vh;background:radial-gradient(ellipse at 80% 20%,#67dbf333,transparent 50%),radial-gradient(ellipse at 10% 80%,#ffcc9724,transparent 50%);z-index:-1}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#52879e1f .6px,transparent .6px);background-size:6px 6px;mask-image:linear-gradient(transparent,#0005)}
.site-header{border-color:var(--line)}.nav-cta,.button-primary{background:linear-gradient(120deg,#20c7dc,#37d8cb);color:#073f4c;box-shadow:0 8px 32px #20bfc62b}.nav-cta{border-radius:99px}.button{border-radius:99px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-4px);box-shadow:0 15px 35px #089fab33}.button-secondary{background:var(--glass);color:var(--ink);border-color:#ffffffbb}.eyebrow{color:var(--cyan-dark)}h1 em{background:linear-gradient(110deg,#099ac1,#21c4ce 45%,#52ccb0);background-clip:text;-webkit-background-clip:text;color:transparent}h2 em{color:var(--cyan-dark)}.hero{position:relative}.hero-visual{background:linear-gradient(140deg,#ffffff6b,#a8daf3aa 65%,#baf5e9a1);border:1px solid #ffffffdd;border-radius:230px 230px 50px 50px;box-shadow:inset 0 0 80px #ffffff77,0 30px 80px #5cabc42b;perspective:1100px;isolation:isolate}.hero-visual:before{border-color:#ffffff99;inset:18px}.hero-visual:after{content:"";position:absolute;width:120%;height:65%;border:1px solid #5bcfd766;border-radius:50%;transform:rotate(-30deg);z-index:-1;pointer-events:none}.glow{display:block;filter:blur(30px);width:280px;height:280px;animation:aurora-drift 12s ease-in-out infinite alternate;pointer-events:none}.glow-one{background:#6eeee86b;left:-45px;top:50px}.glow-two{background:#b5c8ff70;right:-40px;top:300px;animation-delay:-5s}.phone-main{transform:rotateY(var(--ry, -9deg)) rotateX(var(--rx, 3deg)) rotate(6deg);transition:transform .5s ease-out;will-change:transform}.phone{background:#17364b;box-shadow:0 30px 60px #244e6940,0 4px 12px #16344933;border-color:#ffffffcc}.status-card{background:var(--glass);border-color:#ffffffcc;color:var(--ink);box-shadow:0 16px 35px #23557224;animation:float-card 7s ease-in-out infinite}.status-cop{animation-delay:-3s}.status-card small{color:var(--muted)}.status-icon{background:#cbf6f0!important;color:#099daf}.visual-caption{color:#426f82}.intro h2{font-weight:600}.feature-card,.roadmap-card{background:var(--glass);border:1px solid #ffffffbb;box-shadow:0 12px 30px #204d6610;backdrop-filter:blur(18px);border-radius:28px;transition:transform .35s,box-shadow .35s}.feature-card:hover,.roadmap-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px #3a88962b}.feature-wide{background:linear-gradient(135deg,#b9e2faee,#a8d8f0d9 55%,#c4f5eecc);box-shadow:0 20px 50px #3989b327}.feature-icon{color:#238495;border-color:#429eb02e;background:#effeff77!important}.feature-card .card-kicker,.roadmap-card .card-kicker{color:#07899b!important}.feature-card h3{color:var(--ink)}.feature-card p,.roadmap-card p:not(.card-kicker){color:var(--muted)}.small-note{color:var(--muted)}.temperature-demo{position:relative}.gauge{--progress:45%;width:230px;height:230px;background:radial-gradient(circle,var(--gauge-center) 60%,transparent 61%),conic-gradient(from 225deg,#ffb56b 0%,#9ee4c0 30%,#26cdd9 var(--progress),#ffffff55 var(--progress) 75%,transparent 75%);box-shadow:0 0 50px #66cdd71a;transition:filter .3s}.gauge output{color:#143a55;font-weight:600}.demo-label{color:#227b91}.demo-actions button{border:1px solid #ffffffdf;background:#edfaff;color:#139eaf;box-shadow:0 5px 12px #15638019;transition:transform .2s,background .2s}.demo-actions button:hover:enabled{background:#fff;transform:scale(1.1)}.demo-actions span,.temperature-demo>small{color:#49788a}.schedule-art span{color:var(--cyan-dark)}.schedule-art b{color:var(--ink)}.mode-art span{background:#ddf5fa;border-color:#c8eaf1;color:#337287}.mode-art span:first-child{background:#baf0df;color:#247859}.price-art i{background:#7fe0bc;transform-origin:bottom;animation:bar-enter 1.4s ease both}.price-art i:nth-child(2n){animation-delay:.2s}.price-art i:nth-child(3n){animation-delay:.4s}.showcase{gap:60px}.showcase li{border-color:var(--line)}.device-section{background:linear-gradient(120deg,#fff9f0,#e6f6f8);color:var(--ink);border:1px solid #fff;box-shadow:0 20px 40px #466e8112;border-radius:32px}.device-copy .eyebrow{color:var(--cyan-dark)}.device-copy>p{color:var(--muted)}.device-tags span{background:#ffffffaa!important;color:#447488;border-color:var(--line)}.device-halo{background:linear-gradient(135deg,#afe8e7,#e3edf8)!important}.roadmap-badge{background:#ffffffbd!important;border-color:#fff;color:#14768b!important;font-weight:700;backdrop-filter:blur(15px)}.android-visual{background:radial-gradient(ellipse at bottom,#6ae1bd66,transparent 80%),#ddf4ee}.mini-phone{background:linear-gradient(130deg,#e2fcf8,#ade6e5);border-color:#216b72;color:#20536a;box-shadow:15px 20px 40px #18606b30;transition:transform .6s}.mini-phone>span{background:#24667b}.roadmap-card:hover .mini-phone{transform:rotate(-5deg) translate(-15px,25px)}.orbit-label{color:#33798a}.cloud-visual{background:radial-gradient(ellipse at bottom,#65caf644,transparent 80%),#ddecfb}.mini-browser{background:#f4fcff;color:#20617b;border-color:#ffffff;box-shadow:0 20px 35px #17668830;transition:transform .6s}.roadmap-card:hover .mini-browser{transform:perspective(600px) rotateY(0) rotateZ(0)}.browser-dots{color:#62aec3;border-color:#b0dae5}.browser-stats span{background:#d5f3f1}.browser-body svg{stroke:#18b8cc}.climate-visual{background:radial-gradient(ellipse at bottom,#ffcc8c55,transparent 80%),#f0effb}.ac-unit{box-shadow:0 18px 30px #3466812e}.air-lines i{border-color:#79bccc;animation:air-flow 3s ease-in-out infinite}.air-lines i:nth-child(2){animation-delay:-1s}.air-lines i:nth-child(3){animation-delay:-2s}.future-link{color:var(--cyan-dark)}.roadmap-note{color:var(--muted)}.faq summary:after,.faq a{color:var(--cyan-dark)}.cta{position:relative;overflow:hidden;background:linear-gradient(115deg,#9edbf5,#66ddd9 65%,#9de8c8);color:#153e54;box-shadow:0 25px 60px #36b5c530;border:1px solid #c8fff2;border-radius:30px}.cta:after{content:"";position:absolute;width:350px;height:350px;right:-100px;top:-170px;border:50px solid #ffffff22;border-radius:50%;pointer-events:none}.cta p,.cta .eyebrow{color:#296d82}.cta .eyebrow span{background:#2bacb9}.button-light{background:#f4ffff;color:#147f95;position:relative;z-index:1}.skip-link{background:#fff;color:#14394f}
.app-explorer{min-width:0;display:grid;justify-items:center;gap:16px}.screen-switch{display:flex;padding:5px;gap:4px;background:var(--glass);border:1px solid #ffffff99;border-radius:99px;box-shadow:0 5px 25px #4782a21a;z-index:2}.screen-switch button{padding:12px 19px;border:0;background:transparent;color:var(--muted);font:600 12px "Manrope",sans-serif;cursor:pointer;border-radius:99px;transition:background .25s,color .25s,box-shadow .25s}.screen-switch button[aria-pressed=true]{background:linear-gradient(120deg,#2bcbdc,#74e2c6);color:#11465a;box-shadow:0 5px 12px #0b8c9820}.explorer-stage{height:620px;width:100%;display:grid;place-items:center;position:relative;isolation:isolate}.screen-halo{position:absolute;width:94%;aspect-ratio:1;background:conic-gradient(from 45deg,#b5eff4,#dce7fd,#b3eadc,#b5eff4);border-radius:50%;opacity:.65;z-index:-1;animation:halo-spin 35s linear infinite}.screen-halo:after{content:"";position:absolute;inset:18px;border:1px solid #fff;border-radius:50%}.explorer-phone{width:265px;transform:rotate(-3deg);transition:transform .4s}.explorer-phone.switching{animation:screen-arrival .5s ease}.explorer-label{position:absolute;right:3px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em;color:var(--cyan-dark)}.explorer-caption{font-size:12px;color:var(--muted);text-align:center;margin:0}.reveal-item{transition:opacity .75s ease,translate .75s ease}.motion-ready .reveal-item:not(.revealed){opacity:0;translate:0 25px}.scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;background:linear-gradient(90deg,#30cdda,#86e1b9);width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.hero-visual,.explorer-stage{max-width:100%}
@keyframes aurora-drift{to{transform:translate(20px,30px) scale(1.15)}}@keyframes float-card{50%{translate:0 -10px}}@keyframes halo-spin{to{transform:rotate(360deg)}}@keyframes screen-arrival{0%{opacity:.55;transform:translateY(12px) rotate(0)}100%{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes air-flow{0%{opacity:0;translate:0 -5px}45%{opacity:1}100%{opacity:0;translate:0 12px}}@keyframes bar-enter{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@media(max-width:900px){.showcase{gap:45px}.app-explorer{width:min(490px,100%);margin:auto}.hero-visual:after{width:105%}.explorer-stage{height:620px}}
@media(max-width:600px){.hero-visual{border-radius:180px 180px 35px 35px}.hero-visual:after{width:95%;height:70%}.glow{width:150px;height:150px;left:0;right:0}.explorer-stage{height:550px}.explorer-phone{width:235px}.screen-switch button{font-size:11px;padding:11px 17px}.explorer-label{right:0;font-size:7px}.gauge{width:215px;height:215px}.feature-wide{border-radius:28px}.feature-card:hover,.roadmap-card:hover{transform:none}.visual-caption{bottom:12px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#e6f3ff;--muted:#a4becf;--cyan-dark:#52d4dc;--surface:#122f44;--line:#b8e6ff20;--glass:#12334be3;--gauge-center:#244d6a}body{background:radial-gradient(ellipse at 0% 10%,#2fbec327,transparent 35%),radial-gradient(ellipse at 100% 45%,#699dff26,transparent 40%),#0b1e30}.hero-visual{background:linear-gradient(140deg,#164152,#315a8566,#215d5c77);border-color:#86dfeb44;box-shadow:inset 0 0 80px #81c2ff08,0 30px 80px #0003}.hero-visual:before{border-color:#9edfec33}.feature-card,.roadmap-card{border-color:#a4d8fa26}.feature-wide{background:linear-gradient(135deg,#265875,#2b5172,#276767)}.feature-icon{background:#55859622!important;color:#a1dfed;border-color:#85c5d044}.feature-card .card-kicker,.roadmap-card .card-kicker{color:#7adee7!important}.gauge output{color:#f1faff}.demo-label,.demo-actions span,.temperature-demo>small{color:#bbe2ee}.status-card{border-color:#a3e1e833}.visual-caption{color:#b1d5e1}.status-icon{background:#296e75!important;color:#93efe9}.device-section{background:linear-gradient(120deg,#243e52,#1a4252);border-color:#c9f8ff22}.device-halo{background:linear-gradient(135deg,#407a82,#345c82)!important}.device-tags span{background:#578b9822!important;color:#bce2ed}.mode-art span{background:#33566a;color:#c2e7ec;border-color:#94deef22}.mode-art span:first-child{background:#8edccb;color:#174c50}.screen-switch{border-color:#9bd8e52b}.screen-halo{opacity:.25}.android-visual{background:radial-gradient(ellipse at bottom,#6ae1bd33,transparent 80%),#1b4144}.cloud-visual{background:radial-gradient(ellipse at bottom,#65caf644,transparent 80%),#20374e}.climate-visual{background:radial-gradient(ellipse at bottom,#bba0df44,transparent 80%),#34425a}.orbit-label{color:#b6dce8}.roadmap-badge{background:#16384dc9!important;color:#b5f4f3!important;border-color:#b7f1eb44}.button-secondary{border-color:#87c3d538}.screen-halo:after{border-color:#a5ecfc77}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal-item:not(.revealed){opacity:1;translate:none}.phone-main{transform:rotate(6deg);will-change:auto}}