.hero-section{text-align:center;padding:5rem 0 3.5rem;position:relative}.hero-title{letter-spacing:-.03em;background:linear-gradient(#fff 30%,#a5f3fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:900px;margin:0 auto 1.5rem;font-size:3.25rem;font-weight:900}.hero-subtitle{color:var(--color-text-muted);max-width:780px;margin:0 auto 2.5rem;font-size:1.2rem;line-height:1.7}.hero-actions{justify-content:center;align-items:center;gap:1.25rem;margin-bottom:4rem;display:flex}.pulse-dot{background:var(--color-cyan-glow);width:8px;height:8px;box-shadow:0 0 8px var(--color-cyan-glow);border-radius:50%}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.metric-card{text-align:center;padding:1.75rem 1.25rem}.metric-val{font-family:var(--font-heading);margin-bottom:.5rem;font-size:2.25rem;font-weight:900}.metric-desc{color:var(--color-text-dim);font-size:.85rem;line-height:1.4}.text-cyan{color:var(--color-cyan-glow)}.text-emerald{color:var(--color-emerald-light)}.text-amber{color:var(--color-amber-warn)}.text-sky{color:var(--color-blue-light)}.bg-elevated{background:#09162980}.section-header{margin-bottom:3rem}.section-header h2{margin-bottom:.75rem;font-size:2.35rem;font-weight:800}.section-desc{color:var(--color-text-muted);max-width:650px;margin:0 auto;font-size:1.05rem}.diagnostic-card{max-width:880px;margin:0 auto;padding:2.5rem}.steps-nav{justify-content:center;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.step-item{color:var(--color-text-dim);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.step-item.active{color:var(--color-cyan-glow)}.step-num{border:1px solid var(--color-border);background:#0e213dcc;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.step-item.active .step-num{background:var(--color-cyan-glow);color:#020710;font-weight:800}.step-line{background:var(--color-border);width:40px;height:1px}.quiz-step h3{text-align:center;margin-bottom:.5rem;font-size:1.5rem}.quiz-help{color:var(--color-text-muted);text-align:center;margin-bottom:2rem;font-size:.95rem}.options-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.option-box{cursor:pointer;position:relative}.option-box input{opacity:0;position:absolute}.option-content{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;background:#0e213d80;height:100%;padding:1.5rem 1rem;transition:all .2s}.option-box input:checked+.option-content{border-color:var(--color-cyan-glow);background:#00f0ff14;box-shadow:0 0 20px #00f0ff33}.opt-icon{margin-bottom:.75rem;font-size:2.2rem}.opt-title{font-family:var(--font-heading);color:var(--color-text-main);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.opt-sub{color:var(--color-text-dim);font-size:.8rem;line-height:1.4}.checkbox-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:2.5rem;display:grid}.checkbox-pill{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:#0e213d80;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.checkbox-pill:hover{background:#38bdf814}.checkbox-pill input{width:18px;height:18px;accent-color:var(--color-cyan-glow)}.quiz-actions{justify-content:center;gap:1rem;display:flex}.result-header{text-align:center;margin-bottom:2rem}.result-card{grid-template-columns:240px 1fr;align-items:center;gap:2rem;padding:1.5rem;display:grid}.result-image-wrapper{border-radius:var(--radius-md);background:#0000004d;justify-content:center;align-items:center;padding:1rem;display:flex}.result-image-wrapper img{border-radius:var(--radius-sm);max-width:100%;height:auto}.result-info h4{margin:.5rem 0;font-size:1.4rem}.result-desc{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.95rem}.result-specs{gap:1rem;margin-bottom:1.5rem;display:flex}.spec-bubble{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0e213db3;flex-direction:column;padding:.5rem .85rem;font-size:.8rem;display:flex}.bubble-title{color:var(--color-text-dim);margin-bottom:2px}.bubble-val{color:var(--color-text-main);font-weight:700}.result-pricing-cta{align-items:center;gap:1.5rem;display:flex}.result-price{font-family:var(--font-heading);color:var(--color-cyan-glow);font-size:1.8rem;font-weight:900}.products-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.product-card{flex-direction:column;padding:1.5rem;display:flex;position:relative}.product-badge{z-index:2;position:absolute;top:1rem;right:1rem}.product-image-container{border-radius:var(--radius-md);background:#00000040;justify-content:center;margin-bottom:1.25rem;padding:1rem;display:flex}.product-image-container img{border-radius:var(--radius-sm);max-width:100%;height:auto}.product-brand{color:var(--color-cyan-glow);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.8rem;font-weight:700}.product-title{margin-bottom:.75rem;font-size:1.15rem;line-height:1.35}.product-summary{color:var(--color-text-muted);flex-grow:1;margin-bottom:1.25rem;font-size:.85rem}.product-specs-list{border-radius:var(--radius-sm);background:#0e213d66;margin-bottom:1.25rem;padding:.65rem .85rem;font-size:.8rem}.spec-row{justify-content:space-between;margin-bottom:.25rem;display:flex}.product-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;display:flex}.product-price{font-family:var(--font-heading);color:var(--color-text-main);font-size:1.35rem;font-weight:800}.savings-teaser-container{grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;display:grid}.check-list{color:var(--color-text-main);flex-direction:column;gap:.85rem;font-size:.95rem;list-style:none;display:flex}.savings-preview-card{text-align:center;padding:3rem 2rem}.metric-label{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.9rem}.metric-number{font-family:var(--font-heading);font-size:3rem;font-weight:900}.savings-preview-sub{color:var(--color-cyan-glow);margin-top:1rem;font-size:.85rem}@media (width<=900px){.hero-title{font-size:2.25rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}.options-grid,.checkbox-grid,.products-grid,.result-card,.savings-teaser-container{grid-template-columns:1fr}}