.website-service-hero{overflow:hidden;background:radial-gradient(circle at 78% 32%,rgba(74,99,255,.18),transparent 36%),linear-gradient(180deg,#071126 0%,#091631 100%)}
.website-hero-device{min-width:0;padding:18px 0}
.laptop-frame{position:relative;width:100%;padding:10px 10px 0;border:1px solid rgba(195,208,255,.2);border-radius:16px 16px 8px 8px;background:linear-gradient(145deg,#26314a,#0d1423 48%,#39445d);box-shadow:0 24px 70px rgba(0,0,0,.4)}
.laptop-camera{position:absolute;z-index:2;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#65708a;transform:translateX(-50%)}
.laptop-screen{overflow:hidden;aspect-ratio:1.836/1;border:1px solid #050811;border-radius:8px 8px 3px 3px;background:#060b15}
.laptop-screen img{display:block;width:100%;height:100%;object-fit:cover}
.laptop-base{position:relative;left:50%;width:108%;height:12px;border-radius:2px 2px 14px 14px;background:linear-gradient(180deg,#8992a6,#283248);transform:translateX(-50%)}
.laptop-base::after{content:"";position:absolute;top:0;left:44%;width:12%;height:3px;border-radius:0 0 5px 5px;background:#172033}
.website-showcase-list{display:grid;gap:36px}
.website-showcase{display:grid;gap:28px;align-items:center;padding:clamp(22px,4vw,44px);overflow:hidden;border:1px solid rgba(142,162,215,.16);border-radius:28px;background:linear-gradient(145deg,rgba(18,37,77,.82),rgba(8,17,38,.96));box-shadow:0 24px 70px rgba(0,0,0,.18)}
.showcase-copy{max-width:560px}.showcase-copy h3{margin:13px 0 12px;font-size:clamp(1.7rem,4vw,2.55rem)}.showcase-copy p{color:var(--muted)}
.device-pair{position:relative;min-width:0;padding:8px 38px 14px 0}.device-pair .laptop-frame{width:92%}
.phone-frame{position:absolute;right:0;bottom:0;width:25%;min-width:84px;padding:7px;border:1px solid rgba(220,227,255,.35);border-radius:18px;background:linear-gradient(145deg,#35415a,#080d17 60%);box-shadow:0 18px 45px rgba(0,0,0,.55)}
.phone-speaker{position:absolute;z-index:2;top:4px;left:50%;width:24%;height:3px;border-radius:99px;background:#69748b;transform:translateX(-50%)}
.phone-screen{overflow:hidden;aspect-ratio:500/932;border-radius:12px;background:#050913}.phone-screen img{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:900px){.website-service-hero .page-hero-grid{grid-template-columns:.88fr 1.12fr}.website-showcase{grid-template-columns:.72fr 1.28fr;gap:50px}.website-showcase--reverse{grid-template-columns:1.28fr .72fr}.website-showcase--reverse .showcase-copy{order:2}.website-showcase--reverse .device-pair{order:1}}
@media(max-width:899px){.website-service-hero{padding-top:54px}.website-hero-device{margin-top:6px}.website-showcase-list{gap:20px}.website-showcase{border-radius:22px}.device-pair{padding-right:28px}.phone-frame{width:27%}}
@media(max-width:520px){.website-service-hero .lead{font-size:16px}.website-hero-device{padding:2px 4px 8px}.laptop-frame{padding:7px 7px 0;border-radius:11px 11px 5px 5px}.laptop-base{height:8px}.website-showcase{padding:20px 16px}.device-pair{padding:4px 22px 12px 0}.phone-frame{min-width:70px;padding:5px;border-radius:13px}.phone-screen{border-radius:9px}.showcase-copy h3{font-size:1.55rem}}