#rta-services-root {

--rta-bg-page: #0a0a0a;
--rta-bg-card: #161616;
--rta-bg-card-deep: #0d0d0d;
--rta-bg-card-elevated: #1c1c1c;
--rta-red-brand: #a82a2b;
--rta-red-brand-light: rgba(195, 60, 60, 1);
--rta-red-brand-dark: rgba(120, 25, 25, 1);
--rta-red-bright: #ff4444;
--rta-amber: #d79b23;
--rta-amber-bright: #ebb733;
--rta-amber-dark: #8b6500;
--rta-green-op: #00ff88;
--rta-text-primary: #ffffff;
--rta-divider-dashed: rgba(255, 68, 68, 0.55);
--rta-mono: "Courier New", Courier, ui-monospace, monospace;
background: var(--rta-bg-page);
background-image:
radial-gradient(circle at 2px 2px, rgba(255, 68, 68, 0.025) 1px, transparent 1px);
background-size: 22px 22px;
color: var(--rta-text-primary);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
padding: 32px 24px 48px 24px;
margin: 0;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
#rta-services-root *,
#rta-services-root *::before,
#rta-services-root *::after {
box-sizing: border-box;
}

#rta-services-root .rta-hero {
position: relative;
text-align: center;
padding: 48px 24px 56px 24px;
margin: 0 0 56px 0;
background:
linear-gradient(180deg, rgba(168, 42, 43, 0.08) 0%, rgba(168, 42, 43, 0) 80%),
var(--rta-bg-card);
background-color: var(--rta-bg-card);
border: 1px solid var(--rta-red-bright);
border-top: 4px solid var(--rta-red-bright);
overflow: hidden;
}

#rta-services-root .rta-hero::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 2px;
background:
linear-gradient(90deg,
transparent 0%,
rgba(255, 68, 68, 0.85) 50%,
transparent 100%);
box-shadow: 0 0 12px rgba(255, 68, 68, 0.6);
animation: rta-svc-scan 4s ease-in-out infinite;
pointer-events: none;
z-index: 2;
}
@keyframes rta-svc-scan {
0%   { transform: translateY(0); opacity: 0; }
10%  { opacity: 1; }
90%  { opacity: 1; }
100% { transform: translateY(360px); opacity: 0; }
}

#rta-services-root .rta-hero-bracket {
position: absolute;
width: 28px;
height: 28px;
border-color: var(--rta-red-bright);
border-style: solid;
border-width: 0;
pointer-events: none;
z-index: 3;
}
#rta-services-root .rta-hero-bracket.tl { top: 10px; left: 10px; border-top-width: 3px; border-left-width: 3px; }
#rta-services-root .rta-hero-bracket.tr { top: 10px; right: 10px; border-top-width: 3px; border-right-width: 3px; }
#rta-services-root .rta-hero-bracket.bl { bottom: 10px; left: 10px; border-bottom-width: 3px; border-left-width: 3px; }
#rta-services-root .rta-hero-bracket.br { bottom: 10px; right: 10px; border-bottom-width: 3px; border-right-width: 3px; }
#rta-services-root .rta-hero-eyebrow {
display: block;
font-family: var(--rta-mono);
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 4px;
color: var(--rta-red-bright);
margin: 0 0 16px 0;
text-transform: uppercase;
}
#rta-services-root .rta-hero-title {
margin: 0 0 8px 0;
font-size: clamp(2.2rem, 5vw, 3.6rem);
font-weight: 900;
line-height: 1.1;
letter-spacing: 1px;
color: var(--rta-text-primary);
}
#rta-services-root .rta-hero-title-red {
color: var(--rta-red-brand);
text-shadow: 0 0 18px rgba(255, 68, 68, 0.45);
}
#rta-services-root .rta-hero-subtitle {
display: block;
font-family: var(--rta-mono);
font-size: clamp(1rem, 2vw, 1.4rem);
font-weight: 700;
letter-spacing: 4px;
color: var(--rta-red-bright);
margin: 14px 0 0 0;
text-transform: uppercase;
}
#rta-services-root .rta-hero-desc {
max-width: 720px;
margin: 22px auto 0 auto;
font-size: 1rem;
line-height: 1.6;
color: var(--rta-text-primary);
}

#rta-services-root .rta-hero-stats {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 18px 32px;
margin: 28px auto 0 auto;
max-width: 760px;
padding: 18px 24px;
border-top: 1px dashed var(--rta-divider-dashed);
border-bottom: 1px dashed var(--rta-divider-dashed);
}
#rta-services-root .rta-hero-stat {
display: inline-block;
text-align: center;
}
#rta-services-root .rta-hero-stat-num {
display: block;
font-family: var(--rta-mono);
font-size: 1.4rem;
font-weight: 900;
color: var(--rta-red-bright);
line-height: 1;
}
#rta-services-root .rta-hero-stat-label {
display: block;
font-family: var(--rta-mono);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 1.5px;
color: var(--rta-text-primary);
text-transform: uppercase;
margin-top: 5px;
}

#rta-services-root .rta-section {
margin: 0 0 56px 0;
position: relative;
}
#rta-services-root .rta-section-header {
margin: 0 0 24px 0;
padding: 0 0 14px 0;
border-bottom: 2px dashed var(--rta-divider-dashed);

display: block;
}
#rta-services-root .rta-section-num {
display: inline-block;
vertical-align: middle;
font-family: var(--rta-mono);
font-size: 0.95rem;
font-weight: 900;
color: var(--rta-red-bright);
background: var(--rta-bg-card-elevated);
background-color: var(--rta-bg-card-elevated);
border: 1px solid var(--rta-red-bright);
padding: 4px 9px;
margin: 0 14px 0 0;
line-height: 1.2;
letter-spacing: 1.5px;
}
#rta-services-root .rta-section-title {
display: inline-block;
vertical-align: middle;
font-family: var(--rta-mono);
font-size: clamp(1.2rem, 3vw, 1.7rem);
font-weight: 900;
letter-spacing: 2px;
color: var(--rta-text-primary);
margin: 0;
text-transform: uppercase;
}
#rta-services-root .rta-section-title .rta-slash {
color: var(--rta-red-bright);
margin-right: 8px;
}
#rta-services-root .rta-section-desc {
margin: 12px 0 0 0;
font-size: 0.95rem;
line-height: 1.5;
color: var(--rta-text-primary);
opacity: 0.95;
}

#rta-services-root .rta-section-banner {
margin: 0 0 24px 0;
padding: 18px 22px;
background:
linear-gradient(180deg,
rgba(215, 155, 35, 1) 0%,
rgba(185, 125, 5, 1) 100%);
background-color: rgba(185, 125, 5, 1);
border: 2px solid var(--rta-amber-bright);
color: #1a0e00;
font-family: var(--rta-mono);
font-weight: 700;
font-size: 0.95rem;
line-height: 1.5;
box-shadow:
0 5px 12px rgba(0, 0, 0, 0.5),
0 2px 0 rgba(105, 65, 0, 1),
0 0 16px rgba(195, 130, 10, 0.35),
inset 0 1px 0 rgba(255, 220, 150, 0.55);

display: block;
}
#rta-services-root .rta-section-banner-icon {
display: inline-block;
vertical-align: top;
width: 36px;
height: 36px;
border: 2px solid #1a0e00;
text-align: center;
line-height: 32px;
font-size: 1.3rem;
font-weight: 900;
margin: 0 14px 0 0;
background: rgba(255, 220, 150, 0.45);
flex-shrink: 0;
}
#rta-services-root .rta-section-banner-text {
display: inline-block;
vertical-align: top;
max-width: calc(100% - 60px);
line-height: 1.5;
}
#rta-services-root .rta-section-banner-text strong {
font-weight: 900;
color: #1a0e00;
}

#rta-services-root .rta-services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}

#rta-services-root .rta-service-card {
position: relative;
background: var(--rta-bg-card);
background-color: var(--rta-bg-card);
background-image:
radial-gradient(circle at 2px 2px, rgba(255, 68, 68, 0.04) 1px, transparent 1px);
background-size: 18px 18px;
border: 1px solid var(--rta-red-bright);
border-top: 3px solid var(--rta-red-bright);
padding: 0;
margin: 0;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
display: flex;
flex-direction: column;
}
#rta-services-root .rta-service-card:hover {
transform: translateY(-4px);
box-shadow:
0 10px 30px rgba(0, 0, 0, 0.6),
0 0 0 1px rgba(255, 68, 68, 0.55),
0 0 24px rgba(255, 68, 68, 0.3);
}

#rta-services-root .rta-service-card::before,
#rta-services-root .rta-service-card::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
border-color: var(--rta-red-bright);
border-style: solid;
border-width: 0;
pointer-events: none;
z-index: 5;
opacity: 0;
transition: opacity 0.25s ease;
}
#rta-services-root .rta-service-card::before {
top: 7px;
left: 7px;
border-top-width: 2px;
border-left-width: 2px;
}
#rta-services-root .rta-service-card::after {
bottom: 7px;
right: 7px;
border-bottom-width: 2px;
border-right-width: 2px;
}
#rta-services-root .rta-service-card:hover::before,
#rta-services-root .rta-service-card:hover::after {
opacity: 1;
}

#rta-services-root .rta-service-header {
padding: 18px 18px 12px 18px;
border-bottom: 1px dashed var(--rta-divider-dashed);
}
#rta-services-root .rta-service-title {
margin: 0;
font-family: var(--rta-mono);
font-size: 1.05rem;
font-weight: 900;
letter-spacing: 1.5px;
color: var(--rta-red-brand);
text-transform: uppercase;
line-height: 1.3;
}
#rta-services-root .rta-service-title .rta-slash {
color: var(--rta-red-bright);
margin-right: 6px;
}

#rta-services-root .rta-service-badges {
display: block;
margin: 10px 0 0 0;
line-height: 0;
}
#rta-services-root .rta-badge {
display: inline-block;
vertical-align: middle;
font-family: var(--rta-mono);
font-size: 0.68rem;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 8px;
margin: 0 6px 6px 0;
border: 1px solid currentColor;
line-height: 1.3;
}
#rta-services-root .rta-badge-local {
background: rgba(255, 68, 68, 0.12);
color: var(--rta-red-bright);
border-color: var(--rta-red-bright);
}
#rta-services-root .rta-badge-milleo {
background:
linear-gradient(180deg,
rgba(215, 155, 35, 1) 0%,
rgba(185, 125, 5, 1) 100%);
color: #1a0e00;
border-color: var(--rta-amber-bright);
}

#rta-services-root .rta-service-body {
padding: 18px;
flex: 1 1 auto;
}

#rta-services-root .rta-service-price-block {
text-align: center;
margin: 0 0 16px 0;
padding: 0 0 14px 0;
border-bottom: 1px dashed var(--rta-divider-dashed);
display: block;
}
#rta-services-root .rta-service-price {
display: block;
font-size: 3.2rem;
font-weight: 900;
line-height: 1;
color: var(--rta-text-primary);
letter-spacing: -1px;
text-shadow:
0 2px 0 rgba(0, 0, 0, 0.4),
0 0 22px rgba(255, 68, 68, 0.18);
}
#rta-services-root .rta-service-price-currency {
font-size: 2rem;
font-weight: 900;
color: var(--rta-text-primary);
vertical-align: top;
margin-right: 2px;
opacity: 0.85;
}
#rta-services-root .rta-service-price-unit {
display: block;
margin: 8px 0 0 0;
font-family: var(--rta-mono);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 1.5px;
color: var(--rta-red-bright);
text-transform: uppercase;
}
#rta-services-root .rta-service-price-unit .rta-slash {
color: var(--rta-red-bright);
margin-right: 4px;
}

#rta-services-root .rta-service-price-tier {
display: block;
text-align: center;
margin: 12px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px dashed rgba(255, 68, 68, 0.3);
}
#rta-services-root .rta-service-price-tier-amount {
display: inline-block;
vertical-align: middle;
font-size: 1.4rem;
font-weight: 900;
color: var(--rta-amber-bright);
margin: 0 12px 0 0;
line-height: 1;
text-shadow: 0 0 14px rgba(215, 155, 35, 0.4);
}
#rta-services-root .rta-service-price-tier-label {
display: inline-block;
vertical-align: middle;
font-family: var(--rta-mono);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 1.5px;
color: var(--rta-amber-bright);
text-transform: uppercase;
}

#rta-services-root .rta-service-desc {
margin: 0;
font-size: 0.9rem;
line-height: 1.55;
color: var(--rta-text-primary);
}
#rta-services-root .rta-service-desc strong {
color: var(--rta-amber-bright);
font-weight: 900;
}

#rta-services-root .rta-service-meta {
display: block;
margin: 14px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px dashed rgba(255, 68, 68, 0.3);
font-family: var(--rta-mono);
font-size: 0.7rem;
letter-spacing: 1px;
text-transform: uppercase;
}
#rta-services-root .rta-service-meta-label {
display: inline-block;
width: 60px;
color: var(--rta-red-bright);
font-weight: 900;
vertical-align: top;
}
#rta-services-root .rta-service-meta-value {
display: inline-block;
color: var(--rta-text-primary);
font-weight: 700;
vertical-align: top;
}

#rta-services-root .rta-service-footer {
padding: 14px 18px 18px 18px;
background: var(--rta-bg-card-deep);
background-color: var(--rta-bg-card-deep);
border-top: 1px dashed var(--rta-divider-dashed);
margin-top: auto; 
}

#rta-services-root .rta-service-cta {
display: block;
width: 100%;
padding: 14px 18px;
background:
linear-gradient(180deg,
var(--rta-red-brand-light) 0%,
var(--rta-red-brand) 50%,
var(--rta-red-brand-dark) 100%);
background-color: var(--rta-red-brand);
color: #ffffff;
border: 2px solid rgba(215, 90, 90, 1);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.95rem;
cursor: pointer;
transition:
background 0.2s ease,
transform 0.12s ease,
box-shadow 0.2s ease,
text-shadow 0.2s ease;
font-family: var(--rta-mono);
text-decoration: none;
text-align: center;
line-height: 1.3;
border-radius: 0;
position: relative;
text-shadow:
0 1px 0 rgba(0, 0, 0, 0.55),
0 0 8px rgba(255, 255, 255, 0.3);
box-shadow:
0 6px 14px rgba(0, 0, 0, 0.55),
0 2px 0 rgba(90, 18, 18, 1),
0 0 0 1px rgba(168, 42, 43, 0.4),
0 0 16px rgba(168, 42, 43, 0.4),
inset 0 1px 0 rgba(255, 200, 200, 0.5),
inset 0 -2px 4px rgba(60, 0, 0, 0.5);
box-sizing: border-box;
}
#rta-services-root .rta-service-cta:hover {
background:
linear-gradient(180deg,
rgba(220, 80, 80, 1) 0%,
rgba(195, 55, 55, 1) 50%,
rgba(150, 30, 30, 1) 100%);
background-color: rgba(195, 55, 55, 1);
color: #ffffff;
border-color: rgba(235, 130, 130, 1);
text-decoration: none;
text-shadow:
0 1px 0 rgba(0, 0, 0, 0.5),
0 0 10px rgba(255, 255, 255, 0.55),
0 0 20px rgba(235, 80, 80, 0.45);
box-shadow:
0 10px 24px rgba(0, 0, 0, 0.6),
0 2px 0 rgba(100, 20, 20, 1),
0 0 0 1px rgba(168, 42, 43, 0.75),
0 0 28px rgba(168, 42, 43, 0.7),
0 0 56px rgba(168, 42, 43, 0.35),
inset 0 1px 0 rgba(255, 220, 220, 0.7),
inset 0 -2px 4px rgba(80, 0, 0, 0.4);
transform: translateY(-2px);
animation: rta-svc-cta-pulse 2s ease-in-out infinite;
}
@keyframes rta-svc-cta-pulse {
0%, 100% {
box-shadow:
0 10px 24px rgba(0, 0, 0, 0.6),
0 2px 0 rgba(100, 20, 20, 1),
0 0 0 1px rgba(168, 42, 43, 0.75),
0 0 28px rgba(168, 42, 43, 0.7),
0 0 56px rgba(168, 42, 43, 0.35),
inset 0 1px 0 rgba(255, 220, 220, 0.7),
inset 0 -2px 4px rgba(80, 0, 0, 0.4);
}
50% {
box-shadow:
0 10px 24px rgba(0, 0, 0, 0.6),
0 2px 0 rgba(100, 20, 20, 1),
0 0 0 1px rgba(195, 60, 60, 0.95),
0 0 38px rgba(168, 42, 43, 0.95),
0 0 72px rgba(168, 42, 43, 0.5),
inset 0 1px 0 rgba(255, 235, 235, 0.85),
inset 0 -2px 4px rgba(80, 0, 0, 0.4);
}
}
#rta-services-root .rta-service-cta:active {
transform: translateY(3px);
animation: none;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.6),
0 0 0 1px rgba(168, 42, 43, 0.5),
inset 0 4px 8px rgba(0, 0, 0, 0.45),
inset 0 -1px 0 rgba(255, 140, 140, 0.3);
}

@media (max-width: 768px) {
#rta-services-root { padding: 20px 14px 32px 14px; }
#rta-services-root .rta-hero { padding: 36px 18px 40px 18px; margin-bottom: 36px; }
#rta-services-root .rta-section { margin-bottom: 36px; }
#rta-services-root .rta-services-grid { grid-template-columns: 1fr; }
#rta-services-root .rta-service-price { font-size: 2.6rem; }
#rta-services-root .rta-hero-stats { gap: 14px 22px; }
#rta-services-root .rta-hero-stat-num { font-size: 1.15rem; }
}