/* Подключение шрифтов */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=PT+Serif:wght@400;700&display=swap');

/* Базовые настройки шрифтов */
body {
    font-family: 'Inter', sans-serif;
    color: var(--ius-text, #f4efe6);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Serif', Georgia, 'Times New Roman', serif;
}

.font-mono-data {
    font-family: 'JetBrains Mono', monospace;
}

/* Плавная прокрутка */
html {
    scroll-behavior: smooth;
}

/* Кастомные цвета (дублируют tailwind config для CSS-переменных) */
:root {
    --color-teal: var(--ius-accent, #2f8f8b);
    --color-gold: var(--ius-bronze, #a6784f);
    --color-navy: var(--ius-surface, #111516);
    --color-silver: var(--ius-text-muted, #b8ad9d);
}

.text-teal-brand { color: var(--color-teal); }
.bg-teal-brand { background-color: var(--color-teal); }
.text-gold-brand { color: var(--color-gold); }
.bg-gold-brand { background-color: var(--color-gold); }

/* Анимация появления для AOS */
[data-aos] {
    pointer-events: none;
}
[data-aos].aos-animate {
    pointer-events: auto;
}
/* Единая дизайн-система Iustitia */
:root {
    --color-teal: var(--ius-accent, #2f8f8b);
    --color-teal-dark: #1f6866;
    --color-teal-soft: rgba(47, 143, 139, 0.10);
    --color-gold: var(--ius-bronze, #a6784f);
    --color-gold-soft: rgba(166, 120, 79, 0.16);
    --color-navy: var(--ius-surface, #111516);
    --color-muted: var(--ius-text-muted, #b8ad9d);
    --color-line: var(--ius-line, rgba(244, 239, 230, 0.10));
    --font-serif: 'PT Serif', Georgia, 'Times New Roman', serif;
    --font-sans: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
}

body { font-family: var(--font-sans); color: var(--ius-text, #f4efe6); }
h1, h2, h3, h4, h5, h6, .font-serif { font-family: var(--font-serif); }
.font-mono, .font-mono-data { font-family: var(--font-mono); }
.text-teal-brand { color: var(--color-teal); }
.bg-teal-brand { background-color: var(--color-teal); }
.hover\:bg-teal-dark:hover { background-color: var(--color-teal-dark); }
.text-gold-brand { color: var(--color-gold); }
.bg-gold-brand { background-color: var(--color-gold); }
.text-navy { color: var(--color-navy); }
.bg-navy { background-color: var(--color-navy); }

.service-methodology-section {
    margin-top: 2.5rem;
    padding: 2rem;
    border: 1px solid var(--color-line);
    border-radius: 0;
    background: var(--ius-surface, #111516);
}
.service-methodology-head { max-width: 720px; margin-bottom: 1.5rem; }
.service-methodology-head .eyebrow {
    display: inline-block;
    margin-bottom: .35rem;
    color: var(--color-teal);
    font-family: var(--font-mono);
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 600;
}
.service-methodology-head h2 { margin: 0 0 .5rem; font-size: clamp(1.7rem, 3vw, 2.35rem); font-weight: 700; color: var(--ius-text, #f4efe6); }
.service-methodology-head p { margin: 0; color: var(--color-muted); line-height: 1.65; }
.service-methodology-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.service-methodology-card { position: relative; padding: 1.25rem; border: 1px solid var(--color-line); border-radius: 0; background: var(--ius-surface-2, #171c1d); box-shadow: none; }
.service-methodology-num { color: rgba(212, 175, 55, .45); font-family: var(--font-mono); font-weight: 700; font-size: 1.4rem; }
.service-methodology-icon { width: 2.3rem; height: 2.3rem; display: flex; align-items: center; justify-content: center; margin: .5rem 0 .75rem; border-radius: 2px; background: var(--color-teal-soft); color: var(--color-teal); }
.service-methodology-card h3 { margin: 0 0 .4rem; font-size: 1.15rem; font-weight: 700; color: var(--ius-text, #f4efe6); }
.service-methodology-card p { margin: 0; color: var(--color-muted); font-size: .92rem; line-height: 1.55; }
.service-methodology-link { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1.25rem; color: var(--color-teal); font-weight: 700; text-decoration: none; }
.service-methodology-link:hover { color: var(--color-teal-dark); }
@media (max-width: 1024px) { .service-methodology-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .service-methodology-section { padding: 1.25rem; } .service-methodology-grid { grid-template-columns: 1fr; } }