#main-footer{display:none}body{font-family:'Inter',sans-serif;background-color:var(--dark);color:var(--text-light);line-height:1.5;min-height:100vh;padding:2rem 1rem}.container{max-width:1200px;margin:0 auto;position:relative}.header{text-align:center;margin-bottom:2rem}.logo{font-size:2rem;font-weight:700;margin-bottom:0.5rem}.logo span{color:var(--accent)}.subtitle{color:var(--gray-400);font-size:1rem;max-width:600px;margin:0 auto}.main-content{display:grid;grid-template-columns:1 fr 350px;gap:2rem;position:relative}.service-grid{background-color:var(--gray-900);border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.2)}.service-header{display:grid;grid-template-columns:2 fr repeat(3,1fr);background-color:var(--gray-800);padding:1rem;border-bottom:1px solid var(--gray-700)}.service-header-cell{text-align:center;font-weight:600;font-size:0.875rem}.service-header-cell:first-child{text-align:left}.service-list{padding:1rem}.service-item{margin-bottom:1.25rem;border-radius:0.75rem;overflow:hidden;transition:transform 0.2s}.service-item:hover{transform:translateY(-2px)}.service-row{display:grid;grid-template-columns:2 fr repeat(3,1 fr);gap:0.75rem}.service-info{background-color:var(--gray-800);padding:1rem;border-radius:0.5rem}.service-title{display:flex;align-items:center;margin-bottom:0.5rem}.service-icon{width:30px;height:30px;border-radius:50%;background-color:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-right:0.75rem;font-size:0.875rem}.service-name{font-weight:600}.service-description{font-size:0.75rem;color:var(--gray-400);margin-left:2.5rem}.plan-card{background-color:var(--gray-800);border-radius:0.5rem;padding:0.75rem;text-align:center;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent;position:relative;overflow:hidden}.plan-card:hover{background-color:var(--gray-700)}.plan-card.unavailable{opacity:0.5;cursor:not-allowed}.plan-card.selected{border-color:var(--accent);background-color:var(--gray-700);box-shadow:0 0 10px rgba(245,158,11,0.2)}.plan-price{font-size:1.125rem;font-weight:700;color:var(--accent);margin-bottom:0.25rem}.plan-features{font-size:0.75rem;color:var(--gray-300);margin-bottom:0.5rem}.plan-button{background-color:transparent;border:1px solid var(--gray-600);color:var(--gray-300);border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:0.75rem;cursor:pointer;transition:all 0.2s}.plan-card:hover .plan-button{border-color:var(--gray-400);color:var(--white)}.plan-card.selected .plan-button{background-color:var(--accent);border-color:var(--accent);color:var(--white)}.floating-quote{background-color:var(--gray-900);border-radius:1.25rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,0.3);position:sticky;top:2rem;display:flex;flex-direction:column;max-height:calc(100vh - 4rem);border:1px solid var(--gray-700)}.quote-header{background-color:var(--gray-800);padding:1.25rem 1rem 1rem;text-align:center;position:relative}.quote-header::after{content:'';position:absolute;width:4rem;height:0.375rem;background-color:var(--gray-700);border-radius:0.25rem;top:0.5rem;left:50%;transform:translateX(-50%)}.quote-title{font-size:1.25rem;font-weight:600;color:var(--text-light)}.quote-subtitle{font-size:0.75rem;color:var(--gray-400);margin-top:0.25rem}.quote-content{padding:1rem;display:flex;flex-direction:column;flex:1;overflow-y:auto}.selected-services{display:flex;flex-direction:column;gap:0.5rem;min-height:3rem;margin-bottom:1.5rem}.empty-selection{width:100%;text-align:center;color:var(--gray-400);font-size:0.875rem;padding:0.5rem}.service-tag{background-color:var(--gray-800);border-radius:0.375rem;padding:0.5rem 0.75rem;display:flex;align-items:center;font-size:0.875rem;animation:fadeIn 0.3s}.tag-info{display:flex;align-items:center;gap:0.5rem;flex:1}.tag-icon{color:var(--accent);font-size:0.75rem}.tag-name{flex:1}.tag-price{font-weight:600;color:var(--accent);margin-right:0.5rem}.tag-remove{width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--gray-700);border:none;color:var(--gray-400);display:flex;align-items:center;justify-content:center;font-size:0.75rem;cursor:pointer;transition:all 0.2s}.tag-remove:hover{background-color:rgba(239,68,68,0.2);color:#ef4444}.spacer{flex:1;min-height:1rem}.quote-totals{margin-top:auto;display:grid;grid-template-columns:1 fr;gap:0.5rem;margin-bottom:1rem}.small-total-row{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;font-size:0.75rem;color:var(--gray-400)}.setup-note{font-size:0.7rem;color:var(--gray-500);margin-top:0.25rem;padding-left:0.5rem;font-style:italic}.total-row{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;background-color:var(--gray-800);border-radius:0.5rem;transition:all 0.3s}.total-row.highlight{background-color:var(--accent-bg);border:1px solid var(--accent)}.total-label{font-size:0.875rem}.total-value{font-weight:600}.highlight .total-value{color:var(--accent)}.quote-actions{margin-top:1rem;display:grid}.btn{padding:0.75rem;border-radius:0.5rem;font-weight:600;font-size:0.75rem;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:0.5rem;border:none}.btn-primary{background-color:var(--accent);color:var(--dark)}.btn-primary:hover{background-color:var(--accent-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--gray-700);color:var(--text-light);border:1px solid var(--gray-600)}.btn-secondary:hover{background-color:var(--gray-600);transform:translateY(-2px)}.shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0) 100%);transform:translateX(-100%);pointer-events:none}.plan-card:hover .shimmer{animation:shimmer 1.5s infinite}.animate-pulse{animation:pulse 0.5s}.animate-shake{animation:shake 0.5s}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(3px)}50%{transform:translateX(-3px)}75%{transform:translateX(3px)}100%{transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@media (max-width:1024px){.main-content{grid-template-columns:1 fr 300px}}@media (max-width:768px){.service-header{display:none}.service-row{grid-template-columns:1 fr;gap:0.5rem}.service-info{margin-bottom:0.5rem}.plan-options{display:grid;grid-template-columns:repeat(3,1 fr);gap:0.5rem}.main-content{grid-template-columns:1 fr}.floating-quote{position:static;margin-top:2rem}.quote-actions{grid-template-columns:1 fr}}@media (max-width:480px){.plan-options{grid-template-columns:1 fr}}