.gravel-hero{background:linear-gradient(135deg,#1a365d 0%,var(--primary) 55%,var(--primary-light) 100%);padding:3.5rem 0 3rem;position:relative;overflow:hidden}.gravel-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.gravel-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fff9;margin-bottom:1.5rem;position:relative;z-index:1}.gravel-breadcrumb a{color:#ffffffb3;text-decoration:none;transition:color .2s}.gravel-breadcrumb a:hover{color:#fff}.gravel-hero-inner{position:relative;z-index:1;max-width:720px}.gravel-hero-inner .hero-badge{margin-bottom:1.25rem}.gravel-hero-inner h1{color:var(--white);font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}.gravel-hero-inner p{color:#ffffffd1;font-size:1.125rem;line-height:1.7;margin-bottom:1.75rem;max-width:600px}.gravel-hero-trust{display:flex;flex-wrap:wrap;gap:.75rem}.gravel-trust-pill{display:inline-flex;align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;border-radius:100px;padding:.35rem .9rem;font-size:.8125rem;font-weight:600;backdrop-filter:blur(4px)}.gravel-calc-widget{border-radius:28px!important;box-shadow:0 24px 60px #00000029,0 8px 20px #00000014!important;border:1px solid var(--gray-100)!important}.state-table-legend{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;padding:.25rem .75rem;border-radius:100px}.legend-low{background:#2d6a4f1a;color:#276749;border:1px solid rgba(45,106,79,.2)}.legend-low:before{content:"";width:10px;height:10px;border-radius:2px;background:#2d6a4f40;border:1px solid rgba(45,106,79,.4);flex-shrink:0}.legend-high{background:#c5303014;color:#c53030;border:1px solid rgba(197,48,48,.2)}.legend-high:before{content:"";width:10px;height:10px;border-radius:2px;background:#c5303033;border:1px solid rgba(197,48,48,.3);flex-shrink:0}.mext-row{margin:.75rem 0;text-align:center}.mext-time-badge{display:inline-flex;align-items:center;gap:.4rem;background:#1a365d12;border:1px solid rgba(26,54,93,.15);color:var(--primary);border-radius:100px;padding:.35rem 1rem;font-size:.875rem;font-weight:600}.mext-section{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:.875rem 1rem;margin:.6rem 0}.mext-title{font-size:.75rem;font-weight:700;color:var(--gray-700);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.mext-tips,.mext-checklist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem}.mext-tips li{font-size:.875rem;color:var(--gray-600);display:flex;align-items:flex-start;gap:.5rem;padding-left:.25rem}.mext-tips li:before{content:"•";color:var(--primary);font-weight:700;flex-shrink:0}.mext-checklist li{font-size:.875rem;color:var(--gray-600);display:flex;align-items:flex-start;gap:.5rem}.chk-yes{color:#276749;font-weight:700;flex-shrink:0}.chk-no{color:#c53030;font-weight:700;flex-shrink:0}.modal-disclaimer{font-size:.75rem;color:var(--gray-400);text-align:center;margin:.5rem 0 0;line-height:1.5}#gravel-summary-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin:.75rem 0}.gravel-qa-section{margin:2rem 0;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-100)}.gravel-qa-section h2{margin-bottom:.75rem}.gravel-qa-section p{color:var(--gray-600);line-height:1.75;font-size:.9375rem}@media (max-width: 768px){.gravel-hero-inner{width:100%;padding:1.5rem 1.25rem;max-width:100%}.gravel-hero:before{display:none}}@media (max-width: 640px){.gravel-hero{padding:2.5rem 0 2rem}.gravel-hero-trust,#gravel-summary-badges{gap:.5rem}}.methodology-box{background:var(--gray-50, #f8fafc);border-left:4px solid var(--primary, #1e3a5f);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.methodology-box p{margin-bottom:1rem;line-height:1.6}.methodology-box p:last-child{margin-bottom:0}
