/* TRON Agency V32 — one exact product/service card system everywhere.
   Built from the owner's supplied shell, atmosphere, two frame layers, term pill,
   CTA plate and recommendation ribbon. No description copy is rendered in cards. */

/* Home, /services and cross-sell grids use the same 3 + 2 composition on desktop. */
#pricing.pricing-v32 .container,
.service-link-grid.service-card-grid-v32{max-width:1240px!important}
#pricing.pricing-v32 .service-card-grid-v32,
.service-link-grid.service-card-grid-v32{
 display:grid!important;
 grid-template-columns:repeat(6,minmax(0,1fr))!important;
 gap:0 4px!important;
 align-items:start!important;
 overflow:visible!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
}
.service-card-grid-v32>.tron-service-card-v32{grid-column:span 2!important}
.service-card-grid-v32>.tron-service-card-v32:nth-child(4):not(:last-child){grid-column:2/span 2!important}
.service-card-grid-v32>.tron-service-card-v32:nth-child(5){grid-column:4/span 2!important}
.service-card-grid-v32>.tron-service-card-v32:nth-child(4):last-child{grid-column:3/span 2!important}

/* The entire card is one link / one click target. */
.tron-service-card-v32{
 position:relative!important;
 display:block!important;
 width:100%!important;
 min-width:0!important;
 aspect-ratio:3/4!important;
 overflow:visible!important;
 isolation:isolate!important;
 container-type:inline-size;
 text-decoration:none!important;
 color:#f8f7ff!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 cursor:pointer!important;
 -webkit-tap-highlight-color:transparent;
 transform:translateZ(0);
 transition:transform .22s ease,filter .22s ease!important;
}
.tron-service-card-v32:hover{transform:translateY(-4px) scale(1.008);filter:brightness(1.045)}
.tron-service-card-v32:focus-visible{outline:2px solid var(--site-accent,#6352ff);outline-offset:-8px;border-radius:28px}
.tron-service-card-v32 *{box-sizing:border-box}

.svc32-layers,.svc32-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;user-select:none!important}
.svc32-layer{display:block!important;object-fit:fill!important;object-position:center!important}
.svc32-shell{z-index:0!important}
.svc32-atmosphere{z-index:1!important;opacity:.50!important}
.svc32-frame-inner{z-index:2!important}
.svc32-frame-outer{z-index:3!important}

/* Top term pill: the supplied component already has its glow and dot. */
.svc32-term{
 position:absolute!important;z-index:6!important;
 top:10.6%!important;left:14.5%!important;width:36%!important;height:9.8%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:0 3.5% 0 8.5%!important;
 color:var(--site-accent,#8f83ff)!important;
 font-family:var(--tron-font,'Montserrat',sans-serif)!important;
 font-size:clamp(7px,3.0cqi,13px)!important;
 line-height:1!important;font-weight:800!important;letter-spacing:.10em!important;text-transform:uppercase!important;
 white-space:nowrap!important;
}
.svc32-term>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none!important;z-index:-1!important}

.svc32-title{
 position:absolute!important;z-index:6!important;
 top:19.2%!important;left:15.2%!important;width:66.5%!important;
 display:block!important;
 margin:0!important;padding:0!important;
 color:#faf9ff!important;
 font-family:var(--tron-font,'Montserrat',sans-serif)!important;
 font-size:clamp(12px,6.35cqi,28px)!important;
 line-height:1.05!important;font-weight:850!important;letter-spacing:-.045em!important;
 text-align:left!important;
 text-shadow:0 2px 10px rgba(186,179,255,.19)!important;
 overflow-wrap:normal!important;word-break:normal!important;
}
.tron-service-card-v32.is-recommended .svc32-title{width:64%!important}

/* Icon sits on the illuminated pedestal contained in the supplied atmosphere image. */
.svc32-icon-stage{
 position:absolute!important;z-index:6!important;
 top:34.0%!important;left:27.5%!important;width:45%!important;height:28%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 margin:0!important;padding:0!important;overflow:visible!important;
}
.svc32-service-icon{display:block!important;max-width:86%!important;max-height:86%!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.28))!important}
.svc32-icon-stage-empty{opacity:0!important}

.svc32-price-stack{
 position:absolute!important;z-index:6!important;
 top:65.3%!important;left:15.0%!important;width:70%!important;min-height:12%!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
 margin:0!important;padding:0!important;text-align:left!important;
}
.svc32-old-price{
 display:block!important;margin:0 0 .8cqi!important;padding:0!important;
 color:#817e91!important;text-decoration:line-through!important;text-decoration-thickness:1.5px!important;
 font:700 clamp(9px,4.2cqi,18px)/1 var(--tron-font,'Montserrat',sans-serif)!important;
 letter-spacing:-.03em!important;
}
.svc32-price{
 display:block!important;margin:0!important;padding:0!important;
 color:#f8f7ff!important;
 font-family:var(--tron-font,'Montserrat',sans-serif)!important;
 font-size:clamp(24px,13.8cqi,59px)!important;
 line-height:.88!important;font-weight:850!important;letter-spacing:-.065em!important;
 white-space:nowrap!important;
 text-shadow:0 2px 14px rgba(160,150,255,.16)!important;
}
.svc32-timer{margin-top:1.4cqi!important;max-width:100%!important;font-size:clamp(7px,2.7cqi,12px)!important}

/* CTA uses the exact supplied button plate. No arrow is added. */
.svc32-cta{
 position:absolute!important;z-index:7!important;
 left:11.2%!important;bottom:8.5%!important;width:77.5%!important;height:15.5%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:0 8%!important;
 color:#fff!important;
 font-family:var(--tron-font,'Montserrat',sans-serif)!important;
 font-size:clamp(9px,3.9cqi,18px)!important;
 line-height:1!important;font-weight:850!important;letter-spacing:-.02em!important;text-align:center!important;
 white-space:nowrap!important;
}
.svc32-cta>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none!important;z-index:-1!important}

/* Only Performance gets the owner's recommendation ribbon. Text is baked into that supplied asset. */
.svc32-recommended-ribbon{
 position:absolute!important;z-index:8!important;
 top:2.8%!important;right:4.2%!important;width:14.5%!important;height:auto!important;
 display:block!important;object-fit:contain!important;pointer-events:none!important;user-select:none!important;
}

/* Individual service page: same card, not a different pricing widget. */
.service-price-layout{grid-template-columns:minmax(0,1fr) minmax(330px,430px)!important;gap:42px!important;align-items:center!important}
.service-price-layout>.service-page-card-v32{width:min(100%,430px)!important;justify-self:end!important}

/* Old card-specific nodes no longer exist; ensure old decorative pseudo layers cannot leak into V32 cards. */
.tron-service-card-v32::before,.tron-service-card-v32::after{content:none!important}

@media(max-width:900px){
 #pricing.pricing-v32 .container{width:min(calc(100% - 20px),1240px)!important}
 #pricing.pricing-v32 .service-card-grid-v32,.service-link-grid.service-card-grid-v32{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 0!important}
 .service-card-grid-v32>.tron-service-card-v32,
 .service-card-grid-v32>.tron-service-card-v32:nth-child(4):not(:last-child),
 .service-card-grid-v32>.tron-service-card-v32:nth-child(5),
 .service-card-grid-v32>.tron-service-card-v32:nth-child(4):last-child{grid-column:auto!important}
 .service-price-layout{grid-template-columns:1fr!important;gap:20px!important}
 .service-price-layout>.service-page-card-v32{width:min(100%,420px)!important;justify-self:center!important}
}

@media(max-width:560px){
 #pricing.pricing-v32 .container,.service-crosssell .container,.service-price-block .container{width:min(calc(100% - 12px),1240px)!important}
 .tron-service-card-v32:hover{transform:none!important;filter:none!important}
 .svc32-term{font-size:clamp(6.5px,3.45cqi,10px)!important;letter-spacing:.075em!important}
 .svc32-title{font-size:clamp(11px,6.8cqi,18px)!important}
 .svc32-price{font-size:clamp(23px,13.8cqi,36px)!important}
 .svc32-old-price{font-size:clamp(8px,4.2cqi,12px)!important}
 .svc32-cta{font-size:clamp(8px,4.45cqi,12px)!important}
 .svc32-recommended-ribbon{right:3.0%!important;width:16%!important}
}