/* calm.css: calmer hero and normal mouse pointer on every page (S, 11 Nov 2026).
   Loaded after mobile.css on every page. Delete the <link> to undo. */

/* No moving pattern, glow or grain behind the hero */
.hero-canvas, .hero canvas, .hero-gradient, .hero-noise { display: none !important; }
.hero { background: #0f1316; border-bottom: 1px solid #1c2226; }

/* Normal mouse pointer instead of the custom ring and dot */
.cursor, .cursor-dot { display: none !important; }
body { cursor: auto !important; }
a, button, [data-hover], summary, label[for] { cursor: pointer; }

/* Headline: sentence case, readable size, no shimmer */
body .hero-title {
  text-transform: none;
  font-weight: 700;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 1.06;
  letter-spacing: -0.025em;
  margin-bottom: 28px;
  max-width: 18ch;
}
body .hero-title .line { display: inline; overflow: visible; }
body .hero-title .line-inner { display: inline; }
body .hero-title .accent { color: var(--teal-bright, #25c28e); }
body .hero-title .shimmer {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--white, #fff);
  animation: none;
}
body .hero-title .outline-text { -webkit-text-stroke: 0; color: var(--white, #fff); }

/* Small line above the headline: plain, not spaced-out capitals */
body .hero-eyebrow {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255,255,255,0.72);
  margin-bottom: 20px;
}
body .hero-eyebrow::before { width: 22px; background: var(--teal-bright, #25c28e); }

body .hero-desc { font-size: 17px; font-weight: 400; color: rgba(255,255,255,0.78); }

/* Show the hero straight away: no slow fade or slide-in */
body .hero-eyebrow, body .hero-bottom, body .hero-desc, body .hero-actions,
body .hero-title .line-inner {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Shorter hero: it no longer needs to fill the whole screen */
body .hero { min-height: 0; padding-top: 140px; padding-bottom: 80px; }
body .hero-content { padding-top: 0; }
.hero-actions { flex-wrap: wrap; gap: 12px 22px; }
.hero-actions a { white-space: nowrap; }
.hero-proof-pulse { animation: none; }

@media (max-width: 720px) {
  body .hero { min-height: 0 !important; padding-top: 104px !important; padding-bottom: 56px !important; }
  body .hero-content { padding-top: 0 !important; }
  body .hero-title { font-size: clamp(32px, 8.6vw, 46px); }
}

@media (prefers-reduced-motion: no-preference) {
  /* nothing animated in the hero on purpose */
}

/* Section headings further down every page: sentence case, calmer sizes */
body .section-title, body .cta-title, body .usp-title, body .svc-title,
body .form-title, body .proof-name, body .blog-hero-title, body .tool-hero h1,
body .error-title, body .thankyou-title {
  text-transform: none;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
body .section-title { font-size: clamp(28px, 3.6vw, 48px); }
body .cta-title { font-size: clamp(30px, 4vw, 54px); }
body .usp-title, body .svc-title, body .form-title { font-size: clamp(24px, 3vw, 38px); }
body .blog-hero-title, body .tool-hero h1 { font-size: clamp(36px, 5vw, 68px); line-height: 1.06; font-weight: 700; }
body .shimmer {
  background: none;
  -webkit-text-fill-color: currentColor;
  animation: none;
}