/* ===== ClinixCue shared design system ===== */
:root{
  --petrol-950:#06201E;--petrol-900:#08312E;--petrol-800:#0A3D39;--petrol-700:#0E4D4A;
  --petrol-600:#13635D;--teal-500:#1A8F86;--teal-400:#34B3A8;--teal-300:#6FD0C7;
  --amber:#FFB23E;--amber-deep:#F59A1E;--amber-soft:#FFF3DF;
  --ink:#0A1413;--slate-700:#27332F;--slate-600:#46544F;--slate-500:#6B7873;
  --slate-400:#97A29D;--slate-300:#C5CDC8;--slate-200:#E2E7E2;--slate-100:#EEF1EC;
  --paper:#F7F5F0;--white:#FFFFFF;
  --success:#1E9E6A;--caution:#C9952B;--risk:#E0564A;
  --font-display:"Space Grotesk",sans-serif;--font-ui:"IBM Plex Sans",sans-serif;--font-mono:"IBM Plex Mono",monospace;
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-ui);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55}
img,svg{display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}

/* wordmark + mark */
.wm{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;display:inline-flex;align-items:center}
.wm>svg,.wm>.cc-mark{margin-right:9px;flex-shrink:0}
.cc-mark{display:inline-flex}
.cc-mark svg{display:block}
.tittle{position:relative;display:inline-block;color:var(--amber)}
.tittle::before{content:"";position:absolute;left:50%;top:.26em;transform:translateX(-50%);width:.17em;height:.17em;border-radius:50%;background:var(--amber)}

/* eyebrow + headings */
.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-500);font-weight:500;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--teal-400)}
.eyebrow.light{color:var(--teal-300)}
.eyebrow.light::before{background:var(--teal-300)}
h2.sec{font-family:var(--font-display);font-weight:600;font-size:clamp(30px,4vw,46px);letter-spacing:-.025em;line-height:1.04}
.lead{font-size:18px;color:var(--slate-600);max-width:58ch;line-height:1.65}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:13px 22px;border-radius:11px;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background .2s ease,box-shadow .2s}
.btn-amber{background:var(--amber);color:var(--petrol-950)}
.btn-amber:hover{background:#fff;transform:translateY(-1px);box-shadow:0 12px 30px -12px rgba(255,178,62,.7)}
.btn-ghost{border:1px solid var(--slate-300);color:var(--ink)}
.btn-ghost:hover{border-color:var(--petrol-700);transform:translateY(-1px)}
.btn-ghost-d{border:1px solid var(--petrol-600);color:var(--paper)}
.btn-ghost-d:hover{background:var(--petrol-800);transform:translateY(-1px)}

/* nav */
nav.bar{position:sticky;top:0;z-index:60;background:rgba(247,245,240,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--slate-200)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.bar .links{display:flex;gap:30px;font-size:14.5px;color:var(--slate-600);font-weight:500}
.bar .links a:hover{color:var(--petrol-700)}
.bar .links a.active{color:var(--petrol-700);font-weight:600}
.bar .right{display:flex;align-items:center;gap:18px}
.bar .right .login{font-size:14.5px;color:var(--slate-600);font-weight:500}
.bar .btn{padding:10px 17px;font-size:14px}

/* page hero (compact, for sub-pages) */
.phero{background:radial-gradient(120% 100% at 82% 0%,rgba(26,143,134,.22),transparent 58%),linear-gradient(180deg,var(--petrol-900),var(--petrol-950));color:var(--paper);position:relative;overflow:hidden}
.phero .wrap{padding:84px 32px 78px;position:relative;z-index:2}
.phero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(38px,5.4vw,66px);letter-spacing:-.035em;line-height:1.0;margin:24px 0 0;max-width:18ch}
.phero h1 .accent{color:var(--amber)}
.phero .sub{font-size:19px;color:rgba(247,245,240,.7);margin-top:24px;max-width:58ch;line-height:1.6}
.phero-wave{position:absolute;left:0;right:0;bottom:0;height:90px;opacity:.32;z-index:1}

section{padding:88px 0}
.sec-head{max-width:64ch}
.sec-head .lead{margin-top:16px}
.divider{height:1px;background:var(--slate-200)}

/* footer */
footer{background:var(--ink);color:var(--slate-400);padding:64px 0 38px;font-size:14px}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-top h5{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-500);margin-bottom:16px}
.foot-top a{display:block;color:var(--slate-300);padding:5px 0}
.foot-top a:hover{color:var(--paper)}
.foot-brand p{color:var(--slate-500);font-size:14px;margin-top:14px;max-width:32ch;line-height:1.6}
.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:26px;flex-wrap:wrap;gap:12px;color:var(--slate-500)}

/* reveal (transform-only so content is NEVER hidden by a frozen clock; motion-gated) */
@media (prefers-reduced-motion: no-preference){
  .js-reveal .reveal{transform:translateY(22px);transition:transform .7s cubic-bezier(.2,.8,.25,1),opacity .7s ease;opacity:.55}
  .js-reveal .reveal.in{transform:none;opacity:1}
}

@media(max-width:920px){
  .bar .links{display:none}
  .foot-top{grid-template-columns:1fr 1fr}
  section{padding:64px 0}
}