/* CARE4U KSA — CENTRAL COLOUR CONTROL PANEL
   Change the values below to recolour the page. The stylesheet uses these
   variables throughout, so you should not need to hunt for colours below. */
:root {
  /* Brand colours */
  --brand-purple: #b52cff;
  --brand-violet: #7027ff;
  --brand-teal: #58d7c5;
  --page-bg: #100b2b;
  --page-bg-mid: #1b1240;
  --page-bg-start: #0e0926;
  --page-bg-end: #0e1631;
  /* Text */
  --text-primary: #f8f7ff; --text-secondary: #c8c4d8;
  --eyebrow-text: #ddd8ef; --kicker-text: #d5d0e7;
  --heading-mid: #e6ddff; --heading-end: #a6f8eb;
  --arrow-text: #d9d0ff; --pure-white: #ffffff;
  --card-copy-text: #c6c1d7; --trust-text: #aaa4c3; --footer-text: #8983a4;
  --individual-icon-stroke: #e8c8ff; --business-icon-stroke: #a8fff2; --individual-arrow: #d88bff;
  /* Surfaces, borders and glow */
  --glass: rgba(255,255,255,.075); --glass-control: rgba(255,255,255,.05);
  --glass-eyebrow: rgba(255,255,255,.045); --glass-card-top: rgba(255,255,255,.11);
  --glass-card-bottom: rgba(255,255,255,.035); --glass-hover-top: rgba(255,255,255,.15);
  --glass-inset: rgba(255,255,255,.08); --border-subtle: rgba(255,255,255,.14);
  --border-hover: rgba(255,255,255,.42); --border-purple: rgba(214,147,255,.24);
  --border-teal: rgba(88,215,197,.24); --grid-line: rgba(255,255,255,.045);
  --purple-glow: rgba(181,44,255,.20); --teal-glow: rgba(88,215,197,.12);
  --individual-wash: rgba(181,44,255,.16); --business-wash: rgba(88,215,197,.14);
  --individual-icon-glow: rgba(181,44,255,.30); --individual-icon-fade: rgba(112,39,255,.08);
  --business-icon-glow: rgba(88,215,197,.25); --business-icon-fade: rgba(30,137,151,.07);
  --purple-outline: rgba(214,147,255,.24); --pulse-glow: rgba(88,215,197,.10);
  /* Backward-compatible aliases used by component rules */
  --ink: var(--text-primary); --muted: var(--text-secondary);
  --purple: var(--brand-purple); --violet: var(--brand-violet);
  --teal: var(--brand-teal); --navy: var(--page-bg); --navy2: var(--page-bg-mid);
  --line: var(--border-subtle); --faint-white: rgba(255,255,255,.045);
}


*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}.page-shell{min-height:100vh;position:relative;background:radial-gradient(ellipse at 12% 12%,var(--purple-glow),transparent 34%),radial-gradient(ellipse at 86% 70%,var(--teal-glow),transparent 32%),linear-gradient(135deg,var(--page-bg-start),#1a103d 56%,var(--page-bg-end))}
.topbar{position:relative;z-index:5;max-width:1240px;margin:auto;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between}.brand img{width:205px;max-width:48vw;height:auto;display:block}.language-switch{border:1px solid var(--line);background:var(--glass-control);color:var(--ink);border-radius:999px;padding:10px 16px;cursor:pointer;backdrop-filter:blur(14px);font-weight:700;letter-spacing:.03em;transition:.25s}.language-switch:hover{border-color:rgba(181,44,255,.8);transform:translateY(-2px)}.lang-label{opacity:.48}.lang-label.active{opacity:1;color:var(--pure-white)}.lang-divider{opacity:.3;margin:0 8px}
.hero{position:relative;max-width:1240px;margin:auto;padding:70px 5vw 45px}.hero-copy{position:relative;z-index:2;max-width:760px;margin:0 auto 55px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--faint-white);padding:9px 14px;border-radius:999px;color:var(--eyebrow-text);font-size:13px;letter-spacing:.04em}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px var(--teal-glow);animation:pulse 2.2s infinite}h1{font-size:clamp(42px,6.5vw,82px);line-height:1.02;letter-spacing:-.055em;margin:25px 0 22px;background:linear-gradient(100deg,var(--pure-white) 12%,var(--heading-mid) 45%,var(--heading-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}p{line-height:1.75}.intro{font-size:clamp(16px,1.8vw,19px);color:var(--muted);max-width:690px;margin:auto}
.choice-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.choice-card{position:relative;overflow:hidden;min-height:440px;padding:30px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,var(--glass-card-top),var(--glass-card-bottom));box-shadow:0 24px 80px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-inset);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s}.choice-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,var(--individual-wash),transparent 45%);opacity:.7;pointer-events:none}.choice-card.businesses:before{background:linear-gradient(125deg,var(--business-wash),transparent 48%)}.choice-card:hover{transform:translateY(-10px);border-color:var(--border-hover);background:linear-gradient(145deg,var(--glass-hover-top),var(--glass-control))}.card-topline,.card-footer,.card-content,.card-icon{position:relative;z-index:2}.card-topline,.card-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--kicker-text)}.arrow{font-size:28px;color:var(--arrow-text);transition:transform .3s}.choice-card:hover .arrow{transform:translate(4px,-4px)}.card-icon{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;margin:42px 0 26px;background:linear-gradient(145deg,var(--individual-icon-glow),var(--individual-icon-fade));border:1px solid var(--purple-outline)}.businesses .card-icon{background:linear-gradient(145deg,var(--business-icon-glow),var(--business-icon-fade));border-color:var(--border-teal)}.card-icon svg{width:48px;height:48px;fill:none;stroke:var(--individual-icon-stroke);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.businesses .card-icon svg{stroke:var(--business-icon-stroke)}.arabic-label{font-family:'Noto Kufi Arabic',sans-serif;font-size:22px;font-weight:700;color:var(--pure-white);margin-bottom:12px}.card-content h2{font-size:clamp(24px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:0 0 15px;max-width:450px}.card-content p{color:var(--card-copy-text);max-width:475px;margin:0;font-size:15px}.card-footer{margin-top:auto;padding-top:35px;font-size:14px;font-weight:700}.footer-arrow{font-size:22px;color:var(--teal);transition:transform .3s}.individuals .footer-arrow{color:var(--individual-arrow)}.choice-card:hover .footer-arrow{transform:translateX(7px)}.card-glow{position:absolute;width:260px;height:260px;right:-150px;bottom:-170px;border-radius:50%;background:var(--purple);filter:blur(60px);opacity:.22;transition:opacity .4s}.businesses .card-glow{background:var(--teal)}.choice-card:hover .card-glow{opacity:.42}.trust-line{position:relative;z-index:2;text-align:center;color:var(--trust-text);font-size:13px;margin-top:35px;display:flex;justify-content:center;align-items:center;gap:10px}.tiny-cross{color:var(--teal)}.footer{max-width:1240px;margin:auto;padding:25px 5vw 30px;display:flex;justify-content:space-between;gap:15px;color:var(--footer-text);font-size:12px;border-top:1px solid var(--glass-inset)}.grid-lines{position:absolute;inset:0;opacity:.20;background-image:linear-gradient(var(--faint-white) 1px,transparent 1px),linear-gradient(90deg,var(--faint-white) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}.ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.ambient-one{width:420px;height:420px;left:-300px;top:200px;background:radial-gradient(circle,var(--purple-glow),transparent 68%)}.ambient-two{width:360px;height:360px;right:-250px;top:80px;background:radial-gradient(circle,rgba(88,215,197,.13),transparent 68%)}
[dir=rtl] body{font-family:'Noto Kufi Arabic','DM Sans',sans-serif}[dir=rtl] .card-kicker{text-transform:none;letter-spacing:0}[dir=rtl] .card-content h2,[dir=rtl] .intro,[dir=rtl] .hero-copy{text-align:right}[dir=rtl] .hero-copy{margin-left:0;margin-right:0;max-width:820px}[dir=rtl] .choice-grid{direction:rtl}[dir=rtl] .choice-card:hover .arrow{transform:translate(-4px,-4px)}[dir=rtl] .choice-card:hover .footer-arrow{transform:translateX(-7px)}[dir=rtl] .footer{direction:rtl}
@keyframes pulse{0%,100%{box-shadow:0 0 0 5px var(--pulse-glow)}50%{box-shadow:0 0 0 10px rgba(88,215,197,0)}}@media(max-width:800px){.topbar{padding-top:22px}.hero{padding-top:45px}.hero-copy{margin-bottom:35px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:400px}.footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}