:root{--navy:#060631;--navy2:#0d0d48;--tile:#22225e;--red:#ed1c24;--white:#fff;--green:#08d98a;--line:#f0f0f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--navy);color:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.container{width:min(1320px,92%);margin:auto}
.header-top{height:118px;background:#fff;color:#101044}.header-top-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:190px;height:96px;object-fit:contain}.top-contact{display:flex;gap:62px;align-items:center}.top-contact>*{display:flex;align-items:center;gap:12px;font-size:17px}.circle{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:18px}
.nav-bar{height:96px;background:var(--navy);position:sticky;top:0;z-index:100;box-shadow:0 3px 15px #0002}.nav-inner{height:100%;display:flex;align-items:center;gap:32px}#mainNav{display:flex;align-items:center;gap:36px;margin-right:auto}#mainNav>a,.dropdown>a{font-size:17px;padding:33px 0;position:relative}#mainNav>a.active{color:var(--red)}#mainNav>a.active:after{content:"";position:absolute;left:-16px;right:-16px;bottom:19px;height:3px;background:#fff}.dropdown{position:relative}.dropdown-menu{position:absolute;top:65px;left:-20px;width:280px;background:#fff;color:#111;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;box-shadow:0 18px 40px #0004}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:9px 11px;border-bottom:1px solid #eee;font-size:13px}.contact-pill{display:inline-flex;padding:13px 28px;border-radius:18px;background:var(--tile);color:#fff;font-weight:800;letter-spacing:1px;box-shadow:0 7px 16px #0004}.socials,.footer-social{display:flex;gap:10px}.socials span,.footer-social span{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:var(--tile);font-weight:800}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.video-hero{height:570px;background:#000;overflow:hidden}.video-hero video{width:100%;height:100%;object-fit:cover;display:block}
.navy-section{background:var(--navy);padding:80px 0}.dual-buttons{display:flex;justify-content:center;gap:26px;margin:-35px 0 65px}.dual-buttons a{min-width:260px;text-align:center;padding:20px;background:var(--tile);border-radius:18px;font-weight:800}.ref-title{font-size:46px;text-align:center;font-weight:400;margin:0 0 60px}.adv-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1.25fr;align-items:center;gap:22px;text-align:center}.adv-equation b{font-size:28px}.adv-icon{width:66px;height:66px;border-radius:25px;background:linear-gradient(#fff,#eee);color:var(--navy);display:grid;place-items:center;margin:auto;font-size:28px;box-shadow:0 7px 14px #0004}.adv-equation p{font-size:16px;line-height:1.1}.adv-logo{background:linear-gradient(#fff,#eee);border-radius:30px;padding:15px}.adv-logo img{width:150px;height:90px;object-fit:contain}.line{height:2px;background:#fff;opacity:.9;margin:80px auto 0;width:84%}
.centered{text-align:center;max-width:900px}.about-ref p{font-size:18px;max-width:760px;margin:0 auto 10px}.services-ref{padding-top:50px}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 28px}.ref-card{border:1px solid #fff;border-radius:38px;padding:25px 25px 28px;background:transparent;min-height:440px;transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.ref-card:hover{transform:translateY(-10px);background:#09093b;box-shadow:0 18px 38px #0004}.ref-card-img{height:205px;display:block;border-radius:28px;overflow:hidden}.ref-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.ref-card:hover img{transform:scale(1.07)}.ref-card-copy{text-align:center;padding:20px 5px 0}.ref-card-copy h3{font-size:21px;margin:0 0 12px}.ref-card-copy p{font-size:15px;margin:0 0 14px;color:#eee}.ref-card-copy>a{font-size:13px;color:#fff;opacity:.8}
.client-row{display:grid;grid-template-columns:repeat(7,1fr);gap:26px}.client-row div{height:120px;border-radius:28px;background:linear-gradient(#fff,#f2f2f2);color:#888;display:grid;place-items:center;font-weight:800;box-shadow:0 6px 14px #0004}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial-grid article{background:#02021d;border-radius:35px;padding:38px 28px;text-align:center;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}.testimonial-grid p{font-size:17px}.avatar{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;margin:20px 0 8px;font-weight:900}.testimonial-grid small{display:block;color:#ddd}
.inner-ref{min-height:600px;background:var(--navy);padding:90px 0}.inner-ref h1{font-size:52px;text-align:center;margin:0 0 55px}.inner-ref h2{font-size:36px}.narrow{max-width:900px}.inner-ref p,.inner-ref li{font-size:17px;color:#eee}.inner-ref .ref-grid{margin-top:40px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid h1{text-align:left}.ref-form{display:grid;gap:13px}.ref-form input,.ref-form select,.ref-form textarea{padding:15px;border:1px solid #ffffff55;background:#101047;color:#fff;font:inherit;border-radius:7px}.ref-form textarea{min-height:130px}.ref-form button{padding:15px;background:var(--tile);color:#fff;border:0;border-radius:10px;font-weight:800}
.service-ref-hero{height:470px;position:relative;display:flex;align-items:end;overflow:hidden}.service-ref-hero>img,.service-ref-hero .shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-ref-hero .shade{background:linear-gradient(90deg,#060631dd,#06063155)}.service-ref-hero .container{position:relative;z-index:2;padding-bottom:55px}.service-ref-hero h1{font-size:60px;margin:0}
.ref-footer{background:#02021d;padding:55px 0 20px}.footer-rule{height:1px;background:#fff;opacity:.8;margin-bottom:48px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .9fr 1.2fr;gap:55px}.footer-logo-box{width:180px;height:125px;border-radius:30px;background:linear-gradient(#fff,#eee);display:grid;place-items:center;margin-bottom:25px}.footer-logo-box img{width:155px;height:100px;object-fit:contain}.footer-about p{font-size:14px;max-width:330px}.footer-grid h4{font-size:17px}.footer-grid a{display:block;margin:11px 0;font-size:14px}.footer-grid p{font-size:14px}.footer-social{justify-content:center;margin-top:35px}.footer-bottom{border-top:1px solid #fff;margin-top:35px;padding-top:28px;text-align:center;font-size:14px}.float-actions{position:fixed;right:28px;bottom:25px;z-index:300;display:grid;gap:10px}.float-actions a{width:49px;height:49px;border-radius:14px;background:var(--green);display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 8px 20px #0004}
.reveal,.reveal-card{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible,.reveal-card.visible{opacity:1;transform:none}
@media(max-width:1100px){.ref-grid{grid-template-columns:repeat(2,1fr)}.adv-equation{grid-template-columns:repeat(3,1fr)}.adv-equation>b{display:none}.client-row{grid-template-columns:repeat(4,1fr)}.top-contact{gap:20px}}
@media(max-width:820px){.header-top{height:90px}.brand img{width:160px;height:75px}.top-contact a:nth-child(2),.top-contact div{display:none}.nav-bar{height:76px}.menu-toggle{display:block}#mainNav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:20px 5%;flex-direction:column;align-items:flex-start;gap:0}#mainNav.open{display:flex}#mainNav>a,.dropdown>a{padding:9px 0}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;display:block;background:transparent;color:#fff;box-shadow:none;border:0}.contact-pill,.socials{display:none}.video-hero{height:480px}.testimonial-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.client-row{grid-template-columns:repeat(3,1fr)}.footer-logo-box{margin:auto}.footer-about{text-align:center}}
@media(max-width:560px){.video-hero{height:380px}.navy-section{padding:60px 0}.dual-buttons{display:grid;grid-template-columns:1fr;margin-top:-25px}.dual-buttons a{min-width:0}.ref-title{font-size:38px}.adv-equation,.ref-grid,.client-row{grid-template-columns:1fr}.ref-card{min-height:0}.ref-card-img{height:220px}.service-ref-hero h1{font-size:43px}}

.socials a,.footer-social a{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:var(--tile);transition:.25s}.socials a:hover,.footer-social a:hover{transform:translateY(-3px);background:#303077}.social-icon svg{width:18px;height:18px;fill:#fff}.float-actions a svg{width:25px;height:25px;fill:#fff}.float-actions a{transition:.25s}.float-actions a:hover{transform:translateY(-4px) scale(1.04)}
.adv-equation{display:flex!important;align-items:center;justify-content:center;gap:18px!important;flex-wrap:nowrap!important}.adv-unit{min-width:100px;text-align:center}.adv-unit .adv-icon{font-size:16px;font-weight:900}.adv-unit p{min-height:38px}.math{font-size:24px}.adv-logo{min-width:165px}
.client-marquee{overflow:hidden;width:100%;padding:12px 0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.client-track{display:flex;width:max-content;gap:26px;animation:haqqClients 24s linear infinite;will-change:transform}.client-track:hover{animation-play-state:paused}.client-chip{flex:0 0 180px;height:120px;border-radius:28px;background:linear-gradient(#fff,#f2f2f2);color:#888;display:grid;place-items:center;font-weight:800;box-shadow:0 6px 14px #0004}@keyframes haqqClients{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 13px))}}
.ref-card{transform-origin:center;will-change:transform;transition:transform .45s cubic-bezier(.2,.75,.2,1),background .35s,box-shadow .45s,border-color .35s}.ref-card:hover{transform:translateY(-12px) scale(1.015);background:#09093b;box-shadow:0 24px 50px #0007;border-color:#ffffffdd}.ref-card-img img{transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .4s}.ref-card:hover .ref-card-img img{transform:scale(1.08);filter:saturate(1.05)}.ref-card-copy h3,.ref-card-copy>a{transition:transform .35s}.ref-card:hover .ref-card-copy h3{transform:translateY(-2px)}.ref-card:hover .ref-card-copy>a{display:inline-block;transform:translateX(5px)}
@media(max-width:1100px){.adv-equation{flex-wrap:wrap!important}.math{display:none}.adv-unit,.adv-logo{width:28%}}@media(max-width:560px){.adv-unit,.adv-logo{width:45%}.client-chip{flex-basis:150px;height:100px}.client-track{gap:18px;animation-duration:20s}}

.ref-footer .footer-grid p a{color:#fff;word-break:break-word;transition:color .2s ease}
.ref-footer .footer-grid p a:hover{color:#b9b9ff}
.footer-social{display:flex!important;justify-content:center!important;gap:10px!important;margin-top:35px!important}

/* Footer alignment + complete services */
.footer-contact-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;margin:13px 0;font-size:14px;line-height:1.5}
.footer-contact-icon{width:22px;text-align:center;color:#fff}
.footer-contact-row a,.footer-contact-row>span:last-child{color:#fff;word-break:break-word}
.ref-footer .footer-grid>div:nth-child(3) a{font-size:13px;margin:7px 0}

/* Reference-style Google reviews section */
.google-reviews-ref{background:linear-gradient(180deg,#060631,#10094b);padding:80px 0 95px;color:#fff}
.google-review-layout{display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:center}
.google-rating{text-align:center}.google-rating strong{font-size:25px}.google-rating .stars,.review-stars{color:#fbbc04;font-size:27px;letter-spacing:2px}.google-rating p{margin:2px 0 10px}
.google-word{font-size:38px;font-weight:700;letter-spacing:-3px}.google-word span:nth-child(1),.google-word span:nth-child(4){color:#4285f4}.google-word span:nth-child(2),.google-word span:nth-child(6){color:#ea4335}.google-word span:nth-child(3){color:#fbbc05}.google-word span:nth-child(5){color:#34a853}
.google-review-window{position:relative;overflow:hidden}.google-review-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;transition:transform .45s ease}
.google-review-track article{background:#fff;color:#252525;border-radius:14px;padding:22px;min-height:245px;box-shadow:0 10px 24px #0002}.review-head{display:grid;grid-template-columns:44px 1fr 24px;gap:10px;align-items:center}.review-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eee;color:#555;font-weight:900}.review-head b,.review-head small{display:block}.review-head small{color:#777}.gmark{font-weight:900;color:#4285f4;font-size:22px}.review-stars{font-size:19px;margin:12px 0}.google-review-track p{font-size:15px;line-height:1.45}
.review-arrow{position:absolute;z-index:3;top:45%;width:38px;height:38px;border-radius:50%;border:1px solid #ccc;background:#fff;color:#555;font-size:28px;line-height:1;cursor:pointer}.review-arrow.prev{left:2px}.review-arrow.next{right:2px}
@media(max-width:900px){.google-review-layout{grid-template-columns:1fr}.google-review-track{grid-template-columns:1fr}.google-review-track article:nth-child(n+2){display:none}}

/* Final footer icon + alignment correction */
.footer-social{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:35px auto 0!important}
.footer-social .social-icon{width:44px!important;height:44px!important;border-radius:9px!important;background:#242461!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;transition:transform .25s ease,background .25s ease!important}
.footer-social .social-icon:hover{transform:translateY(-3px)!important;background:#34347c!important}
.footer-social .social-icon svg{width:19px!important;height:19px!important;fill:#fff!important;display:block!important}
.footer-contact-row{display:flex!important;align-items:flex-start!important;gap:13px!important;margin:15px 0!important;line-height:1.5!important}
.footer-contact-icon{flex:0 0 23px!important;width:23px!important;height:23px!important;display:grid!important;place-items:center!important;margin-top:1px!important}
.footer-contact-icon svg{width:17px!important;height:17px!important;fill:#fff!important;display:block!important}
.footer-contact-value{flex:1!important;min-width:0!important;color:#fff!important;font-size:14px!important;word-break:normal!important;overflow-wrap:anywhere!important}
.footer-contact-value a{color:#fff!important;display:inline!important;margin:0!important;padding:0!important}
.ref-footer .footer-grid>div:nth-child(4){min-width:0!important}
@media(max-width:820px){.footer-contact-row{max-width:480px}.footer-social{justify-content:flex-start!important}}

/* ===== Final testimonial + Google review carousel behavior ===== */
.testimonial-marquee{
  overflow:hidden;width:100%;
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}
.testimonial-track{
  display:flex;gap:32px;width:max-content;
  animation:haqqTestimonials 30s linear infinite;
  will-change:transform;
}
.testimonial-track:hover{animation-play-state:paused}
.testimonial-card{
  flex:0 0 380px;background:#02021d;border-radius:35px;padding:38px 28px;
  min-height:350px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;
}
.testimonial-card p{font-size:17px}
.testimonial-card small{display:block;color:#ddd}
@keyframes haqqTestimonials{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 16px))}
}

/* Google reviews: 3 visible, arrow navigation */
.google-review-window{overflow:hidden!important;padding:0 42px}
.google-review-track{
  display:flex!important;gap:18px!important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1)!important;
  will-change:transform;
}
.google-review-track article{
  flex:0 0 calc((100% - 36px)/3);
  min-width:calc((100% - 36px)/3);
}
.review-arrow{top:44%!important}
@media(max-width:900px){
  .testimonial-card{flex-basis:320px}
  .google-review-track article{flex:0 0 100%;min-width:100%;display:block!important}
}
@media(max-width:560px){
  .testimonial-card{flex-basis:285px;min-height:320px}
  .testimonial-track{gap:18px;animation-duration:24s}
}

/* ===== FINAL SPACING / ALIGNMENT POLISH ===== */

/* Keep all main reference sections visually consistent */
.navy-section{padding:72px 0!important}
.navy-section .container{width:min(1320px,88%)!important}

/* About section: remove excessive empty vertical space */
.about-ref{
  padding:72px 0 76px!important;
  min-height:auto!important;
}
.about-ref .centered{
  max-width:980px!important;
  width:88%!important;
  margin:0 auto!important;
}
.about-ref .ref-title{
  margin:0 0 38px!important;
  line-height:1.08!important;
}
.about-ref p{
  max-width:820px!important;
  margin:0 auto 14px!important;
  line-height:1.6!important;
}
.about-ref .line{
  width:88%!important;
  margin:68px auto 0!important;
}

/* Standardize separator spacing throughout homepage */
.services-ref .line,
.clients-ref .line{
  width:88%!important;
  margin:70px auto 0!important;
}

/* Section titles should use the same rhythm */
.services-ref .ref-title,
.clients-ref .ref-title,
.testimonials-ref .ref-title{
  margin-bottom:52px!important;
}

/* Services */
.services-ref{padding-top:70px!important;padding-bottom:74px!important}
.ref-grid{align-items:stretch!important}
.ref-card{height:100%!important}

/* Clients */
.clients-ref{padding-top:70px!important;padding-bottom:74px!important}
.client-marquee{margin-top:8px!important}

/* Testimonials */
.testimonials-ref{padding-top:70px!important;padding-bottom:78px!important}
.testimonial-marquee{margin-top:4px!important}

/* Google reviews: avoid large dead gap between testimonials/reviews/footer */
.google-reviews-ref{padding:72px 0 78px!important}

/* Footer */
.ref-footer{padding-top:50px!important}
.ref-footer .footer-rule{margin-bottom:42px!important}
.footer-grid{align-items:start!important}
.footer-bottom{margin-top:34px!important;padding-top:24px!important}

/* Responsive spacing */
@media(max-width:820px){
  .navy-section{padding:58px 0!important}
  .about-ref{padding:58px 0 62px!important}
  .about-ref .ref-title{margin-bottom:28px!important}
  .about-ref .line,.services-ref .line,.clients-ref .line{margin-top:52px!important}
  .services-ref,.clients-ref,.testimonials-ref,.google-reviews-ref{padding-top:58px!important;padding-bottom:62px!important}
}
@media(max-width:560px){
  .navy-section{padding:48px 0!important}
  .about-ref{padding:48px 0 52px!important}
  .about-ref .centered{width:92%!important}
  .about-ref p{font-size:16px!important;line-height:1.55!important}
  .about-ref .line{margin-top:42px!important}
  .services-ref,.clients-ref,.testimonials-ref,.google-reviews-ref{padding-top:48px!important;padding-bottom:54px!important}
}

/* ===== Reference-style top header icons + navigation dropdown ===== */
.top-contact{display:flex!important;align-items:center!important;gap:58px!important}
.top-contact>a,.top-contact>div{display:flex!important;align-items:center!important;gap:13px!important;white-space:nowrap!important}
.header-info-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;background:#08083c!important;display:grid!important;place-items:center!important;padding:0!important}
.header-info-icon svg{width:19px!important;height:19px!important;fill:#fff!important;display:block!important}
.top-contact b{font-size:17px!important;line-height:1!important;color:#101044!important}

#mainNav>a,.dropdown>a{position:relative!important}
#mainNav>a.active,.dropdown>a.active{color:#ed1c24!important}
#mainNav>a.active:after,.dropdown>a.active:after{
 content:""!important;position:absolute!important;left:-15px!important;right:-15px!important;
 bottom:18px!important;height:3px!important;background:#fff!important;
}
.dropdown-menu{
 width:340px!important;background:#08083c!important;color:#fff!important;
 border:0!important;padding:5px 16px 8px!important;
 box-shadow:0 12px 28px rgba(0,0,0,.45)!important;
 top:70px!important;left:-18px!important;
}
.dropdown-menu a{
 display:block!important;color:#fff!important;padding:7px 2px!important;
 border-bottom:0!important;font-size:16px!important;line-height:1.15!important;
 transition:color .2s ease,padding-left .2s ease!important;
}
.dropdown-menu a:hover{color:#ed1c24!important;padding-left:8px!important}
.dropdown>a small{font-size:12px!important;margin-left:5px!important}

/* Dropdown should remain usable when moving mouse from nav item into menu */
.dropdown{padding-bottom:0!important}
.dropdown:after{content:"";position:absolute;left:-20px;right:-20px;top:55px;height:20px}

/* Mobile */
@media(max-width:1100px){
 .top-contact{gap:22px!important}
 .top-contact b{font-size:14px!important}
 .header-info-icon{width:40px!important;height:40px!important;min-width:40px!important}
}
@media(max-width:820px){
 .top-contact>a:nth-child(2),.top-contact>div{display:none!important}
 .dropdown-menu{width:100%!important;position:static!important;background:#0b0b45!important;padding-left:18px!important;box-shadow:none!important}
 #mainNav>a.active:after,.dropdown>a.active:after{display:none!important}
}