.builder-page{min-height:100vh;padding:var(--space-3xl)0;background:var(--yeti-gray-100)}.builder-progress{justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-3xl);padding:0 var(--space-md);display:flex}.progress-step{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.progress-dot{background:var(--yeti-gray-300);width:36px;height:36px;color:var(--yeti-gray-600);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .3s;display:flex}.progress-step.active .progress-dot{background:var(--yeti-navy);color:var(--yeti-white)}.progress-step.current .progress-dot{box-shadow:0 0 0 3px var(--yeti-ice-blue)}.progress-label{color:var(--yeti-gray-600);font-size:.8rem}.progress-step.active .progress-label{color:var(--yeti-navy);font-weight:var(--font-weight-semibold)}.builder-step{max-width:900px;margin:0 auto}.website-types{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.website-type{background:var(--yeti-white);border:2px solid var(--yeti-gray-200);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all .3s}.website-type:hover{border-color:var(--yeti-ice-blue);box-shadow:var(--shadow-md)}.website-type.selected{border-color:var(--yeti-navy);background:var(--yeti-gray-50);box-shadow:var(--shadow-lg)}.type-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.type-header h3{margin-bottom:0}.type-header .price{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--yeti-navy)}.type-description{color:var(--yeti-gray-700);margin-bottom:var(--space-md)}.includes h4{margin-bottom:var(--space-xs);font-size:.95rem}.includes ul{margin:0;padding:0;list-style:none}.includes li{padding:var(--space-xs)0;color:var(--yeti-gray-700);padding-left:1.5rem;position:relative}.includes li:before{content:"✓";color:var(--yeti-navy);font-weight:700;position:absolute;left:0}.add-ons{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.add-on{background:var(--yeti-white);border:2px solid var(--yeti-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .3s}.add-on:hover{border-color:var(--yeti-ice-blue)}.add-on.selected{border-color:var(--yeti-navy);background:var(--yeti-gray-50)}.addon-info h4{margin-bottom:var(--space-xs)}.addon-description{color:var(--yeti-gray-600);margin-bottom:var(--space-sm)}.addon-price{font-weight:var(--font-weight-bold);color:var(--yeti-navy)}.current-total{text-align:center;margin-bottom:var(--space-xl)}.simple-total{padding:var(--space-md)var(--space-xl);background:var(--yeti-navy);color:var(--yeti-white);border-radius:var(--radius-lg);font-size:1.25rem;font-weight:var(--font-weight-bold);display:inline-block}.hosting-options{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.hosting-option{background:var(--yeti-white);border:2px solid var(--yeti-gray-200);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all .3s;position:relative}.hosting-option:hover{border-color:var(--yeti-ice-blue)}.hosting-option.selected{border-color:var(--yeti-navy);background:var(--yeti-gray-50)}.hosting-option.recommended{border-color:var(--yeti-ice-blue)}.recommended-badge{background:var(--yeti-navy);color:var(--yeti-white);border-radius:var(--radius-sm);font-size:.8rem;font-weight:var(--font-weight-semibold);padding:.25rem .75rem;position:absolute;top:-10px;right:20px}.option-details{margin-top:var(--space-md)}.option-details p{color:var(--yeti-gray-700);margin-bottom:var(--space-sm)}.plan-note{color:var(--yeti-gray-500);font-size:.9rem;font-style:italic}.pricing-note{margin-top:var(--space-md);padding:var(--space-md);background:var(--yeti-gray-100);border-radius:var(--radius-md)}.pricing-note p{margin-bottom:var(--space-xs)}.hosting-recommendation{background:var(--yeti-white);padding:var(--space-xl);border-radius:var(--radius-lg);border-left:4px solid var(--yeti-navy);margin-bottom:var(--space-xl)}.hosting-recommendation h3{margin-bottom:var(--space-sm)}.hosting-recommendation p{color:var(--yeti-gray-700);margin-bottom:0}.plan-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.plan-card{background:var(--yeti-white);border:2px solid var(--yeti-gray-200);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all .3s;position:relative}.plan-card:hover{border-color:var(--yeti-ice-blue);box-shadow:var(--shadow-md)}.plan-card.selected{border-color:var(--yeti-navy);box-shadow:var(--shadow-lg)}.plan-card.recommended{border-color:var(--yeti-ice-blue)}.plan-header h3{margin-bottom:var(--space-xs)}.plan-desc{color:var(--yeti-gray-600);margin-bottom:var(--space-lg);font-size:.95rem}.plan-pricing{gap:var(--space-sm);flex-direction:column;display:flex}.pricing-row{padding:var(--space-xs)0;border-bottom:1px solid var(--yeti-gray-100);justify-content:space-between;align-items:center;display:flex}.pricing-row .label{color:var(--yeti-gray-600);font-size:.9rem}.pricing-row .price{font-weight:var(--font-weight-semibold);color:var(--yeti-charcoal)}.savings{margin-left:var(--space-sm);color:#2e7d32;border-radius:var(--radius-sm);background:#e8f5e9;padding:.1rem .5rem;font-size:.8rem;display:inline-block}.payment-collection{background:var(--yeti-white);padding:var(--space-xl);border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}.payment-collection h4{margin-bottom:var(--space-lg)}.order-summary{background:var(--yeti-white);padding:var(--space-xl);border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}.order-summary h4{margin-bottom:var(--space-lg)}.summary-row{padding:var(--space-sm)0;border-bottom:1px solid var(--yeti-gray-100);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.summary-row span:first-child{color:var(--yeti-gray-600);min-width:80px}.summary-row span:last-child{text-align:right}.summary-row.total{border-top:2px solid var(--yeti-navy);font-size:1.25rem;font-weight:var(--font-weight-bold);margin-top:var(--space-sm);padding-top:var(--space-md);border-bottom:none}.payment-info{background:var(--yeti-white);padding:var(--space-xl);border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}.payment-info h3{margin-bottom:var(--space-sm)}.payment-info p{color:var(--yeti-gray-700);margin-bottom:0}@media (max-width:768px){.builder-progress{gap:var(--space-md)}.progress-label{font-size:.7rem}.progress-dot{width:30px;height:30px;font-size:.8rem}.plan-grid{grid-template-columns:1fr}.type-header{flex-direction:column;align-items:flex-start}}