@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-extrabold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--cyan:#46ddec;--muted:#a6b5bf;font-family:Manrope,system-ui,sans-serif;color:#f6f8f9;background:#101719}
*{box-sizing:border-box}body{margin:0}html[data-access="blocked"] body{display:none}
.has-landing-media body{background:#101719 url('assets/landing/room.webp') center/cover fixed no-repeat}
.install-page{position:relative;isolation:isolate;max-width:1800px;margin:auto;min-height:100svh;padding:clamp(24px,4svh,52px) 6vw 28px;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto 1fr auto;column-gap:7%}
.install-page::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1017197a,transparent 80%)}
.site-brand{display:flex;align-items:center;gap:18px;font-size:clamp(25px,2.4vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.02;margin-bottom:40px}
.brand-mark{display:inline-block;position:relative;width:80px;height:66px;flex-shrink:0}
.brand-mark::before,.brand-mark::after{content:'';position:absolute;width:47px;height:34px;border-radius:11px;background:var(--cyan)}
.brand-mark::before{right:0;top:0}.brand-mark::after{left:0;bottom:0}
.intro{grid-row:2;padding-bottom:32px;align-self:center}h1{font-size:clamp(42px,4.65vw,76px);line-height:1.12;letter-spacing:-2.8px;margin:0 0 20px;font-weight:800}
.lead{font-size:clamp(17px,1.7vw,28px);line-height:1.5;margin:0 0 30px;color:#e3e9eb}
.mobile-install{display:none}.desktop-install{display:flex;align-items:center;gap:26px;padding:26px;border:1px solid #46ddec70;border-radius:24px;background:#101719dc;max-width:670px}
.desktop-install img{display:block;width:clamp(140px,12vw,196px);height:auto;border-radius:12px;flex-shrink:0}
.desktop-install h2{font-size:clamp(20px,2vw,32px);line-height:1.25;color:var(--cyan);margin:0 0 14px;letter-spacing:-.5px}
.desktop-install p{font-size:clamp(17px,1.65vw,26px);line-height:1.5;margin:0 0 16px}.desktop-install small{color:var(--muted);font-size:clamp(12px,1.2vw,18px)}
.app-showcase{grid-column:2;grid-row:1/4;align-self:center;justify-self:center;margin:0;padding:0;filter:drop-shadow(0 0 40px #46ddec15)}
/* The device owns its proportions; the three preview cards fit its screen. */
.demo-phone{container-type:inline-size;position:relative;width:min(360px,27vw,calc((100svh - 104px)*.4875));aspect-ratio:390/800;padding:8px;border:2px solid #667075;border-radius:14% / 6.825%;background:#050708;box-shadow:0 28px 40px #0009,inset 0 0 0 2px #20272b,0 0 0 1px #131b1f}
.demo-phone::before,.demo-phone::after{content:'';position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#20272b,#81898b,#30383c)}
.demo-phone::before{left:-4px;top:22%;height:6%;box-shadow:0 50px 0 #424c51}.demo-phone::after{right:-4px;top:29%;height:11%}
.demo-screen{height:100%;display:flex;flex-direction:column;padding:5cqw 5cqw 3cqw;border-radius:12% / 5.85%;background:linear-gradient(#0e181a,#0a1112);overflow:hidden}
.demo-status{flex-shrink:0;font-size:3.3cqw;font-weight:800;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:6cqw;margin:0 1cqw 6cqw}.demo-island{position:absolute;left:50%;top:0;transform:translateX(-50%);width:29%;height:6cqw;background:#000;border-radius:20px}.demo-island::after{content:'';position:absolute;right:9%;top:35%;width:1.7cqw;height:1.7cqw;border-radius:50%;background:#101c28;box-shadow:inset 0 0 1px #29425b}
.demo-indicators{display:flex;gap:1cqw;align-items:center}.demo-indicators svg{width:4.5cqw;height:3.5cqw}.demo-indicators svg:last-child{width:6.8cqw}
.demo-brand{flex-shrink:0;display:flex;align-items:center;gap:2.4cqw;font-size:4.2cqw;line-height:1.05;margin:0 0 5cqw;letter-spacing:-.3px}.demo-brand .brand-mark{width:11cqw;height:9.3cqw}.demo-brand .brand-mark::before,.demo-brand .brand-mark::after{width:6.4cqw;height:4.7cqw;border-radius:1.6cqw}.demo-menu{margin-left:auto;width:5cqw;height:5cqw}
.demo-screen h2{flex-shrink:0;font-size:7.4cqw;letter-spacing:-.7px;margin:0 0 4cqw}.demo-days{flex:1;min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:2.6cqw}.demo-day{position:relative;min-height:0;border-radius:3cqw;overflow:hidden;background:#273234}.demo-day img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.demo-day::after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 52%)}.demo-day>span{position:absolute;z-index:1;top:2.5cqw;left:3cqw;right:3cqw;font-size:3.5cqw;font-weight:800;display:flex;align-items:center;justify-content:space-between}.demo-day b{font-size:5.8cqw;line-height:1}
.demo-day:last-child img{object-fit:contain;background:#182326}
.demo-footer{flex-shrink:0;display:flex;justify-content:space-around;gap:2.5cqw;font-size:2.7cqw;color:var(--muted);padding:4cqw 0 4.5cqw}.demo-footer span:first-child{color:var(--cyan)}.demo-home{flex-shrink:0;height:1.1cqw;width:34%;border-radius:3px;background:#f2f3f4;margin:0 auto}
.site-footer{grid-row:3;font-size:clamp(13px,1.4vw,20px);color:#c6d0d3;line-height:1.6}.site-footer span{display:none}
#install-app{width:100%;min-height:60px;border:0;border-radius:17px;background:var(--cyan);color:#041c21;font:800 22px/1.3 Manrope,system-ui,sans-serif;padding:15px 18px;cursor:pointer}#install-app:hover{background:#70eaf4}button:focus-visible{outline:3px solid white;outline-offset:5px}.install-note{color:var(--muted);font-size:13px;line-height:1.6;margin:12px 0 0}
@media(min-width:901px) and (max-height:760px){.install-page{padding-top:24px}.site-brand{font-size:29px;margin-bottom:24px}h1{font-size:clamp(42px,4.5vw,58px)}.desktop-install{padding:20px;gap:22px}.desktop-install img{width:144px}.desktop-install h2{font-size:24px}.desktop-install p{font-size:18px}.intro{padding-bottom:24px}}
@media(max-width:900px),(pointer:coarse){
 .install-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 22px 30px;min-height:100svh}.has-landing-media body{background-position:64% bottom;background-size:auto 78%;background-attachment:scroll}.install-page::before{background:linear-gradient(#101719 0%,#101719ed 26%,transparent 70%)}
 .site-brand{font-size:29px;gap:13px;margin-bottom:34px;text-align:left}.site-brand .brand-mark{width:65px;height:54px}.site-brand .brand-mark::before,.site-brand .brand-mark::after{width:38px;height:28px;border-radius:9px}
 .intro{width:100%;max-width:620px;padding:0}h1{font-size:clamp(38px,7.8vw,56px);line-height:1.08;letter-spacing:-1.6px;margin-bottom:18px}.lead{font-size:17px;max-width:360px;margin:0 auto 24px;line-height:1.5}.desktop-install{display:none}.mobile-install{display:block}#install-app{max-width:510px}
 .app-showcase{align-self:center;padding:30px 0 24px}.demo-phone{width:min(82vw,328px)}.site-footer{font-size:15px;max-width:340px}.site-footer span{display:block;font-size:13px;color:var(--muted);margin-top:6px}
}