.cc{--c:#0052D9;--c-lt:#7FB0FF;--c-bg:#EBF2FE;--cat:#0052D9}
.c-hero{background:var(--navy);padding:56px 0 96px;background-image:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--c) 45%,transparent),transparent 55%);overflow:hidden}
.crumb{font-size:14px;color:var(--dim);margin-bottom:26px}
.crumb a{color:var(--soft);text-decoration:none}
.crumb a:hover{color:#fff}
.c-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.cat-label{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.cat-ic{width:44px;height:44px;border-radius:12px;background:var(--c);display:grid;place-items:center;color:#fff}
.cat-label b{font-family:var(--head);font-size:18px;color:#fff;display:block}
.cat-label span{font-family:var(--head);font-weight:700;font-size:14px;color:var(--c-lt)}
.c-hero h1{color:#fff;font-size:clamp(34px,4.2vw,50px);line-height:1.08}
.c-hero .lead{color:var(--soft);font-size:20px;margin:22px 0 32px;max-width:44ch}
.shot{margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -24px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08)}
.shot img{display:block;width:100%;height:auto}
.shot img[hidden]{display:none}
.hero-shot{transform:perspective(1600px) rotateY(-7deg);transform-origin:left center;margin-right:-60px}
.apps-sec{background:#fff}
.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.tile{display:inline-grid;place-items:center;flex:none;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.app{scroll-margin-top:90px;border:1px solid var(--line);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s;text-decoration:none;color:inherit}
.app:hover{border-color:var(--c);box-shadow:0 18px 36px -24px color-mix(in srgb,var(--c) 40%,transparent)}
.app-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.app h3{margin-top:18px;font-size:21px}
.app .one{color:var(--ink);margin-top:4px;font-weight:600;font-size:17px}
.app ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;color:var(--muted);font-size:16px}
.app li{display:flex;gap:10px;align-items:flex-start}
.app li svg{flex:none;margin-top:5px;color:var(--c)}
.app .lm{margin-top:auto;padding-top:18px;font-family:var(--head);font-weight:700;font-size:15px;color:var(--c)}
.gallery{background:#fff;padding-top:0}
.g-grid{display:grid;grid-template-columns:300px 1fr;gap:36px;margin-top:36px;align-items:start}
.g-tabs{display:grid;gap:6px}
.gt{font:inherit;text-align:left;background:transparent;border:0;border-left:3px solid var(--line);padding:12px 16px;cursor:pointer;color:var(--muted)}
.gt b{display:block;font-family:var(--head);font-size:17px;color:var(--navy)}
.gt span{display:none;font-size:15px;margin-top:4px;line-height:1.45}
.gt[aria-selected="true"]{border-left-color:var(--c);background:var(--c-bg)}
.gt[aria-selected="true"] b{color:var(--c)}
.gt[aria-selected="true"] span{display:block;color:var(--ink)}
.g-shot{box-shadow:0 24px 50px -28px rgba(23,21,47,.45),0 0 0 1px var(--line)}
.flow-sec{background:var(--c-bg)}
.flow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;margin-top:40px}
.says{display:grid;gap:10px}
.say{font:inherit;text-align:left;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center}
.say:hover{border-color:var(--c)}
.say[aria-pressed="true"]{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.say small{font-weight:500;color:var(--muted);font-size:13px}
.path{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.path-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ps{border-radius:12px;padding:14px;background:var(--c-bg);text-align:center}
.ps b{display:block;font-family:var(--head);font-size:15px;color:var(--c)}
.ps span{font-size:14px;color:var(--muted)}
.quote{margin:20px 0;padding:16px 18px;border-left:4px solid var(--c);background:#FAFAFD;font-size:17px;color:var(--navy);border-radius:0 10px 10px 0}
.outs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.out{border:2px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center;transition:all .25s;opacity:.5}
.out b{display:block;font-family:var(--head);font-size:14px;color:var(--navy)}
.out span{font-size:13px;color:var(--muted)}
.out.on{opacity:1;border-color:var(--c);background:var(--c-bg);transform:translateY(-3px)}
.out.on.em{border-color:#B42318;background:#FDE7E7}
.goes{margin-top:18px;font-weight:600;color:var(--navy)}
.goes span{color:var(--c)}
.vm-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.ptable{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.prow{display:grid;grid-template-columns:110px 1fr 1fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center;font-size:16px}
.prow:last-child{border-bottom:0}
.prow.h{background:#FAFAFD;font-family:var(--head);font-weight:700;font-size:13px;color:var(--muted)}
.prow .ex{color:var(--ink)}
.prow .act{color:var(--muted)}
.prio{font-family:var(--head);font-weight:700;font-size:11px;padding:3px 8px;border-radius:999px;white-space:nowrap;justify-self:start}
.p0{background:#FDE7E7;color:#B42318}.p1{background:#FEF0DC;color:#A15C07}.p2{background:var(--c-bg);color:var(--c)}.p3{background:#F1EFF7;color:var(--muted)}
.story-sec{background:#fff;padding-top:0}
.cc .steps li{opacity:1;transform:none}
.same{background:var(--mist)}
.same-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.same-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.same-card b{display:block;font-family:var(--head);color:var(--navy);font-size:17px}
.same-card span{color:var(--muted);font-size:15px}
.others-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.oc{border-radius:16px;padding:24px;color:#fff;text-decoration:none;display:block;min-height:150px;position:relative;overflow:hidden}
.oc b{display:block;font-family:var(--head);font-size:19px}
.oc span{display:block;font-size:15px;opacity:.85;margin-top:4px}
.oc em{position:absolute;bottom:18px;left:24px;font-style:normal;font-family:var(--head);font-weight:700;font-size:14px}
.oc:hover{filter:brightness(1.1)}
@media (max-width:980px){
  .c-hero-grid,.flow-grid,.vm-grid,.g-grid{grid-template-columns:1fr}
  .hero-shot{transform:none;margin-right:0}
  .app-grid,.same-grid,.others-grid{grid-template-columns:1fr 1fr}
  .g-tabs{grid-template-columns:repeat(3,1fr)}.gt span{display:none!important}
}
@media (max-width:600px){
  .app-grid,.same-grid,.others-grid,.outs{grid-template-columns:1fr 1fr}
  .path-steps{grid-template-columns:1fr}
  .prow{grid-template-columns:80px 1fr}.prow .act{grid-column:2}
}

.c-hero{margin-top:-80px;padding-top:136px!important}
/* Care Connect kiosk */
.kiosk-sec{background:var(--c-bg)}
.k-label{font-family:var(--head);font-weight:700;font-size:14px;color:var(--c)}
.kiosk-steps{grid-template-columns:1fr 1fr!important;margin-top:24px!important}
.kiosk-steps li{padding:22px 20px!important}
.kiosk-steps li::before{font-size:30px!important;margin-bottom:8px!important}
.tablet{background:#1B1A2A;border-radius:34px;padding:18px;box-shadow:0 40px 70px -30px rgba(23,21,47,.6);max-width:520px;margin-left:auto;transform:rotate(-2deg)}
.tablet-screen{background:#fff;border-radius:20px;overflow:hidden;min-height:380px;display:flex;flex-direction:column}
.tk-top{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--navy)}
.tk-logo{width:22px;height:22px;border-radius:6px;background:linear-gradient(160deg,#FD5E83,#F31F58)}
.tk-time{margin-left:auto;color:var(--muted)}
.tk-body{padding:20px 26px;flex:1;display:flex;flex-direction:column}
.tk-step{font-family:var(--head);font-weight:700;font-size:12px;color:var(--c)}
.tk-body h3{font-size:22px;margin-top:4px}
.tk-body p{color:var(--muted);font-size:15px;margin-top:2px}
.tk-card{position:relative;margin:14px auto 0;width:68%;aspect-ratio:1.6/1;border-radius:12px;background:linear-gradient(135deg,#EEF2FB,#DCE4F5);display:grid;place-items:center;color:#7A86A6;font-size:13px;font-weight:600}
.tk-corner{position:absolute;width:20px;height:20px;border-color:var(--c);border-style:solid;border-width:0}
.tk-corner.a{top:-6px;left:-6px;border-top-width:3px;border-left-width:3px;border-top-left-radius:8px}
.tk-corner.b{top:-6px;right:-6px;border-top-width:3px;border-right-width:3px;border-top-right-radius:8px}
.tk-corner.c{bottom:-6px;left:-6px;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px}
.tk-corner.d{bottom:-6px;right:-6px;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px}
.tk-ok{display:flex;align-items:center;gap:8px;margin:14px auto 0;font-size:14px;font-weight:600;color:#1E7A43;background:#E4F5EA;border-radius:999px;padding:6px 14px}
.tk-btns{margin-top:auto;display:flex;justify-content:space-between;gap:12px;padding-top:12px}
.tk-btns span{font-family:var(--head);font-weight:700;font-size:15px;border-radius:12px;padding:12px 22px}
.tk-back{border:1px solid var(--line);color:var(--navy)}
.tk-next{background:var(--c);color:#fff;flex:1;text-align:center}
@media (max-width:980px){.tablet{margin:24px auto 0;transform:none}}
.devices{background:linear-gradient(180deg,#fff 0%,#F4F1FF 100%);padding-bottom:40px}
.devices-img{display:block;width:100%;max-width:1100px;height:auto;margin:30px auto 0;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 72%,transparent 100%)}