/* One-Home Reference UI 6.2.1 — capability stories, brand marks and consistent footer links. */
.flagshipV621 .oh621CapabilityGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;border:0!important;background:transparent!important;overflow:visible!important}
.flagshipV621 .oh621CapabilityCard{--cap:#35d8ff;position:relative!important;isolation:isolate!important;display:flex!important;min-width:0!important;min-height:330px!important;padding:20px!important;flex-direction:column!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--cap) 28%,transparent)!important;border-radius:18px!important;background:radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--cap) 18%,transparent),transparent 45%),linear-gradient(145deg,rgba(7,36,67,.98),rgba(3,20,42,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 42px rgba(0,4,19,.2)!important}
.flagshipV621 .oh621CapabilityCard::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--cap),transparent 82%);box-shadow:0 0 18px color-mix(in srgb,var(--cap) 72%,transparent)}
.flagshipV621 .oh621CapabilityCard.is-automation{--cap:#ae72ff}.flagshipV621 .oh621CapabilityCard.is-camera{--cap:#3ea3ff}.flagshipV621 .oh621CapabilityCard.is-energy{--cap:#29e1b1}
.flagshipV621 .oh621CapabilityCard>header{display:grid;grid-template-columns:auto 44px minmax(0,1fr);align-items:center;gap:10px}.flagshipV621 .oh621CapabilityCard>header>span{color:#6f92aa!important;font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important}.flagshipV621 .oh621CapabilityCard>header>b{display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--cap) 32%,transparent);border-radius:13px;background:color-mix(in srgb,var(--cap) 14%,rgba(4,27,52,.9));color:var(--cap)}.flagshipV621 .oh621CapabilityCard>header svg{width:22px!important;height:22px!important;margin:0!important}.flagshipV621 .oh621CapabilityCard>header em{justify-self:end;color:var(--cap);font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.flagshipV621 .oh621CapabilityCopy{position:relative;z-index:2}.flagshipV621 .oh621CapabilityCopy h3{margin:22px 0 8px!important;font-size:19px!important;line-height:1.18!important}.flagshipV621 .oh621CapabilityCopy p{margin:0!important;color:#9bb4c6!important;font-size:12px!important;line-height:1.62!important}
.flagshipV621 .oh621MiniDashboard,.flagshipV621 .oh621MiniFlow,.flagshipV621 .oh621MiniCameras,.flagshipV621 .oh621MiniEnergy{position:relative;margin-top:auto;height:96px;border:1px solid color-mix(in srgb,var(--cap) 22%,transparent);border-radius:13px;background:rgba(2,17,35,.7);overflow:hidden}
.flagshipV621 .oh621MiniDashboard{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:28px 1fr;gap:6px;padding:9px}.flagshipV621 .oh621MiniDashboard>i{border-radius:5px;background:linear-gradient(135deg,color-mix(in srgb,var(--cap) 30%,#082846),#08213d)}.flagshipV621 .oh621MiniDashboard>strong{display:flex;grid-column:1/-1;align-items:flex-end;gap:5px;padding:8px;border-radius:7px;background:#061c35}.flagshipV621 .oh621MiniDashboard>strong span{width:22%;height:35%;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--cap) 58%,#12385c)}.flagshipV621 .oh621MiniDashboard>strong span:nth-child(2){height:70%}.flagshipV621 .oh621MiniDashboard>strong span:nth-child(3){height:50%}
.flagshipV621 .oh621MiniFlow{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px}.flagshipV621 .oh621MiniFlow i{display:grid;place-items:center;width:43px;height:43px;border:1px solid color-mix(in srgb,var(--cap) 37%,transparent);border-radius:50%;background:color-mix(in srgb,var(--cap) 13%,#061a32);color:#eaf8ff;font-size:8px;font-style:normal;font-weight:900}.flagshipV621 .oh621MiniFlow span{flex:1;height:1px;background:linear-gradient(90deg,var(--cap),rgba(174,114,255,.2));position:relative}.flagshipV621 .oh621MiniFlow span::after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left-color:var(--cap)}
.flagshipV621 .oh621MiniCameras{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.flagshipV621 .oh621MiniCameras i{position:relative;border-radius:8px;background:linear-gradient(180deg,rgba(48,119,171,.26),rgba(2,14,29,.92)),url('/assets/onehome-hero-house.webp') center/cover}.flagshipV621 .oh621MiniCameras i:nth-child(2){background-position:68% center}.flagshipV621 .oh621MiniCameras i:nth-child(3){position:absolute;right:13px;top:13px;width:auto;height:auto;padding:3px 6px;background:#22dca9;color:#032318}.flagshipV621 .oh621MiniCameras small{position:absolute;left:7px;bottom:6px;color:#fff;font-size:7px;font-style:normal;font-weight:850}.flagshipV621 .oh621MiniCameras i:nth-child(3) small{position:static;color:#032318}
.flagshipV621 .oh621MiniEnergy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px}.flagshipV621 .oh621MiniEnergy span small,.flagshipV621 .oh621MiniEnergy span b{display:block}.flagshipV621 .oh621MiniEnergy span small{color:#6f9aae;font-size:7px;font-weight:900}.flagshipV621 .oh621MiniEnergy span b{margin-top:4px;color:#fff;font-size:14px}.flagshipV621 .oh621MiniEnergy svg{width:100%!important;height:58px!important;margin:0!important;overflow:visible}.flagshipV621 .oh621MiniEnergy path{fill:none;stroke:var(--cap);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cap) 58%,transparent))}
.flagshipV621 .oh621BrandWall span{min-width:0!important;padding:14px 24px!important;background:linear-gradient(145deg,rgba(7,31,58,.92),rgba(4,21,43,.98))!important;transition:border-color .18s ease,background .18s ease!important}.flagshipV621 .oh621BrandWall span:hover{background:linear-gradient(145deg,rgba(10,45,78,.96),rgba(5,26,52,.99))!important}.flagshipV621 .oh621BrandWall svg{display:block;width:min(100%,220px);height:54px;overflow:visible;filter:drop-shadow(0 6px 14px rgba(0,0,0,.2))}
.flagshipV621 .oh5FooterTop a{transition:color .18s ease,transform .18s ease}.flagshipV621 .oh5FooterTop a:hover{transform:translateX(2px)}.flagshipV621 .oh5FooterTop a svg{color:#58c9e8;opacity:.8}
@media(max-width:1180px){.flagshipV621 .oh621CapabilityGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.flagshipV621 .oh621CapabilityCard{min-height:300px!important}}
@media(max-width:700px){.flagshipV621 .oh621CapabilityGrid{grid-template-columns:1fr!important;gap:10px!important}.flagshipV621 .oh621CapabilityCard{min-height:284px!important;padding:17px!important;border-bottom:1px solid color-mix(in srgb,var(--cap) 28%,transparent)!important}.flagshipV621 .oh621CapabilityCopy h3{margin-top:17px!important}.flagshipV621 .oh621BrandWall span{min-height:84px!important;padding:11px!important}.flagshipV621 .oh621BrandWall svg{height:44px}.flagshipV621 .oh5FooterTop a{min-height:38px!important}}
@media(max-width:420px){.flagshipV621 .oh621CapabilityCard>header{grid-template-columns:auto 40px minmax(0,1fr)}.flagshipV621 .oh621CapabilityCard>header>b{width:40px;height:40px}.flagshipV621 .oh621CapabilityCard>header em{font-size:8px}.flagshipV621 .oh621BrandWall{grid-template-columns:1fr!important}.flagshipV621 .oh621BrandWall span{min-height:78px!important}}
@media(prefers-reduced-motion:reduce){.flagshipV621 .oh5FooterTop a{transition:none}}