:root {
  --ink: #101126;
  --muted: #6b6c80;
  --line: #e9e7f2;
  --soft: #f6f5fb;
  --violet: #6c3cff;
  --violet-dark: #4920cf;
  --cyan: #24d4e7;
  --coral: #ff6d67;
  --yellow: #ffbe3d;
  --shadow: 0 24px 70px rgba(27, 17, 77, .12);
}

em, .brand-dot, .kicker { color: #6c3cff; }
.announcement { background: #161329; }
.announcement .pulse { background: #64edc5; box-shadow: 0 0 0 5px rgba(100,237,197,.12); }
.announcement a { color: #ae9cff; }
.brand-mark { background: #6c3cff; box-shadow: inset -5px -5px 10px rgba(0,0,0,.12); }
.brand-logo { width: 46px; height: 46px; object-fit: contain; flex: none; }
.brand-footer .brand-logo { width: 38px; height: 38px; }
.orb-one { display: none; }
.button-primary { color: #fff; background: linear-gradient(135deg,#7646ff,#5930e7); box-shadow: 0 13px 30px rgba(93,51,226,.24); }
.button-contact { border-color: #e9e7f2; background: #fff; color: #101126; }
.hero { background: radial-gradient(circle at 82% 28%,#f0ebff 0,#faf9ff 25%,transparent 48%); }
.eyebrow, .booking-icon { background: #f1edff; color: #514d68; }
.visual-glow { background: linear-gradient(135deg,#e5dcff,#f5f2ff); box-shadow: inset 0 0 0 1px #e5def8,0 30px 80px #e6e0f7; }
.card-icon { background: #6c3cff; color: #fff; }
.card-warranty .card-icon { background: #23c79b; color: #fff; }
.process, .area-card { background: linear-gradient(145deg,#17132d,#2b1a5d); }
.process::after { background: #6c3cff; }
.process .step-icon { color: #b7a3ff; }
.benefit-grid article > span { background: #eee9ff; color: #6c3cff; }
.reviews { background: #f6f5fb; }
.stars { color: #ffbe3d; }
.reviewer > span { background: #6f52bd; }
.cta-section { background: linear-gradient(135deg,#6840e9,#4d24c5); box-shadow: 0 30px 70px rgba(87,43,206,.25); }
.booking-progress span.active { background: #6c3cff; }
.booking-choice:hover, .booking-choice.selected { border-color: #6c3cff; background: #f5f1ff; box-shadow: 0 8px 20px rgba(92,52,220,.1); }
.booking-choice b, .booking-success a { color: #6c3cff; }
.city-grid span { color: #6c3cff; }
.area-actions a { background: #fff !important; color: #4920cf !important; }
.price-result { background: linear-gradient(145deg,#17132d,#2b1a5d); }
.price-status { border-color: rgba(183,163,255,.35); color: #b7a3ff; }
.price-result > strong { color: #b7a3ff; }
.summary-price { background: #f1edff; }
.summary-price strong { color: #6c3cff; }
.success-actions a { background: #eee9ff; }
.customer-form select { outline-color: #6c3cff; }

.service-card, .service-card.featured { color: #101126; background: #fff; border: 1px solid #e9e7f2; box-shadow: none; }
.service-card.featured::after { display: none; }
.service-card p, .service-card.featured p { color: #6b6c80; }
.service-card .service-meta, .service-card.featured .service-meta { border-color: #e9e7f2; color: #6b6c80; }
.service-card .service-meta strong, .service-card.featured .service-meta strong { color: #101126; }
.service-card a, .service-card.featured a { color: #6c3cff; }
.service-card .service-icon, .service-card.featured .service-icon { background: linear-gradient(145deg,#f1eff9,#fff); box-shadow: 0 12px 26px #ddd9ed; }
.screen-icon span, .back-icon span, .battery-icon span, .port-icon span { border-color: #6c3cff; }
.battery-icon span::before, .back-icon span::after { background: #6c3cff; }
.battery-icon span::after, .port-icon span::after { background: #24d4e7; }
.screen-icon span, .back-icon span { background: linear-gradient(145deg,#c8baff,#7860dc); }

@media (max-width: 640px) {
  .mobile-contact { background: #17132d; color: #b7a3ff; }
  .brand-logo { width: 40px; height: 40px; }
}

.google-profile-card {
  max-width: 760px;
  margin: 42px auto 0;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 15px;
  background: #fff;
  border: 1px solid #e9e7f2;
  border-radius: 18px;
  box-shadow: 0 15px 40px rgba(31,24,64,.07);
}
.google-profile-mark { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: #f3f0ff; color: #4285f4; font: 800 20px/1 "Manrope"; }
.google-profile-card span { font-size: 8px; color: #6c3cff; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }
.google-profile-card h3 { margin: 4px 0; font-size: 16px; }
.google-profile-card p { margin: 0; color: #6b6c80; font-size: 9px; }
.google-profile-card > a { padding: 11px 14px; border-radius: 10px; background: #17132d; color: #fff; font-size: 10px; font-weight: 800; }
.google-profile-card > a span { color: #b7a3ff; margin-left: 8px; }
.trust-check { width: 34px; height: 34px; display: grid; place-items: center; flex: none; border-radius: 50%; background: #eee9ff; color: #6c3cff; font-weight: 800; }
.trust-grid .review-card { min-height: 210px; }
.trust-grid .review-card h3 { margin: 18px 0 8px; font-size: 17px; }
.trust-grid .review-card p { margin: 0; }
.trust-card-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 14px; background: #eee9ff; color: #6c3cff; font: 800 18px/1 "Manrope"; }
.booking-alert { min-height: 18px; margin: 10px 0 0 !important; color: #d84058 !important; font-size: 10px !important; font-weight: 700; text-align: center; }

@media (max-width: 1180px) {
  .site-header { position: relative; }
  .desktop-nav { display: none; }
  .header-cta { display: none; }
  .menu-button { display: block; width: 42px; height: 42px; border: 1px solid #e9e7f2; border-radius: 12px; background: #fff; }
  .menu-button span { display: block; width: 20px; height: 2px; margin: 5px auto; border-radius: 3px; background: #101126; }
  .desktop-nav.open {
    position: absolute;
    display: grid;
    left: 18px;
    right: 18px;
    top: calc(100% - 3px);
    gap: 0;
    margin: 0;
    padding: 10px;
    border: 1px solid #e9e7f2;
    border-radius: 16px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 20px 50px rgba(27,17,77,.16);
  }
  .desktop-nav.open a { padding: 13px 14px; border-radius: 10px; }
  .desktop-nav.open a:hover { background: #f5f1ff; }
}
@media (max-width: 640px) {
  .google-profile-card { grid-template-columns: 42px 1fr; padding: 15px; text-align: left; }
  .google-profile-card > a { grid-column: 1 / -1; text-align: center; }
  .trust-grid .review-card { min-height: 180px; }
}