body {
    margin:0;
    /* padding:0; */
}


.page-hero {
    text-align: center;
    padding: 6em 2em 4em;
    background: #e8f6ef;
    color: #2b593a;
}

.page-hero h1 {
    font-size: 2.4em;
    margin-bottom: 0.3em;
}

.page-hero p {
    font-size: 1.2em;
    opacity: 0.8;
}

.method-section {
    padding: 4em 10%;
}

.method-section h2 {
    font-size: 1.8em;
    color: #2b593a;
    margin-bottom: 0.8em;
}

.method-section .intro {
    font-size: 1.1em;
    color: #444;
    margin-bottom: 2.2em;
    line-height: 1.6em;
}

.sub-title {
    font-size: 1.4em;
    color: #2b593a;
    margin: 2em 0 1em;
}

/* 카드 스타일 */
.steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.8em;
}

.steps.small {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.step-card {
    background: #f5fbf7;
    border: 1px solid #d8e8df;
    padding: 1.6em;
    border-radius: 1em;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    text-align: left;
}

.step-number {
    font-size: 1.4em;
    font-weight: bold;
    color: #4fa46b;
    margin-bottom: 0.4em;
}

.step-card h3 {
    font-size: 1.25em;
    margin-bottom: 0.4em;
    color: #2b593a;
}

.step-card p {
    font-size: 0.95em;
    color: #444;
    line-height: 1.5em;
}