/* ─── Solto Command skin ───────────────────────────────────────────
   Typography, depth and light — the dashboard's design DNA applied
   to the marketing pages. Copy, layout and CTAs untouched. 2026-07-31 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');

:root{
  --sc-teal:#0b9f93; --sc-glow:#48ddce;
  --sc-line:rgba(22,52,91,.14);
  --sc-shadow:0 14px 36px rgba(20,40,72,.10);
}

/* Inter everywhere, Manrope for display + big numbers */
body{font-family:'Inter',Roboto,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
h1,h2,h3{font-family:'Manrope','Inter',system-ui,sans-serif;letter-spacing:-.035em;font-weight:800}
.text-3xl,.text-4xl,.text-5xl,.text-6xl{font-family:'Manrope','Inter',system-ui,sans-serif;letter-spacing:-.03em}

/* the Command light wash — shows wherever sections are transparent */
body{background-image:
  radial-gradient(circle at 88% -6%,rgba(42,207,190,.15),transparent 30rem),
  radial-gradient(circle at -8% 38%,rgba(53,96,173,.08),transparent 26rem)}

/* unified card depth: one deep soft shadow + hairline instead of flat grey */
:is(.rounded-2xl,.rounded-3xl):not(img):not(video):not(iframe){box-shadow:var(--sc-shadow)}

/* interactive polish */
a,button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease}
a.rounded-full:hover,button:hover{filter:brightness(1.06)}
a.rounded-full:active,button:active{transform:translateY(1px)}

/* focus visibility (quality floor) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--sc-glow);outline-offset:2px}

@media (prefers-reduced-motion:reduce){a,button{transition:none}}