/* Truecal site — shared chrome (nav + footer) for sub-pages */
html,body{margin:0;background:var(--color-canvas);color:var(--color-body);font-family:var(--font-ui)}
*{box-sizing:border-box}
.page{max-width:1280px;margin:0 auto;background:var(--color-canvas);position:relative}

.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 48px;border-bottom:1px solid var(--color-hairline);background:rgba(250,250,247,.85);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--color-ink);letter-spacing:-.01em;font-size:17px;text-decoration:none}
.logo b{width:24px;height:24px;border-radius:7px;background:var(--color-tangerine);color:#fff;display:grid;place-items:center;font-size:13px}
.nav-links{display:flex;gap:28px;font-size:14px}
.nav-links a{color:var(--color-body);text-decoration:none;font-weight:500}
.nav-links a:hover{color:var(--color-ink)}
.nav-cta{display:inline-flex;gap:10px;align-items:center}
.btn{font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border-radius:var(--radius-md);border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn-primary{background:var(--color-tangerine);color:#fff}
.btn-primary:hover{background:#e84800}
.btn-secondary{background:transparent;color:var(--color-ink);border:1px solid var(--color-hairline)}
.btn-lg{font-size:14.5px;padding:13px 22px}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-tangerine);background:#fff5ee;padding:6px 12px;border-radius:var(--radius-pill)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-tangerine)}

/* footer */
.ftr{padding:48px 48px 32px;background:var(--color-ink);color:rgba(255,255,255,.7);display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}
.ftr .logo{color:#fff}
.ftr .logo b{background:var(--color-tangerine);color:#fff}
.ftr-l p{font-size:13px;color:rgba(255,255,255,.5);margin:12px 0 0;max-width:30ch}
.ftr-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ftr-cols h5{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 14px;font-weight:600}
.ftr-cols a{display:block;color:rgba(255,255,255,.55);font-size:13px;text-decoration:none;padding:4px 0}
.ftr-cols a:hover{color:#fff}
.ftr-foot{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.35);padding-top:24px;border-top:1px solid rgba(255,255,255,.1);margin-top:24px;letter-spacing:.04em}

/* shared headers */
.page-head{padding:64px 48px 32px;border-bottom:1px solid var(--color-hairline)}
.page-head .kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);font-weight:600}
.page-head h1{font-size:64px;line-height:1.04;letter-spacing:-.035em;font-weight:600;color:var(--color-ink);margin:14px 0 0;max-width:18ch}
.page-head .lede{margin-top:18px;font-size:18px;line-height:1.55;color:var(--color-body);max-width:55ch}