/**, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } */

body {
/*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;*/
background: #fff;
color: #1a1a1a;
/*font-size: 16px;
line-height: 1.6;*/
}

a { color: #1a6b4a; }

.container {
max-width: 780px;
margin: 0 auto;
padding: 0 24px;
}

/* Header */
/*.site-header {
border-bottom: 1px solid #e8e8e4;
padding: 18px 0;
}
.site-header .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
font-size: 15px;
font-weight: 600;
color: #1a1a1a;
text-decoration: none;
letter-spacing: -0.2px;
}
.logo span { color: #1a6b4a; }
*/

/* Hero */
.hero {
padding: 64px 0 48px;
border-bottom: 1px solid #e8e8e4;
}
.eyebrow {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
color: #1a6b4a;
text-transform: uppercase;
margin-bottom: 16px;
}
.hero h1 {
font-size: 36px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.5px;
color: #0f0f0f;
margin-bottom: 20px;
}
.hero h1 em {
font-style: normal;
color: #1a6b4a;
}
.hero-desc {
font-size: 17px;
color: #444;
line-height: 1.65;
margin-bottom: 32px;
max-width: 540px;
}
.hero-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.badge {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: #333;
background: #f4f4f0;
border: 1px solid #e0e0db;
border-radius: 20px;
padding: 5px 12px;
}
.badge svg {
width: 14px;
height: 14px;
stroke: #1a6b4a;
flex-shrink: 0;
}

/* What you get */
.section {
padding: 48px 0;
border-bottom: 1px solid #e8e8e4;
}
.section-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #999;
margin-bottom: 24px;
}
.section h2 {
font-size: 22px;
font-weight: 700;
color: #0f0f0f;
margin-bottom: 12px;
letter-spacing: -0.3px;
}
.section p {
color: #555;
margin-bottom: 20px;
}

.deliverables {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 24px;
}
.deliverable {
background: #f9f9f6;
border: 1px solid #e8e8e4;
border-radius: 10px;
padding: 16px 18px;
}
.deliverable-icon {
width: 32px;
height: 32px;
background: #e8f4ee;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.deliverable-icon svg {
width: 16px;
height: 16px;
stroke: #1a6b4a;
}
.deliverable strong {
display: block;
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 4px;
}
.deliverable span {
font-size: 13px;
color: #666;
}

/* What we need */
.docs-list {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.doc-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 14px 16px;
background: #fff;
border: 1px solid #e8e8e4;
border-radius: 10px;
}
.doc-num {
width: 24px;
height: 24px;
background: #1a6b4a;
color: #fff;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 1px;
}
.doc-item strong {
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
display: block;
margin-bottom: 2px;
}
.doc-item span {
font-size: 13px;
color: #666;
}
.doc-note {
background: #fffbf0;
border: 1px solid #f0e8c8;
border-radius: 8px;
padding: 12px 16px;
font-size: 13px;
color: #6b5c2e;
margin-top: 14px;
display: flex;
gap: 10px;
align-items: flex-start;
}
.doc-note svg {
width: 16px;
height: 16px;
stroke: #b08d35;
flex-shrink: 0;
margin-top: 1px;
}

/* Form */
.form-section {
padding: 48px 0 64px;
}
.form-section h2 {
font-size: 22px;
font-weight: 700;
color: #0f0f0f;
margin-bottom: 8px;
letter-spacing: -0.3px;
}
.form-section .sub {
font-size: 15px;
color: #666;
margin-bottom: 32px;
}

.form-group {
margin-bottom: 20px;
}
label {
display: block;
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 6px;
}
label .optional {
font-weight: 400;
color: #999;
font-size: 12px;
margin-left: 4px;
}
input[type="text"],
input[type="email"],
select,
textarea {
width: 100%;
padding: 10px 14px;
font-size: 15px;
font-family: inherit;
color: #1a1a1a;
background: #fff;
border: 1.5px solid #d4d4ce;
border-radius: 8px;
outline: none;
transition: border-color 0.15s;
appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
border-color: #1a6b4a;
box-shadow: 0 0 0 3px rgba(26,107,74,0.1);
}
textarea {
resize: vertical;
min-height: 90px;
line-height: 1.5;
}
select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23666' stroke-width='1.5' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
cursor: pointer;
}

.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.consent {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 24px;
padding: 14px 16px;
background: #f9f9f6;
border: 1px solid #e8e8e4;
border-radius: 8px;
}
.consent input[type="checkbox"] {
width: 16px;
height: 16px;
flex-shrink: 0;
margin-top: 2px;
accent-color: #1a6b4a;
cursor: pointer;
}
.consent label {
font-size: 13px;
font-weight: 400;
color: #555;
margin-bottom: 0;
cursor: pointer;
}

.submit-btn {
width: 100%;
padding: 14px 24px;
background: #1a6b4a;
color: #fff;
font-size: 16px;
font-weight: 600;
font-family: inherit;
border: none;
border-radius: 10px;
cursor: pointer;
transition: background 0.15s, transform 0.1s;
letter-spacing: -0.1px;
}
.submit-btn:hover { background: #155a3d; }
.submit-btn:active { transform: scale(0.99); }
.submit-btn:disabled {
background: #a0c4b5;
cursor: not-allowed;
transform: none;
}

/* Thank you state */
.thankyou {
display: none;
text-align: center;
padding: 48px 24px;
}
.thankyou-icon {
width: 56px;
height: 56px;
background: #e8f4ee;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.thankyou-icon svg {
width: 28px;
height: 28px;
stroke: #1a6b4a;
}
.thankyou h2 {
font-size: 22px;
font-weight: 700;
color: #0f0f0f;
margin-bottom: 12px;
}
.thankyou p {
font-size: 15px;
color: #555;
max-width: 460px;
margin: 0 auto 8px;
}

/* ── FAQ ─────────────────────────────────────────────────────────────────── */

.faq-section {
margin-top: 3.5rem;
border-top: 1px solid #e8e8e4;
padding-top: 2rem;
}

.faq-label {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #888888;
margin-bottom: 1.5rem;
}

.faq-item {
border-bottom: 1px solid #e8e8e4;
}

.faq-q {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
color: #1a1a1a;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
gap: 1rem;
user-select: none;

}

.faq-q:hover { color: #181818; }

.faq-toggle {
font-size: 22px;
font-weight: 300;
color: #888888;
flex-shrink: 0;
line-height: 1;
transition: transform 0.18s;
font-family: Arial, Helvetica, sans-serif;
}

.faq-a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.7;
color: #181818;
padding: 0 2rem 1.1rem 0;
display: none;
}

.faq-item.open .faq-a { display: block; }
.faq-item.open .faq-toggle { transform: rotate(45deg); }

/* Footer */
.site-footer {
border-top: 1px solid #e8e8e4;
padding: 24px 0;
}
.site-footer p {
font-size: 13px;
color: #999;
text-align: center;
}

/* Responsive */
@media (max-width: 520px) {
.hero h1 { font-size: 26px; }
.deliverables { grid-template-columns: 1fr; }
.form-row { grid-template-columns: 1fr; }
}