@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#102b49;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy:#082b4c;--blue:#0868a8;--gold:#efa915;--light:#f4f8fc;--text:#52647a;background:#fff;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{object-fit:cover;width:100%;display:block}section{scroll-margin-top:80px}::selection{color:#082b4c;background:#efa915}.navbar{z-index:100;background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:25px;min-height:76px;padding:14px 5%;display:flex;position:sticky;top:0}.brand{color:var(--navy);flex-shrink:0;align-items:center;gap:9px;display:flex}.brand>svg{color:var(--gold)}.brand span{flex-direction:column;display:flex}.brand strong{font-size:21px;font-weight:800}.brand small{font-size:12px;font-weight:600}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{font-size:13px;font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-button,.primary-button{background:var(--gold);color:var(--navy);border-radius:30px;justify-content:center;align-items:center;gap:9px;margin-right:2vw;padding:13px 22px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.nav-button:hover,.primary-button:hover{background:#ffc43d;transform:translateY(-2px)}.hero{color:#fff;background:linear-gradient(90deg,#041d31f5,#041d31c7 48%,#041d3133),url(/images/hero-banner.jpg) 50%/cover no-repeat;align-items:center;min-height:430px;padding:65px 6%;display:flex}.hero-content{max-width:590px}.eyebrow{color:#d99500;letter-spacing:2px;margin-bottom:14px;font-size:12px;font-weight:800;display:block}.hero .eyebrow{color:#ffc43d}.hero h1{letter-spacing:-1.7px;margin-bottom:20px;font-size:clamp(36px,5vw,58px);line-height:1.12}.hero p{color:#e3eaf0;max-width:490px;margin-bottom:26px;font-size:15px;line-height:1.8}.section{padding:75px 5%}.section-heading{text-align:center;max-width:620px;margin:0 auto 38px}.section-heading h2,.about-content h2,.contact-section h2{letter-spacing:-.8px;margin-bottom:14px;font-size:clamp(28px,3.5vw,39px);line-height:1.2}.section-heading p{color:var(--text);font-size:14px;line-height:1.8}.services-section{background:#fff}.services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;display:grid}.service-card{background:#fff;border:1px solid #e5ebf2;border-radius:10px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 5px 20px #082b4c09}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #082b4c1a}.service-icon{color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin:20px 16px 14px;display:grid}.blue{background:#0876bd}.gold{background:#d99a0c}.green{background:#168456}.cyan{background:#08a4b9}.orange{background:#f08b08}.service-card h3{margin-bottom:10px;padding:0 16px;font-size:16px;line-height:1.4}.service-card p{min-height:100px;color:var(--text);padding:0 16px;font-size:12px;line-height:1.8}.service-card>img{height:170px}.video-portfolio{flex-direction:column;display:flex;overflow:hidden}.video-wrapper{aspect-ratio:16/9;background:#000;width:100%;overflow:hidden}.video-wrapper video{object-fit:cover;width:100%;height:100%;display:block}.video-portfolio>div:last-child{flex:1}.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #00000014}.portfolio-content{padding:20px}.portfolio-content h3{margin-bottom:10px}.portfolio-content p{margin-bottom:15px;line-height:1.6}.explore-link{color:#c99a3b;font-weight:600;text-decoration:none}.explore-link:hover{text-decoration:underline}.logo{width:6vw;height:6vw}.learn-more{color:var(--blue);align-items:center;gap:7px;padding:16px;font-size:12px;font-weight:700;display:flex}.portfolio-section{background:var(--light)}.portfolio-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.portfolio-item{background:var(--navy);color:#fff;border-radius:7px;transition:transform .2s;overflow:hidden}.portfolio-item:hover{transform:translateY(-4px)}.portfolio-item>img{height:190px}.portfolio-item>div{padding:17px}.portfolio-item h3{margin-bottom:8px;font-size:14px;line-height:1.5}.portfolio-item span{color:#ffcc51;font-size:11px}.about-section{grid-template-columns:1.5fr .8fr;align-items:center;gap:65px;display:grid}.about-content p,.about-values p{color:var(--text);margin:15px 0 22px;font-size:14px;line-height:1.9}.outline-button{border:1px solid var(--blue);color:var(--blue);border-radius:30px;align-items:center;gap:9px;padding:12px 19px;font-size:13px;font-weight:700;display:inline-flex}.about-values{border-left:1px solid #dce5ee;padding-left:30px}.about-values>div{margin:20px 0}.about-values strong{font-size:15px}.contact-section{text-align:center;color:#fff;background:linear-gradient(#041d31e0, #041d31eb), url(/images/hero-banner.jpg) center/cover no-repeat, var(--navy);padding:70px 5%}.contact-section h2{max-width:650px;margin:0 auto 15px}.contact-section p{color:#d9e3ed;margin-bottom:25px;line-height:1.8}.footer{color:#fff;text-align:center;background:#052541;padding:35px 5%}.footer-brand{color:#fff;justify-content:center;margin-bottom:20px}.footer p{color:#cfdae5;margin-top:10px;font-size:12px;line-height:1.8}@media (width<=1100px){.services-grid,.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-links{gap:14px}}@media (width<=760px){.navbar{flex-wrap:wrap;justify-content:space-between}.nav-links{order:3;width:100%;padding:10px 0 4px;overflow-x:auto}.nav-links a{white-space:nowrap}.nav-button{padding:10px 13px;font-size:11px}.hero{background-position:50%;min-height:430px;padding:55px 6%}.hero h1{font-size:39px}.section{padding:55px 5%}.services-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card p{min-height:125px}.service-card>img,.portfolio-item>img{height:155px}.about-section{grid-template-columns:1fr;gap:25px}.about-values{border-top:1px solid #dce5ee;border-left:none;padding:20px 0 0}}@media (width<=440px){.brand strong{font-size:18px}.brand small{font-size:11px}.brand>svg{width:30px}.nav-button{padding:9px 11px}.hero h1{font-size:34px}.services-grid,.portfolio-grid{grid-template-columns:1fr}.service-card p{min-height:auto;padding-bottom:18px}.service-card>img,.portfolio-item>img{height:220px}}
