@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* SmartByteIT typography delivered as a webfont, not from a visitor's device. */
:root { --sb-font-text: "Inter", sans-serif; --sb-font-display: "Inter", sans-serif; }
body, button, input, textarea, select { font-family: var(--sb-font-text) !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-size: 17px; line-height: 1.47; }
h1, h2, h3, .brand { font-family: var(--sb-font-display) !important; letter-spacing: -0.035em; }
h1 { font-size: clamp(3rem, 4.1vw, 3.5rem); font-weight: 600; line-height: 1.07; }
h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 600; line-height: 1.08; }
h3 { font-size: clamp(1.3rem, 1.8vw, 1.5rem); font-weight: 600; }
.hero > p, .automation-heading > p, .intro > p { font-size: clamp(1.0625rem, 1.55vw, 1.3125rem); line-height: 1.38; }
.eyebrow { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.11em; }
.button { font-size: 1.0625rem; font-weight: 400; letter-spacing: -0.01em; }
.service p, .primary-service > p, .supporting-services p, .step p, .faq-section p, .contact p { font-size: 1.0625rem; line-height: 1.47; }
@media (max-width: 700px) { body { font-size: 17px; } h1 { font-size: 2.5rem; letter-spacing: -0.04em; line-height: 1.1; } h2 { font-size: 2rem; letter-spacing: -0.035em; } .hero > p, .automation-heading > p, .intro > p { font-size: 1.0625rem; } .button { font-size: 1rem; } }
