/* Preview-only polish: narrower hero using uploaded ShopBanner image */
.asap-preview-composite .container{max-width:1180px}

.asap-site-preview .asp3-hero{padding:58px 0 52px;min-height:540px}
.asap-site-preview .asp3-hero__grid{grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}
.asap-site-preview .asp3-hero h1{max-width:590px;font-size:clamp(43px,4vw,60px)}
.asap-site-preview .asp3-hero__copy>p{max-width:565px;font-size:17px}
.asap-site-preview .asp3-trust{max-width:610px;gap:14px;margin-top:30px}

.asap-site-preview .asp3-visual--image{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%;max-width:545px;min-height:auto;margin-left:auto;isolation:isolate}
.asap-site-preview .asp3-visual--image:before{content:"";position:absolute;z-index:0;left:52%;top:50%;width:500px;height:400px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(22,111,232,.22) 0%,rgba(16,77,169,.10) 48%,rgba(5,37,91,0) 72%);pointer-events:none}
.asap-site-preview .asp3-hero-banner-image{position:relative;z-index:1;display:block;width:100%;max-width:520px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 38px rgba(0,22,60,.28))}

/* Brighter 3D treatment for preview-only cards */
.asap-preview-composite .asap-trust-band{background:linear-gradient(180deg,#ffffff 0%,#f5faff 100%);box-shadow:0 16px 38px rgba(14,70,125,.10)}
.asap-preview-composite .asap-trust-band__item{position:relative;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);box-shadow:inset 0 1px 0 #fff;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.asap-preview-composite .asap-trust-band__item:hover{z-index:2;transform:translateY(-4px);background:#fff;box-shadow:0 14px 32px rgba(29,105,180,.15),inset 0 1px 0 #fff}
.asap-preview-composite .asap-trust-band__item i{background:linear-gradient(145deg,#f7fbff,#dceeff);box-shadow:0 8px 18px rgba(24,112,201,.16),inset 0 1px 0 rgba(255,255,255,.95)}

.asap-preview-composite .asap-services__cards>div{position:relative;overflow:hidden;border:1px solid rgba(116,187,255,.22);background:linear-gradient(145deg,#193f69 0%,#214f7d 55%,#285d8e 100%);box-shadow:0 18px 40px rgba(0,23,54,.22),inset 0 1px 0 rgba(255,255,255,.10);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.asap-preview-composite .asap-services__cards>div:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 35%);pointer-events:none}
.asap-preview-composite .asap-services__cards>div:hover{transform:translateY(-6px);border-color:rgba(96,190,255,.50);box-shadow:0 24px 52px rgba(0,30,70,.32),0 0 26px rgba(31,139,234,.14),inset 0 1px 0 rgba(255,255,255,.14)}
.asap-preview-composite .asap-services__cards>div i{position:relative;background:linear-gradient(145deg,#fff,#e8f4ff);box-shadow:0 9px 20px rgba(0,0,0,.16),inset 0 1px 0 #fff}
.asap-preview-composite .asap-services__cards>div strong{position:relative;color:#fff}
.asap-preview-composite .asap-services__cards>div span{position:relative;color:#c9d9ea}

.asap-preview-composite .asap-why__visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#0e4f88 0%,#1769ad 58%,#1f78c2 100%);box-shadow:0 24px 56px rgba(16,73,131,.22),inset 0 1px 0 rgba(255,255,255,.14)}
.asap-preview-composite .asap-why__visual:before{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(99,190,255,.34),rgba(99,190,255,0) 70%)}
.asap-preview-composite .asap-why__quote{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 38px rgba(0,31,72,.18),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(10px)}

.asap-preview-composite .asap-why__point{position:relative;border:1px solid #e2eef9;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 14px 30px rgba(23,78,129,.10),inset 0 1px 0 #fff;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.asap-preview-composite .asap-why__point:hover{transform:translateY(-5px);border-color:#c8e5fb;box-shadow:0 22px 44px rgba(23,100,170,.16),0 0 24px rgba(54,155,240,.08),inset 0 1px 0 #fff}
.asap-preview-composite .asap-why__point:before{content:"✓";display:grid;place-items:center;position:absolute;left:20px;top:21px;width:34px;height:34px;border-radius:50%;color:#0877df;font-weight:900;background:linear-gradient(145deg,#f8fcff,#dceeff);box-shadow:0 8px 18px rgba(22,119,210,.16),inset 0 1px 0 #fff}
.asap-preview-composite .asap-why__point strong,.asap-preview-composite .asap-why__point span{display:block;padding-left:54px}

@media(max-width:1100px){
  .asap-site-preview .asp3-hero__grid{grid-template-columns:1fr;gap:26px}
  .asap-site-preview .asp3-visual--image{max-width:600px;margin:0 auto;justify-content:center}
  .asap-site-preview .asp3-hero__copy{max-width:760px}
}
@media(max-width:680px){
  .asap-site-preview .asp3-hero{padding:42px 0 44px}
  .asap-site-preview .asp3-hero h1{font-size:38px}
  .asap-site-preview .asp3-hero__copy>p{font-size:15px}
  .asap-site-preview .asp3-trust{grid-template-columns:1fr;gap:12px}
  .asap-site-preview .asp3-visual--image{max-width:100%}
  .asap-site-preview .asp3-hero-banner-image{max-width:100%}
  .asap-preview-composite .asap-why__point strong,.asap-preview-composite .asap-why__point span{padding-left:48px}
}