.content-container{max-width:960px;margin:0 auto;padding:0 24px}@media (min-width: 768px){.content-container{padding:0 48px}}.hero-icon{font-size:5rem;animation:icon-glow 3s ease-in-out infinite}.hero-icon-rain{filter:drop-shadow(0 0 30px rgba(100,180,255,.6)) drop-shadow(0 0 60px rgba(100,180,255,.3))}.hero-icon-snow{filter:drop-shadow(0 0 30px rgba(200,220,255,.7)) drop-shadow(0 0 60px rgba(200,220,255,.4))}.hero-icon-ice{filter:drop-shadow(0 0 30px rgba(180,220,255,.7)) drop-shadow(0 0 60px rgba(180,220,255,.4))}@keyframes icon-glow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title{background:linear-gradient(135deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}.section{margin-top:4rem}.section-title{font-size:1.75rem;font-weight:700;color:#60a5fa;margin-bottom:1.5rem;text-align:center}.section-title-cyan{color:#22d3ee}.section-subtitle{color:#ffffffb3;text-align:center;line-height:1.7;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:4rem 0}.glass-card{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 20px 40px #0000004d}.glass-card-warning{border:1px solid rgba(239,68,68,.3);box-shadow:0 0 30px #ef44441a;animation:warning-pulse 3s ease-in-out infinite}.glass-card-amber{border:1px solid rgba(251,191,36,.3);box-shadow:0 0 20px #fbbf241a}.glass-card-cyan{border:1px solid rgba(34,211,238,.3);box-shadow:0 0 20px #22d3ee1a}@keyframes warning-pulse{0%,to{box-shadow:0 0 30px #ef44441a;border-color:#ef44444d}50%{box-shadow:0 0 50px #ef444433;border-color:#ef444480}}.card-text{color:#ffffffe6;line-height:1.7;font-size:1.1rem}.gauge-cards-row{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.gauge-card{flex:1;min-width:200px;max-width:280px;background:#ffffff08;backdrop-filter:blur(10px);border:1px solid;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.gauge-card:hover{transform:translateY(-4px);background:#ffffff0f}.gauge-card-icon{font-size:2rem;margin-bottom:1rem}.gauge-container{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.gauge-track{width:50px;height:70px;background:#0006;border-radius:6px;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.gauge-fill{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 4px 4px}.gauge-label{font-size:1.25rem;font-weight:700;margin-top:.5rem}.gauge-card-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.gauge-card-status{font-size:.875rem;color:#fff9;line-height:1.5}.tread-cards-row{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.tread-card{flex:1;min-width:200px;max-width:280px;background:#ffffff08;backdrop-filter:blur(10px);border:1px solid;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.tread-card:hover{transform:translateY(-4px);background:#ffffff0f}.tread-card-icon{font-size:2rem;margin-bottom:1rem}.tread-card-gauge{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.tread-gauge-track{width:50px;height:70px;background:#0006;border-radius:6px;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.tread-gauge-fill{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 4px 4px}.tread-depth-label{font-size:1.25rem;font-weight:700;margin-top:.5rem}.tread-card-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.tread-card-status{font-size:.875rem;color:#fff9;line-height:1.5}@media (max-width: 768px){.gauge-cards-row,.tread-cards-row{flex-direction:column;align-items:center}.gauge-card,.tread-card{max-width:100%;width:100%}}.comparison-section{max-width:700px;margin:0 auto}.comparison-bar-container{margin-bottom:1.5rem}.comparison-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.comparison-grade{font-size:1.75rem;font-weight:800}.comparison-label{color:#ffffffb3;font-size:.95rem}.comparison-bar-bg{height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden}.comparison-bar-fill{height:100%;border-radius:8px}.traction-section{max-width:700px;margin:0 auto}.traction-bar-container{margin-bottom:1.5rem}.traction-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.traction-grade{font-size:1.75rem;font-weight:800}.traction-label{color:#ffffffb3;font-size:.95rem}.traction-bar-bg{height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden}.traction-bar-fill{height:100%;border-radius:8px}.stat-callout{background:#ffffff0d;backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.3);border-radius:1.5rem;padding:3rem 2rem;text-align:center;margin-top:3rem}.stat-number{font-size:5rem;font-weight:800;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{color:#fffc;font-size:1.25rem;margin-top:.75rem}.stat-sublabel{color:#ffffff80;font-size:.95rem;margin-top:.5rem}.checklist-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.2);border-radius:1rem;margin-bottom:1rem;cursor:default;transition:all .3s ease}.checklist-card:hover{background:#ffffff0f;border-color:#ffd70066}.checklist-icon{flex-shrink:0;width:32px;height:32px;background:#22c55e26;border-radius:50%;display:flex;align-items:center;justify-content:center}.checklist-content{flex:1}.checklist-title{font-weight:600;color:#fff;margin-bottom:.25rem}.checklist-desc{color:#fff9;font-size:.9rem;line-height:1.6}.tip-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#0003;border-radius:.75rem;margin-bottom:.75rem}.tip-number{flex-shrink:0;width:28px;height:28px;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fbbf24;font-size:.875rem}.tip-content{flex:1;color:#ffffffe6;line-height:1.6}.cta-section{background:#ffffff0d;backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.2);border-radius:1.5rem;padding:3rem 2rem;text-align:center}.cta-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.75rem}.cta-subtitle{color:#ffffffb3;font-size:1.1rem;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-golden{background:#ffd70026;backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.4);color:gold;font-weight:600;font-size:1rem;padding:14px 32px;border-radius:12px;text-decoration:none;text-shadow:0 0 10px rgba(255,215,0,.3);transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-golden:hover{background:#ffd70040;border-color:#ffd70099;box-shadow:0 0 30px #ffd7004d,0 0 60px #ffd70026;transform:translateY(-2px)}.btn-ghost{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fffc;font-weight:600;font-size:1rem;padding:14px 32px;border-radius:12px;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-ghost:hover{background:#ffffff1a;border-color:#fff6;color:#fff;transform:translateY(-2px)}.btn-urgency{background:linear-gradient(135deg,#ef444426,#f973161a);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.4);color:#fff;font-weight:600;font-size:.875rem;padding:12px 24px;border-radius:8px;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;animation:urgency-glow 2s ease-in-out infinite}.btn-urgency:hover{background:linear-gradient(135deg,#ef444440,#f9731633);border-color:#ef444499;transform:translateY(-2px)}@keyframes urgency-glow{0%,to{box-shadow:0 0 20px #ef44444d,0 0 40px #ef44441a}50%{box-shadow:0 0 35px #f9731680,0 0 60px #f9731633}}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff9;text-decoration:none;font-size:.95rem;transition:color .2s ease;padding:1rem 0}.back-link:hover{color:#fff}.info-card{padding:1.25rem;background:#ffffff0d;border-radius:1rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.info-card:hover{background:#ffffff14;border-color:#fff3}.info-card-highlight{border-color:#22d3ee66;box-shadow:0 0 20px #22d3ee1a}.info-card-row{display:flex;align-items:center;gap:1rem}.info-card-icon{font-size:2.5rem;flex-shrink:0}.info-card-title{font-weight:700;color:#22d3ee;margin-bottom:.25rem}.info-card-desc{font-size:.9rem;color:#ffffffb3;line-height:1.5}.level-card{padding:1rem 1.25rem;background:#0000004d;border-radius:.75rem;margin-bottom:.75rem;border-left:3px solid}.level-card-1{border-left-color:#fbbf24}.level-card-2{border-left-color:#f97316}.level-card-3{border-left-color:#ef4444}.level-title{font-weight:600;margin-bottom:.25rem}.level-title-1{color:#fbbf24}.level-title-2{color:#f97316}.level-title-3{color:#ef4444}.level-desc{font-size:.875rem;color:#ffffffb3;line-height:1.5}@media (max-width: 640px){.cta-buttons{flex-direction:column}.btn-golden,.btn-ghost{width:100%;justify-content:center}.stat-number{font-size:3.5rem}.comparison-bar-header{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 767px){.glass-card,.gauge-card,.tread-card,.checklist-card,.cta-section,.stat-callout,.btn-golden,.btn-ghost,.btn-urgency,.info-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#1e1e23f2}.glass-card:hover,.gauge-card:hover,.tread-card:hover,.checklist-card:hover,.info-card:hover{transform:none}*{scroll-behavior:auto!important}}@media (prefers-reduced-motion: reduce){.glass-card,.gauge-card,.checklist-card,.btn-golden,.btn-ghost,.btn-urgency{transition:none}.glass-card-warning{animation:none}@keyframes warning-pulse{0%,to{box-shadow:0 0 30px #ef44441a}}@keyframes urgency-glow{0%,to{box-shadow:0 0 20px #ef44444d}}}