/* Roomio product presentation */
.product-stage{overflow:clip}.hero h1{font-size:clamp(3.4rem,5.5vw,5rem)}
:root{--ink:#19251f;--muted:#657069;--purple:#6546e8;--line:#e4e7e2;background:#fffefa}
.container{width:min(1180px,calc(100% - 64px))}.nav-wrap{background:#fffefaf2}.nav{height:80px}.logo{letter-spacing:-.045em}.button{background:#243d30}.eyebrow{letter-spacing:.12em;font-size:.66rem}.pill{background:transparent;border:0;padding:0;color:#536b5b}.hero{grid-template-columns:1fr 1fr;gap:50px;padding-block:65px 75px;min-height:710px}h1{font-size:clamp(3.7rem,6.4vw,5.9rem);letter-spacing:-.07em;line-height:1.04;margin:26px 0}h1>span{color:#6546e8}.hero .lead{max-width:455px;font-size:1.05rem}.product-stage{position:relative;height:560px;display:grid;place-items:center;background:#edf0df;border-radius:48% 48% 32px 32px;isolation:isolate}.orbit{position:absolute;inset:40px -10px;border:1px solid #d6ddc8;border-radius:50%;z-index:-1;transform:rotate(-24deg)}.orbit-two{inset:85px -30px;transform:rotate(25deg)}.phone-preview{width:278px;padding:28px 16px 15px;border:7px solid #25332d;border-radius:38px;background:#faf9ff;box-shadow:12px 25px 0 #26392c0b,0 24px 40px #28332326;transform:rotate(-5deg);position:relative}.phone-camera{position:absolute;top:8px;left:50%;width:44px;height:7px;border-radius:20px;background:#25332d;transform:translateX(-50%)}.preview-brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:16px}.preview-brand span{margin-left:auto;color:#6546e8}.preview-search{display:flex;gap:9px;align-items:center;background:white;border-radius:20px;padding:14px 10px;margin:16px 0;color:#8b879b}.preview-search span{font-size:9px}.storage-preview{background:linear-gradient(125deg,#7045ed,#457cf8);padding:20px 16px;border-radius:22px;color:white}.storage-preview>span{font-size:8px;letter-spacing:.1em;opacity:.8}.storage-preview strong{font-size:25px;display:block;margin:10px 0 5px;letter-spacing:-.05em}.storage-preview p{font-size:9px;opacity:.85}.storage-bar{display:flex;gap:3px;background:#ffffff30;border-radius:8px;height:8px;margin-top:20px;overflow:hidden}.storage-bar i:nth-child(1){width:30%;background:#fff}.storage-bar i:nth-child(2){width:21%;background:#bdd4ff}.storage-bar i:nth-child(3){width:15%;background:#bd9cff}.storage-legend{font-size:7px;margin-top:8px}.preview-title{font-size:11px;font-weight:700;margin:20px 0 12px}.preview-priorities{display:flex;gap:6px}.preview-priorities>span{flex:1;text-align:center;font-size:20px;color:#6546e8;background:#ece5ff;border-radius:12px;padding:12px 2px}.preview-priorities>span:nth-child(2){background:#e0edff;color:#4d88db}.preview-priorities>span:nth-child(3){background:#fae5eb;color:#d67795}.preview-priorities small{display:block;font-size:7px;margin-top:6px}.preview-archive{display:flex;gap:8px;align-items:center;margin-top:15px;padding:12px 8px;background:white;border-radius:14px}.preview-archive>span{font-size:25px;color:#26a9c9}.preview-archive strong{font-size:10px}.preview-archive small{display:block;font-size:7px;color:#777;margin-top:4px}.preview-archive b{margin-left:auto;font-size:12px;color:#6546e8}.preview-bottom{display:flex;justify-content:space-around;margin-top:20px;color:#6546e8}.preview-bottom span{color:#929097}.floating-note{position:absolute;display:flex;align-items:center;gap:11px;padding:16px 19px;border:1px solid #e6e7dd;background:#fffefa;border-radius:16px;box-shadow:0 16px 32px #28332312}.floating-note>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4f0d8;color:#477348;font-size:19px}.floating-note strong{font-size:12px}.floating-note small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.note-backup{right:-18px;top:115px;transform:rotate(4deg)}.note-sort{left:-25px;bottom:94px;transform:rotate(-3deg)}.note-sort>span{background:#eee6ff;color:#6546e8}.preview-caption{position:absolute;bottom:22px;font-size:9px;color:#6b7560;letter-spacing:.025em}.benefit-strip{font-size:.8rem;padding-block:25px}.section{padding-block:85px}.section-head{margin-bottom:35px}h2{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.055em}h2 span{color:#879287}.feature-grid{gap:16px}.feature{border-radius:20px;background:#fffefa;padding:26px}.feature.featured{background:#f0ebfa}.feature.search-card{background:#edf2e6}.feature.featured,.feature.search-card{padding:30px}.feature-icon{margin-bottom:18px;width:40px;height:40px;border-radius:12px}.feature-foot{font-size:.58rem}.feature p{font-size:.88rem}.feature h3{letter-spacing:-.045em}.featured h3,.search-card h3{font-size:1.8rem}.archive-wrap{background:#213d30;color:#fffefa;border:0}.archive{gap:75px;padding-block:75px}.archive .eyebrow{color:#c1d6a6}.archive h2 span{color:#becfac}.archive .lead,.archive .steps p,.archive .fine-print{color:#c6d2c9}.steps li>span{background:#ffffff15;color:#c1d6a6;border:1px solid #ffffff20}.archive .banner-frame{max-width:425px;justify-self:end;transform:rotate(2deg);padding:8px;border-radius:20px;box-shadow:0 24px 60px #0003}.banner-frame img{height:auto;object-fit:contain}.roomio-video-grid{gap:22px}.roomio-video-pair{padding:0;overflow:hidden;border-radius:20px;background:white}.roomio-video-copy{padding:24px 24px 0}.roomio-video-copy p{min-height:44px;margin-bottom:16px}.video-switch{display:flex;gap:5px;margin-bottom:20px}.video-switch button{font:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:8px 13px;background:#f3f3ee;border:1px solid transparent;border-radius:30px;color:#667066}.video-switch button[aria-pressed=true]{background:#263d30;color:white}.video-switch button:focus-visible{outline:3px solid #6546e8;outline-offset:3px}.roomio-video-pair-media{display:block;background:#edf0e9;padding:16px}.roomio-video-pair figure{width:100%;max-width:none!important}.roomio-video-pair figure[hidden]{display:none}.roomio-video-pair video{aspect-ratio:16/9;max-height:none;background:#edf0e9;border-radius:12px;object-fit:contain}.roomio-video-pair video.portrait{aspect-ratio:9/16;max-height:420px;width:auto;max-width:100%;margin:auto}.roomio-video-pair figcaption{display:none}.overview{gap:70px;padding-top:0}.overview>.banner-frame{max-width:390px;justify-self:center;padding:8px}.control-note{background:#eef1e7}.download{background:#eaf0dc;color:#213d30;border:1px solid #dce3ce;border-radius:28px;padding:55px 24px;gap:18px}.download .eyebrow,.download p,.download-note{color:#637354}.download h2{font-size:clamp(2.4rem,4.5vw,4rem)}.download>img{width:58px;height:58px;border-radius:16px}.banner-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.banner-gallery img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}
@media(max-width:1000px){.hero{gap:28px}.note-backup{right:-5px;padding:12px}.note-sort{left:-5px;padding:12px}.product-stage{height:540px}.floating-note strong{font-size:10px}.floating-note small{font-size:8px}.archive{gap:35px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.nav{height:72px}.hero{grid-template-columns:1fr;gap:40px;min-height:0;padding-block:42px}.hero h1{font-size:clamp(3.4rem,12.5vw,5rem)}.hero .lead{font-size:1rem}.product-stage{width:100%;max-width:440px;margin:auto;height:520px}.phone-preview{width:260px}.floating-note{padding:11px;gap:7px}.note-backup{right:0;top:110px}.note-sort{left:0;bottom:80px}.floating-note>span{width:27px;height:27px}.orbit{inset:40px 0}.orbit-two{inset:80px 0}.section{padding-block:58px}.section-head>p{font-size:.9rem}.archive{padding-block:50px;gap:36px}.archive .banner-frame{max-width:360px;justify-self:center;transform:none}.roomio-video-copy p{min-height:0}.roomio-video-grid{gap:22px}.overview{padding-top:0;gap:30px}.overview>.banner-frame{max-width:330px}.banner-gallery{grid-template-columns:1fr}.banner-gallery img{max-width:380px;margin:auto}.download{padding:42px 20px}footer{padding-bottom:24px}.benefit-strip{font-size:.68rem}}