/* Velar Bureau — Services block, stronger version: bigger copy, real buttons */
@media (min-width: 1101px) {
  .svx__d p { max-width: 40ch; color: #C6CBD3; font-size: clamp(1.05rem, min(1.25vw, 18px), 1.22rem); line-height: 1.5; }
  .svx__log--ic { gap: 10px; }
  .svx__log--ic li { min-height: 52px; padding: 10px 14px; gap: 12px; font-size: .95rem; color: #E3E7ED; background: rgba(227, 231, 237, .03); transition: border-color .3s, background .3s; }
  .svx__log--ic li:hover { border-color: rgba(226, 73, 43, .6); background: rgba(226, 73, 43, .06); }
  .svx__li { width: 20px; height: 20px; }
  .svx__acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
  .svx__acts a { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; height: 56px; padding: 0 22px; font-family: var(--f) !important; font-stretch: 100%; font-size: 1rem; font-weight: 500; letter-spacing: -.01em; text-transform: none; border: 0; transition: background .3s var(--ease), color .3s var(--ease); }
  .svx__acts svg { width: 16px; height: 16px; transition: transform .45s var(--ease); }
  .svx__acts a:hover svg { transform: translate(3px, -3px); }
  .svx__open { background: var(--signal); color: #0E0F11; min-width: 220px; }
  .svx__open:hover { background: #E3E7ED; color: #0E0F11; }
  .svx__acts .svx__cta { align-self: auto; background: transparent; color: #E3E7ED; box-shadow: inset 0 0 0 1px rgba(227, 231, 237, .3); }
  .svx__acts .svx__cta:hover { color: #0E0F11; background: #E3E7ED; }
}

/* lighter block: one description, one button, a clean screen */
@media (min-width: 1101px) {
  .svx__sheet::before { display: none; }                       /* no grid lines */
  .svx__tick, .svx__caps, .svx__code { display: none !important; }   /* no crosshairs, caption plate, code */
  .svx__tab .svx__ti, .svx__tab .svx__ta { display: none !important; }  /* number + name only */
  .svx__tab { grid-template-columns: 56px minmax(0, 1fr) !important; }
  .svx__d .svx__log { display: none !important; }              /* the chips repeated the description */
  .svx__acts .svx__cta { display: none; }                      /* the free review lives in the header and hero */
  .svx__side { gap: 28px; }
  .svx__acts { margin-top: 0; }
}
