:root {
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Smooth scrolling for nav links */
html {
scroll-behavior: smooth;
}

body {
margin: 0;
background: #0b0f14;
color: #e8eef6;
line-height: 1.6;
}

a {
    color: #7ab6ff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

a:hover {
    color: #9acbff;
    border-bottom-color: #7ab6ff;
}

a:active {
    color: #c0ddff;
}

a[href^="http"]::after {
    content: "  ↗";
    font-size: 0.85em;
}

/* Layout */

.container {
max-width: 680px;
margin: 0 auto;
padding: 1.5rem;
}

.nav {
margin: 0.5rem 0 1.5rem;
}

.nav a {
margin-right: 1rem;
text-decoration: none;
font-weight: 500;
}

.nav a:hover {
text-decoration: underline;
}

.card {
background: #121a24;
border: 1px solid #1f2b3a;
border-radius: 12px;
padding: 16px;
margin: 12px 0;
transition: border-color 0.15s ease;
}

.card:hover {
border-color: #2f6fb8;
}

.card-2 {
background: #1a2432;
border: 1px solid #1f2b3a;
border-radius: 12px;
padding: 16px;
margin-top: 12px;
}

.card a
.card-2 a {
    font-weight: 500;
}

.muted {
color: #9aa6b2;
font-size: 0.95rem;
}

.back {
display: inline-block;
margin-bottom: 14px;
text-decoration: none;
}

h1 {
margin: 10px 0 12px;
line-height: 1.2;
}

h2 {
margin-top: 0;
}

h3 {
margin-top: 0;
}

h1,
h2,
h3 {
line-height: 1.2;
margin-bottom: 0.5rem;
}

p {
margin-bottom: 1rem;
}

p,
li {
line-height: 1.7;
}

ul,
ol {
padding-left: 1.2rem;
}

footer {
margin-top: 3rem;
padding-top: 1rem;
border-top: 1px solid #1f2b3a;
text-align: center;
font-size: 0.9rem;
}

.consulting-hero,
.consulting-help,
.consulting-process,
.consulting-contact {
margin-bottom: 20px;
}

.consulting-hero {
text-align: center;
padding: 28px 20px;
}

.consulting-hero p {
max-width: 680px;
margin: 0 auto 12px;
}

.consulting-actions {
margin-top: 22px;
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}

.consulting-help ul,
.consulting-process ol {
margin: 0;
padding-left: 1.2rem;
}

.button {
display: inline-block;
padding: 0.8rem 1.2rem;
border: 1px solid #2f6fb8;
border-radius: 10px;
background: #162131;
color: #e8eef6;
text-decoration: none;
font-weight: 600;
transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.button.secondary {
background: transparent;
border: 1px solid #2f6fb8;
}

.button:hover {
background: #1b2a3f;
border-color: #4b8edb;
transform: translateY(-1px);
}

.button:active {
transform: translateY(0);
}

/* Mobile tweaks */

@media (max-width: 700px) {


.consulting-hero {
    padding: 24px 16px;
}

.consulting-actions {
    flex-direction: column;
    align-items: center;
}


}
/* Projects grid */

.project-grid {
    display: grid;
    gap: 12px;
}

@media (min-width: 640px) {
    .project-grid {
        grid-template-columns: 1fr 1fr;
    }
}