*{box-sizing:border-box}
:root{--navy:#092b59;--blue:#0864bd;--cyan:#12c9dc;--teal:#00aebd;--ink:#101d46}
html{scroll-behavior:smooth}
body{margin:0;padding:28px 18px;background:radial-gradient(ellipse at top,#078be7 0,#0065c9 34%,#dff8ff 100%);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.browser-shell{width:min(1380px,100%);margin:0 auto;background:#effcff;border:1px solid rgba(255,255,255,.9);border-radius:20px;overflow:hidden;box-shadow:0 22px 70px rgba(0,27,77,.28)}
.browser-bar{height:68px;background:#101010;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#eee}
.browser-dots{display:flex;gap:9px}.browser-dots i{width:15px;height:15px;border-radius:50%;background:#ff5e59}.browser-dots i:nth-child(2){background:#ffbd2e}.browser-dots i:nth-child(3){background:#28c840}
.address-bar{width:min(470px,48%);height:36px;border:1px solid #666;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;color:#ddd;font-size:13px;background:#171717}.lock{font-size:12px}
.browser-actions{display:flex;gap:20px;font-size:20px;color:#bbb}
.hero{position:relative;text-align:center;padding:35px 20px 25px;background:linear-gradient(180deg,#eafaff,#f8feff);overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;top:35px;width:100px;height:75px;opacity:.35;background-image:radial-gradient(#55b9eb 3px,transparent 3px);background-size:15px 15px}
.hero:before{left:35px}.hero:after{right:35px}
.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:3px;color:#1685c8}
.hero h1{position:relative;margin:12px 0 14px;font-size:clamp(35px,5.8vw,72px);line-height:1.03;letter-spacing:-2px;font-weight:800;color:#101b48}
.hero h1 span{color:#075bb5}
.title-line{height:5px;width:145px;margin:0 auto 19px;border-radius:8px;background:linear-gradient(90deg,#0878a8,#12d1d9)}
.main-nav{display:flex;justify-content:center;gap:30px;position:relative;z-index:1}
.main-nav a{font-size:13px;font-weight:700;color:#174d83;text-decoration:none;padding:8px 3px;border-bottom:2px solid transparent}
.main-nav a:hover{color:#008ebc;border-color:#00b9cf}
.solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 3.2% 32px;background:linear-gradient(180deg,#f8feff,#e9fbff)}
.solution-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:18px 18px 17px;background:rgba(255,255,255,.96);border:1px solid #b8eaf5;border-radius:16px;box-shadow:0 8px 22px rgba(13,84,130,.07)}
.logo-stage{height:225px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:linear-gradient(145deg,#f9feff,#fff);border-radius:12px}
.logo-stage img{display:block;max-width:95%;max-height:205px;width:100%;height:100%;object-fit:contain}
.solution-card h2{font-size:clamp(19px,2.1vw,27px);line-height:1.15;letter-spacing:-.7px;margin:10px 4px 8px;color:#111b47;min-height:60px}
.description{margin:0 4px 20px;color:#63728b;font-size:15px;line-height:1.5;min-height:46px}
.action-button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px 13px 20px;min-height:52px;border-radius:13px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;background:linear-gradient(100deg,#00617e,#00bfd0);box-shadow:0 5px 12px rgba(0,153,179,.18);transition:transform .2s,filter .2s}
.action-button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.action-button b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(0,47,92,.25);font-size:25px;line-height:1}
.info-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 3.2% 32px;background:#e9fbff}
.info-card{padding:24px;background:#fff;border:1px solid #c9eaf5;border-radius:15px}
.info-card h2{font-size:23px;color:#102653;margin:9px 0}
.info-card p{font-size:14px;color:#5e7189;line-height:1.7;margin:8px 0}
.contact-number{display:inline-block;margin-top:5px;color:#0873b9;font-size:18px;font-weight:800;text-decoration:none}
footer{text-align:center;padding:17px;background:#082d5b;color:#dcefff;font-size:12px}
@media(max-width:850px){body{padding:12px}.browser-bar{height:55px;padding:0 16px}.solutions{gap:12px;padding-left:2%;padding-right:2%}.solution-card{padding:12px}.logo-stage{height:170px}.logo-stage img{max-height:155px}.solution-card h2{font-size:19px;min-height:66px}.description{font-size:13px}}
@media(max-width:620px){body{padding:0;background:#eafaff}.browser-shell{border-radius:0;border:0}.browser-bar{height:48px}.browser-dots i{width:11px;height:11px}.address-bar{height:29px;font-size:11px}.browser-actions{font-size:16px;gap:10px}.hero{padding:32px 14px 18px}.hero h1{font-size:37px;letter-spacing:-1.2px}.hero:before,.hero:after{width:55px}.main-nav{gap:23px}.main-nav a{font-size:12px}.solutions{grid-template-columns:1fr;padding:14px 16px 24px;gap:15px}.solution-card{padding:17px}.logo-stage{height:190px}.logo-stage img{max-height:180px}.solution-card h2{font-size:23px;min-height:0}.description{min-height:0;font-size:14px}.info-sections{grid-template-columns:1fr;padding:0 16px 24px}.info-card{padding:20px}}