*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0a2858;background:#fff}a{color:inherit}.shell{width:min(1400px,calc(100% - 84px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 12px #0016381c}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{display:block;width:230px;max-height:75px;object-fit:contain}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{text-decoration:none;font-weight:700;font-size:14px;padding:15px 0;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{border-color:#eb1023;color:#e30c20}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;border-radius:8px;padding:16px 25px;font-weight:700;font-size:15px}.button-red{background:#e40920;color:white}.button-red:hover{background:#b9081a}.hero{background:linear-gradient(110deg,#041c43 0%,#07356d 62%,#f3f7ff 100%);color:#fff;overflow:hidden}.hero-layout{display:grid;grid-template-columns:52% 48%;min-height:410px;align-items:stretch}.hero-copy{padding:44px 15px 46px 0;position:relative;z-index:1}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:13px}.eyebrow{color:#e8f1ff}.hero h1{font-size:clamp(38px,3.65vw,58px);line-height:1.06;letter-spacing:-1.5px;margin:16px 0 16px}.hero h2{font-size:21px;line-height:1.25;margin:0 0 14px}.hero p:not(.eyebrow){font-size:16px;line-height:1.55;max-width:710px}.hero .button{margin-top:8px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:24px 0 22px}.benefits>div{text-align:center;padding:5px 18px;border-right:1px solid #e0e7f0}.benefits>div:last-child{border:0}.benefits strong{display:block;font-size:16px}.benefits p{margin:7px auto 0;max-width:220px;font-size:13px;color:#526177;line-height:1.4}.benefit-icon{display:block;color:#0750a8;font-size:33px;font-weight:700;margin-bottom:9px}.details{background:#f3f9fd;padding:40px 0 50px}.two-column{display:grid;grid-template-columns:1.04fr .96fr;gap:42px}.engine{border-left:1px solid #a9c8e9;padding-left:42px}.section-kicker{color:#c71329;margin:0 0 8px}.details h2,.conversion h2{font-size:clamp(27px,2.2vw,36px);line-height:1.14;margin:0 0 10px;letter-spacing:-.7px}.section-intro{font-size:16px;color:#405978;line-height:1.5;margin:0 0 22px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{display:flex;gap:16px;min-height:150px;padding:20px 16px;background:#fff;border:1px solid #d7e4f1;border-radius:8px}.metric-symbol{color:#0050ae;font-size:37px;min-width:40px}.metric h3{font-size:28px;margin:0;color:#004c9e}.metric strong{display:block;color:#00479a;font-size:15px;margin:2px 0}.metric p{font-size:13px;line-height:1.45;margin:6px 0 0;color:#46546a}.steps{display:grid;gap:22px;margin-top:22px}.steps article{display:flex;gap:18px}.step-num{flex:none;width:40px;height:40px;border-radius:50%;background:#e00925;color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px}.steps h3{font-size:17px;color:#003e8c;margin:1px 0 6px}.steps p{margin:0;font-size:14px;color:#485770;line-height:1.5}.note{margin-top:23px;font-size:12px;color:#5d6b7b;line-height:1.5}.conversion{background:linear-gradient(125deg,#021b40,#064078);color:white;padding:38px 0 42px}.conversion-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;align-items:stretch}.conversion-main{padding:12px 25px 12px 0}.conversion-main .section-kicker{color:#ffb9c1}.conversion-main p{line-height:1.5;color:#e2efff}.conversion-main .button{margin:7px 0 10px}.conversion-main small{display:block;line-height:1.4}.product-card{text-align:center;border:1px solid #1765ae;background:#053366;border-radius:9px;padding:20px 16px}.product-card img{height:46px;max-width:175px;object-fit:contain;display:block;margin:0 auto 10px}.product-icon{font-size:38px;color:#fff}.product-card h3{font-size:17px;margin:7px 0}.product-card p{font-size:13px;line-height:1.45;min-height:38px;color:#e4ecf8}.product-card a{display:block;border:1px solid white;border-radius:5px;padding:10px;text-decoration:none;font-size:13px;font-weight:bold}.product-card a:hover{background:#fff;color:#06386f}.site-footer{background:#03152d;color:#dce6f5}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;padding:22px 0}.site-footer a{text-decoration:none}@media(max-width:1100px){.header-inner{flex-wrap:wrap;padding:10px 0}.main-nav{gap:19px}.header-cta{padding:12px}.hero-layout{grid-template-columns:56% 44%}.two-column{gap:22px}.engine{padding-left:22px}}@media(max-width:760px){.shell{width:min(100% - 36px,620px)}.header-inner{justify-content:center}.brand img{width:195px}.main-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:14px}.main-nav a{font-size:12px;padding:7px 0}.header-cta{font-size:12px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding:35px 0}.hero h1{font-size:38px}.benefits{grid-template-columns:repeat(2,1fr)}.benefits>div:nth-child(2){border:0}.two-column,.conversion-grid{grid-template-columns:1fr}.engine{border:0;border-top:1px solid #bdd4eb;padding:25px 0 0}.metric-grid{grid-template-columns:1fr}.metric{min-height:unset}.conversion-main{padding:0}.footer-inner{flex-direction:column;text-align:center}}

/* Phase 2: full-width integrated hero and approved-layout refinements */
.shell{width:min(1400px,calc(100% - 96px))}
.header-inner{min-height:88px}
.brand img{width:235px}
.hero{position:relative;background:#05234d;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background-image:none;background-repeat:no-repeat;background-size:auto 125%;background-position:right 46% center;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041c43 0%,#052653 26%,rgba(4,35,78,.94) 39%,rgba(4,35,78,.48) 56%,rgba(4,35,78,.03) 79%);z-index:-1}
.hero-layout{display:block;min-height:440px}
.hero-copy{width:min(650px,54%);padding:42px 0 45px}

.hero h1{font-size:clamp(40px,3.6vw,57px);letter-spacing:-1.4px}
.hero h2{font-size:20px}
.hero p:not(.eyebrow){max-width:620px}
.benefits{padding:27px 0}
.benefit-icon{font-size:38px}
.details{padding:44px 0 54px}
@media(max-width:900px){.hero::before{background-size:auto 100%;background-position:right -170px center}.hero::after{background:linear-gradient(90deg,#041c43 0%,rgba(4,28,67,.96) 52%,rgba(4,28,67,.5) 100%)}.hero-copy{width:min(650px,78%)}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.hero::before{background-size:auto 100%;background-position:65% center;opacity:.45}.hero::after{background:linear-gradient(90deg,rgba(4,28,67,.98),rgba(4,28,67,.78))}.hero-copy{width:100%;padding:36px 0 42px}.hero-layout{min-height:unset}.hero h1{font-size:clamp(34px,9vw,44px)}.hero h2{font-size:18px}.hero p:not(.eyebrow){font-size:15px}}

/* Phase 3: remove exposed right-hand gutter without stretching the photograph.
   The image layer occupies the entire right side and uses cover to fill it. */
@media (min-width:901px){
  .hero::before{inset:0 0 0 auto;width:63%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
  .hero::after{background:linear-gradient(90deg,#041c43 0%,#052653 28%,rgba(4,35,78,.96) 40%,rgba(4,35,78,.56) 54%,rgba(4,35,78,0) 75%);}
}
@media (min-width:761px) and (max-width:900px){
  .hero::before{inset:0 0 0 auto;width:65%;background-size:cover;background-position:center center;}
}


/* Approved large-logo gradient-blended product panels */
.conversion{background:linear-gradient(112deg,#041b3d 0%,#082f5b 60%,#0b4275 100%);padding:44px 0 48px}
.conversion-grid{grid-template-columns:1.28fr 1fr 1fr;gap:22px;align-items:stretch}
.conversion-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 22px 8px 0}
.conversion-main h2{font-size:clamp(29px,2.5vw,41px);line-height:1.13}
.conversion-main p{font-size:16px}
.conversion-main small{font-size:13px;color:#dce8f9}
.product-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:320px;padding:22px 24px 24px;border:1px solid #3980b8;border-radius:10px;background:#103f72}
.product-card::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(155deg,#245d91 0%,#08284d 82%)}
.product-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,24,55,.05) 0%,rgba(3,24,55,.22) 36%,rgba(3,24,55,.91) 100%)}
.product-card.desktop::before{background:radial-gradient(ellipse at 82% 26%,#5684ac 0%,transparent 53%),linear-gradient(125deg,#0b335d 0%,#133f70 48%,#051a36 100%)}
.product-card.cloud::before{background:radial-gradient(ellipse at 53% 22%,#8cbce6 0%,#356da1 40%,transparent 73%),linear-gradient(120deg,#174d82,#051e41)}
.product-card .product-art{position:relative;min-height:134px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.product-card .product-art::before{content:"";position:absolute;inset:10px 5% 0;background:radial-gradient(ellipse,#b2d9ff40,transparent 70%);filter:blur(5px)}
.product-card .product-art img{position:relative;display:block;width:88%;max-width:390px;height:auto;max-height:116px;object-fit:contain;filter:drop-shadow(0 8px 15px #001d40a8)}
.product-card.cloud .product-art img{width:82%;max-height:124px}
.product-card h3{position:relative;font-size:21px;line-height:1.2;margin:6px 0 9px;color:#fff}
.product-card p{position:relative;font-size:15px;line-height:1.45;min-height:65px;margin:0 0 18px;color:#f2f7ff}
.product-card a{margin-top:auto;text-align:center;font-size:15px;padding:13px 10px;border:2px solid #e4f2ff;background:#04244870}
.product-card a:hover{background:#fff;color:#052f61}
@media(max-width:1050px){.conversion-grid{grid-template-columns:1fr 1fr}.conversion-main{grid-column:1/-1}.product-card{min-height:300px}}
@media(max-width:760px){.conversion-grid{grid-template-columns:1fr}.conversion-main{grid-column:auto}.product-card{min-height:290px}.product-card .product-art{min-height:125px}}

/* Approved photographic panels: full bleed image and gradient, no postage stamp logos. */
.conversion{background:linear-gradient(108deg,#061d3e,#0a3666 75%,#104b80);padding:44px 0 48px}
.conversion-grid{grid-template-columns:1.03fr 1fr 1fr;gap:22px}
.product-card{background:#0b325d;min-height:370px;padding:0 28px 26px;overflow:hidden;border:1px solid #3677b0;border-radius:9px}
.product-card::before,.product-card::after,.product-card.desktop::before,.product-card.cloud::before{display:none}
.product-card .product-art{height:220px;min-height:220px;margin:0 -28px 4px;display:block;position:relative;background-size:cover;background-position:center top;background-repeat:no-repeat}
.product-card.desktop .product-art{background-image:linear-gradient(to bottom,transparent 50%,#0b325d 100%),url('../images/desktop-approved-photo.jpg')}
.product-card.cloud .product-art{background-image:linear-gradient(to bottom,transparent 50%,#0b325d 100%),url('../images/cloud-approved-photo.jpg')}
.product-card .product-art::before,.product-card .product-art img{display:none}
.product-card h3{font-size:22px;margin:0 0 10px}
.product-card p{font-size:16px;min-height:64px;margin:0 0 15px}
.product-card a{font-size:15px;padding:12px 10px}
@media(max-width:1100px){.conversion-grid{grid-template-columns:1fr 1fr}.conversion-main{grid-column:1/-1}}
@media(max-width:760px){.conversion-grid{grid-template-columns:1fr}.conversion-main{grid-column:auto}.product-card{min-height:unset}.product-card .product-art{height:195px;min-height:195px}}

/* Approved compact-logo photographic panels: source artwork contains full logos. */
.product-card .product-art{height:175px;min-height:175px;background-size:100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;}
.product-card.desktop .product-art{background-image:linear-gradient(to bottom,transparent 70%,#0b325d 100%),url('../images/desktop-approved-photo.jpg')!important;}
.product-card.cloud .product-art{background-image:linear-gradient(to bottom,transparent 70%,#0b325d 100%),url('../images/cloud-approved-photo.jpg')!important;}
@media(max-width:760px){.product-card .product-art{height:170px;min-height:170px}}