:root{--navy:#10283e;--dark:#0b2235;--blue:#2467a3;--blue2:#3788d2;--light:#f7fafc;--lblue:#eaf3f8;--mblue:#c6ddeb;--text:#53697a;--muted:#7a8996;--border:#dbe6ed;--white:#fff;--shadow:0 12px 30px rgba(16,40,62,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:white}img{max-width:100%}a{color:inherit}.shell{width:min(1360px,calc(100% - 64px));margin-inline:auto}.site-header{min-height:76px;background:#fff;border-bottom:1px solid rgba(16,40,62,.055);position:sticky;top:0;z-index:100}.header-inner{width:min(1400px,calc(100% - 72px));min-height:76px;margin:0 auto;padding:0;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center}.brand img{width:185px;height:auto;display:block}.desktop-nav{margin-left:auto;display:flex;gap:28px;align-items:center}.nav-link{font-size:11px;font-weight:650;letter-spacing:.2px;text-decoration:none;color:var(--navy);white-space:nowrap;position:relative}.nav-link:hover{opacity:.6}.nav-link.active:after{content:"";height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:-9px}.languages{display:flex;gap:5px;align-items:center;font-size:10px;font-weight:650;color:#7a8794}.languages a{text-decoration:none;position:relative}.languages a.active{color:var(--navy)}.languages a.active:after{content:"";height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:-9px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);margin:4px}.mobile-panel{display:none}
h1,h2,h3,p{margin-top:0}h2{font-size:clamp(29px,2.6vw,42px);line-height:1.12;letter-spacing:-1px;font-weight:700;margin-bottom:0}.kicker{font-size:10px;font-weight:700;line-height:1.2;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 13px;color:var(--muted)}.kicker.blue{color:var(--blue)}.kicker.light{color:rgba(255,255,255,.76)}
.hero{position:relative;min-height:540px;display:flex;align-items:center;background:var(--dark);overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,40,.98) 0%,rgba(6,25,40,.91) 31%,rgba(6,25,40,.58) 55%,rgba(6,25,40,.12) 82%)}.hero-inner{min-height:540px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{width:min(710px,61%);color:white}.hero h1{margin:0 0 21px;color:white;font-size:clamp(40px,4vw,60px);line-height:1.07;letter-spacing:-1.6px;font-weight:700}.hero-lead{max-width:650px;color:rgba(255,255,255,.92);font-size:16px;line-height:1.65;margin-bottom:29px}.btn{min-height:46px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:4px;border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.3px;text-decoration:none;box-shadow:none;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px)}.btn-light{background:white;color:var(--navy);border-color:#fff}.btn-light:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:var(--blue)}.action-top{margin-top:32px}.text-link{display:inline-block;margin-top:7px;color:var(--blue);font-size:11px;font-weight:800;text-decoration:none;letter-spacing:.35px}
.section{padding:66px 0}.white{background:white}.soft{background:#f7fafc}.glass-zone{position:relative;background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.65),transparent 28%),radial-gradient(circle at 90% 87%,rgba(36,103,163,.14),transparent 34%),linear-gradient(135deg,var(--lblue),var(--mblue))}.dark{background:linear-gradient(135deg,var(--navy),var(--dark));color:white}.navy{background:linear-gradient(135deg,#173f60,var(--navy));color:white}.dark h2,.navy h2{color:white}.two-col{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.copy{max-width:660px;color:var(--text);font-size:16px;line-height:1.72}.copy p{margin-bottom:16px}.light-copy{color:rgba(255,255,255,.84)}.heading-row{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:end;margin-bottom:30px}.heading-row>p,.heading-row>div>p:not(.kicker),.work-intro{color:var(--text);font-size:15px;line-height:1.68;margin:0 0 8px}.card-grid,.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.glass-card,.service-card,.number-card,.credential-card,.stat-card{border:1px solid rgba(255,255,255,.72);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.27));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 12px 28px rgba(16,40,62,.10);padding:24px;min-height:240px;transition:transform .20s ease,background .20s ease,box-shadow .20s ease}.glass-card{position:relative}.icon-badge{width:46px;height:46px;border-radius:50%;background:var(--blue);color:white;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:27px}.card-num{position:absolute;right:22px;top:20px;color:rgba(16,40,62,.18);font-size:26px;font-weight:850}.glass-card h3,.service-card h3{font-size:20px;margin-bottom:11px}.glass-card p,.service-card p,.number-card p,.credential-card p,.stat-card p{color:var(--text);font-size:14px;line-height:1.62}.glass-card a{display:inline-block;margin-top:12px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.5px;text-decoration:none}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.client-card{height:135px;border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:var(--shadow);padding:26px}.client-card img{max-width:85%;max-height:74px;object-fit:contain}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.number-card{min-height:150px}.number-card span,.service-card>span{color:var(--blue);font-size:11px;font-weight:850;letter-spacing:1px}.number-card h3{font-size:18px;margin:24px 0 0}.commit-box{margin-top:28px;padding:22px;border-left:3px solid var(--blue);background:#f7fafc}.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.credential-mark{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:1.2px;margin-bottom:28px}.credential-card h3{font-size:19px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{min-height:180px;background:white;border-color:var(--border)}.stat-card strong{display:block;color:var(--blue);font-size:26px;margin-bottom:12px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:225px}.service-card h3{margin-top:26px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:rgba(255,255,255,.58);box-shadow:var(--shadow)}.project-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#dce8ef}.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.project-card:hover img{transform:scale(1.025)}.project-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(6,25,40,.43))}.project-status{position:absolute;z-index:2;top:16px;left:16px;padding:8px 11px;border-radius:20px;font-size:10px;font-weight:850;text-transform:uppercase}.project-status.complete{background:#edf8f2;color:#174833}.project-status.progress{background:rgba(255,255,255,.93);color:var(--navy)}.project-number{position:absolute;z-index:2;right:17px;bottom:12px;color:white;font-size:32px;font-weight:850}.project-body{min-height:145px;padding:22px}.project-eyebrow{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:8px}.project-body h3{font-size:23px;margin-bottom:7px}.project-body>p:last-child{color:var(--text);font-size:13px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{margin:0;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.work-media{position:relative;aspect-ratio:4/3;overflow:hidden}.work-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.work-card:hover img{transform:scale(1.03)}.work-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(transparent,rgba(6,25,40,.4))}.work-media span{position:absolute;z-index:2;right:14px;bottom:11px;color:white;font-size:25px;font-weight:850}.work-card figcaption{padding:17px 18px 19px;min-height:98px;font-style:normal}.work-card small{display:block;color:var(--blue);font-size:9px;font-weight:850;letter-spacing:1.25px;text-transform:uppercase;margin-bottom:7px;font-style:normal}.work-card strong{display:block;color:var(--navy);font-size:16px;line-height:1.35;font-style:normal}.contact-intro{padding-bottom:40px}.contact-section{padding:20px 0 72px;background:#fff}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.contact-form,.contact-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#f8fbfd,#f1f6f9);box-shadow:var(--shadow)}.contact-form{padding:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;color:var(--navy);font-size:10px;font-weight:800;letter-spacing:.15px;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;border:1px solid #cddce6;border-radius:9px;background:white;padding:12px 13px;color:var(--navy);font:inherit;font-size:13px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,103,163,.10)}.consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;color:var(--text)!important;line-height:1.45}.consent input{width:auto;margin-top:2px}.honeypot{position:absolute;left:-10000px}.contact-card{padding:30px 28px}.contact-card h3{font-size:22px;margin-bottom:10px}.contact-card>p:not(.kicker):not(.markets){color:var(--text);font-size:13px;line-height:1.62}.contact-item{display:flex;gap:14px;align-items:center;margin:21px 0}.round{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.blue-bg{background:var(--blue)}.green-bg{background:#25D366}.contact-item small,.label{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:1px}.contact-item a{display:block;margin-top:3px;font-size:14px;font-weight:700;text-decoration:none}.contact-card hr{border:0;border-top:1px solid #dce5eb;margin:24px 0}.social-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.social-list a{color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}.markets{font-size:13px!important;font-weight:700;color:var(--navy)!important;margin-top:7px}
.site-footer{background:#091c2c;color:#fff;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.35fr .75fr .9fr .8fr;gap:55px;padding-bottom:50px}.footer-brand img{width:190px;filter:brightness(0) invert(1);margin-bottom:18px}.footer-brand p,.site-footer p{color:rgba(255,255,255,.7);font-size:13px;line-height:1.65}.site-footer h3{font-size:10px;letter-spacing:1.3px;margin:0 0 15px;color:#8ebce2}.site-footer>div a,.footer-grid>div>a{display:block;color:#fff;text-decoration:none;font-size:12px;margin:8px 0}.footer-social-title{margin-top:24px!important}.footer-social{display:flex;gap:12px;flex-wrap:wrap}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;color:rgba(255,255,255,.52);font-size:11px}
@media(max-width:1100px){.header-inner{padding-inline:24px;gap:18px}.brand img{width:170px}.desktop-nav{gap:14px}.nav-link{font-size:10px}.shell{width:calc(100% - 48px)}.two-col,.heading-row{gap:42px}.work-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.desktop-nav,.languages{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-panel{display:block;background:white;border-top:1px solid #edf1f4;position:absolute;left:0;right:0;box-shadow:0 15px 35px rgba(16,40,62,.15)}.mobile-panel[hidden]{display:none}.mobile-panel nav{display:flex;flex-direction:column;padding:14px 20px}.mobile-panel .nav-link{padding:12px 8px;font-size:11px}.mobile-languages{display:flex;gap:18px;padding:15px 8px 8px;border-top:1px solid #edf1f4}.mobile-languages a{text-decoration:none;font-size:11px;font-weight:800}.hero,.hero-inner{min-height:580px}.hero-copy{width:100%}.hero h1{font-size:36px}.section{padding:52px 0}.two-col,.heading-row{grid-template-columns:1fr;gap:24px}.card-grid,.service-grid,.number-grid,.credential-grid,.projects-grid{grid-template-columns:1fr}.clients-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.contact-card{max-width:none}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}}
@media(max-width:560px){.site-header,.header-inner{height:70px}.header-inner{padding:6px 16px}.brand img{width:145px}.shell{width:calc(100% - 28px)}.hero,.hero-inner{min-height:550px}.hero h1{font-size:32px}.hero-lead{font-size:14px}.clients-grid,.work-grid,.stat-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:20px}.contact-card{padding:24px 20px}.footer-grid{grid-template-columns:1fr}.footer-brand img{width:165px}}

/* WordPress final global typography/header fidelity overrides */
.sf-page h1,.sf-company-page h1{font-size:clamp(40px,4vw,60px)!important;line-height:1.07!important;font-weight:700!important;letter-spacing:-1.6px!important}
.sf-page h2,.sf-company-page h2{font-size:clamp(29px,2.6vw,42px)!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-1px!important}
.sf-page h3,.sf-company-page h3{font-size:16px!important;line-height:1.35!important;font-weight:650!important;letter-spacing:-.15px!important}
.sf-page p,.sf-company-page p{font-size:15px;line-height:1.7;font-weight:400}
.sf-kicker,.sf-company-kicker,.sf-location{font-size:10px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:1.8px!important;text-transform:uppercase}
.sf-btn,.sf-company-button{min-height:46px!important;padding-left:21px!important;padding-right:21px!important;border-radius:4px!important;font-family:inherit!important;font-size:11px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.3px!important;box-shadow:none!important}
.number-card:hover,.stat-card:hover,.credential-card:hover,.glass-card:hover{transform:translateY(-4px);background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.33));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 17px 35px rgba(16,40,62,.14)}
@media(max-width:1100px){.header-inner{width:calc(100% - 48px);padding:0;gap:18px}.brand img{width:170px}}
@media(max-width:560px){.site-header,.header-inner{min-height:70px;height:70px}.header-inner{width:calc(100% - 32px);padding:0}.brand img{width:145px}}


/* =========================================================
   FIDELITY PATCH 02 — Services, Team, Projects, Contact, Mobile
   Mirrors the approved WordPress visual treatment.
========================================================= */

/* Exact supplied white footer logo with blue accent. */
.footer-brand img{
  content:url("../images/brand/smart-fusion-logo-white.png");
  filter:none!important;
  width:190px;
  height:auto;
  object-fit:contain;
}

/* Client cards: exact supplied logo files, slightly larger like WordPress. */
.client-card,.sf-client-logo-card{
  min-height:150px;
  padding:24px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 26px rgba(16,40,62,.07);
  transition:transform .18s ease,box-shadow .18s ease;
}
.client-card:hover,.sf-client-logo-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(16,40,62,.11);
}
.client-card img,.sf-client-logo-card img{
  display:block;
  width:100%;
  max-width:220px;
  max-height:92px;
  object-fit:contain;
}

/* Services + team cards exactly follow the approved glass-card system. */
.services-page .glass-zone,.team-page .glass-zone{
  background:
    radial-gradient(circle at 8% 8%,rgba(255,255,255,.64),transparent 28%),
    radial-gradient(circle at 90% 87%,rgba(36,103,163,.14),transparent 34%),
    linear-gradient(135deg,#eaf3f8 0%,#c6ddeb 100%);
  overflow:hidden;
}
.services-page .heading-row,.team-page .heading-row{margin-bottom:30px;gap:70px}
.services-page .heading-row h2,.team-page .heading-row h2{
  font-size:clamp(34px,3.1vw,47px);
  line-height:1.06;
  letter-spacing:-.9px;
  font-weight:800;
}
.services-page .heading-row>p,.team-page .heading-row>p{max-width:570px;font-size:15px;line-height:1.65}
.services-page .service-grid,.team-page .service-grid{gap:16px}
.services-page .service-card,.team-page .service-card{
  min-height:230px;
  padding:24px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.27));
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 12px 28px rgba(16,40,62,.10);
  transition:transform .20s ease,background .20s ease,box-shadow .20s ease;
}
.services-page .service-card:hover,.team-page .service-card:hover{
  transform:translateY(-4px);
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.33));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 17px 35px rgba(16,40,62,.14);
}
.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.service-icon{
  width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;
  color:#fff;border:1px solid rgba(255,255,255,.88);border-radius:50%;
  background:linear-gradient(145deg,#3788d2,#2467a3);
  box-shadow:0 0 0 5px rgba(255,255,255,.16),0 7px 17px rgba(16,74,122,.23);
}
.service-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-card:first-child .service-icon svg{fill:currentColor;stroke:none}
.services-page .service-card-top>span,.team-page .service-card-top>span{color:rgba(36,103,163,.34);font-size:25px;line-height:1;font-weight:750}
.services-page .service-card h3,.team-page .service-card h3{margin:0 0 10px;font-size:18px;line-height:1.3;font-weight:780}
.services-page .service-card p,.team-page .service-card p{margin:0;font-size:14px;line-height:1.58}

/* Restore WordPress-style rounded buttons on these pages. */
.services-page .btn,.team-page .btn,.projects-page .btn,.contact-page .btn{
  min-height:49px;
  padding:0 22px;
  border-radius:11px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.35px;
  box-shadow:0 8px 20px rgba(7,29,46,.12);
}
.services-page .btn:hover,.team-page .btn:hover,.projects-page .btn:hover,.contact-page .btn:hover{box-shadow:0 11px 25px rgba(7,29,46,.18)}

/* Project cards: full glass hover and stronger image interaction from WordPress. */
.projects-page .project-card{
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.34));
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 12px 28px rgba(16,40,62,.10);
  transition:transform .22s ease,box-shadow .22s ease;
}
.projects-page .project-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 18px 36px rgba(16,40,62,.14)}
.projects-page .project-media img{transition:transform .45s ease}
.projects-page .project-card:hover .project-media img{transform:scale(1.035)}
.projects-page .work-card{transition:transform .22s ease,box-shadow .22s ease}
.projects-page .work-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(16,40,62,.14)}
.projects-page .work-media img{transition:transform .45s ease}.projects-page .work-card:hover .work-media img{transform:scale(1.04)}

/* Approved Contact-details card, including social icon buttons. */
.sf-contact-details{width:100%;max-width:390px;margin:0;padding:30px 28px;color:#10283e;background:linear-gradient(145deg,#f8fbfd 0%,#f1f6f9 100%);border:1px solid #dbe6ed;border-radius:16px;box-shadow:0 12px 32px rgba(16,40,62,.07)}
.sf-contact-detail-kicker{margin:0 0 8px!important;color:#2467a3!important;font-size:10px!important;font-weight:700!important;letter-spacing:1.4px;text-transform:uppercase}
.sf-contact-details h3{margin:0 0 10px;font-size:22px;line-height:1.3;font-weight:750}
.sf-contact-detail-intro{margin:0 0 22px!important;color:#53697a!important;font-size:13px!important;line-height:1.62!important}
.sf-contact-detail-item{display:flex;align-items:center;gap:14px;margin:18px 0}
.sf-contact-detail-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 5px 14px rgba(16,40,62,.14)}
.sf-contact-detail-icon svg{width:21px;height:21px}
.sf-contact-detail-item span{display:block;color:#7a8996;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.sf-contact-detail-item a{display:block;margin-top:3px;color:#10283e;font-size:14px;font-weight:700;text-decoration:none}
.sf-email-icon{background:#2467a3!important}.sf-email-icon svg{fill:none!important;stroke:#fff!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sf-whatsapp-icon{background:#25D366!important}.sf-whatsapp-icon svg{fill:#fff!important;stroke:none!important}
.sf-contact-detail-divider{height:1px;background:#dce5eb;margin:24px 0}
.sf-contact-social{display:flex;flex-direction:column;align-items:stretch;gap:11px}.sf-contact-social-title{margin-bottom:3px;color:#7a8996;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.sf-contact-social-link{display:flex;align-items:center;gap:12px;width:100%;color:#10283e;text-decoration:none;transition:transform .18s ease}.sf-contact-social-link:hover{transform:translateX(2px)}
.sf-social-icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 5px 14px rgba(16,40,62,.14)}.sf-social-icon svg{width:20px;height:20px}
.sf-social-linkedin{background:#0a66c2;color:#fff}.sf-social-linkedin svg{fill:currentColor}.sf-social-instagram{color:#fff;background:radial-gradient(circle at 30% 105%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.sf-social-instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}
.sf-social-text{color:#155b92;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.sf-social-arrow{margin-left:auto;color:#2467a3;font-size:13px}
.sf-contact-markets>span{display:block;color:#7a8996;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.sf-contact-markets p{margin:8px 0 0!important;color:#10283e!important;font-size:13px!important;font-weight:600!important}

@media(max-width:1024px) and (min-width:769px){
  .services-page .service-grid,.team-page .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-page .contact-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px}
  .contact-page .sf-contact-details{max-width:340px}
}

@media(max-width:768px){
  .services-page .heading-row,.team-page .heading-row{grid-template-columns:1fr;gap:24px}
  .services-page .heading-row h2,.team-page .heading-row h2{font-size:30px}
  .services-page .service-grid,.team-page .service-grid{grid-template-columns:1fr;gap:14px}
  .services-page .service-card,.team-page .service-card{min-height:0}
  .services-page .btn,.team-page .btn,.projects-page .btn,.contact-page .btn{width:100%}
  .contact-page .contact-grid{grid-template-columns:1fr}
  .contact-page .sf-contact-details{max-width:100%}
  .hero{min-height:560px}.hero-inner{min-height:560px}.hero-image{object-position:67% center}
  .hero-overlay{background:linear-gradient(90deg,rgba(6,25,40,.98) 0%,rgba(6,25,40,.92) 57%,rgba(6,25,40,.58) 100%)}
}
@media(max-width:420px){
  .services-page .heading-row h2,.team-page .heading-row h2{font-size:28px}
  .services-page .btn,.team-page .btn,.projects-page .btn,.contact-page .btn{min-height:47px;border-radius:10px}
}

/* Patch 04: keep CTA buttons compact on tablet/mobile, matching desktop proportions */
@media(max-width:768px){
  .services-page .btn,.team-page .btn,.projects-page .btn,.contact-page .btn{
    width:auto;
    max-width:100%;
    align-self:flex-start;
    padding-left:21px;
    padding-right:21px;
  }
}


/* PATCH 06 — refined Request a Quote form */
.contact-page .contact-section{padding:34px 0 78px;background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)}
.contact-page .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:1080px;margin-left:auto;margin-right:auto;align-items:start}
.contact-page .contact-form,
.contact-page .sf-contact-details{width:100%;max-width:none;border-radius:20px;border:1px solid rgba(193,211,224,.88);background:linear-gradient(145deg,rgba(251,253,255,.96),rgba(240,247,251,.90));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 38px rgba(16,40,62,.085)}
.contact-page .contact-form{position:relative;overflow:hidden;padding:30px 30px 28px}
.contact-page .contact-form:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2467a3 0%,#4aa3df 50%,rgba(74,163,223,0) 100%)}
.contact-page .form-head{margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid #dce7ee}
.contact-page .form-kicker{margin:0 0 7px;color:#2467a3;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:1.55px;text-transform:uppercase}
.contact-page .form-head h3{margin:0 0 7px;color:#10283e;font-size:25px;line-height:1.18;font-weight:750;letter-spacing:-.45px}
.contact-page .form-head>p:last-child{margin:0;color:#53697a;font-size:13px;line-height:1.55}
.contact-page .form-row{gap:14px}
.contact-page .contact-form label{margin-bottom:13px;color:#10283e;font-size:10px;font-weight:800;letter-spacing:.12px}
.contact-page .contact-form input,
.contact-page .contact-form select,
.contact-page .contact-form textarea{margin-top:7px;border:1px solid #cad9e4;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:inset 0 1px 2px rgba(16,40,62,.025);padding:12px 13px;color:#10283e;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.contact-page .contact-form input:not([type="checkbox"]):not([type="file"]),
.contact-page .contact-form select{min-height:46px}
.contact-page .contact-form textarea{min-height:118px;resize:vertical}
.contact-page .contact-form input:hover,
.contact-page .contact-form select:hover,
.contact-page .contact-form textarea:hover{border-color:#a9c4d6;background:#fff}
.contact-page .contact-form input:focus,
.contact-page .contact-form select:focus,
.contact-page .contact-form textarea:focus{border-color:#2467a3;background:#fff;box-shadow:0 0 0 3px rgba(36,103,163,.10),0 5px 14px rgba(16,40,62,.05)}
.contact-page .contact-form input[type="file"]{padding:9px 10px;background:#fff}
.contact-page .contact-form input[type="file"]::file-selector-button{margin-right:10px;border:0;border-radius:7px;background:#e8f1f7;color:#155b92;padding:8px 10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.contact-page .consent{margin:3px 0 18px!important;padding:12px 13px;border-radius:10px;background:rgba(232,241,247,.55);border:1px solid rgba(202,217,228,.75)}
.contact-page .consent input{margin-top:1px!important;accent-color:#2467a3}
.contact-page .contact-form .btn{min-width:170px;min-height:47px;border-radius:9px;padding-left:20px;padding-right:20px;box-shadow:0 9px 20px rgba(7,29,46,.13)}
.contact-page .contact-form .btn:hover{box-shadow:0 12px 25px rgba(7,29,46,.19)}
.contact-page .sf-contact-details{padding:30px 28px}

@media(max-width:980px){
  .contact-page .contact-grid{grid-template-columns:1fr;max-width:720px}
  .contact-page .contact-form,.contact-page .sf-contact-details{max-width:100%}
}
@media(max-width:560px){
  .contact-page .contact-section{padding-top:22px}
  .contact-page .contact-grid{gap:18px}
  .contact-page .contact-form{padding:24px 18px 22px;border-radius:16px}
  .contact-page .form-head{margin-bottom:20px;padding-bottom:17px}
  .contact-page .form-head h3{font-size:22px}
  .contact-page .form-row{grid-template-columns:1fr;gap:0}
  .contact-page .contact-form .btn{width:auto!important;max-width:100%;min-width:0}
}


/* =========================================================
   CONTACT FORM — GLOBAL TYPOGRAPHY SYNC
   Keep the redesigned form on the same typography system
   as the rest of the Smart Fusion site.
========================================================= */
.contact-page .contact-form,
.contact-page .contact-form *,
.contact-page .contact-form input,
.contact-page .contact-form select,
.contact-page .contact-form textarea,
.contact-page .contact-form button,
.contact-page .contact-form label,
.contact-page .contact-form .form-head,
.contact-page .contact-form .form-kicker,
.contact-page .contact-form .btn,
.contact-page .sf-contact-details,
.contact-page .sf-contact-details * {
  font-family:inherit!important;
}

.contact-page .contact-form input::placeholder,
.contact-page .contact-form textarea::placeholder {
  font-family:inherit!important;
}

.contact-page .contact-form input[type="file"]::file-selector-button {
  font-family:inherit!important;
}