:root{
    /* Healthcare-premium palette: clinical teal + trust indigo + warm gold accent */
    --teal:#0d9488; --teal-d:#0f766e; --teal-l:#ccfbf1;
    --indigo:#4F46E5; --indigo-d:#4338ca; --indigo-l:#eef2ff;
    --gold:#F26430; --gold-soft:#fff1eb;
    --ink:#0f172a; --ink-2:#334155; --muted:#64748b; --line:#e2e8f0;
    --bg:#ffffff; --bg-soft:#f8fafc; --bg-dark:#0b1220;
    --green:#16a34a; --green-l:#dcfce7; --red:#dc2626;
    --r:16px; --rs:10px; --shadow:0 10px 40px rgba(15,23,42,.08);
    --shadow-lg:0 30px 80px rgba(15,23,42,.16);
    --maxw:1180px; --amber-l:#fef3c7;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  a{text-decoration:none;color:inherit}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;}
  section{position:relative}

  h1,h2,h3{line-height:1.12;letter-spacing:-.02em;font-weight:800;}
  h1{font-size:clamp(34px,6vw,62px);}
  h2{font-size:clamp(28px,4.5vw,46px);}
  .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);background:var(--teal-l);padding:7px 14px;border-radius:30px;margin-bottom:18px;}
  .lead{font-size:clamp(16px,2vw,19px);color:var(--ink-2);}

  /* Buttons */
  .btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:12px;font-size:15.5px;font-weight:700;cursor:pointer;border:2px solid transparent;transition:transform .2s ease, box-shadow .2s ease, background .2s;}
  .btn-primary{background:var(--gold);color:#fff;box-shadow:0 10px 30px rgba(242,100,48,.35);}
  .btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(242,100,48,.45);}
  .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line);}
  .btn-ghost:hover{border-color:var(--teal);color:var(--teal-d);transform:translateY(-2px);}
  .btn-lg{padding:17px 32px;font-size:16.5px;}

  /* ===== Reveal on scroll ===== */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1);}
  .reveal.in{opacity:1;transform:translateY(0);}
  .reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}.reveal.d5{transition-delay:.5s}

  /* ===== NAV ===== */
  header.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
  .nav-in{display:flex;align-items:center;gap:24px;height:68px;}
  .brand{font-size:24px;font-weight:800;letter-spacing:-.02em;}
  .brand .ai{color:var(--indigo)} .brand .crely{color:var(--gold)}
  .brand small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.05em;color:var(--muted);margin-top:-4px;}
  .nav-links{display:flex;gap:26px;margin-left:14px;}
  .nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-2);transition:.2s}
  .nav-links a:hover{color:var(--teal-d)}
  .nav-cta{margin-left:auto;display:flex;gap:12px;align-items:center}
  .nav-cta .signin{font-size:14.5px;font-weight:600;color:var(--ink-2)}
  .nav-cta .btn{padding:11px 20px;font-size:14px}
  .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;margin-left:auto}
  .burger span{width:24px;height:2.5px;background:var(--ink);border-radius:2px;transition:.3s}

  /* ===== HERO ===== */
  .hero{padding:64px 0 40px;background:
     radial-gradient(1200px 500px at 80% -10%, var(--teal-l), transparent 60%),
     radial-gradient(900px 500px at 0% 10%, var(--indigo-l), transparent 55%);}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
  .hero h1 .grad{background:linear-gradient(100deg,var(--teal-d),var(--indigo));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .hero .lead{margin:22px 0 28px;max-width:540px;}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
  .hero-trust{display:flex;gap:22px;margin-top:24px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);}
  .hero-trust b{color:var(--ink)}
  .hero-trust .ok{color:var(--teal-d);font-weight:800}

  /* Hero dashboard mock */
  .mock{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transition:transform .6s ease;}
  .mock:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}
  .mock-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--bg-soft);border-bottom:1px solid var(--line);}
  .mock-bar i{width:11px;height:11px;border-radius:50%;background:#e2e8f0;display:inline-block}
  .mock-bar i:nth-child(1){background:#fda4af}.mock-bar i:nth-child(2){background:#fcd34d}.mock-bar i:nth-child(3){background:#86efac}
  .mock-bar .u{margin-left:8px;font-size:11px;color:var(--muted)}
  .mock-body{padding:16px;background:linear-gradient(180deg,#fff,#fbfdff);}
  .mock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;}
  .mstat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;}
  .mstat .n{font-size:20px;font-weight:800;color:var(--ink)}
  .mstat .l{font-size:10.5px;color:var(--muted);font-weight:600}
  .mstat.tealv .n{color:var(--teal-d)} .mstat.indv .n{color:var(--indigo)}
  .mrow{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;margin-bottom:8px;background:#fff;}
  .mav{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
  .mrow .nm{font-size:12.5px;font-weight:600}
  .mrow .sub{font-size:10.5px;color:var(--muted)}
  .mtag{margin-left:auto;font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:20px}
  .t-hot{background:var(--gold-soft);color:var(--gold)} .t-warm{background:var(--amber-l,#fef3c7);color:#d97706} .t-new{background:var(--teal-l);color:var(--teal-d)}
  .float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:11px 14px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;}
  .float .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:14px;color:#fff}
  .float-1{top:8%;right:-26px;animation:floaty 4s ease-in-out infinite}
  .float-2{bottom:10%;left:-30px;animation:floaty 4s ease-in-out infinite .8s}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  .hero-visual{position:relative}

  /* Reel video / Instagram embed in hero */
  .reel-frame{position:relative;width:330px;max-width:100%;min-height:540px;margin:0 auto;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#eef2ff,#e0f2f1);box-shadow:var(--shadow-lg);}
  .reel-frame .instagram-media{border-radius:14px !important;}
  .reel-video{width:100%;height:100%;object-fit:cover;display:block;}

  /* ===== marquee trust ===== */
  .logos{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-soft);overflow:hidden;}
  .logos .cap{text-align:center;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:16px;}
  .logo-track{display:flex;gap:48px;animation:scrollx 26s linear infinite;width:max-content;}
  .logo-track span{font-size:18px;font-weight:800;color:#94a3b8;white-space:nowrap;display:flex;align-items:center;gap:8px;}
  @keyframes scrollx{to{transform:translateX(-50%)}}

  @media(max-width:1100px){.float-1{right:0}.float-2{left:0}}
  @media(max-width:880px){
    .hero-grid{grid-template-columns:1fr;gap:34px}
    .hero-visual{order:-1}
    .nav-links,.nav-cta .signin{display:none}
    .nav-cta .btn{white-space:nowrap;padding:10px 14px;font-size:13px}
    .brand small{display:none}
    .burger{display:flex}
    .mock{transform:none}
    .float-1{right:6px}.float-2{left:6px}
  }

  @media(max-width:480px){.nav-cta .btn-ghost{display:none}.nav-cta{gap:8px}}
  .rnums{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
  .rnums>div>div:first-child{white-space:nowrap}
  @media(max-width:640px){.rnums{grid-template-columns:repeat(2,1fr);gap:14px}.rnums>div>div:first-child{font-size:32px!important}}
  /* sticky mobile CTA */
  .stickybar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:200;background:#fff;border-top:1px solid var(--line);padding:10px 14px;gap:10px;box-shadow:0 -10px 30px rgba(15,23,42,.08)}
  .stickybar .btn{flex:1;justify-content:center;padding:13px 10px;font-size:14px}
  .stickybar .wa{background:#25D366;color:#fff}
  @media(max-width:880px){.stickybar{display:flex}body{padding-bottom:70px}}
  /* demo form */
  .demo{padding:90px 0;background:var(--bg)}
  .demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
  .dform{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow-lg)}
  .dform label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);margin:12px 0 6px}
  .dform input{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit}
  .dform input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(13,148,136,.12)}
  .dform .btn{width:100%;justify-content:center;margin-top:18px}
  .dmsg{margin-top:12px;font-size:13.5px;padding:11px 13px;border-radius:10px;display:none}
  .dmsg.ok{display:block;background:var(--teal-l);color:var(--teal-d)}.dmsg.err{display:block;background:#fef2f2;color:var(--red)}
  .dpts{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:22px}
  .dpts li{display:flex;gap:10px;font-size:15px;color:var(--ink-2)}.dpts li::before{content:"✓";color:var(--teal-d);font-weight:800}
  @media(max-width:880px){.demo-grid{grid-template-columns:1fr}}


  footer.ft{background:var(--bg-dark);color:#cbd5e1;padding:54px 0 30px}
  .ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;margin-bottom:34px}
  .ft .brand{font-size:24px;margin-bottom:12px}
  .ft .brand .crely{color:var(--gold)} .ft .brand .ai{color:#818cf8}
  .ft p{font-size:13.5px;color:#94a3b8;max-width:280px}
  .ft h4{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:14px}
  .ft ul{list-style:none;display:flex;flex-direction:column;gap:9px}
  .ft ul a{font-size:13.5px;color:#94a3b8;transition:.2s}
  .ft ul a:hover{color:#fff}
  .ft-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#64748b}
  @media(max-width:880px){.ft-grid{grid-template-columns:1fr 1fr}}

/* brand is a link in WP */
a.brand{text-decoration:none}
/* WP admin bar */
body.admin-bar header.nav{top:32px}