/* QuantumDrive Fog: Australian green, gold, and warm white. */
:root { --bg:#061a13; --surface:#102d22; --border:#345b48; --ink:#f7faf5; --muted:#bfd0c4; --mint:#ffd442; --green:#ffd442; --blue:#007448; }
.header { background:#fffef9f5; border-bottom:1px solid #d5e1d7; color:#063b2b; box-shadow:0 3px 20px #00170f12; }
.header .brand, footer .brand, .nf-brand { flex-shrink:0; display:flex; align-items:center; overflow:hidden; background:#ffffff; border-radius:6px; }
.header .brand .logo, footer .brand .logo, .nf-brand img { width:258px; height:66px; object-fit:cover; object-position:50% 47%; border-radius:0; }
.header nav a { color:#174b38; }
.header a[aria-current="location"] { color:#006442; text-decoration:underline; text-decoration-color:#e3b625; text-underline-offset:7px; }
.header .motion-toggle, .header .menu-toggle { color:#164934; border-color:#97b6a3; background:transparent; }
.header .button.small { background:#006442; color:#ffffff; border-color:#006442; }
.header .button.small:hover { background:#004c33; }
.header :focus-visible { outline-color:#006442; }
.hero-atmosphere { filter:hue-rotate(-65deg) saturate(.65); }
.contact-section { background:linear-gradient(120deg,#006442,#0b4935); border:1px solid #3c7a54; }
.family-image, [data-hs-image-kind='studio'] .hs-stage, [data-hs-image-kind='studio'] .hs-product-photo { background:#f5f6ee; }
.csd-plan-logo { width:240px; height:62px; object-fit:cover; object-position:50% 47%; }
.csd-plan-brand-name { letter-spacing:.08em; }
.quote-section h2 em, .quote-section .section-heading .eyebrow, .quote-section .form-step { color:#006442; }
.quote-type-tabs button[aria-pressed=true], .quote-section .add-product-row .button { background:#006442; color:#fff; }
.quote-section .form-caption, .quote-section .rate-scope, .quote-section .empty-items { color:#466354; }
.nf-brand { padding:0 6px; }
footer .brand { padding:0 8px; }
@media(max-width:1150px) { .header .brand .logo { width:214px; height:57px; } .header { gap:16px; } .header nav { gap:18px; } }
@media(max-width:900px) { .header nav { background:#fffef9; border-color:#d5e1d7; } .header nav a { color:#164934; } }
@media(max-width:600px) { .header .brand .logo { width:195px; height:53px; } .header { gap:10px; } .nf-brand img { width:188px; height:51px; } .csd-plan-logo { width:210px; height:56px; } }
@media(max-width:360px) { .header .brand .logo { width:172px; height:49px; } }
@media print { .csd-plan-logo { width:210px; height:56px; } }

/* Planned payment methods remain informational until checkout is available. */
.payment-options { padding-top:64px; padding-bottom:64px; }
.payment-options-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:28px; }
.payment-options .eyebrow { color:#efd16d; margin-bottom:12px; }
.payment-options h2 { font-size:clamp(28px,3.3vw,44px); line-height:1.12; letter-spacing:-.035em; margin:0; color:#f7faf5; }
.payment-options-note { max-width:430px; margin:0; color:#bfd0c4; font-size:15px; line-height:1.65; }
.payment-methods { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; list-style:none; margin:0; padding:0; }
.payment-methods li { display:flex; align-items:center; gap:16px; min-height:104px; padding:22px; border:1px solid #345b48; border-radius:14px; background:linear-gradient(135deg,#173b2c,#102b21); }
.payment-methods svg { width:30px; height:30px; flex-shrink:0; color:#efd16d; stroke:currentColor; stroke-width:1.6; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.payment-methods strong { font-size:18px; font-weight:700; color:#f7faf5; letter-spacing:-.015em; }
@media(max-width:760px) { .payment-options { padding-top:40px; padding-bottom:40px; } .payment-options-heading { align-items:flex-start; flex-direction:column; gap:16px; } .payment-methods { grid-template-columns:repeat(2,minmax(0,1fr)); } .payment-methods li { min-height:90px; padding:18px; gap:12px; } .payment-methods strong { font-size:16px; } }
@media(max-width:380px) { .payment-methods li { padding:16px 12px; gap:9px; } .payment-methods svg { width:24px; height:24px; } .payment-methods strong { font-size:14px; } }
