﻿/* Cloud Engineering follows the shared service-page and section patterns. */
.cloud-engineering-page .delivery-hero h1 { font-size:clamp(42px,4.5vw,66px); }
.cloud-engineering-page .delivery-solutions-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.cloud-engineering-page .delivery-solution { grid-column:span 2; padding:32px; }
.cloud-engineering-page .delivery-solution:nth-child(n+7) { grid-column:span 3; }
.cloud-engineering-page .delivery-solution h3 { font-size:27px; }
.cloud-partner { display:flex; align-items:center; gap:22px; margin-top:30px; }
.cloud-partner img { width:142px; height:100px; object-fit:contain; background:#fff; border-radius:8px; padding:10px; }
.cloud-partner span { color:#fff; font-size:16px; font-weight:700; }
.cloud-partner p { color:#c5d5e5; font-size:13px; margin:5px 0 0; }
.cloud-banner { background:#e5f2e9; padding:65px 0; }
.cloud-banner > .container { display:flex; justify-content:space-between; align-items:center; gap:55px; }
.cloud-banner-copy { max-width:820px; }
.cloud-banner h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.15; letter-spacing:-.04em; margin:0; }
.cloud-banner h2 span { color:#318c4c; }
.cloud-banner p { color:#00235a; margin:20px 0 0; font-size:17px; line-height:1.75; }
.cloud-banner .button { flex:none; }
@media(max-width:1050px){
 .cloud-engineering-page .delivery-solutions-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cloud-engineering-page .delivery-solution:nth-child(n) { grid-column:auto; }
}
@media(max-width:750px){
 .cloud-engineering-page .delivery-solutions-grid { grid-template-columns:1fr; }
 .cloud-engineering-page .delivery-solution { padding:30px; }
 .cloud-banner > .container { display:block; }
 .cloud-banner .button { margin-top:28px; }
 .cloud-partner { gap:16px; }
}
/* Hero partner panel. */
.cloud-engineering-page .cloud-partner {
  position:relative; isolation:isolate; overflow:hidden; width:fit-content; max-width:100%;
  gap:22px; padding:18px 25px 18px 18px; margin-top:32px;
  border:1px solid #ffffff26; border-left:3px solid #ff9900; border-radius:12px;
  background:linear-gradient(115deg,#ffffff0d,#ffffff03); box-shadow:0 12px 30px #00000014;
}
.cloud-partner-logo { flex:none; display:grid; place-items:center; width:110px; height:100px; background:#fff; border-radius:7px; }
.cloud-engineering-page .cloud-partner img { width:108px; height:82px; padding:5px; border-radius:0; background:transparent; }
.cloud-engineering-page .cloud-partner-label { display:block; color:#ffb54d; font-size:10px; letter-spacing:.13em; text-transform:uppercase; margin-bottom:8px; }
.cloud-partner-copy { position:relative; z-index:1; }
.cloud-partner-copy strong { display:block; font-size:19px; line-height:1.3; letter-spacing:-.02em; color:#fff; }
.cloud-engineering-page .cloud-partner p { font-size:12px; color:#b9ccdf; margin-top:8px; }
.cloud-partner-mark { position:absolute; right:-14px; bottom:-16px; font-size:100px; color:#ffffff04; z-index:-1; }
@media(max-width:480px){
 .cloud-engineering-page .cloud-partner { padding:15px; gap:16px; width:100%; }
 .cloud-partner-logo { width:94px; height:94px; }
 .cloud-engineering-page .cloud-partner img { width:90px; height:76px; }
 .cloud-partner-copy strong { font-size:18px; }
 .cloud-engineering-page .cloud-partner-label { font-size:9px; }
}
/* Keep the partner panel aligned with the site's navy and green theme. */
.cloud-engineering-page .cloud-partner { border-left-color:var(--green); }
.cloud-engineering-page .cloud-partner-label { color:#bde7c8; }
.cloud-engineering-page .cloud-partner-logo { background:transparent; }
/* Compact AWS partner treatment in the hero. */
.cloud-engineering-page .cloud-partner { padding:10px 16px 10px 12px; gap:14px; margin-top:24px; border-radius:8px; width:fit-content; }
.cloud-engineering-page .cloud-partner-logo { width:64px; height:64px; }
.cloud-engineering-page .cloud-partner img { width:64px; height:64px; padding:0; }
.cloud-engineering-page .cloud-partner-label { font-size:9px; margin-bottom:5px; }
.cloud-engineering-page .cloud-partner-copy strong { font-size:15px; line-height:1.25; }
.cloud-engineering-page .cloud-partner p { font-size:11px; margin-top:5px; }
.cloud-engineering-page .cloud-partner-mark { font-size:75px; }
/* Feature the AWS partnership in place of the hero artwork. */
.cloud-engineering-page .cloud-partner-feature {
  justify-self:center; align-self:center; margin:0; padding:38px;
  flex-direction:column; gap:24px; width:min(350px,100%); text-align:center;
  border:1px solid #ffffff26; border-top:3px solid var(--green); border-radius:16px;
  background:radial-gradient(ellipse at 50% 0%,#4aba6a12,transparent 70%),#ffffff04;
}
.cloud-engineering-page .cloud-partner-feature .cloud-partner-logo { width:150px; height:150px; }
.cloud-engineering-page .cloud-partner-feature img { width:150px; height:150px; }
.cloud-engineering-page .cloud-partner-feature .cloud-partner-label { font-size:11px; margin-bottom:12px; }
.cloud-engineering-page .cloud-partner-feature strong { font-size:25px; line-height:1.3; }
.cloud-engineering-page .cloud-partner-feature p { font-size:13px; margin-top:12px; }
.cloud-engineering-page .cloud-partner-feature .cloud-partner-mark { font-size:140px; }
@media(max-width:750px){
 .cloud-engineering-page .cloud-partner-feature { padding:26px; width:min(350px,100%); gap:18px; }
 .cloud-engineering-page .cloud-partner-feature .cloud-partner-logo,
 .cloud-engineering-page .cloud-partner-feature img { width:110px; height:110px; }
 .cloud-engineering-page .cloud-partner-feature strong { font-size:22px; }
}
/* Premium AWS hero feature: restrained framing and a focused credential. */
.cloud-engineering-page .cloud-partner-feature {
  display:block; position:relative; width:min(410px,100%); padding:28px 32px 0;
  text-align:left; border:1px solid #88b6b435; border-radius:22px;
  background:radial-gradient(ellipse at 50% 38%,#4aba6a12,transparent 60%),linear-gradient(145deg,#12385c90,#05264b80);
  box-shadow:0 28px 70px #00000026,inset 0 1px 0 #ffffff0b;
}
.partner-feature-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.partner-kicker { font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#a7c3d4; }
.partner-status { display:flex; align-items:center; gap:7px; font-size:10px; letter-spacing:.08em; color:#bde7c8; }
.partner-status i { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 12px #4aba6a60; }
.partner-badge-stage { position:relative; display:grid; place-items:center; margin:28px 0 26px; padding:22px 0; }
.partner-badge-stage::before { content:''; position:absolute; width:206px; height:206px; border-radius:50%; border:1px solid #88b6b41c; box-shadow:0 0 0 20px #88b6b405; }
.cloud-engineering-page .cloud-partner-feature .cloud-partner-logo,
.cloud-engineering-page .cloud-partner-feature img { width:148px; height:148px; position:relative; }
.cloud-engineering-page .cloud-partner-feature .cloud-partner-label { color:#a9dfb8; font-size:10px; letter-spacing:.16em; margin-bottom:12px; }
.cloud-engineering-page .cloud-partner-feature strong { font-size:34px; line-height:1.1; letter-spacing:-.035em; font-weight:700; }
.cloud-engineering-page .cloud-partner-feature p { font-size:13px; color:#afc4d7; margin:14px 0 26px; }
.partner-feature-bottom { display:flex; justify-content:space-between; gap:15px; padding:18px 0; border-top:1px solid #a6c8ce24; }
.cloud-engineering-page .partner-feature-bottom span { font-size:11px; font-weight:400; color:#b9cedb; }
@media(max-width:750px){
 .cloud-engineering-page .cloud-partner-feature { width:min(410px,100%); padding:24px 26px 0; }
 .cloud-engineering-page .cloud-partner-feature strong { font-size:30px; }
 .partner-badge-stage { margin:22px 0; }
 .cloud-engineering-page .cloud-partner-feature .cloud-partner-logo,
 .cloud-engineering-page .cloud-partner-feature img { width:130px; height:130px; }
 .partner-badge-stage::before { width:180px; height:180px; }
}
/* Compact premium partner panel. */
.cloud-engineering-page .cloud-partner-feature { width:min(350px,100%); padding:22px 26px 0; border-radius:18px; }
.cloud-engineering-page .cloud-partner-feature .partner-kicker { font-size:9px; letter-spacing:.13em; font-weight:600; }
.cloud-engineering-page .cloud-partner-feature .partner-status { font-size:10px; }
.cloud-engineering-page .cloud-partner-feature .partner-badge-stage { margin:18px 0; padding:12px 0; }
.cloud-engineering-page .cloud-partner-feature .cloud-partner-logo,
.cloud-engineering-page .cloud-partner-feature img { width:108px; height:108px; }
.cloud-engineering-page .partner-badge-stage::before { width:148px; height:148px; box-shadow:0 0 0 12px #88b6b405; }
.cloud-engineering-page .cloud-partner-feature .cloud-partner-label { font-size:9px; margin-bottom:9px; }
.cloud-engineering-page .cloud-partner-feature strong { font-size:27px; line-height:1.12; }
.cloud-engineering-page .cloud-partner-feature p { font-size:12px; margin:11px 0 20px; }
.cloud-engineering-page .partner-feature-bottom { padding:14px 0; }
.cloud-engineering-page .partner-feature-bottom span { font-size:10px; }
/* A green neon highlight travels around the partner panel perimeter. */
@property --partner-border-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.cloud-engineering-page .cloud-partner-feature::after {
  content:''; position:absolute; inset:0; z-index:2; pointer-events:none;
  padding:2px; border-radius:inherit;
  background:conic-gradient(from var(--partner-border-angle),transparent 0deg,transparent 260deg,#4aba6a55 300deg,#4aba6a 335deg,#bde7c8 350deg,transparent 360deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  filter:drop-shadow(0 0 5px #4aba6a);
  animation:partner-neon-orbit 6s linear infinite;
}
@keyframes partner-neon-orbit { to { --partner-border-angle:360deg; } }
@media(prefers-reduced-motion:reduce) {
  .cloud-engineering-page .cloud-partner-feature::after { animation:none; background:#4aba6a; }
}
/* Give the AWS credential greater prominence within the compact panel. */
.cloud-engineering-page .cloud-partner-feature .cloud-partner-logo,
.cloud-engineering-page .cloud-partner-feature img { width:150px; height:150px; }
.cloud-engineering-page .partner-badge-stage::before { width:184px; height:184px; }
.cloud-engineering-page .cloud-partner-feature .partner-kicker { font-size:15px; letter-spacing:.1em; font-weight:700; }
