.pwa-architecture,.pwa-architecture *{box-sizing:border-box;letter-spacing:0}
.pwa-architecture{background:linear-gradient(135deg,#eaf3f5 0%,#f5f9fa 50%,#edf5f1 100%);color:#173743;font-family:Arial,sans-serif;height:auto!important;max-height:none!important;overflow:visible!important;padding:clamp(58px,7vw,100px) 20px;position:relative}
.pwa-architecture:before{background:linear-gradient(90deg,#1679b9,#1caf9c,#e79b55);content:"";height:4px;inset:0 0 auto;position:absolute}
.pwa-architecture__head{margin:0 auto 46px;max-width:800px;text-align:center}
.pwa-architecture__eyebrow{background:rgba(255,255,255,.75);border:1px solid rgba(19,118,135,.18);border-radius:99px;color:#157783;display:inline-block;font-size:12px;font-weight:800;padding:9px 15px;text-transform:uppercase}
.pwa-architecture__head h2{color:#173743!important;font-size:clamp(32px,4.9vw,56px);font-weight:800;line-height:1.1;margin:17px 0 14px;text-transform:none!important}
.pwa-architecture__head p{color:#58717c!important;font-size:16px;line-height:1.65;margin:0}
.pwa-architecture__grid{display:grid;gap:20px;grid-template-columns:repeat(6,minmax(0,1fr));margin:auto;max-width:1260px}
.pwa-architecture-card{--arch:#1579b8;--arch-light:#e5f4ff;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.92);border-radius:8px;box-shadow:0 18px 52px rgba(28,66,77,.11),inset 0 1px 0 #fff;display:flex;flex-direction:column;grid-column:span 2;min-width:0;padding:clamp(23px,3vw,31px);position:relative;transition:transform .25s,box-shadow .25s}
.pwa-architecture-card:nth-child(4),.pwa-architecture-card:nth-child(5){grid-column:span 3}
.pwa-architecture-card:hover{box-shadow:0 25px 62px rgba(28,66,77,.17);transform:translateY(-4px)}
.pwa-architecture-card:before{background:linear-gradient(90deg,var(--arch),transparent);border-radius:8px 8px 0 0;content:"";height:4px;inset:0 0 auto;position:absolute}
.pwa-architecture-card--teal{--arch:#168976;--arch-light:#e3f6f1}.pwa-architecture-card--coral{--arch:#d56d52;--arch-light:#fff0e9}.pwa-architecture-card--violet{--arch:#7763bb;--arch-light:#f0edff}.pwa-architecture-card--gold{--arch:#b98322;--arch-light:#fff5dc}
.pwa-architecture-card__top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:25px}
.pwa-architecture-card__icon{align-items:center;background:linear-gradient(145deg,var(--arch-light),rgba(255,255,255,.84));border:1px solid rgba(255,255,255,.9);border-radius:8px;box-shadow:0 9px 20px rgba(20,73,87,.09);color:var(--arch);display:flex;height:66px;justify-content:center;width:66px}
.pwa-architecture-card__icon svg{height:34px;width:34px}
.pwa-architecture-card__number{color:color-mix(in srgb,var(--arch) 35%,white);font-size:37px;font-weight:800;line-height:1}
.pwa-architecture-card h3{color:#193d49!important;font-size:clamp(21px,2vw,26px);line-height:1.22;margin:0 0 13px;text-transform:none!important}
.pwa-architecture-card p{color:#5c737c!important;font-size:14px;line-height:1.66;margin:0 0 20px}
.pwa-architecture-card ul{border-top:1px solid rgba(30,75,88,.1);list-style:none;margin:0 0 25px;padding:16px 0 0}
.pwa-architecture-card li{align-items:flex-start;color:#3d5d69;display:flex;font-size:13px;gap:9px;line-height:1.5;margin:0 0 8px;padding:0}
.pwa-architecture-card li svg{color:var(--arch);flex:none;height:17px;margin-top:1px;width:17px}
.pwa-architecture-card__cta{align-items:center;align-self:flex-start;background:linear-gradient(110deg,var(--arch),color-mix(in srgb,var(--arch) 72%,#148b90));border-radius:99px;box-shadow:0 10px 23px color-mix(in srgb,var(--arch) 20%,transparent);color:#fff!important;display:inline-flex;font-size:13px;font-weight:800;gap:10px;justify-content:center;line-height:1.3;margin-top:auto;min-height:44px;padding:11px 16px;text-decoration:none!important;transition:filter .2s,transform .2s}
.pwa-architecture-card__cta:hover{color:#fff!important;filter:brightness(1.07);transform:translateY(-2px)}
.pwa-architecture-card__cta:focus-visible{outline:3px solid #173743;outline-offset:3px}
.pwa-architecture-card__cta svg{height:17px;width:17px}
@media(max-width:1000px){.pwa-architecture__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pwa-architecture-card,.pwa-architecture-card:nth-child(4),.pwa-architecture-card:nth-child(5){grid-column:auto}.pwa-architecture-card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:650px){.pwa-architecture{padding-inline:14px}.pwa-architecture__grid{grid-template-columns:minmax(0,1fr)}.pwa-architecture-card,.pwa-architecture-card:last-child:nth-child(odd){grid-column:auto}.pwa-architecture-card__top{margin-bottom:19px}.pwa-architecture-card__icon{height:58px;width:58px}.pwa-architecture-card__icon svg{height:30px;width:30px}}
@media(prefers-reduced-motion:reduce){.pwa-architecture-card,.pwa-architecture-card__cta{transition:none}}
.elementor-widget-shortcode:has(.pwa-architecture),.elementor-widget-shortcode:has(.pwa-architecture)>.elementor-widget-container,.e-con:has(.pwa-architecture),.elementor-section:has(.pwa-architecture){height:auto!important;max-height:none!important;overflow:visible!important}

/* v2.1 image-led service cards and scroll-contained detail dialogs. */
.pwa-architecture-card{padding:0;overflow:hidden}
.pwa-architecture-card__image{aspect-ratio:16/10;background:linear-gradient(135deg,var(--arch),#b7d2d8);position:relative;overflow:hidden;width:100%}
.pwa-architecture-card__image img,.pwa-architecture-modal__hero img{display:block;height:100%;object-fit:cover;width:100%}
.pwa-architecture-card__image-fallback{align-items:center;background:linear-gradient(140deg,var(--arch),#accfce);color:rgba(255,255,255,.85);display:flex;height:100%;justify-content:center;width:100%}
.pwa-architecture-card__image-fallback svg{height:88px;width:88px}
.pwa-architecture-card__image-label{align-items:center;background:rgba(255,255,255,.88);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.92);border-radius:99px;bottom:15px;color:var(--arch);display:inline-flex;font-size:11px;font-weight:800;gap:7px;left:16px;padding:9px 13px;position:absolute}.pwa-architecture-card__image-label svg{height:17px;width:17px}
.pwa-architecture-card__body{display:flex;flex:1;flex-direction:column;padding:clamp(22px,3vw,29px)}
.pwa-architecture-card__body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pwa-architecture-card__cta{border:0;cursor:pointer;font-family:inherit;text-align:center}
.pwa-architecture-modal[aria-hidden=true]{display:none}
.pwa-architecture-modal,.pwa-architecture-modal *{box-sizing:border-box;letter-spacing:0}
.pwa-architecture-modal{align-items:center;display:flex;font-family:Arial,sans-serif;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2147483647}
.pwa-architecture-modal__shade{background:rgba(7,23,34,.78);backdrop-filter:blur(16px);inset:0;position:absolute}
.pwa-architecture-modal__panel{background:rgba(246,250,250,.97);border:1px solid rgba(255,255,255,.8);border-radius:8px;box-shadow:0 35px 100px rgba(0,0,0,.34);max-height:calc(100dvh - 40px);max-width:940px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%;-webkit-overflow-scrolling:touch}
.pwa-architecture-modal__close{align-items:center;background:rgba(255,255,255,.94);border:1px solid #d7e6e7;border-radius:50%;color:#183d49;cursor:pointer;display:flex;font-size:25px;height:42px;justify-content:center;position:absolute;right:16px;top:16px;width:42px;z-index:2}
.pwa-architecture-modal__hero{background:#23778e;height:clamp(220px,31vw,340px);overflow:hidden}.pwa-architecture-modal__hero .pwa-architecture-card__image-fallback svg{height:130px;width:130px}
.pwa-architecture-modal__content{padding:clamp(22px,4vw,44px)}
.pwa-architecture-modal__content h2{color:#173743!important;font-size:clamp(29px,4vw,46px);line-height:1.1;margin:12px 0 18px}.pwa-architecture-modal__details p{color:#536e79;font-size:16px;line-height:1.7;margin:0 0 13px}
.pwa-architecture-modal__services{background:rgba(255,255,255,.72);border:1px solid #fff;border-radius:8px;margin:25px 0;padding:23px}.pwa-architecture-modal__services h3,.pwa-architecture-modal__contact h3{color:#193c49!important;font-size:21px;margin:0 0 14px}.pwa-architecture-modal__services ul{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.pwa-architecture-modal__services li{align-items:flex-start;color:#435f69;display:flex;gap:9px;line-height:1.45}.pwa-architecture-modal__services li svg{color:#168a7b;flex:none;height:18px;width:18px}
.pwa-architecture-modal__contact{align-items:center;background:linear-gradient(125deg,#e5f3f5,#eaf4ef);border:1px solid #fff;border-radius:8px;display:flex;gap:20px;justify-content:space-between;padding:clamp(20px,3vw,30px)}.pwa-architecture-modal__contact p{color:#59727b;margin:0 0 11px}.pwa-architecture-modal__contact a{align-items:center;display:inline-flex;gap:8px}.pwa-architecture-modal__contact a svg{height:18px;width:18px}.pwa-architecture-modal__actions{align-items:flex-start;display:flex;flex-direction:column;gap:10px;min-width:150px}.pwa-architecture-modal__secondary{color:#167c82;font-size:13px;font-weight:800;text-decoration:none}.pwa-architecture-locked{overflow:hidden!important;position:fixed!important;width:100%}
@media(max-width:650px){.pwa-architecture-modal{padding:0}.pwa-architecture-modal__panel{border-radius:0;max-height:100dvh;min-height:100dvh}.pwa-architecture-modal__hero{height:235px}.pwa-architecture-modal__services ul{grid-template-columns:1fr}.pwa-architecture-modal__contact{align-items:stretch;flex-direction:column}.pwa-architecture-modal__actions{flex-direction:row;flex-wrap:wrap}}