:root{
  --home-bg:#f4f6fb;
  --home-surface:rgba(255,255,255,.88);
  --home-surface-solid:#fff;
  --home-line:rgba(15,23,42,.10);
  --home-text:#111827;
  --home-muted:#536174;
  --home-blue:#0a84ff;
  --home-blue-2:#55c7ff;
  --home-cyan:#5adbe7;
  --home-green:#18a76f;
  --home-shadow:0 18px 48px rgba(15,23,42,.08);
  --home-shadow-soft:0 8px 24px rgba(15,23,42,.06);
  --home-radius:30px;
}
*,*::before,*::after{box-sizing:border-box}
html{
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  padding:0;
  overflow-x:clip;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body.vcare-home-page{
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  padding:0;
  overflow-x:clip;
  color:var(--home-text);
  background:
    radial-gradient(circle at 5% 0,rgba(85,199,255,.15),transparent 30rem),
    radial-gradient(circle at 96% 3%,rgba(137,120,255,.11),transparent 27rem),
    linear-gradient(180deg,#f9fbff 0%,var(--home-bg) 100%);
  font-family:Inter,Vazirmatn,"Noto Sans Arabic","Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.vcare-home-page::before{content:none!important}
body.vcare-home-page :where(main,header,footer,section,article,div,nav,a,p,h1,h2,h3,span){min-width:0;max-width:100%}
body.vcare-home-page img{max-width:100%;height:auto}
body.vcare-home-page a{color:inherit;text-decoration:none}
body.vcare-home-page button,body.vcare-home-page select{font:inherit}
.wrap{
  width:100%;
  max-width:1280px;
  margin-inline:auto;
  padding-inline:clamp(18px,4vw,34px);
}
.skip{position:absolute;inset-inline-start:-9999px;top:10px;z-index:200;background:#fff;color:#00112a;padding:10px 14px;border-radius:12px}
.skip:focus{inset-inline-start:10px}
.site-header{
  position:sticky;
  top:0;
  z-index:80;
  width:100%;
  border-bottom:1px solid var(--home-line);
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:11px;flex:0 1 auto}
.brand img{width:46px;height:46px;object-fit:contain;flex:0 0 46px;filter:drop-shadow(0 11px 22px rgba(10,132,255,.20))}
.brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand-copy strong{font-size:20px;letter-spacing:-.04em;white-space:nowrap}
.brand-copy small{color:var(--home-muted);font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.nav-link,.nav-cta,.menu-button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-inline:14px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:var(--home-muted);
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.nav-link:hover,.nav-link:focus-visible{color:var(--home-text);background:rgba(15,23,42,.045);border-color:var(--home-line)}
.nav-cta{color:#fff;background:linear-gradient(135deg,var(--home-blue),var(--home-blue-2));box-shadow:0 12px 28px rgba(10,132,255,.22)}
.home-language{display:inline-flex;align-items:center;min-width:0}
.home-language label{display:flex;align-items:center;min-width:0}
.home-language .vcare-language-label{display:none}
.home-language select{max-width:145px;min-height:42px;padding-inline:12px;border:1px solid var(--home-line);border-radius:999px;background:#fff;color:var(--home-text);font-weight:750;box-shadow:var(--home-shadow-soft)}
.menu-button{display:none;width:44px;padding:0;background:#fff;border-color:var(--home-line);box-shadow:var(--home-shadow-soft)}
.menu-button span,.menu-button::before,.menu-button::after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:999px;transition:.25s}
.menu-button span{margin:4px 0}
.hero{
  min-height:calc(100svh - 76px);
  padding-block:64px 56px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  align-items:center;
  gap:clamp(30px,5vw,58px);
}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(10,132,255,.15);border-radius:999px;background:rgba(10,132,255,.07);color:#0875d1;font-size:13px;font-weight:900}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--home-green);box-shadow:0 0 0 6px rgba(24,167,111,.10)}
.hero h1{max-width:820px;margin:22px 0 18px;font-size:clamp(48px,7vw,92px);line-height:.93;letter-spacing:-.07em;overflow-wrap:normal}
.gradient-text{color:transparent;background:linear-gradient(110deg,#111827 0%,#0a84ff 38%,#55c7ff 74%,#111827);background-clip:text;-webkit-background-clip:text}
.hero-lead{max-width:750px;margin:0;color:var(--home-muted);font-size:clamp(17px,2vw,21px);line-height:1.72}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding-inline:20px;border:1px solid var(--home-line);border-radius:999px;background:rgba(255,255,255,.88);color:var(--home-text);font-weight:900;box-shadow:var(--home-shadow-soft)}
.button.primary{color:#fff;background:linear-gradient(135deg,var(--home-blue),var(--home-blue-2));border-color:transparent;box-shadow:0 18px 38px rgba(10,132,255,.22)}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.trust-chip{padding:9px 12px;border:1px solid var(--home-line);border-radius:14px;background:rgba(255,255,255,.78);color:var(--home-muted);font-size:12px;font-weight:800;box-shadow:0 4px 12px rgba(15,23,42,.03)}
.hero-visual{position:relative;min-height:590px;border:1px solid rgba(255,255,255,.82);border-radius:40px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.64));box-shadow:var(--home-shadow);overflow:hidden}
.hero-visual::before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;inset-inline-end:-70px;top:-65px;background:rgba(10,132,255,.13);filter:blur(45px)}
.logo-stage{position:relative;min-height:320px;display:grid;place-items:center;border:1px solid rgba(15,23,42,.07);border-radius:30px;background:linear-gradient(145deg,#73889c,#a5b3c0);padding:18px;overflow:hidden}
.logo-stage img{width:min(430px,100%);max-height:300px;object-fit:contain}
.status-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}
.status-card{border:1px solid var(--home-line);border-radius:20px;background:rgba(255,255,255,.90);padding:15px;text-align:center;box-shadow:var(--home-shadow-soft)}
.status-card small{display:block;color:var(--home-muted);font-weight:750;margin-bottom:7px}
.status-card strong{font-size:15px;letter-spacing:-.02em}
.status-card i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--home-green);margin-inline-end:7px;box-shadow:0 0 0 5px rgba(24,167,111,.10)}
.section{padding-block:68px}
.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:end;gap:30px;margin-bottom:28px}
.kicker{display:block;color:#37c5d3;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.section h2{margin:0;max-width:760px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.055em}
.section-head p{max-width:570px;margin:0;color:var(--home-muted);line-height:1.7}
.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;width:100%}
.role-card{height:100%;min-height:280px;padding:24px;border:1px solid var(--home-line);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:var(--home-shadow);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
.role-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#fff,#e8f3ff);box-shadow:inset 0 0 0 1px rgba(10,132,255,.12),0 10px 25px rgba(10,132,255,.13)}
.vcare-rc22-icon{display:inline-block;width:29px;height:29px;background-color:var(--home-blue);-webkit-mask:var(--home-icon) center/contain no-repeat;mask:var(--home-icon) center/contain no-repeat}
.vcare-rc22-icon[data-vcare-icon="user"]{--home-icon:url('/assets/icons/rc22/user.svg')}
.vcare-rc22-icon[data-vcare-icon="doctor"]{--home-icon:url('/assets/icons/rc22/doctor.svg')}
.vcare-rc22-icon[data-vcare-icon="hospital"]{--home-icon:url('/assets/icons/rc22/hospital.svg')}
.vcare-rc22-icon[data-vcare-icon="shield"]{--home-icon:url('/assets/icons/rc22/shield.svg')}
.role-card h3{margin:26px 0 9px;font-size:23px;letter-spacing:-.03em}
.role-card p{margin:0;color:var(--home-muted);line-height:1.65}
.role-link{margin-top:auto;padding-top:18px;font-weight:900;color:#0066cc}
.ecosystem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.eco-card{min-height:195px;padding:22px;border:1px solid var(--home-line);border-radius:25px;background:rgba(255,255,255,.86);box-shadow:var(--home-shadow-soft)}
.eco-card .number{color:#31c8d6;font-size:12px;font-weight:900;letter-spacing:.12em}
.eco-card h3{margin:20px 0 9px;font-size:20px}
.eco-card p{margin:0;color:var(--home-muted);line-height:1.62}
.journey{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}
.journey-panel,.safety-panel{border:1px solid var(--home-line);border-radius:32px;background:rgba(255,255,255,.86);padding:28px;box-shadow:var(--home-shadow)}
.journey-panel h3,.safety-panel h3{font-size:30px;letter-spacing:-.04em;margin:0 0 14px}
.small-lead{font-size:16px}
.timeline{display:grid;gap:12px;margin-top:22px}
.step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;border:1px solid var(--home-line);border-radius:20px;background:#f9fbff;padding:15px}
.step b{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(10,132,255,.10);color:var(--home-blue)}
.step strong{display:block;margin-bottom:5px}.step span{color:var(--home-muted);line-height:1.55;font-size:14px}
.safety-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.safety-item{border:1px solid var(--home-line);border-radius:20px;padding:16px;background:#f9fbff}
.safety-item strong{display:block;margin-bottom:7px}.safety-item span{color:var(--home-muted);line-height:1.55;font-size:14px}
.cta{position:relative;padding:42px;border:1px solid rgba(10,132,255,.15);border-radius:36px;overflow:hidden;background:radial-gradient(circle at 82% 30%,rgba(85,199,255,.18),transparent 23rem),linear-gradient(135deg,rgba(10,132,255,.10),rgba(137,120,255,.08));box-shadow:var(--home-shadow)}
.cta h2{max-width:820px}.cta p{max-width:720px;color:var(--home-muted);line-height:1.7;font-size:18px}
.footer{margin-top:64px;border-top:1px solid var(--home-line);padding-block:30px;color:var(--home-muted);background:rgba(255,255,255,.45)}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:10px;color:var(--home-text);font-weight:900}.footer-brand img{width:40px;height:40px;object-fit:contain}.footer-links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:800}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
html[dir="rtl"] body.vcare-home-page{text-align:right;direction:rtl}
html[dir="rtl"] .role-card{align-items:flex-start}
html[dir="rtl"] :where(h1,h2,h3,p,small,strong,.nav-link,.button,.trust-chip){letter-spacing:0}
html[dir="rtl"] .gradient-text{letter-spacing:0}
@media(max-width:1040px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:48px}
  .hero-visual{min-height:auto}
  .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey{grid-template-columns:1fr}
}
@media(max-width:780px){
  .wrap{padding-inline:16px}
  .menu-button{display:block;flex:0 0 44px}
  .brand{max-width:calc(100% - 60px)}
  .nav-links{position:absolute;top:76px;inset-inline:10px;display:none;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--home-line);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:var(--home-shadow)}
  .nav-links.open{display:flex}
  .nav-link,.nav-cta,.home-language,.home-language label,.home-language select{width:100%;max-width:none}
  .hero{padding-block:28px 24px;gap:22px}
  .hero h1{font-size:clamp(37px,11.5vw,55px);line-height:.96}
  .hero-visual{width:100%;padding:12px;border-radius:28px}
  .logo-stage{min-height:220px}
  .status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section{padding-block:46px}
  .section-head{grid-template-columns:1fr;align-items:start;gap:14px}
  .ecosystem{grid-template-columns:1fr}
  .journey{grid-template-columns:1fr}
  .cta{padding:28px}
}
@media(max-width:580px){
  .wrap{padding-inline:16px}
  .brand-copy small{display:none}
  .role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .role-card{min-height:0;padding:16px 12px;text-align:center;align-items:center;border-radius:24px}
  html[dir="rtl"] .role-card{align-items:center}
  .role-icon{width:62px;height:62px;border-radius:19px}
  .role-card h3{margin:13px 0 5px;font-size:16px}
  .role-card p{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .role-link{padding-top:10px;font-size:12px}
  .status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .status-card{padding:12px 8px}
  .status-card small{font-size:10px}.status-card strong{font-size:12px}
  .hero-actions .button{width:100%}
  .safety-list{grid-template-columns:1fr}
}
@media(max-width:380px){
  .role-grid{gap:9px}
  .role-card{padding-inline:9px}
  .role-card h3{font-size:15px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* RC22.1.0 — isolated Apple-like homepage shortcuts, menu and public dock */
.nav-link-icon{gap:8px}.nav-link-icon .vcare-rc22-icon{width:18px;height:18px;flex:0 0 18px}
.vcare-rc22-icon[data-vcare-icon="home"]{--home-icon:url('/assets/icons/rc22/home.svg')}
.vcare-rc22-icon[data-vcare-icon="bag"]{--home-icon:url('/assets/icons/rc22/bag.svg')}
.vcare-rc22-icon[data-vcare-icon="heart"]{--home-icon:url('/assets/icons/rc22/heart.svg')}
.vcare-rc22-icon[data-vcare-icon="more"]{--home-icon:url('/assets/icons/rc22/more.svg')}
.vcare-rc22-icon[data-vcare-icon="plus"]{--home-icon:url('/assets/icons/rc22/plus.svg')}
.vcare-rc22-icon[data-vcare-icon="grid"]{--home-icon:url('/assets/icons/rc22/grid.svg')}
.home-shortcuts-section{padding-block:18px 54px}
.home-shortcuts-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.home-shortcuts-head h2{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.045em}
.home-shortcuts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-shortcut-card{position:relative;min-height:205px;display:flex;align-items:center;gap:20px;padding:25px;border:1px solid rgba(255,255,255,.78);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.72));box-shadow:var(--home-shadow);overflow:hidden}
.home-shortcut-card::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;inset-inline-end:-90px;top:-110px;background:rgba(10,132,255,.09);filter:blur(2px)}
.home-shortcut-card.homecare::after{background:rgba(24,167,111,.10)}
.home-shortcut-icon{position:relative;z-index:1;width:78px;height:78px;display:grid;place-items:center;flex:0 0 78px;border-radius:25px;background:linear-gradient(145deg,#fff,#e8f3ff);box-shadow:inset 0 0 0 1px rgba(10,132,255,.12),0 15px 32px rgba(10,132,255,.14)}
.home-shortcut-card.homecare .home-shortcut-icon{background:linear-gradient(145deg,#fff,#e9faf3);box-shadow:inset 0 0 0 1px rgba(24,167,111,.14),0 15px 32px rgba(24,167,111,.12)}
.home-shortcut-icon .vcare-rc22-icon{width:38px;height:38px}
.home-shortcut-card.homecare .home-shortcut-icon .vcare-rc22-icon{background-color:var(--home-green)}
.home-shortcut-copy{position:relative;z-index:1;display:grid;gap:8px;min-width:0}
.home-shortcut-copy strong{font-size:25px;letter-spacing:-.035em}
.home-shortcut-copy small{color:var(--home-muted);font-size:15px;line-height:1.6}
.home-shortcut-copy b{color:#0066cc;font-size:14px;margin-top:4px}
.home-app-dock{display:none}
.home-menu-backdrop{position:fixed;inset:0;z-index:97;background:rgba(10,16,28,.28);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;transition:opacity .2s ease}
.home-menu-backdrop.open{opacity:1}
@media(max-width:780px){
 body.vcare-home-page{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .site-header{z-index:99}
 .nav-links{display:flex!important;position:fixed!important;z-index:100;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px));inset-inline:8px!important;max-height:min(82dvh,720px);overflow:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;padding:14px 14px 20px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:32px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 28px 90px rgba(15,23,42,.28)!important;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);transform:translateY(calc(100% + 36px));visibility:hidden;pointer-events:none;opacity:0;transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s}
 .nav-links::before{content:"";width:40px;height:5px;border-radius:999px;background:rgba(83,97,116,.26);margin:0 auto 8px}
 .nav-links.open{transform:translateY(0);visibility:visible;pointer-events:auto;opacity:1;transition-delay:0s}
 .nav-link,.nav-cta,.home-language,.home-language label,.home-language select{width:100%;max-width:none}
 .nav-link,.nav-cta{min-height:52px;border-radius:17px;justify-content:flex-start;padding-inline:16px}
 .nav-cta{justify-content:center;margin-top:3px}
 .home-language{order:20;margin-top:7px}.nav-cta{order:21}
 .home-shortcuts-section{padding-block:10px 42px}
 .home-shortcuts-head{display:block}.home-shortcuts-head h2{font-size:30px}
 .home-shortcuts-grid{grid-template-columns:1fr;gap:12px}
 .home-shortcut-card{min-height:150px;padding:18px;border-radius:25px;gap:15px}
 .home-shortcut-icon{width:64px;height:64px;flex-basis:64px;border-radius:21px}
 .home-shortcut-icon .vcare-rc22-icon{width:31px;height:31px}
 .home-shortcut-copy strong{font-size:20px}.home-shortcut-copy small{font-size:13px}.home-shortcut-copy b{font-size:13px}
 .home-app-dock{position:fixed;z-index:96;inset-inline:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));height:76px;padding:7px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border:1px solid rgba(15,23,42,.09);border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 18px 52px rgba(15,23,42,.20);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}
 .home-app-dock :is(a,button){min-width:0;border:0;background:transparent;color:#64748b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:20px;padding:4px 2px;font:750 10px/1.15 Inter,Vazirmatn,"Noto Sans Arabic",sans-serif;cursor:pointer}
 html[lang="fa"] .home-app-dock :is(a,button),html[lang="ar"] .home-app-dock :is(a,button){font-family:"B Mitra","BMitra",Vazirmatn,"Noto Sans Arabic",sans-serif}
 .home-app-dock .vcare-rc22-icon{width:25px;height:25px;background-color:currentColor}
 .home-app-dock :is(a,button).active{color:var(--home-blue);background:rgba(10,132,255,.09)}
 .home-app-dock span:last-child{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
 .footer{padding-bottom:95px}
}
@media(max-width:380px){.home-app-dock{inset-inline:5px}.home-app-dock :is(a,button){font-size:9px}.home-shortcut-card{padding:15px}.home-shortcut-copy strong{font-size:18px}}
