.features-page{--feature-accent:#f5a623;--feature-bg:#05090c;--feature-panel:#0a1218;--feature-line:rgba(255,255,255,0.12);--feature-muted:#adb5bb;background:var(--feature-bg);color:#f7f4ee;min-height:100vh}.features-page .site-nav{background:rgba(5,9,12,.76);border-bottom:1px solid var(--feature-line);backdrop-filter:blur(22px) saturate(130%)}.features-page main{overflow:hidden}.features-page main a{color:var(--feature-accent);display:inline-flex;font-weight:750;gap:.55rem;min-height:44px;text-decoration:none}.features-eyebrow{color:var(--feature-accent)!important;font-size:.75rem!important;font-weight:850;letter-spacing:.17em;margin:0 0 1rem!important;text-transform:uppercase}.features-section-heading h1{font-size:clamp(2.9rem,4.6vw,4.8rem);letter-spacing:-.06em;line-height:.94;margin:0}.features-platform-copy a:focus-visible{outline:3px solid #268cff;outline-offset:4px}.features-overview{padding-block:clamp(3rem,5vw,4.5rem) clamp(4.5rem,8vw,7rem)}.features-section-heading{align-items:end;display:grid;gap:clamp(1.5rem,4vw,4rem);grid-template-columns:minmax(0,.9fr) minmax(18rem,.7fr);margin-bottom:clamp(2rem,3vw,3rem)}.features-platform-copy>p,.features-section-heading>p{color:var(--feature-muted);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.65;margin:0}.features-use-cases-jump{align-items:center;border:1px solid rgba(245,166,35,.4);border-radius:999px;grid-column:1/-1;justify-self:start;padding:.72rem 1rem}.features-use-cases-jump:hover{background:rgba(245,166,35,.1)}.features-use-cases-jump:focus-visible{outline:3px solid #268cff;outline-offset:4px}.features-scenarios-teaser{align-items:end;border-block:1px solid var(--feature-line);display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) auto;padding-block:clamp(3rem,6vw,5rem);scroll-margin-top:calc(var(--nav-height) + 1rem)}.features-scenarios-teaser h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.055em;line-height:.98;margin:0}.features-scenarios-teaser p:last-child{color:var(--feature-muted);line-height:1.65;margin:1.25rem 0 0;max-width:52rem}.features-scenarios-teaser>a{align-items:center;border:1px solid rgba(245,166,35,.4);border-radius:999px;padding:.75rem 1rem;white-space:nowrap}.features-bento{display:grid;gap:clamp(3rem,6vw,5.5rem)}.features-bento-group{min-width:0}.features-bento-group-title{color:var(--feature-accent);font-size:.78rem;font-weight:850;letter-spacing:.14em;margin:0 0 1.15rem;text-transform:uppercase}.features-bento-group-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.features-bento-card{background:linear-gradient(145deg,#111a20,#080d11);border:1px solid var(--feature-line);border-radius:1.5rem;min-height:26rem;overflow:hidden;position:relative;scroll-margin-top:calc(var(--nav-height) + 1.5rem)}.features-bento-card:hover{border-color:rgba(245,166,35,.42)}.features-bento-card-1{grid-column:span 8;min-height:25rem}.features-bento-card-10,.features-bento-card-11,.features-bento-card-2,.features-bento-card-3,.features-bento-card-4,.features-bento-card-5,.features-bento-card-6,.features-bento-card-7,.features-bento-card-8,.features-bento-card-9{grid-column:span 4;min-height:25rem}.features-bento-card-12,.features-bento-card-13{grid-column:span 6;min-height:25rem}.features-bento-card-14{grid-column:1/-1;min-height:29rem}.features-bento-link{color:inherit!important;display:flex!important;flex-direction:column;height:100%;min-height:inherit!important;position:relative}.features-bento-link:after{content:"";inset:0;position:absolute}.features-bento-card:has(.features-bento-link:focus-visible){border-color:#268cff;box-shadow:0 0 0 3px rgba(38,140,255,.28)}.features-bento-link:focus-visible{outline:0}.features-bento-arrow{align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;bottom:1.5rem;display:flex;height:2.75rem;justify-content:center;position:absolute;right:1.5rem;transition:background-color .18s ease,transform .18s ease;width:2.75rem;z-index:3}.features-bento-link:hover .features-bento-arrow{background:var(--feature-accent);color:#171005;transform:translateX(3px)}.features-bento-copy{max-width:34rem;padding:clamp(1.5rem,3vw,2.5rem);position:relative;z-index:2}.features-bento-copy>span{color:var(--feature-accent);font-size:.7rem;font-weight:850;letter-spacing:.16em}.features-bento-copy h3{font-size:clamp(1.45rem,2.2vw,2.3rem);letter-spacing:-.045em;line-height:1.05;margin:.75rem 0 0}.features-bento-copy p{color:#9ea7ad;line-height:1.6;margin:.85rem 0 0}.features-bento-media{align-items:flex-end;display:flex;flex:1;justify-content:center;min-height:0;overflow:hidden;padding:0 1.25rem 1.25rem}.features-bento-media img{border:1px solid rgba(255,255,255,.12);border-radius:1rem;box-shadow:0 1.5rem 3rem rgba(0,0,0,.42);height:auto;max-height:23rem;object-fit:contain;width:100%}.features-bento-media--controls{align-items:stretch;padding-block-start:1rem}.features-control-panels{flex:1;min-height:18rem;position:relative;width:100%}.features-control-panels>img{border:0;border-radius:1rem;box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.46);height:auto;max-height:none;position:absolute}.features-control-light{bottom:-8%;inset-inline-start:-4%;transform:rotate(-7deg);width:43%}.features-control-climate{inset-inline-start:28%;top:0;transform:rotate(-1deg);width:44%;z-index:3}.features-control-curtains{bottom:-12%;inset-inline-end:-4%;transform:rotate(7deg);width:38%}.features-bento-card-2 .features-bento-media img{max-height:15rem;width:min(86%,24rem)}@media (min-width:1041px){.features-bento-card-1 .features-bento-link{display:grid!important;grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr)}.features-bento-card-1 .features-bento-copy{align-self:center}.features-bento-card-1 .features-bento-media{overflow:hidden;padding:1.5rem 2.25rem 1.5rem .5rem}}.features-bento-media--themes{align-items:center}.features-theme-comparison{background:#091018;border:1px solid rgba(255,255,255,.13);border-radius:1rem;display:grid;grid-template-columns:1fr 1fr;height:clamp(13rem,22vw,17rem);overflow:hidden;position:relative;width:100%}.features-theme-half{min-width:0;overflow:hidden;position:relative}.features-theme-half img{border:0;border-radius:0;box-shadow:none;display:block;height:auto;max-height:none;max-width:none;position:absolute;top:50%;transform:translateY(-50%);width:200%}.features-theme-half--dark img{left:0}.features-theme-half--light img{right:0}.features-theme-divider{background:rgba(255,255,255,.78);box-shadow:0 0 1.2rem rgba(255,255,255,.32);inset:0 auto 0 50%;position:absolute;width:1px}.features-bento-media--weather{align-items:center}.features-bento-media--weather img{height:clamp(13rem,22vw,17rem);max-height:none;object-fit:cover;object-position:center 23%}.features-bento-card-6 .features-bento-media img{max-height:18rem}.features-bento-card-7 .features-bento-media img{border:0;border-radius:0;box-shadow:none;max-height:16rem;width:min(72%,16rem)}.features-bento-card-8 .features-bento-media,.features-bento-card-9 .features-bento-media{align-items:center;padding-top:.5rem;position:relative}.features-bento-card-8 .features-bento-media img,.features-bento-card-9 .features-bento-media img{max-height:14rem;width:88%}.features-bento-card-8 .features-bento-media img:first-child,.features-bento-card-9 .features-bento-media img:first-child{transform:translate(-5%,4%)}.features-bento-card-8 .features-bento-media .features-bento-media-secondary,.features-bento-card-9 .features-bento-media .features-bento-media-secondary{border-color:rgba(245,166,35,.5);bottom:1.35rem;box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.55);position:absolute;right:1.25rem;transform:rotate(2deg);width:46%}.features-bento-media--music{align-items:flex-end;min-height:14rem;overflow:hidden;position:relative}.features-bento-media--music img{height:auto;max-height:none;max-width:none;object-fit:fill;transform:translate(-.4%,.5%);width:365%}.features-bento-media--icloud{align-items:center;background:radial-gradient(circle at 50% 42%,rgba(88,181,255,.22),transparent 58%);margin:0 1.25rem 1.25rem;padding:1.5rem}.features-bento-media--icloud img{border:0;border-radius:22%;box-shadow:0 1.5rem 3rem rgba(0,99,202,.3);max-height:10rem;width:min(46%,10rem)}.features-bento-card-12 .features-bento-media img{height:100%;max-height:17rem;object-fit:cover}.features-bento-media--calendar{align-items:flex-end;background:transparent;border:0;border-radius:0;margin:0;padding:0 1.25rem 1.25rem}.features-bento-media--calendar img{background:transparent;border:0;border-radius:0;box-shadow:none;height:auto;max-height:18rem;object-fit:contain;width:100%}.features-bento-card-14 .features-bento-link{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(16rem,1.1fr)}.features-bento-card-14 .features-bento-copy{align-self:center;max-width:32rem}.features-bento-media--privacy{align-items:center;background:transparent;border-radius:0;margin:0;padding:2rem 2.5rem}.features-bento-media--privacy img{border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 1.5rem 3rem rgba(31,119,255,.18));max-height:20rem;object-fit:contain;width:min(72%,20rem)}.features-platform-copy h2{font-size:clamp(2.5rem,4vw,4.25rem);letter-spacing:-.06em;line-height:.95;margin:0 0 1.4rem}.features-use-cases{padding-block:clamp(4rem,7vw,7rem);scroll-margin-top:calc(var(--nav-height) + 1rem)}.features-use-cases-heading{display:grid;gap:1.25rem;grid-template-columns:minmax(0,.9fr) minmax(18rem,.65fr);margin-bottom:clamp(2.5rem,5vw,4.5rem)}.features-use-cases-heading .features-eyebrow{grid-column:1/-1;margin-bottom:0!important}.features-use-cases-heading h2{font-size:clamp(2.5rem,4.3vw,4.5rem);letter-spacing:-.06em;line-height:.96;margin:0}.features-use-cases-heading>p:last-child{align-self:end;color:var(--feature-muted);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.65;margin:0}.features-use-case-groups{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.features-use-case-group{background:linear-gradient(145deg,#0c151b,#070c10);border:1px solid var(--feature-line);border-radius:1.5rem;min-width:0;padding:clamp(1.4rem,2.4vw,2rem)}.features-use-case-group>h3{color:var(--feature-accent);font-size:.78rem;font-weight:850;letter-spacing:.13em;line-height:1.45;margin:0 0 1.1rem;text-transform:uppercase}.features-use-case-group ul{list-style:none;margin:0;padding:0}.features-use-case-group li{border-top:1px solid rgba(255,255,255,.09);display:grid;gap:.85rem;grid-template-columns:minmax(0,1fr) auto;padding:1.2rem 0}.features-use-case-group li:first-child{border-top:0;padding-top:.35rem}.features-use-case-group li:last-child{padding-bottom:.2rem}.features-use-case-group strong{display:block;font-size:1.05rem;line-height:1.3}.features-use-case-group li p{color:#99a4ab;font-size:.9rem;line-height:1.55;margin:.45rem 0 0}.features-use-case-guide{color:inherit!important;display:block!important;min-width:0}.features-use-case-guide:hover strong{color:var(--feature-accent)}.features-use-case-guide:focus-visible{border-radius:.35rem;outline:3px solid #268cff;outline-offset:4px}.features-use-case-group li>span{align-self:start;background:rgba(245,166,35,.09);border:1px solid rgba(245,166,35,.24);border-radius:999px;color:#f6bb55;font-size:.68rem;font-weight:760;line-height:1;padding:.45rem .55rem;white-space:nowrap}.features-platform-copy a{margin-top:1.75rem}.features-platforms{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:clamp(1rem,4vw,4rem)}.features-platform{background:var(--feature-panel);border:1px solid var(--feature-line);border-radius:1.5rem;display:flex;flex-direction:column;min-height:45rem;overflow:hidden}.features-platform-copy{order:2;padding:clamp(2rem,4vw,3.5rem)}.features-platform-copy ul{color:#c8cdd0;line-height:1.6;margin:1.6rem 0 0;padding-left:1.15rem}.features-platform-media{min-height:22rem;order:1;position:relative}.features-platform-media:after{background:linear-gradient(0deg,var(--feature-panel),transparent 22%);content:"";inset:0;position:absolute}.features-platform-media img{object-fit:cover}@media (max-width:1040px){.features-bento-card-1,.features-bento-card-2{grid-column:span 6}.features-bento-card-10,.features-bento-card-11,.features-bento-card-3,.features-bento-card-4,.features-bento-card-5,.features-bento-card-6,.features-bento-card-7,.features-bento-card-8,.features-bento-card-9{grid-column:span 4}.features-platform-copy{padding:2.5rem}.features-use-case-groups{grid-template-columns:1fr}}@media (max-width:820px){.features-scenarios-teaser{align-items:start;grid-template-columns:1fr}.features-section-heading{grid-template-columns:1fr}.features-bento-card-1,.features-bento-card-10,.features-bento-card-11,.features-bento-card-2,.features-bento-card-3,.features-bento-card-4,.features-bento-card-5,.features-bento-card-6,.features-bento-card-7,.features-bento-card-8,.features-bento-card-9{grid-column:span 6}.features-platforms{grid-template-columns:1fr}.features-platform{min-height:0}.features-platform-media{min-height:28rem}.features-use-cases-heading{grid-template-columns:1fr}}@media (max-width:620px){.features-section-heading h1{font-size:clamp(2.45rem,11vw,3.35rem)}.features-overview{padding-block:3rem 4.5rem}.features-section-heading{margin-bottom:2rem}.features-bento{display:grid;gap:3.25rem;margin-right:0;overflow:visible;padding-right:0}.features-bento-group-title{margin-bottom:.85rem}.features-bento-group-grid{display:flex;margin-right:-1rem;overflow-x:auto;padding-right:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.features-bento-group-grid::-webkit-scrollbar{display:none}.features-bento-card,.features-bento-card-1,.features-bento-card-10,.features-bento-card-11,.features-bento-card-12,.features-bento-card-13,.features-bento-card-14,.features-bento-card-2,.features-bento-card-3,.features-bento-card-4,.features-bento-card-5,.features-bento-card-6,.features-bento-card-7,.features-bento-card-8,.features-bento-card-9{flex:0 0 min(86vw,24rem);min-height:28rem;scroll-snap-align:start}.features-bento-card-14 .features-bento-link{display:flex!important;grid-template-columns:none}.features-bento-card-14 .features-bento-copy{margin:0;padding:2rem 1.5rem 1.25rem}.features-bento-media--privacy{margin:0;min-height:15rem;padding:1rem 1.25rem 2rem}.features-bento-media--privacy img{width:min(68%,14rem)}.features-platform-copy h2{font-size:clamp(2.35rem,11vw,3.4rem)}.features-platform-copy{padding:2.5rem 1.5rem}.features-overview,.features-platforms,.features-use-cases{margin-inline:.75rem;width:auto}.features-use-case-group{border-radius:1.15rem;padding:1.25rem}.features-use-case-group li{grid-template-columns:1fr}.features-use-case-group li>span{justify-self:start}.features-platform-media{min-height:22rem}}@media (prefers-reduced-motion:reduce){.features-bento-arrow{transition:none}.features-bento-link:hover .features-bento-arrow{transform:none}}