/* BlazeWorks Universal Stylesheet - V2 (Optimized) */
:root {
    --bg: #0f1115;
    --card: #171a21;
    --text: #e7eaf0;
    /* Updated for WCAG AA compliance (4.5:1+) */
    --muted: #9ba3af;
    --brand: #22c55e;
    --brand-2: #16a34a;
    /* Higher visibility borders for structure */
    --border: #3f4a61;
    --focus: #60a5fa;
    --shadow: 0 10px 30px rgba(0,0,0,.25);
}

/* Global Reset & Focus */
* { box-sizing: border-box; }
html, body {
    margin: 0; padding: 0;
    background: var(--bg);
    color: var(--text);
    font-family: system-ui, -apple-system, sans-serif;
    line-height: 1.5;
}

/* Enhanced Focus States for Keyboard Navigation */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
    outline: 3px solid var(--focus);
    outline-offset: 3px;
}

/* High Contrast Mode Support (Windows/macOS) */
@media (forced-colors: active) {
    .btn, .card, .step, input, textarea {
        border: 2px solid CanvasText !important;
    }
    .btn.primary {
        background-color: Highlight !important;
        color: HighlightText !important;
    }
    /* Ensure the focus ring is visible in forced colors */
    a:focus, button:focus {
        outline: 2px solid LinkText;
    }
}
.container{max-width:980px;margin:0 auto;padding:0 1rem}.row{display:flex;gap:1rem}.between{justify-content:space-between}.center{align-items:center}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media (max-width:880px){.grid-2,.grid-3{grid-template-columns:1fr}}
.site-header{position:sticky;top:0;background:rgba(15,17,21,.9);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);z-index:50}
.logo{font-weight:800;letter-spacing:.2px;display:flex;align-items:center;gap:0.5rem}.logo span{color:var(--brand)}
.logo img{height:48px;width:auto;vertical-align:middle}
.nav{display:flex;gap:1rem;list-style:none;padding:0;margin:0}.nav a{padding:.75rem .5rem;border-radius:.6rem}.nav a:hover{background:#141821}
.hero{padding:4rem 0 2.5rem;border-bottom:1px solid var(--border)}.lead{font-size:1.1rem;color:var(--muted)}
.cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.btn{display:inline-block;padding:1rem 1.1rem;border-radius:.8rem;border:1px solid var(--border);box-shadow:var(--shadow);font-weight:800}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#001306;border-color:transparent}.btn.ghost{background:transparent}
.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1rem 1.2rem;box-shadow:var(--shadow)}
.section{padding:2.5rem 0}.section.alt{background:#0b0d11;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.step{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1rem}.step .num{font-size:1.75rem;font-weight:900;color:var(--brand)}
.checklist,.bullets{padding-left:1.2rem;margin-top:.5rem}.tight{margin-top:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.form-grid label{display:flex;flex-direction:column;gap:.35rem}.form-grid .span-2{grid-column:1 / -1}
input,textarea,select{padding:.9rem;border-radius:.6rem;border:1px solid var(--border);background:#0b0d11;color:var(--text)}
.small{font-size:.9rem;color:var(--muted)}#form-status{margin-top:.75rem}.trust{color:var(--muted);margin-top:.5rem}
.site-footer{border-top:1px solid var(--border);padding:1rem 0;color:var(--muted)}

.nav-details {
    /* Removes the default bullet point/triangle marker */
    list-style: none;
    /* Allows the details element to sit nicely in the flex row */
    display: flex; 
    flex-direction: column;
}

.nav-link-like {
    /* Inherit padding from the existing .nav a style */
    padding: .75rem .5rem;
    cursor: pointer;
    border-radius: .6rem;
    font-weight: inherit; /* Inherits the standard font weight */
    margin-left: -0.5rem; /* Offsets the padding to align perfectly */
}

.nav-link-like:hover {
    /* Inherits the hover background from the existing .nav a style */
    background: #141821; 
}

.nav-link-like::-webkit-details-marker {
    /* Hide the default triangle marker for a cleaner look */
    display: none;
}

.collapsible-menu {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    /* Nested list spacing and indent */
    padding-left: 1.5rem; 
}

.collapsible-menu li a {
    display: block; /* Makes the entire list item clickable */
    padding: 0.5rem 0; 
}