/* ONCARE 3.5.0 — local IA draft. Original scene/crop rules remain in styles.css. */
[hidden]{display:none!important}
.header nav{gap:clamp(.15rem,.7vw,.75rem);height:100%}
.nav-group{position:relative;height:100%;display:flex;align-items:center}
.nav-entry{display:flex;align-items:center;position:relative;isolation:isolate;background:transparent;transition:color .18s ease}
.nav-entry.is-current,.header nav .nav-title[aria-current]{color:var(--ink)}
/* Keep labels above the decorative ::before (-1); mask/opacity never affect text. */
.nav-entry>a,.nav-entry>button,.header nav .nav-submenu a>span,.header nav .nav-submenu a>small{position:relative;z-index:1}
/* A flat colour field with independent horizontal/vertical feathering.
   No rounded capsule or blur: the centre stays even, all four edges fade. */
.nav-entry::before,.header nav .nav-submenu a::before,.product-nav a::before{content:"";position:absolute;inset:3px 0;border-radius:0;background:#e9f6ee;-webkit-mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent),linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 10px),transparent);mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent),linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 10px),transparent);-webkit-mask-composite:source-in;mask-composite:intersect;opacity:0;z-index:-1;pointer-events:none;transition:opacity .18s ease}
.nav-entry:hover::before,.nav-group.is-open .nav-entry::before,.header nav .nav-submenu a:hover::before,.product-nav a:hover::before{opacity:.45}
.nav-entry.is-current::before,.header nav .nav-submenu a[aria-current]::before,.product-nav a[aria-current]::before{opacity:1}
.header nav .nav-title{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:550;padding:.65rem .25rem .65rem 1rem;line-height:1.25;white-space:nowrap;border:0}
.header nav a[aria-current]::after{display:none}
.nav-trigger{display:grid;place-items:center;width:32px;height:44px;flex:none;padding:0;border:0;background:transparent;border-radius:0;color:inherit}
.nav-trigger:hover{color:var(--ink)}
.nav-chevron{width:7px;height:7px;display:block;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);transition:transform .22s ease}
.nav-trigger[aria-expanded=true] .nav-chevron{transform:translateY(2px) rotate(225deg)}
.nav-submenu{position:absolute;top:100%;left:0;min-width:265px;background:#fff;padding:.55rem;box-shadow:0 12px 22px #1725240d;border:1px solid #e0e7e2;border-top:0;border-radius:0;clip-path:inset(0 -24px -30px);transform-origin:top left;z-index:1}
.nav-group:last-child .nav-submenu{left:auto;right:0;transform-origin:top right}
.header nav .nav-submenu a{display:block;position:relative;isolation:isolate;padding:1rem;border:0;border-radius:0;white-space:normal;background:transparent;transition:color .18s ease}
.header nav .nav-submenu a:hover,.header nav .nav-submenu a[aria-current]{color:var(--ink)}
.nav-subtitle{display:flex;gap:2rem;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600}
.nav-subtitle>span{font-size:.95rem;opacity:.5;transition:opacity .18s}
.nav-submenu a:hover .nav-subtitle>span{opacity:1;transform:none}
.nav-submenu small{display:block;color:#617269;font-weight:400;font-size:.8rem;line-height:1.5;margin-top:.4rem}
.nav-submenu a:focus-visible,.nav-title:focus-visible,.nav-trigger:focus-visible{outline-offset:2px}
.product-nav{display:flex;align-items:center;gap:.4rem;padding:1rem var(--page);background:#f6f8f5;border-bottom:1px solid var(--line)}
.product-nav a{position:relative;isolation:isolate;padding:.65rem 1.1rem;min-height:44px;border-radius:0;background:transparent;font-size:.95rem}
.product-nav a[aria-current=page]{color:var(--ink);font-weight:600}
.product-nav a:hover{color:var(--ink)}
.product-nav>span{margin-left:auto;color:var(--muted);font-size:.8rem}
.company-next h2{font-size:clamp(1.8rem,3vw,3rem)}
.company-next .eyebrow{font-size:.8rem;margin-bottom:1rem}
.next-actions{display:flex;gap:2rem;flex-wrap:wrap}
.next-actions .text-link{font-size:1rem;gap:2.5rem}
.home-summary .partner-logos{margin-top:2rem}
.home-summary .award-row{padding-bottom:0}
.company-history{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem}
.history-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.history-list li{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:2rem 0;border-bottom:1px solid var(--line)}
.history-list time{font-size:.95rem;color:var(--muted);padding-top:.25rem}
.history-list h3{font-size:1.4rem}
.history-list p{font-size:.95rem;color:var(--muted);margin-top:.75rem}
.history-tag{display:inline-block;font-size:.75rem;color:var(--green);margin-bottom:.75rem;padding:.25rem .6rem;background:#eaf3ed;border-radius:2rem}
.history-tag.planned{color:#52625f;background:#edf0ef}
.app-intro{display:grid;grid-template-columns:1.25fr 1fr;grid-template-areas:"copy visual" "actions visual";column-gap:5rem;row-gap:0;align-content:center;background:#f0f4ed;min-height:calc(100svh - 5.5rem);padding-block:clamp(3rem,5vw,5rem)}
.app-intro-copy{grid-area:copy;align-self:end}
.app-intro-actions{grid-area:actions;align-self:start}
.app-intro-visual{grid-area:visual;align-self:center}
.app-intro h1{font-size:clamp(2.7rem,4.4vw,4.7rem)}
.app-intro .section-lead{font-size:1.1rem;margin-top:2rem}
.app-downloads{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.25rem}
.app-downloads .button{background:var(--green);color:white;font-size:1rem;gap:1rem}
.app-downloads .store-link{background:white;color:var(--ink);border:1px solid var(--line)}
.test-note{font-size:.85rem;color:var(--muted);margin:1.2rem 0}
.app-intro>.app-intro-visual{width:100%;max-width:620px;justify-self:center;margin:0;min-width:0}
.app-hero-photo{position:relative;width:100%;isolation:isolate;line-height:0}
.app-hero-photo>img{width:100%;height:auto;display:block}
/* Measured display aperture in the 1122×1402 photo: x353–770, y235–1130.
   Never object-fit:cover this photo independently of the UI plane. */
.app-hero-phone-slot{position:absolute;left:31.46%;top:16.762%;width:37.165%;height:63.84%;overflow:hidden;border-radius:12% / 5.6%;mix-blend-mode:multiply;line-height:normal}
.app-hero-phone.app-phone{position:absolute;inset:0 auto auto 0;width:302px;height:var(--screen-height,642px);min-height:0;border:0;border-radius:0;padding:1rem 1.3rem 3rem;background:#fbfcf7;box-shadow:none;transform:scale(var(--screen-scale,0));transform-origin:top left}
.app-hero-phone-slot::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#ffffff12,transparent 45%,#23382c08);border-radius:inherit}
.app-intro-visual figcaption{font-size:.78rem;color:var(--muted);text-align:center;line-height:1.6;margin-top:1rem}
.support-hero{min-height:650px;display:flex;align-items:flex-end}
.support-hero .text-link{margin-top:1.5rem;font-size:1rem}
.care-story{position:relative;isolation:isolate;background:#0b191b;color:white;min-height:620px;height:min(56vw,860px);overflow:hidden;--care-progress:0}
.care-media{position:absolute;inset:0}
.care-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.care-media video[data-care-clip="2"]{object-position:55% center}
@media(max-width:760px){.care-media video[data-care-clip="1"]{object-position:82% center}}
.care-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b191bbf,transparent 78%),linear-gradient(0deg,#0b191bd9,transparent 65%)}
.care-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:4rem var(--page);background:radial-gradient(ellipse at 75% 40%,#253f3b,#0b191b 70%)}
.care-placeholder span{font-size:.8rem;letter-spacing:.1em;color:#d7e6df;border:1px solid #ffffff30;border-radius:2rem;padding:.4rem .8rem}
.care-placeholder p{font-size:.95rem;color:#b9cbc4;text-align:right;margin-top:1rem}
.care-copy{position:absolute;z-index:2;bottom:8.5rem;left:var(--page);right:var(--page);max-width:41rem;pointer-events:none}
.care-copy .eyebrow{color:#e0ede4}
.care-caption{font-size:clamp(2.2rem,4vw,4.4rem)}
.care-description{font-size:1.05rem;margin-top:1.35rem;color:#e8efeb}
.care-story[data-step="3"] .care-copy{max-width:36rem}
.care-controls{position:absolute;z-index:3;bottom:2rem;left:var(--page);right:var(--page);display:flex;gap:2rem;align-items:center;justify-content:space-between}
.care-steps{display:flex;gap:1.5rem}
.care-steps button{position:relative;min-height:44px;padding:.8rem 0;border:0;border-bottom:2px solid #ffffff40;background:none;color:#c2cec9;font-size:.85rem;min-width:5rem}
.care-steps button span{margin-left:.5rem}
.care-steps button[aria-pressed=true]{color:white}
.care-steps button[aria-pressed=true]::after{content:"";position:absolute;bottom:-2px;left:0;width:calc(var(--care-progress)*100%);height:2px;background:#e3f9dc}
.care-toggle{min-height:44px;min-width:100px;padding:.6rem 1rem;color:white;border:1px solid #ffffff66;border-radius:2rem;background:#0b191b80;font-size:.9rem}
.care-status{position:absolute;z-index:3;bottom:.4rem;left:var(--page);font-size:.8rem;color:white}
.care-nojs{position:absolute;z-index:3;top:1rem;left:var(--page);right:var(--page);font-size:.9rem}
@media(max-width:1050px){.app-intro{column-gap:2.5rem}.company-history{gap:3rem}}
@media(max-width:760px){
 .header nav{height:auto;max-height:calc(100svh - 4.5rem);overflow-y:auto;padding-top:.75rem;padding-bottom:1.25rem;border-radius:0;box-shadow:0 12px 22px #1725240d}
 .nav-group{display:block;height:auto}
 .header nav.open{gap:.4rem}
 .nav-entry{border-radius:0;justify-content:space-between}
 .header nav .nav-title{font-size:1.25rem;flex:1;padding:1rem}
 .nav-trigger{width:48px;height:52px;border-radius:0}
 .nav-submenu{position:static;min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:.35rem .5rem .5rem}
 .header nav .nav-submenu a{padding:.85rem 1rem;margin-top:.2rem}
 .nav-subtitle{font-size:.98rem}
 .product-nav{gap:.2rem;padding:.7rem var(--page)}
 .product-nav>span{display:none}
 .company-next{gap:2rem}
 .next-actions{width:100%;flex-direction:column;gap:1rem}
 .next-actions .text-link{justify-content:space-between;max-width:350px}

 .company-history{display:block}
 .history-list{margin-top:2.5rem}
 .history-list li{grid-template-columns:5.7rem 1fr;gap:.8rem}
 .history-list h3{font-size:1.2rem}
 /* Keep the photo and its registered HTML screen on the same plane.
    Mobile places the visual beside the story in reading order, before install details. */
 .app-intro{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual" "actions";gap:0;min-height:0;padding-top:2rem;overflow:hidden}
 .app-intro h1{font-size:clamp(2rem,8.5vw,2.7rem)}
 .app-intro .section-lead{font-size:1rem;line-height:1.65;margin-top:1.25rem}
 .app-intro>.app-intro-visual{width:calc(100% + 2 * var(--page));max-width:none;margin:1rem calc(-1 * var(--page)) 0;padding:0}
 .app-hero-photo::after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#f0f4ed,transparent 12%,transparent 88%,#f0f4ed)}
 .app-intro-visual figcaption{padding-inline:var(--page);margin-top:.35rem}
 .app-intro-actions .app-downloads{margin-top:1.5rem}

 .app-intro .section-lead br{display:none}
 .app-downloads{flex-direction:column;align-items:stretch}
 .app-downloads .button{justify-content:space-between}
 .support-hero{display:block;min-height:0}
 .support-hero .text-link{font-size:1rem}
 .care-story{min-height:0;height:auto;padding-top:75vw}
 .care-media{height:calc(75vw + 2px)}
 .care-media::after{background:linear-gradient(to bottom,#0b191b00 74%,#0b191b calc(100% - 6px),#0b191b 100%)}
 .care-placeholder{padding:2rem;align-items:center}
 .care-placeholder p{text-align:center;font-size:.85rem}
 .care-copy,.care-story[data-step="3"] .care-copy{position:relative;bottom:auto;left:auto;right:auto;max-width:none;padding:1rem var(--page) 1.25rem;min-height:230px}
 .care-caption{font-size:clamp(2rem,7vw,3rem)}
 .care-description{font-size:1rem;margin-top:1rem}
 .care-controls{position:relative;left:auto;right:auto;bottom:auto;gap:.75rem;padding:0 var(--page) 2rem;flex-wrap:wrap}
 .care-steps{flex:1;gap:.5rem;justify-content:space-between}
 .care-steps button{min-width:0;flex:1;white-space:nowrap;font-size:.8rem}
 .care-steps button span{margin-left:.15rem}
 .care-toggle{min-width:76px;padding-inline:.75rem}
 .care-status{position:relative;bottom:auto;left:auto;padding:0 var(--page) 1rem}
 .care-status:empty{display:none}
}
@media(prefers-reduced-motion:reduce){.care-story *{scroll-behavior:auto}}

@media(prefers-reduced-motion:reduce){.nav-entry,.nav-chevron,.nav-submenu a,.nav-subtitle>span{transition:none!important}}
@media(prefers-reduced-motion:reduce){.nav-entry::before,.header nav .nav-submenu a::before,.product-nav a::before{transition:none}}