:root { --theme-ink: #14212b; --theme-muted: #647184; --theme-line: #dce3ea; --theme-brand: #146b5f; --theme-brand-dark: #0d4f47; --theme-soft: #eef7f4; } * { box-sizing: border-box; } body.theme-kema-default { margin: 0; color: var(--theme-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #fff; } .theme-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--theme-line); background: rgba(255,255,255,.95); padding: 18px clamp(18px, 5vw, 76px); } .theme-header.is-sticky { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); } .theme-header.compact { justify-content: center; } .theme-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--theme-brand); font-weight: 900; text-decoration: none; } .theme-logo span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; background: var(--theme-brand); color: white; } .theme-logo img { max-height: 42px; width: auto; } .theme-nav, .theme-footer nav, .theme-socials { display: flex; flex-wrap: wrap; gap: 16px; } .theme-nav a, .theme-footer a, .theme-socials a { color: var(--theme-ink); font-weight: 750; text-decoration: none; } .theme-footer { display: grid; gap: 12px; border-top: 1px solid var(--theme-line); color: var(--theme-muted); padding: 34px clamp(18px, 5vw, 76px); } .theme-footer p { margin: 0; } .kema-hero { display: grid; min-height: 58vh; align-items: center; padding: clamp(48px, 9vw, 110px) clamp(18px, 7vw, 96px); background: linear-gradient(135deg, #eef7f4, #ffffff); } .kema-hero > div { max-width: 900px; } .kema-hero h1 { margin: 0; font-size: clamp(42px, 7vw, 82px); line-height: 1; letter-spacing: 0; } .kema-hero p { max-width: 700px; color: var(--theme-muted); font-size: clamp(18px, 2vw, 23px); line-height: 1.55; } .kema-section { max-width: 1120px; margin: 0 auto; padding: clamp(34px, 6vw, 72px) 20px; } .kema-prose { font-size: 18px; line-height: 1.75; } .kema-button { display: inline-flex; min-height: 44px; align-items: center; border-radius: 8px; background: var(--theme-brand); color: #fff; padding: 0 18px; font-weight: 850; text-decoration: none; } .kema-button:hover { background: var(--theme-brand-dark); } .kema-image { width: 100%; border-radius: 8px; } .kema-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .kema-columns > div { border: 1px solid var(--theme-line); border-radius: 8px; padding: 22px; } .kema-contact { border-top: 1px solid var(--theme-line); } .example-cta { border: 1px solid var(--theme-line); border-radius: 8px; background: #fffaf0; padding: 28px; } .example-cta h2 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 44px); } .example-cta p { color: var(--theme-muted); } @media (max-width: 720px) { .theme-header { align-items: flex-start; flex-direction: column; } .kema-columns { grid-template-columns: 1fr; } }