:root{--red: #CD001A;--red-dark: #A30015;--red-light: #FF1A36;--black: #1A1A1A;--dark: #2D2D2D;--gray-900: #333333;--gray-700: #555555;--gray-500: #888888;--gray-300: #CCCCCC;--gray-200: #E5E5E5;--gray-100: #F5F5F5;--gray-50: #FAFAFA;--white: #FFFFFF;--green: #2E8B57;--gold: #DAA520;--radius: .625rem;--radius-lg: 1rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--transition: all .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;color:var(--gray-900);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 24px}.site-header{background:var(--black);padding:16px 0;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 24px}.logo{font-size:22px;font-weight:900;color:var(--white);letter-spacing:-.5px}.logo span{color:var(--red)}.header-tag{font-size:12px;font-weight:600;color:var(--gray-500);letter-spacing:1px;text-transform:uppercase}.hero{padding:100px 0 80px;text-align:center;background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%)}.hero-badge{display:inline-block;background:var(--red);color:var(--white);font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.hero h1{font-size:48px;font-weight:900;color:var(--black);line-height:1.1;margin-bottom:20px;letter-spacing:-1px}.hero h1 em{color:var(--red);font-style:normal}.hero p{font-size:18px;color:var(--gray-700);max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-features{display:flex;justify-content:center;gap:40px;margin-bottom:48px}.hero-feature{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--gray-700)}.hero-feature i{color:var(--red);font-size:18px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--red);color:var(--white);border-color:var(--red)}.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(-2px);box-shadow:0 4px 15px #cd001a4d}.btn-outline{background:transparent;color:var(--red);border-color:var(--red)}.btn-outline:hover{background:var(--red);color:var(--white)}.btn-dark{background:var(--black);color:var(--white);border-color:var(--black)}.btn-dark:hover{background:var(--dark);transform:translateY(-2px)}.btn-lg{padding:18px 48px;font-size:16px}.btn-sm{padding:10px 20px;font-size:13px}.progress-section{padding:40px 0 0;background:var(--white);border-bottom:1px solid var(--gray-200)}.progress-bar{display:flex;justify-content:center;gap:0;max-width:600px;margin:0 auto;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress-step:before{content:"";position:absolute;top:18px;left:-50%;width:100%;height:3px;background:var(--gray-200);z-index:0}.progress-step:first-child:before{display:none}.progress-step.completed:before,.progress-step.active:before{background:var(--red)}.step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:var(--gray-200);color:var(--gray-500);position:relative;z-index:1;transition:var(--transition)}.progress-step.active .step-circle{background:var(--red);color:var(--white);box-shadow:0 0 0 4px #cd001a33}.progress-step.completed .step-circle{background:var(--red);color:var(--white)}.step-label{margin-top:10px;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;padding-bottom:20px}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--red)}.step-container{padding:60px 0 80px;min-height:60vh}.step-header{text-align:center;margin-bottom:48px}.step-header h2{font-size:32px;font-weight:800;color:var(--black);margin-bottom:12px}.step-header p{font-size:16px;color:var(--gray-700)}.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:800px;margin:0 auto}.goal-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;cursor:pointer;transition:var(--transition);background:var(--white)}.goal-card:hover{border-color:var(--gray-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.goal-card.selected{border-color:var(--red);background:#fff5f6;box-shadow:0 0 0 3px #cd001a1a}.goal-card i{font-size:32px;color:var(--gray-500);margin-bottom:14px;transition:var(--transition)}.goal-card.selected i{color:var(--red)}.goal-card h4{font-size:14px;font-weight:700;margin-bottom:6px;color:var(--black)}.goal-card p{font-size:12px;color:var(--gray-500);line-height:1.4}.option-group{margin-bottom:36px}.option-group-label{font-size:14px;font-weight:700;color:var(--black);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.option-row{display:flex;gap:12px;flex-wrap:wrap}.option-card{flex:1;min-width:140px;border:2px solid var(--gray-200);border-radius:var(--radius);padding:18px 16px;text-align:center;cursor:pointer;transition:var(--transition);background:var(--white)}.option-card:hover{border-color:var(--gray-300)}.option-card.selected{border-color:var(--red);background:#fff5f6}.option-card i{font-size:20px;color:var(--gray-500);margin-bottom:8px;display:block}.option-card.selected i{color:var(--red)}.option-card h4{font-size:13px;font-weight:700;color:var(--black);margin-bottom:4px}.option-card p{font-size:11px;color:var(--gray-500)}.color-options{display:flex;gap:16px;justify-content:center}.color-swatch{width:56px;height:56px;border-radius:50%;cursor:pointer;border:3px solid var(--gray-200);transition:var(--transition);position:relative}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--red);box-shadow:0 0 0 3px #cd001a40}.color-swatch.c-black{background:#1a1a1a}.color-swatch.c-red{background:#cd001a}.color-swatch.c-pink{background:#e8a0b5}.color-label{display:block;margin-top:8px;font-size:11px;font-weight:600;color:var(--gray-700);text-align:center}.step-nav{display:flex;justify-content:center;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--gray-200)}.results-section{padding:60px 0 80px}.results-header{text-align:center;margin-bottom:48px}.results-header h2{font-size:36px;font-weight:900;color:var(--black);margin-bottom:12px}.results-header p{font-size:16px;color:var(--gray-700)}.comparison-wrapper{overflow-x:auto;margin-bottom:60px}.comparison-table{width:100%;min-width:700px;border-collapse:separate;border-spacing:12px 0}.comparison-col{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:0;vertical-align:top;transition:var(--transition);position:relative}.comparison-col.best-match{border-color:var(--red);box-shadow:0 4px 20px #cd001a26}.best-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--red);color:var(--white);font-size:11px;font-weight:800;padding:4px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.col-header{padding:32px 24px 20px;text-align:center;border-bottom:1px solid var(--gray-200)}.col-header h3{font-size:18px;font-weight:800;color:var(--black);margin-bottom:8px}.col-price{font-size:32px;font-weight:900;color:var(--red)}.col-price span{font-size:16px;font-weight:600}.match-score{display:inline-block;background:var(--gray-100);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;color:var(--gray-700);margin-top:8px}.best-match .match-score{background:#fff0f1;color:var(--red)}.col-body{padding:24px}.includes-list{list-style:none;margin-bottom:20px}.includes-list li{padding:6px 0;font-size:13px;color:var(--gray-700);display:flex;align-items:flex-start;gap:8px}.includes-list li i{color:var(--green);margin-top:3px;font-size:12px;flex-shrink:0}.includes-list li.excluded{color:var(--gray-300);text-decoration:line-through}.includes-list li.excluded i{color:var(--gray-300)}.col-features{padding:0 24px;margin-bottom:20px}.feature-tag{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;background:var(--gray-100);color:var(--gray-700);margin:2px}.col-footer{padding:16px 24px 24px;text-align:center}.col-footer .btn{width:100%;justify-content:center}.addons-section{margin-top:60px}.addons-section h3{font-size:24px;font-weight:800;text-align:center;margin-bottom:8px}.addons-subtitle{text-align:center;color:var(--gray-700);margin-bottom:32px;font-size:15px}.addon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.addon-card{border:2px solid var(--gray-200);border-radius:var(--radius);padding:24px 20px;text-align:center;transition:var(--transition)}.addon-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.addon-card.recommended{border-color:var(--gold);background:#fffdf5}.addon-rec-badge{font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.addon-card i{font-size:28px;color:var(--gray-500);margin-bottom:12px}.addon-card.recommended i{color:var(--gold)}.addon-card h4{font-size:14px;font-weight:700;margin-bottom:6px}.addon-card p{font-size:12px;color:var(--gray-500);margin-bottom:12px;line-height:1.4}.addon-price{font-size:20px;font-weight:800;color:var(--black)}.addon-link{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--red);text-decoration:none}.addon-link:hover{text-decoration:underline}.site-footer{background:var(--gray-50);padding:40px 0;text-align:center;border-top:1px solid var(--gray-200)}.footer-text{font-size:13px;color:var(--gray-500)}.footer-text a{color:var(--red);text-decoration:none;font-weight:600}.start-over{text-align:center;margin-top:40px}@media(max-width:768px){.hero h1{font-size:32px}.hero-features{flex-direction:column;gap:12px;align-items:center}.goal-grid{grid-template-columns:1fr 1fr}.option-row{flex-direction:column}.comparison-table{min-width:320px}.comparison-col{display:block;margin-bottom:16px}.step-header h2{font-size:24px}.results-header h2{font-size:28px}}@media(max-width:480px){.hero{padding:60px 0 50px}.hero h1{font-size:26px}.goal-grid{grid-template-columns:1fr}.container{padding:0 16px}}
