:root {
    --primary: #ff6b2d;
    --primary-dark: #e65a1d;
    --dark: #081421;
    --text: #102033;
    --muted: #627287;
    --bg: #f4f7fb;
    --panel: #ffffff;
    --border: #ebf1f7;
    --shadow: 0 18px 40px rgba(12, 20, 33, 0.08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
}

img { display: block; max-width: 100%; }
a { text-decoration: none; }

.page-main,
.site-main,
.page-hero {
    max-width: 1180px;
    margin: 0 auto;
}

.feature-card,
.story-card,
.service-card,
.value-card,
.stat-card {
    background: var(--panel);
    border-radius: 24px;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.feature-card h3,
.story-card h3,
.service-card h3,
.value-card h3 {
    margin: 0 0 8px;
}

.feature-card p,
.story-card p,
.service-card p,
.value-card p {
    margin: 0;
    color: var(--muted);
}

@media (max-width: 720px) {
    .page-main,
    .site-main,
    .page-hero {
        padding-left: 16px;
        padding-right: 16px;
    }
}