/* ==========================================================================
   REFERENCE UI5 · exact visual language from approved One-Home reference
   ========================================================================== */
.flagshipV5{--oh5-bg:#020914;--oh5-bg2:#05142d;--oh5-panel:#071a34;--oh5-panel2:#0b2345;--oh5-line:rgba(70,166,255,.19);--oh5-line2:rgba(84,188,255,.29);--oh5-text:#f7fbff;--oh5-muted:#9db4cc;--oh5-soft:#6785a2;--oh5-accent:#16d9ff;--oh5-green:#25e2a3;--oh5-violet:#925cff;--oh5-warm:#ffca43;--oh5-max:1560px;background:radial-gradient(circle at 74% 10%,rgba(16,67,174,.22),transparent 38%),radial-gradient(circle at 89% 67%,rgba(0,188,255,.12),transparent 34%),linear-gradient(145deg,#010610,#031126 62%,#04172c);min-height:100vh}
.flagshipV5 .wrap,.flagshipV5 .shell{width:min(var(--oh5-max),calc(100% - 48px))}
.flagshipV5 .oh5Header{position:absolute;padding:22px 0 0;background:transparent!important;border:0!important}.flagshipV5 .oh5Header.scrolled{position:fixed;padding:8px 0;background:rgba(2,10,22,.92)!important;border-bottom:1px solid rgba(55,159,255,.14)!important}.flagshipV5 .oh5Nav{height:72px;gap:18px}.flagshipV5 .oh5Brand{width:286px;flex:0 0 286px}.flagshipV5 .oh5NavLinks{gap:9px}.flagshipV5 .oh5NavLinks a{font-size:13px;color:#afc3db;padding:13px 17px}.flagshipV5 .oh5NavLinks a.current{color:#fff;background:linear-gradient(145deg,rgba(6,90,156,.42),rgba(5,42,83,.36));border:1px solid rgba(32,194,255,.16);box-shadow:0 0 24px rgba(17,201,255,.13)}
.flagshipV5 .oh5Portal{min-height:50px;padding:0 22px;border-radius:12px;border:1px solid rgba(20,208,255,.68);background:linear-gradient(120deg,rgba(9,83,213,.62),rgba(15,205,220,.50));box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 26px rgba(0,172,255,.13);font-size:12px}.flagshipV5 .oh5Portal svg{width:19px;height:19px}
.flagshipV5 .refLandingHero{padding:15px 0 18px;background:transparent}.flagshipV5 .refLandingFrame{position:relative;overflow:hidden;min-height:906px;padding:104px 38px 16px;border:1px solid rgba(58,151,247,.24);border-radius:20px;background:radial-gradient(circle at 72% 17%,rgba(14,85,193,.20),transparent 35%),radial-gradient(circle at 15% 80%,rgba(13,98,164,.10),transparent 30%),linear-gradient(145deg,rgba(3,16,34,.97),rgba(4,20,43,.98));box-shadow:0 28px 90px rgba(0,3,14,.35)}
.flagshipV5 .refLandingTop{min-height:500px;display:grid;grid-template-columns:minmax(480px,.83fr) minmax(650px,1.35fr);gap:20px;align-items:center}.flagshipV5 .refLandingCopy{position:relative;z-index:4;padding:35px 0 10px 30px}.flagshipV5 .refLandingBadge{display:inline-flex;align-items:center;gap:10px;min-height:30px;padding:0 14px;border:1px solid rgba(20,224,215,.38);border-radius:999px;background:rgba(5,59,75,.32);color:#7fdfe0;font-size:10px;font-weight:750}.flagshipV5 .refLandingBadge span{width:7px;height:7px;border-radius:50%;background:#20e8b2;box-shadow:0 0 12px #20e8b2}.flagshipV5 .refLandingCopy h1{margin:20px 0 20px;font-size:clamp(58px,5.25vw,82px);line-height:.98;letter-spacing:-.054em}.flagshipV5 .refLandingCopy h1 em{font-style:normal;background:linear-gradient(100deg,#18dff7,#15bfef 55%,#38eff2);-webkit-background-clip:text;color:transparent}.flagshipV5 .refLandingCopy>p{max-width:535px;margin:0;color:#9bb0c8;font-size:15px;line-height:1.65}.flagshipV5 .refLandingActions{margin-top:24px}.flagshipV5 .refLandingActions .oh5Btn{min-height:50px;border-radius:10px;padding:0 24px}.flagshipV5 .refLandingActions .primary{color:#fff;background:linear-gradient(120deg,#078ad9,#21d7e7 54%,#7a31ff);border:1px solid rgba(80,218,255,.52);box-shadow:0 12px 32px rgba(9,119,255,.22)}.flagshipV5 .refLandingActions .ghost{background:rgba(4,22,42,.66);border-color:rgba(100,158,218,.32)}.refPlay{font-size:19px;color:#b7c9df}.flagshipV5 .refLandingProof{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:620px;border-top:1px solid rgba(68,141,211,.10);padding-top:12px}.flagshipV5 .refLandingProof>div{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;padding:0 12px;border-right:1px solid rgba(70,145,214,.10)}.flagshipV5 .refLandingProof>div:first-child{padding-left:0}.flagshipV5 .refLandingProof>div:last-child{border:0}.flagshipV5 .refLandingProof b{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(7,82,119,.25);color:#18dfec}.flagshipV5 .refLandingProof svg{width:19px;height:19px}.flagshipV5 .refLandingProof strong,.flagshipV5 .refLandingProof small{display:block}.flagshipV5 .refLandingProof strong{font-size:10px}.flagshipV5 .refLandingProof small{font-size:8px;color:#7896b0;margin-top:3px}
.flagshipV5 .refLandingHouse{position:relative;align-self:stretch;min-height:480px}.flagshipV5 .refLandingHouse picture,.flagshipV5 .refLandingHouse img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%}.flagshipV5 .refLandingHouse picture{clip-path:polygon(15% 9%,100% 2%,100% 100%,0 100%,0 43%);filter:saturate(1.02) contrast(1.03)}.flagshipV5 .refLandingHouse:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#041227 0%,rgba(4,18,39,.64) 11%,transparent 30%),linear-gradient(180deg,rgba(3,15,31,.15),transparent 64%,rgba(3,16,34,.70) 100%);pointer-events:none}.flagshipV5 .refLandingGlow{position:absolute;z-index:1;inset:7% 8% 10%;border:1px solid rgba(25,220,255,.22);border-radius:50%;box-shadow:0 0 70px rgba(26,112,255,.10)}
.flagshipV5 .refFloat{position:absolute;z-index:5;min-width:170px;padding:12px 14px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;border:1px solid rgba(39,171,255,.30);border-radius:12px;background:linear-gradient(145deg,rgba(8,43,87,.89),rgba(7,27,64,.88));box-shadow:0 12px 35px rgba(0,6,24,.38),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(12px)}.flagshipV5 .refFloat>b{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(17,121,255,.22);color:#5cdfff}.flagshipV5 .refFloat svg{width:20px;height:20px}.flagshipV5 .refFloat small,.flagshipV5 .refFloat strong{display:block}.flagshipV5 .refFloat small{font-size:9px;color:#a9bdd5}.flagshipV5 .refFloat strong{font-size:12px;margin-top:2px}.flagshipV5 .refCamera{left:12%;top:7%}.flagshipV5 .refSecurity{right:9%;top:4%;border-color:rgba(174,77,255,.42);background:linear-gradient(145deg,rgba(66,31,119,.88),rgba(32,27,78,.88))}.flagshipV5 .refSecurity>b{color:#cb83ff;background:rgba(140,68,255,.18)}.flagshipV5 .refEnergy{left:3%;top:41%;border-color:rgba(24,215,178,.33);background:linear-gradient(145deg,rgba(8,74,78,.89),rgba(7,34,63,.90))}.flagshipV5 .refEnergy>b{color:#31eac3;background:rgba(20,190,159,.16)}.flagshipV5 .refClimate{right:0;top:47%}.flagshipV5 .refLights{left:50%;bottom:6%;border-color:rgba(255,193,55,.38);background:linear-gradient(145deg,rgba(84,62,20,.88),rgba(35,35,58,.90))}.flagshipV5 .refLights>b{color:#ffd45c;background:rgba(255,181,23,.15)}
.flagshipV5 .refFeatureRow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:2px}.flagshipV5 .refFeature{position:relative;min-height:230px;overflow:hidden;padding:18px 18px 16px;border:1px solid rgba(54,167,255,.24);border-radius:14px;background:linear-gradient(145deg,rgba(5,47,75,.87),rgba(4,23,49,.93));color:#fff;display:grid;grid-template-columns:42px 1fr;gap:14px;align-content:start}.flagshipV5 .refFeature:before{content:"";position:absolute;inset:auto 0 0;height:53%;opacity:.23;background:url('/assets/onehome-hero-house.webp') center/cover}.flagshipV5 .refFeature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(4,21,45,.84) 100%);pointer-events:none}.flagshipV5 .refFeature>*{position:relative;z-index:2}.flagshipV5 .refFeature>b{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(5,132,169,.26);color:#20dded}.flagshipV5 .refFeature svg{width:23px;height:23px}.flagshipV5 .refFeature h3{margin:51px 0 7px;font-size:14px;letter-spacing:-.02em}.flagshipV5 .refFeature p{margin:0;color:#99aec7;font-size:9px;line-height:1.55}.flagshipV5 .refFeature span{display:block;margin-top:14px;color:#28dff2;font-size:9px;font-weight:800}.flagshipV5 .refF2{border-color:rgba(173,94,255,.28)}.flagshipV5 .refF2>b,.flagshipV5 .refF2 span{color:#c37eff}.flagshipV5 .refF3{border-color:rgba(41,219,171,.26)}.flagshipV5 .refF3>b,.flagshipV5 .refF3 span{color:#41e8b7}.flagshipV5 .refF4>b{color:#52a7ff}.flagshipV5 .refF5{border-color:rgba(181,98,255,.26)}.flagshipV5 .refF5>b,.flagshipV5 .refF5 span{color:#c382ff}
.flagshipV5 .refBottomTrust{height:72px;margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(51,149,237,.13);border-radius:12px;background:linear-gradient(90deg,rgba(6,35,65,.69),rgba(6,25,53,.75));overflow:hidden}.flagshipV5 .refBottomTrust>div{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:0 26px;border-right:1px solid rgba(57,145,224,.11)}.flagshipV5 .refBottomTrust>div:last-child{border:0}.flagshipV5 .refBottomTrust b{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(4,97,126,.26);color:#24e0d8}.flagshipV5 .refBottomTrust svg{width:21px;height:21px}.flagshipV5 .refBottomTrust strong,.flagshipV5 .refBottomTrust small{display:block}.flagshipV5 .refBottomTrust strong{font-size:10px}.flagshipV5 .refBottomTrust small{font-size:8px;color:#7894ad;margin-top:3px}.flagshipV5 .euStars{color:#ffd22c!important;background:transparent!important;font-size:10px;letter-spacing:2px;line-height:1;width:42px!important;word-break:break-all}
.flagshipV5 .oh5Section{background:transparent}.flagshipV5 .oh5Quiet{background:linear-gradient(145deg,rgba(5,25,49,.72),rgba(4,20,42,.76));border-color:rgba(53,145,235,.10)}.flagshipV5 .oh5ProductFrame,.flagshipV5 .oh5ArchitectureCard,.flagshipV5 .oh5ContactCard{border-color:rgba(59,164,248,.18);background:linear-gradient(145deg,rgba(6,31,59,.93),rgba(4,20,42,.95));box-shadow:0 22px 70px rgba(0,6,22,.22)}.flagshipV5 .oh5CapabilityGrid article,.flagshipV5 .oh5SecurityGrid article,.flagshipV5 .oh5Modes article{background:linear-gradient(145deg,rgba(7,37,68,.90),rgba(4,22,46,.94));border-color:rgba(59,164,248,.15)}
.refAnchor{position:relative;top:-90px;visibility:hidden}
@media(max-width:1180px){.flagshipV5 .oh5Brand{width:240px;flex-basis:240px}.flagshipV5 .refLandingTop{grid-template-columns:1fr}.flagshipV5 .refLandingHouse{min-height:520px}.flagshipV5 .refFeatureRow{grid-template-columns:repeat(2,1fr)}.flagshipV5 .refFeature:last-child{grid-column:1/-1}.flagshipV5 .refBottomTrust{height:auto;grid-template-columns:repeat(2,1fr)}.flagshipV5 .refBottomTrust>div{min-height:70px}.flagshipV5 .refLandingFrame{padding-top:100px}.flagshipV5 .refLandingCopy{padding-left:10px}}
@media(max-width:760px){.flagshipV5 .refLandingFrame{width:calc(100% - 16px);padding:78px 12px 12px;border-radius:16px}.flagshipV5 .refLandingCopy{padding:18px 6px}.flagshipV5 .refLandingCopy h1{font-size:52px}.flagshipV5 .refLandingProof{grid-template-columns:1fr;gap:10px}.flagshipV5 .refLandingProof>div{border:0;padding:0}.flagshipV5 .refLandingHouse{min-height:390px}.flagshipV5 .refFloat{transform:scale(.82)}.flagshipV5 .refCamera{left:0}.flagshipV5 .refSecurity{right:-4%}.flagshipV5 .refEnergy{left:-6%}.flagshipV5 .refClimate{right:-7%}.flagshipV5 .refLights{left:31%}.flagshipV5 .refFeatureRow{grid-template-columns:1fr}.flagshipV5 .refFeature:last-child{grid-column:auto}.flagshipV5 .refBottomTrust{grid-template-columns:1fr}.flagshipV5 .oh5Brand{width:182px;flex-basis:182px}}

/* Reference UI5 — legal/security pages use the same marine glass system */
.legalPage{background:radial-gradient(circle at 76% 8%,rgba(16,67,174,.20),transparent 36%),radial-gradient(circle at 88% 66%,rgba(0,188,255,.10),transparent 34%),linear-gradient(145deg,#010610,#031126 62%,#04172c)!important;color:#f7fbff!important}
.legalPage .legalHeader{background:rgba(2,10,24,.90)!important;border-bottom:1px solid rgba(70,166,255,.16)!important;box-shadow:0 14px 38px rgba(0,4,18,.22)}
.legalPage .legalNav{width:min(1512px,calc(100% - 48px))!important;min-height:78px!important}.legalPage .legalNav>a img{width:218px!important}.legalPage .legalNavLinks a{color:#aabed6!important;border:1px solid transparent}.legalPage .legalNavLinks a:hover,.legalPage .legalNavLinks a[aria-current="page"]{color:#fff!important;background:linear-gradient(145deg,rgba(8,57,104,.60),rgba(5,31,67,.70))!important;border-color:rgba(51,173,255,.16)!important}.legalPage .legalNavLinks .legalPortal{color:#fff!important;background:linear-gradient(120deg,rgba(9,83,213,.70),rgba(15,205,220,.54))!important;border:1px solid rgba(20,208,255,.62)!important;box-shadow:0 0 24px rgba(0,174,255,.12)}
.legalPage .legalHero,.legalPage .legalHighlights,.legalPage .legalShell,.legalPage .legalFooterInner{width:min(1512px,calc(100% - 48px))!important}.legalPage .legalHero{padding-top:74px!important;border-color:rgba(70,166,255,.14)!important}.legalPage .legalEyebrow{color:#22dffc!important}.legalPage .legalMeta,.legalPage .legalHighlight,.legalPage .legalToc,.legalPage .legalSection,.legalPage .legalMini{background:linear-gradient(145deg,rgba(7,31,61,.88),rgba(4,20,43,.94))!important;border-color:rgba(67,163,249,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,5,20,.12)!important}.legalPage .legalHighlight:nth-child(2),.legalPage .legalMini:nth-child(2n){border-color:rgba(46,225,176,.15)!important}.legalPage .legalHighlight:nth-child(3),.legalPage .legalMini:nth-child(3n){border-color:rgba(157,90,255,.16)!important}.legalPage .legalSection h2{color:#f8fbff!important}.legalPage .legalSection p,.legalPage .legalSection li,.legalPage .legalHighlight span{color:#9fb4cb!important}.legalPage .legalToc a:hover{background:rgba(21,183,255,.08)!important}.legalPage .legalSection a{color:#24dff3!important}.legalPage .legalNotice{background:linear-gradient(145deg,rgba(83,61,17,.28),rgba(34,31,45,.52))!important;border-color:rgba(255,196,58,.22)!important}
@media(max-width:560px){.legalPage .legalNav,.legalPage .legalHero,.legalPage .legalHighlights,.legalPage .legalShell,.legalPage .legalFooterInner{width:calc(100% - 22px)!important}.legalPage .legalNav>a img{width:170px!important}}