.quiet-home :is(.product-card, .review-tab, .process-grid > li, .deployment-option, .billing-options a, .contact-actions > .btn) { transition: none; }
.quiet-home :is(.process-number, .tab-number) { transition: none; }
.quiet-home :is(.review-tab > svg, .billing-icon, .billing-options a > svg, .contact-actions > .btn > svg) { transition: none; }
.quiet-home .product-card { border-radius: 16px; }
.quiet-home .product-card > .text-link { border-radius: 6px; }
.quiet-home .evidence-story > .text-link { border-radius: 999px; border-color: #ccdbee; background: linear-gradient(115deg, #edf4ff, #e0ebfa); }
.quiet-home .evidence-story > .text-link > svg { border-radius: 50%; }
.quiet-home .deployment-option > .deployment-link { border-radius: 4px; border-inline-color: transparent; background: linear-gradient(90deg, rgb(217 230 249 / 38%), transparent); }
.quiet-home .q-deployment .q-heading > .text-link { border-radius: 999px; border-color: #d2dff1; }
.quiet-home :is(.product-card, .deployment-option):focus-within { border-color: #9ab6de; box-shadow: inset 0 0 0 1px #9ab6de; }
.quiet-home .billing-options a:focus-visible { outline: 2px solid #2852b5; outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
  .quiet-home .product-card:hover { border-color: #96b4df; box-shadow: 0 18px 34px -22px rgb(29 64 125 / 38%); }
  .quiet-home .product-card:hover .q-icon { color: #214b98; background: linear-gradient(135deg, #b9cfef, #dce9fd); }
  .quiet-home .product-card > .text-link:hover { background: linear-gradient(110deg, #d5e4fa, #eaf2ff); }
  .quiet-home .q-evidence .review-tab:not([aria-selected="true"]):hover { background: linear-gradient(0deg, #e0eafb, #edf3fc); box-shadow: inset 0 -2px 0 #9eb9e1; }
  .quiet-home .q-evidence .review-tab[aria-selected="true"]:hover { background: linear-gradient(0deg, #cadcf6, #e7effb); }
  .quiet-home .q-evidence .review-tab:hover .tab-number { color: #2852b5; }
  .quiet-home .evidence-story > .text-link:hover { border-color: #abc3e5; background: linear-gradient(115deg, #d4e4fa, #eaf2ff); }
  .quiet-home .process-grid > li:hover { border-color: #afc5e5; box-shadow: inset 0 3px 0 #557dbb; }
  .quiet-home .process-grid > li:hover .process-number { color: #2852b5; }
  .quiet-home .deployment-option:hover { background-color: rgb(236 244 255 / 45%); box-shadow: inset 0 0 0 1px #9eb9df; }
  .quiet-home .deployment-option > .deployment-link:hover { border-color: #9eb9df; background: linear-gradient(90deg, #d2e2f8, #e9f1fd); }
  .quiet-home .billing-options a:hover { border-color: #a6bedf; box-shadow: inset 3px 0 0 #557dbb; background: linear-gradient(115deg, #e0eafb, #f0f5fd); }
  .quiet-home .billing-options a:hover .billing-icon { color: #2852b5; }
  .quiet-home .contact-actions > .btn:hover { background: linear-gradient(110deg, #1d4194, #3260b7); box-shadow: 0 0 0 4px rgb(40 82 181 / 10%), 0 8px 20px rgb(28 58 108 / 18%); translate: none; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .quiet-home :is(.product-card, .review-tab, .process-grid > li, .deployment-option, .billing-options a, .contact-actions > .btn) { transition: transform 220ms ease-out, border-color 220ms ease-out, box-shadow 220ms ease-out, background-color 220ms ease-out; }
  .quiet-home :is(.process-number, .tab-number) { transition: color 180ms ease-out; }
  .quiet-home :is(.review-tab > svg, .billing-icon, .billing-options a > svg, .contact-actions > .btn > svg) { transition: transform 220ms ease-out, color 220ms ease-out; }
  .quiet-home .product-card:hover { transform: translateY(-4px); }
  .quiet-home .product-card > .text-link:hover > svg { transform: translate(2px, -2px); }
  .quiet-home .q-evidence .review-tab:hover > svg { transform: translateX(3px); }
  .quiet-home .evidence-story > .text-link:hover > svg { transform: rotate(45deg); }
  .quiet-home .deployment-option > .deployment-link:hover > svg { transform: translateX(4px); }
  .quiet-home .q-deployment .q-heading > .text-link:hover > svg { transform: translateX(3px); }
  .quiet-home .billing-options a:hover .billing-icon { transform: rotate(-7deg); }
  .quiet-home .billing-options a:hover > svg { transform: translateX(4px); }
  .quiet-home .contact-actions > .btn:hover > svg { transform: translate(2px, -2px); }
  .quiet-home :is(.text-link, .deployment-link):active > svg { transform: none; }
}
