/* Start custom CSS *//* HWT service page template (shared by /services/* pages): only what v4 controls can't express */
@keyframes svcGridpan { from { background-position: 0 0 } to { background-position: 0 -48px } }
@keyframes svcDrift1 { 0% { transform: translate(0,0) } 50% { transform: translate(8vw,6vh) } 100% { transform: translate(0,0) } }
@keyframes svcDrift2 { 0% { transform: translate(0,0) } 50% { transform: translate(-7vw,-5vh) } 100% { transform: translate(0,0) } }
@keyframes svcHueRot { from { filter: blur(70px) hue-rotate(0deg) } to { filter: blur(70px) hue-rotate(28deg) } }
.hwt-bg-grid { animation: svcGridpan 9s linear infinite; }
.hwt-bg-aurora-1 { animation: svcDrift1 26s ease-in-out infinite, svcHueRot 14s ease-in-out infinite alternate; }
.hwt-bg-aurora-2 { animation: svcDrift2 32s ease-in-out infinite, svcHueRot 18s ease-in-out infinite alternate-reverse; }
@media (prefers-reduced-motion: reduce) { .hwt-bg-grid, .hwt-bg-aurora-1, .hwt-bg-aurora-2 { animation: none !important; } }
@media (prefers-reduced-motion: reduce) { .hwt-svc-row, .hwt-section-head, .hwt-step-card, .hwt-step-grid, .hwt-panel, .hwt-panel-pair { opacity: 1 !important; transform: none !important; } }
.hwt-h1 span { background: linear-gradient(135deg,#6fe3f0,#b09bf0); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (max-width: 880px) { .hwt-svc-row, .hwt-step-grid { grid-template-columns: 1fr !important; } }
@media (min-width: 881px) and (max-width: 1100px) { .hwt-step-grid { grid-template-columns: repeat(2, 1fr) !important; } }
.hwt-body a, .hwt-step-text a { color: #6fe3f0; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.hwt-check-text a { color: #c8cfe0; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.hwt-body a:hover, .hwt-step-text a:hover, .hwt-check-text a:hover, .hwt-body a:focus-visible, .hwt-step-text a:focus-visible, .hwt-check-text a:focus-visible { color: #eaf6ff; }
.hwt-faq-head { list-style: none; }
.hwt-faq-head::-webkit-details-marker { display: none; }
.hwt-faq-head::after { content: "+"; flex-shrink: 0; font-family: "JetBrains Mono", monospace; font-size: 22px; line-height: 1; color: #6fe3f0; transition: transform .2s; }
details[open] > .hwt-faq-head::after { transform: rotate(45deg); }
.hwt-faq-head:focus-visible { outline: 2px solid #6fe3f0; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .hwt-faq-head::after { transition: none; } }/* End custom CSS */