/* High-contrast, keyboard-first UI */
:root{--bg:#0f1115;--card:#171a21;--text:#e7eaf0;--muted:#b8c0cc;--brand:#4ade80;--brand-2:#22c55e;--border:#273043;--focus:#93c5fd;--shadow:0 10px 30px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Noto Sans',sans-serif;line-height:1.5}
a{color:var(--text);text-decoration:none}
a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid var(--focus);outline-offset:2px}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.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}.logo span{color:var(--brand)}
.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; 
}