.why-layout{display:grid;grid-template-columns:minmax(280px,38%) 1fr;gap:54px;align-items:stretch}
.why-left{display:flex;min-width:0;flex-direction:column}.why-image{flex:1;margin:0;min-height:520px;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 24px 50px rgba(6,43,53,.16)}
.why-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(6,43,53,.18));pointer-events:none}
.why-image img{display:block;width:100%;height:100%;object-fit:cover}
.why-content{display:flex;flex-direction:column;justify-content:center}
.why-content>h2{margin:0 0 30px;font-size:clamp(2.25rem,3.7vw,3.5rem);line-height:1.08}
.why .why-grid{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;align-content:center}
.why .why-grid article{padding:20px 8px;border-top:1px solid #c9e5e2}
.why .why-grid article>span{width:40px;height:40px}
.why .why-grid svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.why-security{display:grid;grid-template-columns:auto minmax(170px,.8fr) 1.2fr;gap:18px;align-items:center;margin-top:25px;padding:21px 22px;border:1px solid rgba(21,157,161,.18);border-radius:14px;background:linear-gradient(120deg,rgba(226,246,244,.9),rgba(255,255,255,.76));box-shadow:0 12px 28px rgba(7,92,104,.08)}
.why-security-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#0e7d86;color:#fff;box-shadow:0 9px 20px rgba(14,125,134,.2)}
.why-security-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.why-security-copy small{display:block;margin-bottom:6px;color:#168b91;font-size:9px;font-weight:800;letter-spacing:.13em}
.why-security-copy h3{margin:0 0 4px;font-size:15px;letter-spacing:-.02em}
.why-security-copy p{margin:0;color:#6a7f85;font-size:11px;line-height:1.45}
.why-security-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px}
.why-security-points span{position:relative;padding-left:18px;color:#36575e;font-size:11px;font-weight:600}
.why-security-points span:before{content:"✓";position:absolute;left:0;color:#119b94;font-weight:800}
@media(max-width:900px){.why-layout{grid-template-columns:1fr;gap:36px}.why-image{min-height:420px;max-height:540px}.why .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.why-content>h2{font-size:2.35rem}.why-image{min-height:360px}.why .why-grid{grid-template-columns:1fr}.why .why-grid article{padding:18px 4px}.why-security{grid-template-columns:auto 1fr;padding:18px}.why-security-points{grid-column:1/-1}.why-security-points span{font-size:10px}}
.industry-grid span{display:flex;align-items:center;gap:11px}
.industry-grid svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:var(--teal);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.phone-row span{display:flex;flex-direction:column;align-items:center}
.phone-row svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Transformation glass panel */
.transform{position:relative;isolation:isolate;overflow:hidden;margin-top:24px;padding:84px 7%;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:28px!important;background:linear-gradient(135deg,#052f3b 0%,#075c69 50%,#0d8d94 100%)!important;box-shadow:0 28px 70px rgba(3,52,63,.25)}
.transform:before,.transform:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.transform:before{width:340px;height:340px;top:-185px;right:19%;background:radial-gradient(circle,rgba(103,231,220,.42),rgba(103,231,220,0) 70%)}
.transform:after{width:290px;height:290px;left:-110px;bottom:-170px;background:radial-gradient(circle,rgba(57,175,207,.4),rgba(57,175,207,0) 70%)}
.transform-copy{position:relative;z-index:1}
.transform-copy .eyebrow{display:inline-flex;padding:8px 12px;margin-bottom:22px;border:1px solid rgba(188,246,240,.28);border-radius:999px;background:rgba(255,255,255,.09);color:#baf8f1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.transform .transform-copy h2{margin-bottom:20px;font-size:clamp(2.25rem,3.3vw,3.25rem);color:#fff}
.transform-copy>p:last-child{max-width:440px!important;margin:0;color:rgba(229,252,249,.78)!important;font-size:15px}
.transform .compare{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.18),0 24px 45px rgba(0,28,35,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.transform .compare:before{content:"→";position:absolute;z-index:3;left:50%;top:50%;width:38px;height:38px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#fff;color:#08727c;font-size:20px;font-weight:800;box-shadow:0 8px 24px rgba(1,39,47,.22)}
.transform .compare>div{min-height:300px;padding:30px 26px;border:1px solid rgba(255,255,255,.16);border-radius:15px;transition:transform .3s ease,background .3s ease}
.transform .compare>div:hover{transform:translateY(-5px)}
.transform .compare .before{background:rgba(3,39,49,.43);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.transform .compare .after{background:rgba(241,255,253,.9);color:#092f38;box-shadow:0 16px 32px rgba(0,46,55,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.transform .compare small{display:block;margin-bottom:18px;color:#9de9e3;font-weight:800;letter-spacing:.14em}
.transform .compare .after small{color:#087c83}
.transform .compare ul{margin:0;line-height:1.4}
.transform .compare li{display:flex;align-items:center;min-height:48px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.11)}
.transform .compare .after li{border-color:rgba(7,112,121,.12)}
.transform .compare li:last-child{border-bottom:0}
.transform .compare li:before{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;margin-right:11px;border-radius:7px;background:rgba(255,255,255,.1);color:#ffb5ad;font-size:14px}
.transform .compare .after li:before{background:rgba(17,159,155,.12);color:#078d87}
@media(max-width:900px){.transform{grid-template-columns:1fr;gap:38px;padding:64px 7%}.transform-copy>p:last-child{max-width:570px!important}}
@media(max-width:650px){.transform{margin:0 22px;padding:46px 20px;border-radius:22px!important}.transform .compare{grid-template-columns:1fr;padding:9px}.transform .compare:before{content:"↓"}.transform .compare>div{min-height:auto;padding:25px 21px}}