/* One-Home FLAGSHIP UI4 — quieter, more editorial, more product-led */
.flagshipV5{--oh5-bg:#06111b;--oh5-bg2:#0a1824;--oh5-panel:#0c1a27;--oh5-panel2:#0f202e;--oh5-line:rgba(180,220,241,.12);--oh5-line2:rgba(180,220,241,.2);--oh5-text:#f4f8fb;--oh5-muted:#9bb0bd;--oh5-soft:#6f8796;--oh5-accent:#65d8ff;--oh5-green:#59d9a2;--oh5-max:1280px;background:var(--oh5-bg);color:var(--oh5-text);font-size:16px;letter-spacing:-.01em}
.flagshipV5:before{display:none}.flagshipV5 .wrap,.flagshipV5 .shell{width:min(var(--oh5-max),calc(100% - 48px));margin-inline:auto}.flagshipV5 svg{display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.flagshipV5 a{text-decoration:none}.flagshipV5 .oh5Skip{position:fixed;left:18px;top:-70px;z-index:200;background:#fff;color:#07111b;padding:12px 16px;border-radius:10px;font-weight:800}.flagshipV5 .oh5Skip:focus{top:18px}.flagshipV5 :focus-visible{outline:2px solid var(--oh5-accent);outline-offset:3px}

.flagshipV5 .oh5Header{position:fixed;inset:0 0 auto;z-index:100;padding:18px 0;transition:padding .2s ease,background .2s ease,border-color .2s ease}.flagshipV5 .oh5Header.scrolled{padding:10px 0;background:rgba(5,15,24,.88);border-bottom:1px solid rgba(177,218,239,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.flagshipV5 .oh5Nav{height:66px;display:flex;align-items:center;gap:28px;padding:0 8px}.flagshipV5 .oh5Brand{width:214px;flex:0 0 214px}.flagshipV5 .oh5Brand img{display:block;width:100%;height:auto}.flagshipV5 .oh5NavLinks{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto}.flagshipV5 .oh5NavLinks a{color:#a8bac5;font-size:14px;font-weight:650;padding:10px 12px;border-radius:10px;transition:.18s ease}.flagshipV5 .oh5NavLinks a:hover,.flagshipV5 .oh5NavLinks a.current{color:#fff;background:rgba(255,255,255,.055)}.flagshipV5 .oh5NavActions{display:flex;align-items:center;gap:10px;margin-left:12px}.flagshipV5 .oh5Portal{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:0 15px;border:1px solid var(--oh5-line2);border-radius:12px;color:#eaf7fd;background:rgba(9,29,43,.64);font-size:13px;font-weight:800}.flagshipV5 .oh5Portal svg{width:16px;height:16px}.flagshipV5 .oh5Portal:hover{border-color:rgba(101,216,255,.42);background:#0d2535}.flagshipV5 .oh5Menu{display:none;position:relative;width:44px;height:44px;border-radius:12px;background:transparent;border:1px solid var(--oh5-line2)}.flagshipV5 .oh5Menu span{position:absolute;left:12px;right:12px;height:1.5px;background:#e6f2f8;transition:.2s}.flagshipV5 .oh5Menu span:first-child{top:17px}.flagshipV5 .oh5Menu span:last-child{top:25px}.flagshipV5 .oh5Menu[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}.flagshipV5 .oh5Menu[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}

.flagshipV5 .oh5Hero{padding:116px 0 0;background:linear-gradient(180deg,#061421 0,#06111b 100%)}.flagshipV5 .oh5HeroMedia{position:relative;min-height:720px;border-radius:32px;overflow:hidden;background:#0a1620;border:1px solid rgba(177,218,239,.13);box-shadow:0 32px 90px rgba(0,0,0,.26)}.flagshipV5 .oh5HeroMedia picture,.flagshipV5 .oh5HeroMedia img{position:absolute;inset:0;width:100%;height:100%;display:block}.flagshipV5 .oh5HeroMedia img{object-fit:cover;object-position:62% center;filter:saturate(.9) contrast(1.02)}.flagshipV5 .oh5HeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,23,.97) 0%,rgba(4,15,24,.9) 34%,rgba(4,15,24,.57) 52%,rgba(4,15,24,.12) 72%),linear-gradient(180deg,rgba(3,12,20,.05),rgba(3,12,20,.06) 62%,rgba(3,12,20,.66) 100%)}.flagshipV5 .oh5HeroContent{position:relative;z-index:2;max-width:720px;padding:92px 0 86px 64px}.flagshipV5 .oh5Eyebrow,.flagshipV5 .oh5Kicker{font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:#80b3cc}.flagshipV5 .oh5Eyebrow{display:flex;align-items:center;gap:10px}.flagshipV5 .oh5Eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--oh5-green)}.flagshipV5 .oh5Hero h1{font-size:clamp(66px,6.7vw,98px);line-height:.94;letter-spacing:-.065em;margin:25px 0 24px;max-width:760px}.flagshipV5 .oh5Hero h1 em{font-style:normal;color:#9cdbef}.flagshipV5 .oh5HeroContent>p{font-size:18px;line-height:1.7;color:#c2d0d8;max-width:650px;margin:0}.flagshipV5 .oh5HeroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.flagshipV5 .oh5Btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.flagshipV5 .oh5Btn svg{width:17px;height:17px}.flagshipV5 .oh5Btn:hover{transform:translateY(-1px)}.flagshipV5 .oh5Btn.primary{background:#e9f7fd;color:#07131d;border-color:#e9f7fd;box-shadow:0 15px 35px rgba(101,216,255,.09)}.flagshipV5 .oh5Btn.primary:hover{background:#fff}.flagshipV5 .oh5Btn.ghost{background:rgba(8,25,37,.34);color:#f4f9fb;border-color:rgba(230,244,250,.19);backdrop-filter:blur(9px)}.flagshipV5 .oh5HomeStatus{position:absolute;z-index:2;right:36px;bottom:34px;width:285px;padding:20px 20px 18px;border:1px solid rgba(211,235,247,.16);border-radius:18px;background:rgba(5,22,33,.75);backdrop-filter:blur(16px);box-shadow:0 20px 45px rgba(0,0,0,.22)}.flagshipV5 .oh5StatusTop{display:flex;align-items:center;gap:8px}.flagshipV5 .oh5StatusTop small{font-size:11px;letter-spacing:.14em;color:#8bb0c2;font-weight:850}.flagshipV5 .oh5Pulse{width:8px;height:8px;background:var(--oh5-green);border-radius:50%;box-shadow:0 0 0 5px rgba(89,217,162,.08)}.flagshipV5 .oh5HomeStatus>strong{display:block;font-size:20px;margin-top:9px}.flagshipV5 .oh5StatusMeta{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.flagshipV5 .oh5StatusMeta span{font-size:11px;color:#a8bfcb;padding:6px 8px;border:1px solid rgba(207,233,244,.1);border-radius:8px;background:rgba(255,255,255,.025)}.flagshipV5 .oh5TrustRail{min-height:112px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--oh5-line);margin-top:18px}.flagshipV5 .oh5TrustRail>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:25px 28px;border-right:1px solid var(--oh5-line)}.flagshipV5 .oh5TrustRail>div:last-child{border-right:0}.flagshipV5 .oh5TrustRail svg{width:28px;height:28px;color:#8cdcf6}.flagshipV5 .oh5TrustRail b,.flagshipV5 .oh5TrustRail small{display:block}.flagshipV5 .oh5TrustRail b{font-size:14px}.flagshipV5 .oh5TrustRail small{font-size:12px;color:#849ba9;margin-top:4px;line-height:1.45}

.flagshipV5 .oh5Section{padding:112px 0}.flagshipV5 .oh5Quiet{background:#081520;border-top:1px solid rgba(200,230,244,.05);border-bottom:1px solid rgba(200,230,244,.05)}.flagshipV5 .oh5SectionHead{max-width:760px;margin-bottom:44px}.flagshipV5 .oh5SectionHead.centered{margin-inline:auto;text-align:center}.flagshipV5 .oh5Kicker{margin:0 0 14px}.flagshipV5 .oh5SectionHead h2,.flagshipV5 .oh5ExperienceCopy h2,.flagshipV5 .oh5ArchitectureCopy h2,.flagshipV5 .oh5EarlyGrid h2,.flagshipV5 .oh5ContactCopy h2{font-size:clamp(44px,5vw,66px);line-height:1.02;letter-spacing:-.052em;margin:0}.flagshipV5 h2 span{color:#9cd8ea}.flagshipV5 .oh5SectionHead>p:last-child,.flagshipV5 .oh5ExperienceCopy>p,.flagshipV5 .oh5ArchitectureCopy>p,.flagshipV5 .oh5EarlyGrid>div>p:last-child,.flagshipV5 .oh5ContactCopy>p{font-size:16px;line-height:1.75;color:var(--oh5-muted);margin:18px 0 0}.flagshipV5 .oh5SectionHead.centered>p:last-child{max-width:700px;margin-inline:auto}

.flagshipV5 .oh5ProductFrame{border:1px solid rgba(186,223,241,.15);border-radius:26px;overflow:hidden;background:#08141e;box-shadow:0 28px 80px rgba(0,0,0,.25)}.flagshipV5 .oh5BrowserBar{height:68px;display:grid;grid-template-columns:220px 1fr 150px;align-items:center;padding:0 18px;border-bottom:1px solid var(--oh5-line);background:#0b1823}.flagshipV5 .oh5BrowserBrand{display:flex;align-items:center;gap:10px}.flagshipV5 .oh5BrowserBrand img{width:34px;height:34px}.flagshipV5 .oh5BrowserBrand b,.flagshipV5 .oh5BrowserBrand small{display:block}.flagshipV5 .oh5BrowserBrand b{font-size:13px}.flagshipV5 .oh5BrowserBrand small{font-size:9px;letter-spacing:.14em;color:#6e8797;margin-top:3px}.flagshipV5 .oh5BrowserSearch{justify-self:center;width:min(100%,390px);height:40px;border:1px solid rgba(188,223,239,.1);border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#718997;background:#07121b}.flagshipV5 .oh5BrowserSearch svg{width:16px;height:16px}.flagshipV5 .oh5BrowserSearch span{font-size:12px}.flagshipV5 .oh5BrowserSearch kbd{margin-left:auto;border:1px solid rgba(208,232,242,.12);border-radius:6px;padding:3px 6px;font-size:10px;color:#718997;font-family:inherit}.flagshipV5 .oh5BrowserState{justify-self:end;font-size:11px;color:#9ab4c2;display:flex;align-items:center;gap:7px}.flagshipV5 .oh5BrowserState span{width:7px;height:7px;background:var(--oh5-green);border-radius:50%}.flagshipV5 .oh5AppShell{display:grid;grid-template-columns:190px 1fr;min-height:650px}.flagshipV5 .oh5Sidebar{padding:24px 14px;border-right:1px solid var(--oh5-line);background:#07121b;display:flex;flex-direction:column;gap:5px}.flagshipV5 .oh5Sidebar a{height:39px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:9px;color:#7891a0;font-size:12px;font-weight:700}.flagshipV5 .oh5Sidebar a.active{color:#e9f8fd;background:#102532}.flagshipV5 .oh5Sidebar svg{width:17px;height:17px}.flagshipV5 .oh5Dashboard{padding:34px;background:linear-gradient(180deg,#0b1924,#08151f)}.flagshipV5 .oh5DashboardHead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.flagshipV5 .oh5DashboardHead small{font-size:10px;letter-spacing:.15em;color:#6f8fa1;font-weight:800}.flagshipV5 .oh5DashboardHead h3{font-size:32px;letter-spacing:-.045em;margin:7px 0 5px}.flagshipV5 .oh5DashboardHead p{margin:0;color:#738b99;font-size:13px}.flagshipV5 .oh5Mode{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(193,224,238,.12);border-radius:9px;font-size:11px;color:#a8bec9}.flagshipV5 .oh5Mode i{width:7px;height:7px;background:var(--oh5-green);border-radius:50%}.flagshipV5 .oh5Metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.flagshipV5 .oh5Metrics article{min-height:86px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(191,224,239,.1);border-radius:12px;background:#0d1d29}.flagshipV5 .oh5Metrics svg{width:25px;height:25px;color:#7ed7f0}.flagshipV5 .oh5Metrics small,.flagshipV5 .oh5Metrics b{display:block}.flagshipV5 .oh5Metrics small{font-size:10px;color:#708b9a}.flagshipV5 .oh5Metrics b{font-size:14px;margin-top:4px}.flagshipV5 .oh5DashboardGrid{display:grid;grid-template-columns:1.65fr .75fr;gap:12px;margin-top:12px}.flagshipV5 .oh5DashboardGrid>section{border:1px solid rgba(191,224,239,.1);border-radius:14px;background:#0c1b27;padding:16px}.flagshipV5 .oh5DashboardGrid header{display:flex;align-items:center;justify-content:space-between}.flagshipV5 .oh5DashboardGrid header b,.flagshipV5 .oh5DashboardGrid header small{display:block}.flagshipV5 .oh5DashboardGrid header b{font-size:13px}.flagshipV5 .oh5DashboardGrid header small{font-size:10px;color:#698493;margin-top:3px}.flagshipV5 .oh5DashboardGrid header a{font-size:10px;color:#83cde6}.flagshipV5 .oh5CameraTiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.flagshipV5 .oh5CameraTiles article{height:170px;border-radius:10px;overflow:hidden;position:relative;background-size:cover;background-position:center}.flagshipV5 .oh5CameraTiles .drive{background:linear-gradient(180deg,transparent 45%,rgba(3,11,17,.82)),linear-gradient(135deg,#556c78,#26343d 46%,#1d2a31)}.flagshipV5 .oh5CameraTiles .living{background:linear-gradient(180deg,transparent 45%,rgba(3,11,17,.82)),linear-gradient(135deg,#6d5c4f,#313537 46%,#1a262b)}.flagshipV5 .oh5CameraTiles .nursery{background:linear-gradient(180deg,transparent 45%,rgba(3,11,17,.82)),linear-gradient(135deg,#575b70,#323d48 46%,#172630)}.flagshipV5 .oh5CameraTiles article:before{content:"";position:absolute;inset:18% 12%;border-radius:7px;border:1px solid rgba(255,255,255,.07);opacity:.55}.flagshipV5 .oh5CameraTiles article>span{position:absolute;left:10px;right:10px;bottom:10px;font-size:10px;font-weight:750;display:flex;justify-content:space-between}.flagshipV5 .oh5CameraTiles article b{font-size:8px;letter-spacing:.08em;color:#72e1b3}.flagshipV5 .oh5HealthPanel ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:1px}.flagshipV5 .oh5HealthPanel li{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(191,224,239,.07);font-size:11px;color:#829aa8}.flagshipV5 .oh5HealthPanel li:last-child{border-bottom:0}.flagshipV5 .oh5HealthPanel li b{color:#b8ccd6;font-size:10px;display:flex;align-items:center;gap:6px}.flagshipV5 .oh5HealthPanel li i{width:6px;height:6px;background:var(--oh5-green);border-radius:50%}.flagshipV5 .oh5PreviewNote{font-size:11px;color:#6d8492;text-align:center;margin:13px 0 0}.flagshipV5 .oh5CapabilityGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid var(--oh5-line);border-bottom:1px solid var(--oh5-line);margin-top:66px}.flagshipV5 .oh5CapabilityGrid article{position:relative;padding:34px 28px 38px;border-right:1px solid var(--oh5-line)}.flagshipV5 .oh5CapabilityGrid article:last-child{border-right:0}.flagshipV5 .oh5CapabilityGrid article>span{font-size:11px;color:#577383;font-weight:800;letter-spacing:.12em}.flagshipV5 .oh5CapabilityGrid svg{width:27px;height:27px;margin-top:30px;color:#86d9f2}.flagshipV5 .oh5CapabilityGrid h3{font-size:18px;margin:18px 0 8px}.flagshipV5 .oh5CapabilityGrid p{font-size:13px;line-height:1.65;color:#8298a5;margin:0}

.flagshipV5 .oh5Experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}.flagshipV5 .oh5ExperienceCopy{max-width:560px}.flagshipV5 .oh5Principles{display:grid;gap:20px;margin-top:32px}.flagshipV5 .oh5Principles>div{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start}.flagshipV5 .oh5Principles svg{width:24px;height:24px;color:#82d9f1;margin-top:1px}.flagshipV5 .oh5Principles b,.flagshipV5 .oh5Principles small{display:block}.flagshipV5 .oh5Principles b{font-size:15px}.flagshipV5 .oh5Principles small{font-size:13px;color:#8299a7;line-height:1.55;margin-top:4px}.flagshipV5 .oh5Modes{display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:1fr 1fr;gap:12px}.flagshipV5 .oh5Modes article{min-height:190px;padding:28px;border:1px solid rgba(186,223,241,.1);border-radius:18px;background:#0b1a26}.flagshipV5 .oh5Modes article.featured{grid-row:1/3;min-height:400px;background:linear-gradient(145deg,#102939,#0a1925)}.flagshipV5 .oh5Modes small{font-size:10px;letter-spacing:.16em;color:#7095a8;font-weight:800}.flagshipV5 .oh5Modes h3{font-size:28px;letter-spacing:-.04em;margin:12px 0 8px}.flagshipV5 .oh5Modes .featured h3{font-size:48px;margin-top:16px}.flagshipV5 .oh5Modes p{font-size:13px;line-height:1.65;color:#8299a7;margin:0}.flagshipV5 .oh5ModeLine{margin-top:160px;padding-top:16px;border-top:1px solid rgba(196,225,238,.1);display:flex;align-items:center;gap:10px;font-size:11px;color:#7d98a6}.flagshipV5 .oh5ModeLine i{flex:1;height:1px;background:linear-gradient(90deg,#64d9ff,rgba(100,217,255,.05))}.flagshipV5 .oh5ModeLine b{color:#b8d3df}

.flagshipV5 .oh5BrandWall{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--oh5-line);border-left:1px solid var(--oh5-line)}.flagshipV5 .oh5BrandWall span{min-height:104px;display:grid;place-items:center;border-right:1px solid var(--oh5-line);border-bottom:1px solid var(--oh5-line);font-size:20px;font-weight:730;color:#c5d4dc;letter-spacing:-.035em;background:#07141e}.flagshipV5 .oh5BrandWall span:nth-child(3n+2){background:#091722}.flagshipV5 .oh5IntegrationFeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.flagshipV5 .oh5IntegrationFeatures article{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:24px;border:1px solid rgba(190,224,240,.1);border-radius:16px}.flagshipV5 .oh5IntegrationFeatures svg{width:27px;height:27px;color:#83d8ef}.flagshipV5 .oh5IntegrationFeatures h3{font-size:16px;margin:0 0 7px}.flagshipV5 .oh5IntegrationFeatures p{font-size:13px;line-height:1.6;color:#8298a5;margin:0}.flagshipV5 .oh5Fineprint{font-size:11px;color:#667e8c;margin:18px 0 0}

.flagshipV5 .oh5Architecture{padding-top:42px}.flagshipV5 .oh5ArchitectureCard{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:54px 56px;border:1px solid rgba(192,224,239,.12);border-radius:24px;background:#091824}.flagshipV5 .oh5ArchitectureCopy>p{max-width:590px}.flagshipV5 .oh5ArchPills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.flagshipV5 .oh5ArchPills span{font-size:11px;color:#9cb2bd;padding:8px 10px;border:1px solid rgba(191,224,239,.1);border-radius:8px}.flagshipV5 .oh5ArchVisual{display:flex;align-items:center;justify-content:center;gap:17px}.flagshipV5 .oh5ArchNode{min-width:190px;min-height:126px;border:1px solid rgba(194,225,240,.12);border-radius:16px;background:#0d202d;padding:22px;display:flex;align-items:center;gap:14px}.flagshipV5 .oh5ArchNode img,.flagshipV5 .oh5ArchNode>svg{width:44px;height:44px}.flagshipV5 .oh5ArchNode>svg{color:#7edbf4}.flagshipV5 .oh5ArchNode b,.flagshipV5 .oh5ArchNode small{display:block}.flagshipV5 .oh5ArchNode b{font-size:14px}.flagshipV5 .oh5ArchNode small{font-size:11px;color:#738e9c;margin-top:5px}.flagshipV5 .oh5ArchLine{width:66px;display:grid;gap:7px}.flagshipV5 .oh5ArchLine span{height:1px;background:linear-gradient(90deg,rgba(101,216,255,.2),rgba(101,216,255,.7),rgba(101,216,255,.2))}.flagshipV5 .oh5ArchLine span:nth-child(2){width:75%;margin:auto}.flagshipV5 .oh5ArchLine span:nth-child(3){width:45%;margin:auto}

.flagshipV5 .oh5SecurityGrid{display:grid;grid-template-columns:1.35fr .825fr .825fr;grid-template-rows:1fr 1fr;gap:12px}.flagshipV5 .oh5SecurityGrid article{min-height:210px;padding:28px;border:1px solid rgba(191,224,239,.1);border-radius:17px;background:#0a1925}.flagshipV5 .oh5SecurityGrid article.lead{grid-row:1/3;min-height:432px;background:#0c202e}.flagshipV5 .oh5SecurityGrid article>svg{width:30px;height:30px;color:#83daef}.flagshipV5 .oh5SecurityGrid .lead>svg{width:40px;height:40px}.flagshipV5 .oh5SecurityGrid small{display:block;margin-top:52px;font-size:10px;letter-spacing:.16em;color:#6d94a7;font-weight:800}.flagshipV5 .oh5SecurityGrid h3{font-size:19px;margin:34px 0 9px}.flagshipV5 .oh5SecurityGrid .lead h3{font-size:34px;letter-spacing:-.04em;margin:12px 0 12px}.flagshipV5 .oh5SecurityGrid p{font-size:13px;line-height:1.65;color:#8299a7;margin:0}.flagshipV5 .oh5SecurityGrid .lead p{font-size:14px;line-height:1.7;max-width:480px}.flagshipV5 .oh5SecurityGrid .lead a{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:#a8dff0;font-size:13px;font-weight:800}.flagshipV5 .oh5SecurityGrid .lead a svg{width:16px;height:16px}

.flagshipV5 .oh5Early{background:#081520;border-top:1px solid rgba(198,228,242,.05);border-bottom:1px solid rgba(198,228,242,.05)}.flagshipV5 .oh5EarlyGrid{display:grid;grid-template-columns:1fr .85fr;gap:74px;align-items:center}.flagshipV5 .oh5EarlyFacts{display:grid;gap:12px}.flagshipV5 .oh5EarlyFacts>span{display:flex;align-items:center;gap:12px;font-size:14px;color:#adc0ca}.flagshipV5 .oh5EarlyFacts>span svg{width:18px;height:18px;color:#72ddb0}.flagshipV5 .oh5EarlyFacts .oh5Btn{justify-self:start;margin-top:14px}

.flagshipV5 .oh5FaqLayout{display:grid;grid-template-columns:.72fr 1.28fr;gap:76px;align-items:start}.flagshipV5 .oh5FaqLayout .oh5SectionHead{position:sticky;top:108px}.flagshipV5 .oh5Faq{border-top:1px solid var(--oh5-line)}.flagshipV5 .oh5Faq details{border-bottom:1px solid var(--oh5-line)}.flagshipV5 .oh5Faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;font-size:16px;font-weight:750;color:#dce8ed}.flagshipV5 .oh5Faq summary::-webkit-details-marker{display:none}.flagshipV5 .oh5Faq summary span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(196,226,239,.12);border-radius:50%;color:#87b9cc;font-size:18px;font-weight:400;transition:transform .18s}.flagshipV5 .oh5Faq details[open] summary span{transform:rotate(45deg)}.flagshipV5 .oh5Faq details p{font-size:14px;line-height:1.7;color:#839aa7;margin:-5px 50px 24px 0}

.flagshipV5 .oh5ContactSection{padding-top:54px}.flagshipV5 .oh5ContactCard{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;padding:52px;border:1px solid rgba(194,225,239,.12);border-radius:24px;background:#0a1a26}.flagshipV5 .oh5ContactMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.flagshipV5 .oh5ContactMeta span{font-size:11px;color:#94aeba;padding:8px 10px;border:1px solid rgba(195,226,239,.1);border-radius:8px}.flagshipV5 .oh5LeadForm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flagshipV5 .oh5LeadForm .field{display:grid;gap:7px}.flagshipV5 .oh5LeadForm .field.full,.flagshipV5 .oh5LeadForm .full,.flagshipV5 .oh5LeadForm .leadMessage{grid-column:1/3}.flagshipV5 .oh5LeadForm label{font-size:12px;font-weight:750;color:#b3c5ce}.flagshipV5 .oh5LeadForm input,.flagshipV5 .oh5LeadForm select,.flagshipV5 .oh5LeadForm textarea{width:100%;min-height:52px;border:1px solid rgba(193,225,239,.13);border-radius:10px;background:#07141e;color:#f0f7fa;padding:0 14px;font-size:14px;outline:none}.flagshipV5 .oh5LeadForm textarea{min-height:126px;padding-top:14px;resize:vertical}.flagshipV5 .oh5LeadForm input:focus,.flagshipV5 .oh5LeadForm select:focus,.flagshipV5 .oh5LeadForm textarea:focus{border-color:rgba(101,216,255,.5)}.flagshipV5 .oh5LeadForm ::placeholder{color:#637c8a}.flagshipV5 .oh5LeadForm .leadMessage{min-height:20px;font-size:12px;color:#73d8ab}

.flagshipV5 .oh5Footer{padding:70px 0 28px;border-top:1px solid rgba(197,227,240,.08);background:#050e16}.flagshipV5 .oh5FooterTop{display:grid;grid-template-columns:1.65fr repeat(3,.68fr);gap:56px}.flagshipV5 .oh5FooterBrand img{width:230px}.flagshipV5 .oh5FooterBrand p{max-width:410px;font-size:13px;line-height:1.65;color:#748b98;margin:18px 0 12px}.flagshipV5 .oh5FooterBrand>span{font-size:11px;color:#5e7785}.flagshipV5 .oh5FooterTop>div:not(.oh5FooterBrand){display:flex;flex-direction:column;gap:11px}.flagshipV5 .oh5FooterTop b{font-size:13px;margin-bottom:4px}.flagshipV5 .oh5FooterTop a{font-size:12px;color:#78909e}.flagshipV5 .oh5FooterTop a:hover{color:#fff}.flagshipV5 .oh5FooterBottom{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:22px;border-top:1px solid rgba(195,226,239,.07);font-size:10px;letter-spacing:.12em;color:#526b79;text-transform:uppercase}

/* Portal + legal polish: same flat identity, larger typography, calmer header */
.accountSiteHeader{min-height:76px!important;background:rgba(5,15,24,.93)!important;border-bottom:1px solid rgba(185,221,239,.1)!important;backdrop-filter:blur(16px)!important;padding:0 max(20px,calc((100vw - 1240px)/2))!important}.accountSiteHeader .accountBrand .brandLogoWide{width:205px!important;max-height:none!important}.accountSiteHeader nav{gap:4px!important}.accountSiteHeader nav a{font-size:13px!important;padding:10px 11px!important;color:#9eb3bf!important}.portalBody .authVisual .brandLogoWide{width:250px!important}.portalBody .authVisual h1{letter-spacing:-.05em!important}.portalBody .authVisual p,.portalBody .authPanel>div>p,.portalBody .portalForm label{font-size:13px!important;line-height:1.6!important}.portalBody .portalForm input,.portalBody .portalForm select,.portalBody .portalForm textarea{font-size:14px!important}.legalTopbar{background:rgba(5,15,24,.94)!important;border-bottom:1px solid rgba(190,224,239,.1)!important;backdrop-filter:blur(16px)!important}.legalTopbar .legalBrand img,.legalBrand img{width:205px!important;max-height:none!important}.legalHero p,.legalContent p,.legalContent li,.legalMini span{font-size:14px!important;line-height:1.72!important}.legalToc a{font-size:12px!important;line-height:1.45!important}

@media(max-width:1100px){
  .flagshipV5 .oh5NavLinks a{padding:10px 8px}.flagshipV5 .oh5HeroContent{padding-left:42px}.flagshipV5 .oh5Hero h1{font-size:clamp(62px,8vw,86px)}.flagshipV5 .oh5AppShell{grid-template-columns:160px 1fr}.flagshipV5 .oh5Dashboard{padding:26px}.flagshipV5 .oh5Metrics{grid-template-columns:repeat(2,1fr)}.flagshipV5 .oh5CameraTiles article{height:150px}.flagshipV5 .oh5CapabilityGrid{grid-template-columns:repeat(2,1fr)}.flagshipV5 .oh5CapabilityGrid article:nth-child(2){border-right:0}.flagshipV5 .oh5CapabilityGrid article:nth-child(-n+2){border-bottom:1px solid var(--oh5-line)}.flagshipV5 .oh5Experience{gap:42px}.flagshipV5 .oh5ArchitectureCard{grid-template-columns:1fr;gap:38px}.flagshipV5 .oh5ArchVisual{justify-content:flex-start}.flagshipV5 .oh5SecurityGrid{grid-template-columns:1fr 1fr}.flagshipV5 .oh5SecurityGrid article.lead{grid-column:1/3;grid-row:auto;min-height:330px}.flagshipV5 .oh5SecurityGrid small{margin-top:34px}.flagshipV5 .oh5ContactCard{gap:40px}.flagshipV5 .oh5FooterTop{grid-template-columns:1.4fr 1fr 1fr}.flagshipV5 .oh5FooterTop>div:last-child{grid-column:2/4}
}
@media(max-width:900px){
  .flagshipV5 .wrap,.flagshipV5 .shell{width:min(100% - 28px,var(--oh5-max))}.flagshipV5 .oh5Header{padding:10px 0}.flagshipV5 .oh5Nav{height:58px;padding:0}.flagshipV5 .oh5Brand{width:184px;flex-basis:184px}.flagshipV5 .oh5Menu{display:block}.flagshipV5 .oh5NavLinks{display:none;position:absolute;left:14px;right:14px;top:78px;flex-direction:column;align-items:stretch;padding:10px;background:#07141e;border:1px solid rgba(193,225,239,.14);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.32)}.flagshipV5 .oh5NavLinks.open{display:flex}.flagshipV5 .oh5NavLinks a{padding:13px 14px}.flagshipV5 .oh5Portal{font-size:12px;min-height:42px}.flagshipV5 .oh5Hero{padding-top:88px}.flagshipV5 .oh5HeroMedia{min-height:760px}.flagshipV5 .oh5HeroMedia img{object-position:68% center}.flagshipV5 .oh5HeroShade{background:linear-gradient(180deg,rgba(4,14,23,.96) 0%,rgba(4,14,23,.77) 47%,rgba(4,14,23,.18) 70%,rgba(4,14,23,.7) 100%)}.flagshipV5 .oh5HeroContent{padding:54px 32px;max-width:720px}.flagshipV5 .oh5Hero h1{font-size:clamp(58px,11vw,78px)}.flagshipV5 .oh5HomeStatus{left:28px;right:auto;bottom:28px}.flagshipV5 .oh5TrustRail{grid-template-columns:1fr}.flagshipV5 .oh5TrustRail>div{border-right:0;border-bottom:1px solid var(--oh5-line)}.flagshipV5 .oh5TrustRail>div:last-child{border-bottom:0}.flagshipV5 .oh5Section{padding:86px 0}.flagshipV5 .oh5BrowserBar{grid-template-columns:1fr auto}.flagshipV5 .oh5BrowserSearch{display:none}.flagshipV5 .oh5AppShell{grid-template-columns:1fr}.flagshipV5 .oh5Sidebar{display:none}.flagshipV5 .oh5DashboardGrid{grid-template-columns:1fr}.flagshipV5 .oh5Experience,.flagshipV5 .oh5EarlyGrid,.flagshipV5 .oh5FaqLayout,.flagshipV5 .oh5ContactCard{grid-template-columns:1fr}.flagshipV5 .oh5FaqLayout{gap:22px}.flagshipV5 .oh5FaqLayout .oh5SectionHead{position:static}.flagshipV5 .oh5Modes{margin-top:12px}.flagshipV5 .oh5BrandWall{grid-template-columns:repeat(3,1fr)}.flagshipV5 .oh5IntegrationFeatures{grid-template-columns:1fr}.flagshipV5 .oh5EarlyGrid{gap:32px}.flagshipV5 .oh5ContactCard{gap:34px;padding:34px}.flagshipV5 .oh5FooterTop{grid-template-columns:1fr 1fr}.flagshipV5 .oh5FooterBrand{grid-column:1/3}.flagshipV5 .oh5FooterTop>div:last-child{grid-column:auto}
}
@media(max-width:640px){
  .flagshipV5{font-size:15px}.flagshipV5 .wrap,.flagshipV5 .shell{width:min(100% - 20px,var(--oh5-max))}.flagshipV5 .oh5Brand{width:160px;flex-basis:160px}.flagshipV5 .oh5Portal{width:42px;padding:0;border-radius:11px;font-size:0}.flagshipV5 .oh5Portal svg{width:18px;height:18px}.flagshipV5 .oh5HeroMedia{min-height:700px;border-radius:22px}.flagshipV5 .oh5HeroContent{padding:38px 20px}.flagshipV5 .oh5Eyebrow,.flagshipV5 .oh5Kicker{font-size:10px;letter-spacing:.14em}.flagshipV5 .oh5Hero h1{font-size:clamp(48px,14.5vw,66px);margin-top:19px}.flagshipV5 .oh5HeroContent>p{font-size:15px;line-height:1.65}.flagshipV5 .oh5HeroActions{display:grid}.flagshipV5 .oh5Btn{width:100%}.flagshipV5 .oh5HomeStatus{left:18px;right:18px;width:auto;bottom:18px}.flagshipV5 .oh5TrustRail>div{padding:20px 10px}.flagshipV5 .oh5Section{padding:72px 0}.flagshipV5 .oh5SectionHead h2,.flagshipV5 .oh5ExperienceCopy h2,.flagshipV5 .oh5ArchitectureCopy h2,.flagshipV5 .oh5EarlyGrid h2,.flagshipV5 .oh5ContactCopy h2{font-size:40px}.flagshipV5 .oh5SectionHead>p:last-child,.flagshipV5 .oh5ExperienceCopy>p,.flagshipV5 .oh5ArchitectureCopy>p,.flagshipV5 .oh5EarlyGrid>div>p:last-child,.flagshipV5 .oh5ContactCopy>p{font-size:14px}.flagshipV5 .oh5ProductFrame{border-radius:18px}.flagshipV5 .oh5BrowserBar{height:58px;padding:0 12px}.flagshipV5 .oh5BrowserBrand img{width:28px;height:28px}.flagshipV5 .oh5BrowserState{font-size:9px}.flagshipV5 .oh5Dashboard{padding:18px}.flagshipV5 .oh5DashboardHead h3{font-size:25px}.flagshipV5 .oh5DashboardHead p{font-size:11px}.flagshipV5 .oh5Mode{display:none}.flagshipV5 .oh5Metrics{grid-template-columns:1fr 1fr}.flagshipV5 .oh5Metrics article{min-height:74px;padding:10px}.flagshipV5 .oh5Metrics svg{width:21px;height:21px}.flagshipV5 .oh5CameraTiles{grid-template-columns:1fr}.flagshipV5 .oh5CameraTiles article{height:150px}.flagshipV5 .oh5CameraTiles article:nth-child(n+2){display:none}.flagshipV5 .oh5CapabilityGrid{grid-template-columns:1fr}.flagshipV5 .oh5CapabilityGrid article{border-right:0;border-bottom:1px solid var(--oh5-line)!important;padding:28px 8px}.flagshipV5 .oh5CapabilityGrid article:last-child{border-bottom:0!important}.flagshipV5 .oh5Modes{grid-template-columns:1fr;grid-template-rows:auto}.flagshipV5 .oh5Modes article.featured{grid-row:auto;min-height:320px}.flagshipV5 .oh5ModeLine{margin-top:90px}.flagshipV5 .oh5BrandWall{grid-template-columns:1fr 1fr}.flagshipV5 .oh5BrandWall span{min-height:82px;font-size:16px}.flagshipV5 .oh5ArchitectureCard{padding:30px 20px}.flagshipV5 .oh5ArchVisual{display:grid;grid-template-columns:1fr;gap:12px}.flagshipV5 .oh5ArchNode{min-width:0}.flagshipV5 .oh5ArchLine{width:auto;transform:rotate(90deg);justify-self:center;height:48px}.flagshipV5 .oh5SecurityGrid{grid-template-columns:1fr}.flagshipV5 .oh5SecurityGrid article.lead{grid-column:auto;min-height:360px}.flagshipV5 .oh5SecurityGrid .lead h3{font-size:30px}.flagshipV5 .oh5Faq summary{font-size:14px;padding:20px 0}.flagshipV5 .oh5Faq details p{font-size:13px;margin-right:12px}.flagshipV5 .oh5ContactCard{padding:28px 20px}.flagshipV5 .oh5LeadForm{grid-template-columns:1fr}.flagshipV5 .oh5LeadForm .field.full,.flagshipV5 .oh5LeadForm .full,.flagshipV5 .oh5LeadForm .leadMessage{grid-column:1}.flagshipV5 .oh5FooterTop{grid-template-columns:1fr}.flagshipV5 .oh5FooterBrand{grid-column:auto}.flagshipV5 .oh5FooterBottom{display:grid;gap:10px}.accountSiteHeader nav{display:none!important}.accountSiteHeader .accountBrand .brandLogoWide{width:175px!important}.legalTopbar .legalBrand img,.legalBrand img{width:175px!important}
}
@media(prefers-reduced-motion:reduce){.flagshipV5 *{scroll-behavior:auto!important;transition:none!important}}
.portalBody .portalNav button{display:flex!important;align-items:center!important;gap:11px!important;font-size:12px!important}.portalBody .portalNav button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}.portalBody .checkIcon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Final UI4 alignment for customer portal and legal pages */
.portalBody{background:#06111b!important}
.accountIntegrated .authPage{max-width:1280px!important;margin:0 auto!important;padding:24px!important;gap:24px!important;min-height:calc(100vh - 94px)!important}
.accountIntegrated .authVisual{min-height:680px!important;padding:46px!important;justify-content:flex-end!important;border:1px solid rgba(192,225,239,.12)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(4,15,24,.12),rgba(4,15,24,.88)),url('/assets/onehome-hero-house.webp') 62% center/cover no-repeat!important}
.accountIntegrated .authVisual:before{background:linear-gradient(90deg,rgba(4,15,24,.72),rgba(4,15,24,.18))!important}
.accountIntegrated .authVisual h1{font-size:58px!important;max-width:600px!important}
.accountIntegrated .authVisual p{font-size:15px!important;line-height:1.7!important;color:#c4d3db!important}
.accountIntegrated .authVisualPills span{padding:8px 11px!important;border-radius:8px!important;background:rgba(7,25,37,.56)!important;border-color:rgba(196,226,239,.13)!important;color:#b6cbd5!important;font-size:11px!important}
.accountIntegrated .authPanel{min-height:680px!important;margin:0!important;padding:40px!important;border-radius:24px!important;background:#0a1b28!important;border:1px solid rgba(192,225,239,.13)!important;box-shadow:none!important}
.accountIntegrated .authTabs button{height:48px!important;border-radius:11px!important;background:#071620!important;border-color:rgba(192,225,239,.12)!important;color:#8da5b2!important;font-size:12px!important}
.accountIntegrated .authTabs button.active{background:#e9f7fd!important;color:#07131d!important;border-color:#e9f7fd!important;box-shadow:none!important}
.accountIntegrated .authPanel h2{font-size:30px!important;letter-spacing:-.04em!important}
.accountIntegrated .authPanel>div>p{font-size:13px!important;color:#91a8b4!important}
.accountIntegrated .portalForm label{font-size:12px!important;color:#b5c8d1!important}
.accountIntegrated .portalForm input,.accountIntegrated .portalForm select,.accountIntegrated .portalForm textarea{min-height:52px!important;border-radius:10px!important;background:#06141e!important;border-color:rgba(191,224,239,.14)!important;font-size:14px!important;color:#eff7fa!important}
.accountIntegrated .portalForm .btn,.accountIntegrated .btn{min-height:48px!important;border-radius:10px!important;background:#e9f7fd!important;color:#07131d!important;box-shadow:none!important}
.accountIntegrated .authLink{font-size:11px!important;color:#83cee5!important}
.portalBody .portalSide{background:#07141e!important;border-color:rgba(192,225,239,.11)!important;box-shadow:none!important}
.portalBody .portalNav button.active,.portalBody .portalNav button:hover,.portalBody .portalNav a:hover{background:#102532!important;color:#f1f8fb!important;box-shadow:inset 2px 0 #65d8ff!important}
.portalBody .portalCard,.portalBody .metricCard,.portalBody .listRow,.portalBody .distributionRow,.portalBody .userUpdateItem{background:#0a1a26!important;border-color:rgba(192,225,239,.1)!important;box-shadow:none!important}
.portalBody .portalForm input,.portalBody .portalForm select,.portalBody .portalForm textarea{background:#06141e!important;border-color:rgba(192,225,239,.13)!important}
.portalBody .btn{background:#e9f7fd!important;color:#07131d!important;box-shadow:none!important}
.legalPortal{background:#e9f7fd!important;color:#07131d!important;border-color:#e9f7fd!important;box-shadow:none!important}
.legalNotice{background:#0a1b27!important;border-color:rgba(207,183,111,.3)!important;color:#d6c79c!important}
@media(max-width:1050px){.accountIntegrated .authPage{grid-template-columns:1fr!important}.accountIntegrated .authVisual{display:none!important}.accountIntegrated .authPanel{min-height:calc(100vh - 120px)!important;max-width:620px!important;width:100%!important;margin:0 auto!important}}