@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&display=swap');

/* ===========================================================
   KSCSP / Alkhtowah Alsareah CSP - Shared Stylesheet
   =========================================================== */

/* ============ TOKENS ============ */
:root{
  --navy: #102F32;
  --navy-soft: #17474B;
  --navy-line: rgba(255,255,255,0.08);
  --slate: #435765;
  --slate-soft: #7D93A0;
  --gold: #1AA99A;
  --gold-soft: #64DCCA;
  --sand: #C6A94B;
  --bg: #F8FAFC;
  --white: #FFFFFF;
  --border: #E2E8F0;
  --maxw: 1240px;
}

*{ margin:0; padding:0; box-sizing:border-box; }

html{ scroll-behavior:smooth; overflow-x:hidden; }

body{
  font-family:'Inter', sans-serif;
  color: var(--slate);
  background: var(--bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4{
  font-family:'Playfair Display', serif;
  color: var(--navy);
  line-height:1.15;
  font-weight:600;
  letter-spacing:-0.01em;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
ul{ list-style:none; }

.wrap{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 32px;
}

.eyebrow{
  font-family:'Inter', sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color: var(--gold);
}

:focus-visible{
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

/* ============ STEP MARK (signature element) ============ */
.step-mark{ display:inline-flex; align-items:flex-end; gap:3px; flex-shrink:0; }
.step-mark span{ display:block; background: var(--gold); width:6px; }
.step-mark span:nth-child(1){ height:7px; }
.step-mark span:nth-child(2){ height:13px; }
.step-mark span:nth-child(3){ height:19px; }

.step-mark.light span{ background: var(--gold-soft); }

.step-divider{
  display:flex; align-items:center; justify-content:center;
  gap:6px; margin: 0 auto;
}
.step-divider span{
  display:block; height:3px; background: var(--gold);
}
.step-divider span:nth-child(1){ width:18px; opacity:0.35; }
.step-divider span:nth-child(2){ width:30px; opacity:0.65; }
.step-divider span:nth-child(3){ width:42px; }
.step-divider.left{ margin:0; justify-content:flex-start; }

/* ============ HEADER ============ */
header{
  position:sticky; top:0; z-index:100;
  background: rgba(248,250,252,0.92);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
}
.nav{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px;
  padding:18px 32px;
  max-width:var(--maxw); margin:0 auto;
}
.logo{
  display:flex; align-items:center; gap:12px;
}
.logo-img{
  width:76px;
  height:76px;
  object-fit:cover;
  border-radius:50%;
  flex-shrink:0;
  box-shadow:0 14px 34px -24px rgba(11,25,44,.45);
}
.footer-brand .logo-img{
  filter:none;
  opacity:1;
  background:#fff;
  padding:2px;
}
.logo-text{ display:flex; flex-direction:column; line-height:1.1; }
.logo-text .mark{
  font-family:'Playfair Display', serif;
  font-weight:700; font-size:24px; color:var(--navy);
  letter-spacing:0.04em;
}
.logo-text .sub{
  font-size:10px; letter-spacing:0.2em; text-transform:uppercase;
  color: var(--slate-soft); font-weight:600; margin-top:2px;
}
.nav-links{
  display:flex; align-items:center; justify-content:center; gap:clamp(13px,1.6vw,24px);
  flex:1;
  white-space:nowrap;
  font-size:13px; font-weight:500; color: var(--navy);
}
.nav-links a{
  position:relative; padding:6px 0;
  transition:color .2s ease;
}
.nav-links a:hover, .nav-links a.active{ color: var(--gold); }
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:0;
  width:0; height:2px; background:var(--gold);
  transition:width .25s ease;
}
.nav-links a:hover::after, .nav-links a.active::after{ width:100%; }

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px;
  font-family:'Inter', sans-serif;
  font-weight:600; font-size:13px;
  letter-spacing:0.04em; text-transform:uppercase;
  padding:14px 28px;
  border-radius:999px;
  cursor:pointer;
  transition: all .25s ease;
  border:1px solid transparent;
  white-space:nowrap;
}
.btn-gold{
  background:linear-gradient(135deg, var(--gold-soft), var(--gold));
  color:var(--navy);
  box-shadow:0 16px 30px -20px rgba(26,169,154,.75);
}
.btn-gold:hover{
  background:linear-gradient(135deg, #8df0df, var(--gold));
  transform:translateY(-1px);
  box-shadow:0 18px 34px -18px rgba(26,169,154,.9);
}
.btn-outline{ background:transparent; color:var(--white); border:1px solid var(--gold); }
.btn-outline:hover{ background:rgba(212,175,55,0.1); }
.result .btn-outline,
.service-result .btn-outline,
.lead-result .btn-outline{
  color:var(--navy);
  border-color:var(--gold);
  background:rgba(255,255,255,.72);
}
.result .btn-outline:hover,
.service-result .btn-outline:hover,
.lead-result .btn-outline:hover{
  background:rgba(26,169,154,.12);
}
.btn-navy-outline{ background:transparent; color:var(--navy); border:1px solid var(--navy); }
.btn-navy-outline:hover{ background:var(--navy); color:var(--white); }

.nav-cta{ display:flex; align-items:center; }
.nav-cta .btn{ padding:12px 24px; font-size:12px; }

.nav-toggle{ display:none; }

.service-page-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(16,47,50,.14);
  color:var(--navy);
  background:rgba(255,255,255,.86);
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.service-page-link::after{content:'→';font-size:13px}
.service-page-link:hover{transform:translateY(-1px);border-color:var(--gold);background:var(--white)}
.service-page-link.light{
  color:var(--goldf);
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.16);
}
.service-page-link.light:hover{background:rgba(255,255,255,.1);border-color:var(--gold)}
.hub-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.hub-card{
  display:block;
  background:var(--white);
  border:1px solid var(--border);
  padding:28px;
  min-height:210px;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.hub-card .step-mark{margin-bottom:18px}
.hub-card h3{font-size:22px;margin-bottom:10px}
.hub-card p{font-size:14px;color:var(--slate);line-height:1.7}
.hub-card:hover{
  transform:translateY(-4px);
  border-color:var(--gold);
  box-shadow:0 18px 45px -34px rgba(11,25,44,.45);
}
@media (max-width:900px){.hub-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.hub-grid{grid-template-columns:1fr}}

.site-header .nav-item.has-menu{
  position:relative;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.site-header .service-trigger{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.site-header .menu-chev{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:rgba(11,25,44,.06);
  font-size:14px;
  line-height:1;
  transition:transform .24s ease,background .24s ease;
}
.site-header .has-menu:hover .menu-chev,
.site-header .has-menu.menu-open .menu-chev{
  transform:rotate(180deg);
  background:rgba(11,25,44,.12);
}
.site-header .services-menu{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  z-index:500;
  width:min(860px,calc(100vw - 52px));
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:75vh;
  overflow:auto;
  padding:14px;
  border:1px solid rgba(11,25,44,.12);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:0 28px 70px -42px rgba(11,25,44,.75);
  backdrop-filter:blur(22px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-8px) scale(.98);
  transition:opacity .24s ease,visibility .24s ease,transform .24s ease;
}
.site-header .services-menu::before{
  content:'';
  position:absolute;
  top:-8px;
  left:50%;
  width:16px;
  height:16px;
  background:rgba(255,255,255,.96);
  border-left:1px solid rgba(11,25,44,.12);
  border-top:1px solid rgba(11,25,44,.12);
  transform:translateX(-50%) rotate(45deg);
}
.site-header .has-menu:hover .services-menu,
.site-header .has-menu:focus-within .services-menu,
.site-header .has-menu.menu-open .services-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}
.site-header .services-menu a{
  display:block;
  padding:13px 14px;
  border-radius:16px;
  color:var(--navy);
  background:transparent;
  white-space:normal;
  opacity:1;
  transform:none;
  animation:none;
  transition:background .2s ease,transform .2s ease,color .2s ease;
}
.site-header .services-menu a::before,
.site-header .services-menu a::after{display:none}
.site-header .services-menu a:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,rgba(233,211,138,.32),rgba(212,175,55,.18));
}
.site-header .services-menu strong{
  display:block;
  font-size:13.5px;
  font-weight:800;
  margin-bottom:3px;
}
.site-header .services-menu span{
  display:block;
  color:var(--slate);
  font-size:12px;
  font-weight:600;
  line-height:1.45;
}

/* ============ UNIFIED ADVANCED HEADER ============ */
.site-header{
  position:sticky;
  top:0;
  z-index:300;
  background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(248,250,252,.72));
  border-bottom:1px solid rgba(16,47,50,.08);
  backdrop-filter:blur(18px);
}
.site-header::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(26,169,154,.12),rgba(212,175,55,.16),transparent);
  opacity:.55;
  transform:translateX(-60%);
  animation:nav-sheen 7s ease-in-out infinite;
}
.site-header .nav{
  position:relative;
  max-width:1360px;
  min-height:92px;
  margin:10px auto;
  padding:12px 24px;
  border:1px solid rgba(16,47,50,.12);
  border-radius:28px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 50px -38px rgba(11,25,44,.5);
  backdrop-filter:blur(22px);
  animation:nav-drop .55s cubic-bezier(.22,1,.36,1) both;
}
.site-header .logo-img{
  width:66px;
  height:66px;
  border:1px solid rgba(16,47,50,.08);
  box-shadow:0 16px 30px -22px rgba(11,25,44,.55);
  transition:transform .35s ease, box-shadow .35s ease;
}
.site-header .logo:hover .logo-img{
  transform:rotate(-4deg) scale(1.05);
  box-shadow:0 18px 36px -20px rgba(26,169,154,.58);
}
.site-header .nav-links{
  justify-content:center;
  gap:6px;
  flex:1;
  padding:8px;
  border:1px solid rgba(16,47,50,.09);
  border-radius:999px;
  background:rgba(248,250,252,.86);
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:15.5px;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--navy);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.site-header .nav-links a{
  position:relative;
  isolation:isolate;
  padding:12px 16px;
  border-radius:999px;
  overflow:hidden;
  opacity:0;
  transform:translateY(-6px);
  animation:nav-item-in .45s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:calc(var(--nav-index,0) * 55ms + 110ms);
  transition:color .25s ease, transform .25s ease;
}
.site-header .nav-links a::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));
  opacity:0;
  transform:scale(.82);
  transition:opacity .25s ease, transform .25s ease;
}
.site-header .nav-links a::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:6px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--gold);
  transform:translateX(-50%) scale(0);
  transition:transform .25s ease;
}
.site-header .nav-links a:hover,
.site-header .nav-links a.active{
  color:var(--navy);
  transform:translateY(-2px);
}
.site-header .nav-links a:hover::before,
.site-header .nav-links a.active::before{
  opacity:1;
  transform:scale(1);
}
.site-header .nav-links a:hover::after,
.site-header .nav-links a.active::after{
  transform:translateX(-50%) scale(1);
}
.site-header .nav-action,
.site-header .nav-cta .btn{
  position:relative;
  overflow:hidden;
  min-height:52px;
  padding:15px 22px;
  border-radius:18px;
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.055em;
  box-shadow:0 18px 34px -22px rgba(26,169,154,.7);
}
.site-header .nav-action::after,
.site-header .nav-cta .btn::after{
  content:'';
  position:absolute;
  inset:-40% -80%;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);
  transform:translateX(-55%);
  transition:transform .65s ease;
}
.site-header .nav-action:hover::after,
.site-header .nav-cta .btn:hover::after{
  transform:translateX(55%);
}
.site-header.is-scrolled .nav{
  min-height:82px;
  margin-top:8px;
  margin-bottom:8px;
  box-shadow:0 18px 44px -34px rgba(11,25,44,.68);
}
@keyframes nav-drop{
  from{opacity:0;transform:translateY(-16px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes nav-item-in{
  to{opacity:1;transform:translateY(0)}
}
@keyframes nav-sheen{
  0%,45%{transform:translateX(-60%)}
  70%,100%{transform:translateX(60%)}
}
@media (max-width:1120px){
  .site-header .nav-links{font-size:14px;gap:4px}
  .site-header .nav-links a{padding:11px 12px}
  .site-header .nav-action{font-size:11px;padding:13px 16px}
}
@media (max-width:860px){
  .site-header .nav{margin:8px 14px;padding:12px 14px;border-radius:22px;min-height:0}
  .site-header .logo-img{width:58px;height:58px}
  .site-header .nav-action{order:2;margin-left:auto;min-height:44px;font-size:10px;padding:11px 13px;border-radius:14px}
  .site-header .nav-links{order:3;flex:0 0 100%;width:100%;justify-content:flex-start;overflow-x:auto;font-size:13px;gap:6px;padding:6px;scrollbar-width:none}
  .site-header .nav-links::-webkit-scrollbar{display:none}
  .site-header .nav-links a{flex:0 0 auto;padding:10px 12px}
}

.site-header .nav-item.has-menu{
  position:relative;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.site-header .service-trigger{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.site-header .menu-chev{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:rgba(11,25,44,.06);
  font-size:14px;
  line-height:1;
  transition:transform .24s ease,background .24s ease;
}
.site-header .has-menu:hover .menu-chev,
.site-header .has-menu.menu-open .menu-chev{
  transform:rotate(180deg);
  background:rgba(11,25,44,.12);
}
.site-header .services-menu{
  position:fixed;
  top:104px;
  left:50%;
  z-index:800;
  width:min(860px,calc(100vw - 52px));
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:75vh;
  overflow:auto;
  padding:14px;
  border:1px solid rgba(11,25,44,.12);
  border-radius:24px;
  background:rgba(255,255,255,.97);
  box-shadow:0 28px 70px -42px rgba(11,25,44,.75);
  backdrop-filter:blur(22px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-8px) scale(.98);
  transition:opacity .24s ease,visibility .24s ease,transform .24s ease;
}
.site-header .services-menu::before{
  content:'';
  position:absolute;
  top:-8px;
  left:50%;
  width:16px;
  height:16px;
  background:rgba(255,255,255,.97);
  border-left:1px solid rgba(11,25,44,.12);
  border-top:1px solid rgba(11,25,44,.12);
  transform:translateX(-50%) rotate(45deg);
}
.site-header .has-menu:hover .services-menu,
.site-header .has-menu:focus-within .services-menu,
.site-header .has-menu.menu-open .services-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}
.site-header .services-menu a,
.site-header .nav-links .services-menu a{
  display:block;
  padding:13px 14px;
  border-radius:16px;
  color:var(--navy);
  background:transparent;
  white-space:normal;
  overflow:visible;
  opacity:1;
  transform:none;
  animation:none;
  transition:background .2s ease,transform .2s ease,color .2s ease;
}
.site-header .services-menu a::before,
.site-header .services-menu a::after{display:none}
.site-header .services-menu a:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,rgba(233,211,138,.32),rgba(212,175,55,.18));
}
.site-header .services-menu strong{
  display:block;
  font-size:13.5px;
  font-weight:800;
  margin-bottom:3px;
}
.site-header .services-menu span{
  display:block;
  color:var(--slate);
  font-size:12px;
  font-weight:600;
  line-height:1.45;
}
@media (max-width:860px){
  .site-header .services-menu{
    position:fixed;
    top:132px;
    left:14px;
    right:14px;
    width:auto;
    grid-template-columns:1fr;
    max-height:62vh;
    overflow:auto;
    transform:translateY(-8px) scale(.98);
  }
  .site-header .services-menu::before{display:none}
  .site-header .has-menu:hover .services-menu,
  .site-header .has-menu:focus-within .services-menu,
  .site-header .has-menu.menu-open .services-menu{
    transform:translateY(0) scale(1);
  }
  .site-header .nav-links{
    contain:layout paint;
    overscroll-behavior-inline:contain;
  }
  .site-header .nav-links a{
    animation:none;
    opacity:1;
    transform:none;
  }
}

/* ============ ORDERABLE SPECIALTY SERVICE PAGES ============ */
.order-service-hero{
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 76% 20%,rgba(26,169,154,.28),transparent 29%),linear-gradient(155deg,#061014 0%,#102F32 50%,#17363c 100%);
  color:var(--white);
  padding:92px 0 74px;
}
.order-service-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(100,220,202,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(100,220,202,.06) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,#000,transparent 92%);
}
.order-service-hero .wrap{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) 420px;
  gap:54px;
  align-items:center;
}
.order-service-hero h1{
  color:var(--white);
  font-size:clamp(42px,6vw,74px);
  max-width:820px;
  margin:14px 0 18px;
}
.order-service-hero h1 em{color:var(--gold-soft);font-style:italic}
.order-service-hero p{color:rgba(248,250,252,.74);font-size:17px;max-width:680px}
.order-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.order-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin-top:38px;
  max-width:760px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
}
.order-proof div{padding:22px;background:rgba(16,47,50,.56)}
.order-proof strong{display:block;color:var(--gold-soft);font-family:'Playfair Display',serif;font-size:31px;line-height:1}
.order-proof span{display:block;margin-top:8px;color:rgba(248,250,252,.62);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.order-side{
  position:relative;
  border:1px solid rgba(100,220,202,.32);
  background:rgba(255,255,255,.08);
  box-shadow:0 34px 90px -58px rgba(0,0,0,.9);
  backdrop-filter:blur(18px);
  padding:34px;
}
.order-side::before{content:'';position:absolute;inset:14px;border:1px solid rgba(100,220,202,.18);pointer-events:none}
.order-side h2{color:var(--white);font-size:32px;margin-bottom:12px}
.order-side ul{list-style:none;display:grid;gap:12px;margin-top:24px;color:rgba(248,250,252,.72);font-size:14px}
.order-side li{display:flex;gap:10px}
.order-side li::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold);margin-top:9px;flex:0 0 auto}
.order-service-section{padding:78px 0}
.order-service-section.alt{background:var(--white)}
.order-service-section.dark{background:var(--navy);color:rgba(248,250,252,.72)}
.order-service-section.dark h2,.order-service-section.dark h3{color:var(--white)}
.order-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.order-card{background:var(--white);padding:30px;min-height:230px}
.order-card h3{font-size:21px;margin:14px 0 10px}
.order-card p{font-size:14px;color:var(--slate);line-height:1.75}
.order-card .num{font-family:'Plus Jakarta Sans','Inter',sans-serif;color:var(--gold);font-weight:800;letter-spacing:.15em;font-size:11px}
.order-process{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.order-process .info{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.order-process .info p{color:rgba(248,250,252,.65)}
.service-order-panel{display:grid;grid-template-columns:.78fr 1.22fr;gap:26px;align-items:start}
.service-order-note{position:sticky;top:124px;background:var(--navy);color:rgba(248,250,252,.72);padding:36px;border:1px solid rgba(255,255,255,.08)}
.service-order-note h2{color:var(--white);font-size:34px;margin-bottom:14px}
.service-order-note address{font-style:normal;margin-top:24px;font-size:14px;line-height:1.8;color:rgba(248,250,252,.62)}
.service-request-form{background:var(--white);border:1px solid var(--border);padding:36px}
.service-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.service-check{display:flex;gap:10px;align-items:flex-start;color:var(--slate);font-size:13px;margin:6px 0 22px}
.service-check input{margin-top:5px;accent-color:var(--gold)}
.service-result{display:none;margin-top:24px;border:1px solid rgba(26,169,154,.35);background:#effdf9;padding:24px}
.service-result.is-visible{display:block}
.service-result h3{font-size:24px;margin-bottom:8px}
.service-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.service-fineprint{font-size:12px;color:var(--slate-soft);line-height:1.7;margin-top:14px}
.inline-link{color:var(--gold);font-weight:800}
@media(max-width:980px){
  .order-service-hero .wrap,.service-order-panel{grid-template-columns:1fr}
  .order-grid{grid-template-columns:1fr 1fr}
  .service-order-note{position:static}
}
@media(max-width:700px){
  .order-service-hero{padding:76px 0 58px}
  .order-proof,.order-grid,.order-process,.service-form-grid{grid-template-columns:1fr}
  .order-side,.service-request-form,.service-order-note{padding:26px}
  .order-actions .btn{width:100%;white-space:normal;text-align:center}
  .site-header .nav-links{
    contain:layout paint;
    overscroll-behavior-inline:contain;
  }
  .site-header .nav-links a{
    animation:none;
    opacity:1;
    transform:none;
  }
}

/* ============ ENTERPRISE SERVICE SYSTEM ============ */
.service-system{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,var(--navy) 0%,#123d40 100%);
  color:rgba(248,250,252,.72);
}
.service-system::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(100,220,202,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,220,202,.045) 1px,transparent 1px),
    radial-gradient(circle at 78% 18%,rgba(100,220,202,.2),transparent 34%);
  background-size:72px 72px,72px 72px,100% 100%;
  pointer-events:none;
}
.service-system .wrap{position:relative;z-index:1}
.service-system-head{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:54px;
  align-items:end;
  margin-bottom:36px;
}
.service-system h2{color:var(--white);font-size:clamp(32px,4.3vw,56px)}
.service-system p{color:rgba(248,250,252,.68)}
.service-system-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
}
.system-card{
  min-height:270px;
  padding:30px 26px;
  background:rgba(255,255,255,.055);
  transition:background .24s ease,transform .24s ease;
}
.system-card:hover{
  background:rgba(255,255,255,.095);
  transform:translateY(-3px);
}
.system-card .code{
  display:block;
  color:var(--gold-soft);
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.system-card h3{color:var(--white);font-size:23px;margin-bottom:12px}
.system-card ul{display:grid;gap:9px;margin-top:18px;font-size:13px;color:rgba(248,250,252,.7)}
.system-card li{display:flex;gap:8px}
.system-card li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);margin-top:9px;flex:0 0 auto}
@media(max-width:980px){
  .service-system-head,.service-system-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .service-system-head,.service-system-grid{grid-template-columns:1fr}
}

/* ============ FREE BUSINESS TOOLS ============ */
.tools-hero{
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 78% 20%,rgba(100,220,202,.24),transparent 30%),linear-gradient(155deg,#061014 0%,#102F32 52%,#17363c 100%);
  color:var(--white);
  padding:96px 0 76px;
}
.tools-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(100,220,202,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(100,220,202,.055) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,#000,transparent 92%);
}
.tools-hero .wrap{position:relative;z-index:1}
.tools-hero h1{color:var(--white);font-size:clamp(40px,5.8vw,72px);max-width:890px;margin:14px 0 18px}
.tools-hero h1 em{color:var(--gold-soft);font-style:italic}
.tools-hero p{color:rgba(248,250,252,.72);font-size:17px;max-width:760px}
.tools-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.tools-proof{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  margin-top:38px;
  max-width:920px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.13);
}
.tools-proof div{background:rgba(16,47,50,.58);padding:20px}
.tools-proof strong{display:block;color:var(--gold-soft);font-family:'Playfair Display',serif;font-size:28px;line-height:1}
.tools-proof span{display:block;margin-top:8px;color:rgba(248,250,252,.62);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tools-section{padding:78px 0}
.tools-section.alt{background:var(--white)}
.tools-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.tool-card{
  display:block;
  background:var(--white);
  border:1px solid rgba(16,47,50,.12);
  padding:28px;
  min-height:245px;
  box-shadow:0 20px 62px -54px rgba(16,47,50,.62);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.tool-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 22px 66px -48px rgba(16,47,50,.72)}
.tool-card .tool-code{
  display:block;
  color:var(--gold);
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.tool-card h3{font-size:24px;margin-bottom:12px}
.tool-card p{font-size:14px;line-height:1.72}
.tool-card .tool-link{display:inline-flex;margin-top:18px;font-weight:900;color:var(--navy);border-bottom:2px solid var(--gold);font-size:13px}
.tool-lab{
  background:linear-gradient(180deg,#fff,#f8fafc);
  border-top:1px solid var(--border);
}
.tool-panel{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:26px;
  align-items:start;
  padding:34px 0;
  border-top:1px solid var(--border);
}
.tool-panel:first-child{border-top:0}
.tool-intro{
  position:sticky;
  top:130px;
  background:var(--navy);
  color:rgba(248,250,252,.72);
  padding:32px;
  border-left:4px solid var(--gold);
}
.tool-intro h2{color:var(--white);font-size:34px;margin:10px 0 12px}
.tool-intro p{font-size:14.5px;line-height:1.76;color:rgba(248,250,252,.68)}
.tool-intro ul{display:grid;gap:9px;margin-top:18px;font-size:13.5px;color:rgba(248,250,252,.68)}
.tool-form{
  background:var(--white);
  border:1px solid rgba(16,47,50,.12);
  padding:32px;
  box-shadow:0 20px 62px -54px rgba(16,47,50,.62);
}
.tool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tool-result{
  display:none;
  margin-top:22px;
  border:1px solid rgba(26,169,154,.32);
  background:#effdf9;
  padding:24px;
}
.tool-result.is-visible{display:block}
.tool-result h3{font-size:25px;margin-bottom:8px}
.tool-result .score{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:82px;
  height:44px;
  border-radius:999px;
  background:var(--navy);
  color:var(--gold-soft);
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-weight:900;
  margin:8px 0 12px;
  padding:0 16px;
}
.tool-result ul{display:grid;gap:8px;margin:12px 0 0;padding-left:18px;color:var(--navy);font-size:13.8px}
.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.tool-note{font-size:12px;color:var(--slate-soft);line-height:1.65;margin-top:14px}
.lead-result{
  display:none;
  margin-top:22px;
  border:1px solid rgba(26,169,154,.32);
  background:#effdf9;
  padding:22px;
}
.lead-result.is-visible{display:block}
.lead-result h3{font-size:24px;margin-bottom:8px}
.lead-result p{font-size:13.8px;line-height:1.7;color:var(--slate)}
.lead-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.lead-result .lead-note{font-size:12px;color:var(--slate-soft);margin-top:12px}
.home-tools{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.home-tools .tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-tools .tool-card{min-height:230px}
@media(max-width:1024px){
  .tools-grid,.home-tools .tools-grid{grid-template-columns:1fr 1fr}
  .tool-panel{grid-template-columns:1fr}
  .tool-intro{position:static}
}
@media(max-width:700px){
  .tools-grid,.home-tools .tools-grid,.tools-proof,.tool-form-grid{grid-template-columns:1fr}
  .tools-hero{padding:74px 0 58px}
  .tool-form,.tool-intro{padding:26px}
  .tools-hero-actions .btn,.tool-actions .btn{width:100%;white-space:normal;text-align:center}
}

/* ============ HERO (Home) ============ */
.hero{
  position:relative;
  background: linear-gradient(155deg, #0b302e 0%, var(--navy) 48%, #193941 100%);
  color: var(--white);
  overflow:hidden;
  padding-top:50px;
}
.hero::before,
.page-hero::before,
.about-split .visual::before,
.insight-thumb::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    radial-gradient(circle at 80% 18%, rgba(100,220,202,.24), transparent 34%);
  background-size:72px 72px, 72px 72px, 100% 100%;
  opacity:.7;
  pointer-events:none;
}
.hero-inner{
  max-width:var(--maxw); margin:0 auto;
  padding: 44px 32px 0;
  position:relative; z-index:2;
  display:grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap:72px;
  align-items:center;
}
.hero-content{ max-width:640px; min-width:0; width:100%; }
.hero h1{
  color: var(--white);
  font-size: clamp(38px, 5.4vw, 64px);
  margin-bottom:24px;
}
.hero h1 em{
  font-style:italic; color: var(--gold-soft);
}
.hero p.lede{
  font-size:18px; color: rgba(248,250,252,0.72);
  max-width:520px; margin-bottom:40px;
  font-weight:400;
}
.hero-actions{ display:flex; gap:18px; flex-wrap:wrap; margin-bottom:64px; }
.hero-visual{
  position:relative;
  min-height:380px;
  margin-bottom:52px;
}
.hero-orbit{
  position:absolute;
  inset:0;
  border:1px solid rgba(100,220,202,.22);
  border-radius:50%;
  transform:rotate(-14deg);
}
.hero-card{
  position:absolute;
  right:0;
  top:34px;
  width:min(100%, 360px);
  padding:24px;
  border:1px solid rgba(100,220,202,.28);
  background:rgba(8,39,38,.68);
  backdrop-filter:blur(8px);
  box-shadow:0 28px 70px -40px rgba(0,0,0,.65);
}
.hero-card img{ width:140px; margin-bottom:20px; }
.hero-card h3{
  color:var(--white);
  font-size:24px;
  margin-bottom:12px;
}
.hero-card p{
  color:rgba(248,250,252,.68);
  font-size:14px;
}
.hero-metrics{
  position:absolute;
  left:12px;
  bottom:20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  width:calc(100% - 24px);
  border:1px solid rgba(100,220,202,.22);
  background:rgba(100,220,202,.16);
}
.hero-metrics .metric{
  padding:18px 16px;
  background:rgba(9,42,42,.82);
}
.hero-metrics strong{
  display:block;
  color:var(--white);
  font-family:'Playfair Display', serif;
  font-size:26px;
}
.hero-metrics span{
  display:block;
  color:rgba(248,250,252,.55);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  line-height:1.35;
}

.skyline{
  position:absolute; bottom:0; left:0; width:100%; line-height:0;
  z-index:1; pointer-events:none;
}
.skyline svg{ display:block; width:100%; height:auto; }

/* ============ PAGE HERO (sub-pages) ============ */
.page-hero{
  position:relative;
  background: linear-gradient(155deg, #0b302e 0%, var(--navy) 48%, #193941 100%);
  color: var(--white);
  overflow:hidden;
  padding: 150px 0 100px;
}
.page-hero .wrap{ position:relative; z-index:2; }
.page-hero h1{ color:var(--white); font-size: clamp(34px, 4.8vw, 52px); margin:14px 0 18px; max-width:760px; }
.page-hero p{ color: rgba(248,250,252,0.7); font-size:17px; max-width:600px; }
.page-hero .skyline{ opacity:0.6; }
.breadcrumb{
  font-size:13px; color: rgba(248,250,252,0.5); margin-top:18px;
  display:flex; gap:8px; align-items:center;
}
.breadcrumb a:hover{ color: var(--gold-soft); }

/* ============ SECTION SPACING ============ */
section{ padding: 96px 0; }
.section-head{
  text-align:center; max-width:680px; margin:0 auto 56px;
}
.section-head.left{ text-align:left; margin:0 0 48px; }
.section-head h2{ font-size: clamp(28px, 3.6vw, 42px); margin: 14px 0 18px; }
.section-head p{ color: var(--slate); font-size:16px; }
.bg-white{ background: var(--white); }
.bg-navy{ background: var(--navy); color: var(--white); }
.bg-navy .eyebrow{ color: var(--gold-soft); }
.bg-navy .section-head h2{ color: var(--white); }
.bg-navy .section-head p{ color: rgba(248,250,252,0.65); }
.border-top{ border-top:1px solid var(--border); }
.border-bottom{ border-bottom:1px solid var(--border); }

/* ============ FORKED JOURNEY (Home) ============ */
.fork{ background: var(--white); }
.fork-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:28px;
}
.fork-card{
  border:1px solid var(--border);
  padding:48px 44px;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
  display:flex; flex-direction:column;
  background: var(--white);
}
.fork-card:hover{
  border-color: var(--gold);
  box-shadow: 0 18px 40px -24px rgba(11,25,44,0.35);
  transform: translateY(-4px);
}
.fork-card .step-mark{ margin-bottom:24px; }
.fork-card h3{ font-size:26px; margin-bottom:14px; }
.fork-card p{ margin-bottom:22px; }
.fork-card ul{
  margin:0 0 32px; padding:0;
  display:flex; flex-direction:column; gap:12px;
}
.fork-card ul li{
  display:flex; align-items:center; gap:12px;
  font-size:14px; color: var(--navy); font-weight:500;
}
.fork-card ul li .step-mark span:nth-child(2),
.fork-card ul li .step-mark span:nth-child(3){ opacity:.45; }
.fork-link{
  margin-top:auto;
  font-weight:600; font-size:14px; color: var(--navy);
  display:inline-flex; align-items:center; gap:8px;
  border-bottom:1px solid var(--gold); padding-bottom:6px;
  align-self:flex-start;
  transition: gap .2s ease, color .2s ease;
}
.fork-card:hover .fork-link{ gap:14px; color: var(--gold); }

/* ============ CONSULTANT'S EDGE / 3-COL GRID ============ */
.edge{ background: var(--navy); color: var(--white); position:relative; }
.edge-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background: var(--navy-line);
  border:1px solid var(--navy-line);
}
.edge-card{
  background: var(--navy);
  padding:44px 38px;
  transition: background .3s ease;
}
.edge-card:hover{ background: var(--navy-soft); }
.edge-card .step-mark{ margin-bottom:26px; }
.edge-card h3{
  color: var(--white); font-size:21px; margin-bottom:14px;
  font-weight:600;
}
.edge-card p{ color: rgba(248,250,252,0.62); font-size:15px; }

/* ============ SOCIAL PROOF MARQUEE ============ */
.proof{ background: var(--bg); padding: 64px 0; }
.proof .section-head{ margin-bottom:40px; }
.marquee{
  overflow:hidden; position:relative;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.marquee-track{
  display:flex; gap:16px; width:max-content;
  animation: scroll 38s linear infinite;
}
.marquee:hover .marquee-track{ animation-play-state: paused; }
@keyframes scroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
.proof-pill{
  border:1px solid var(--border);
  background: var(--white);
  color: var(--slate);
  font-weight:600; font-size:14px;
  letter-spacing:0.03em;
  padding:18px 30px;
  white-space:nowrap;
  filter: grayscale(.65);
  transition: color .25s ease, border-color .25s ease, filter .25s ease;
}
.proof-pill:hover{ color: var(--navy); border-color: var(--gold); filter:none; }

/* ============ B2B PARTNER ECOSYSTEM ============ */
.partner-ecosystem{ background:var(--white); padding:78px 0; }
.partner-ecosystem .section-head p{ max-width:790px; }
.partner-ecosystem .reveal{ opacity:1; transform:none; }
.partner-logo-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:34px;
}
.partner-logo-card{
  min-height:210px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.68));
  padding:26px 24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.partner-logo-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 0%,rgba(26,169,154,.13),transparent 38%),linear-gradient(120deg,transparent,rgba(212,175,55,.08),transparent);
  opacity:0;
  transition:opacity .25s ease;
}
.partner-logo-card:hover{
  border-color:rgba(212,175,55,.72);
  transform:translateY(-3px);
  box-shadow:0 20px 44px -30px rgba(11,25,44,.45);
}
.partner-logo-card:hover::before{ opacity:1; }
.partner-logo-media{ height:74px; display:flex; align-items:center; position:relative; z-index:1; }
.partner-logo-card img{ max-width:164px; max-height:66px; object-fit:contain; filter:saturate(.95); mix-blend-mode:multiply; }
.partner-logo-card span{
  position:relative;
  z-index:1;
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-weight:800;
  color:var(--navy);
  font-size:16px;
  line-height:1.25;
}
.partner-logo-card small{
  position:relative;
  z-index:1;
  display:block;
  margin-top:7px;
  color:var(--slate);
  font-size:12.5px;
  line-height:1.45;
}
.partner-wordmark{
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:21px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.02em;
  color:var(--navy);
}
.partner-wordmark em{ font-style:normal; color:var(--teal); font-size:14px; letter-spacing:.16em; text-transform:uppercase; }
.authority-panel{ margin-top:46px; border:1px solid var(--border); background:var(--bg); padding:34px; }
.authority-head{ display:flex; justify-content:space-between; gap:28px; align-items:flex-end; margin-bottom:22px; }
.authority-head h3{ font-size:25px; margin-bottom:8px; }
.authority-head p{ max-width:670px; font-size:13.8px; line-height:1.7; }
.authority-route-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.authority-route-card{
  background:var(--white);
  border:1px solid var(--border);
  padding:16px;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:72px;
  transition:border-color .25s ease,transform .25s ease;
}
.authority-route-card:hover{ border-color:var(--gold); transform:translateY(-2px); }
.authority-badge{
  width:44px;
  height:44px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(26,169,154,.14),rgba(212,175,55,.18));
  border:1px solid rgba(11,25,44,.08);
  color:var(--navy);
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-weight:900;
  font-size:11px;
  letter-spacing:.02em;
  flex-shrink:0;
}
.authority-route-card strong{ display:block; color:var(--navy); font-size:13.5px; line-height:1.25; }
.authority-route-card small{ display:block; margin-top:4px; color:var(--slate); font-size:11.5px; line-height:1.35; }
.trademark-note,
.authority-note{ margin-top:18px; color:var(--slate); font-size:12.3px; line-height:1.6; }

/* ============ LEAD CAPTURE ============ */
.lead{ background: var(--white); }
.lead-box{
  border:1px solid var(--gold);
  background: linear-gradient(135deg, rgba(26,169,154,0.08), transparent 60%);
  padding: 64px;
  display:grid; grid-template-columns: 1.1fr 1fr; gap:56px; align-items:center;
}
.lead-copy h2{ font-size: clamp(28px,3.4vw,38px); margin:14px 0 16px; }
.lead-copy p{ font-size:15px; max-width:380px; }
.field{ margin-bottom:18px; display:flex; flex-direction:column; gap:6px; }
.field label{ font-size:12px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color: var(--navy); }
.field input, .field select, .field textarea{
  font-family:'Inter', sans-serif;
  border:1px solid var(--border); background: var(--bg);
  padding:13px 16px; font-size:14px; color: var(--navy);
  border-radius:2px; width:100%;
}
.field textarea{ resize:vertical; min-height:120px; }
.field input:focus, .field select:focus, .field textarea:focus{ border-color: var(--gold); background:var(--white); }
.lead-form .btn{ width:100%; margin-top:8px; padding:16px; font-size:13px; }

/* ============ GENERIC CONTENT GRIDS ============ */
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }

.info-card{
  border:1px solid var(--border); background: var(--white);
  padding:40px 34px; transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.info-card:hover{
  border-color: var(--gold);
  box-shadow: 0 18px 40px -24px rgba(11,25,44,0.35);
  transform: translateY(-4px);
}
.info-card .step-mark{ margin-bottom:20px; }
.info-card h3{ font-size:20px; margin-bottom:12px; }
.info-card p{ font-size:14.5px; }
.info-card ul{ margin-top:16px; display:flex; flex-direction:column; gap:8px; }
.info-card ul li{ font-size:13.5px; color: var(--navy); font-weight:500; padding-left:16px; position:relative; }
.info-card ul li::before{
  content:''; position:absolute; left:0; top:9px; width:6px; height:1px; background: var(--gold);
}

/* ============ SETUP TYPE CARDS (Services) ============ */
.setup-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.setup-card{
  border:1px solid var(--border); background: var(--white);
  display:flex; flex-direction:column; overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.setup-card:hover{ transform: translateY(-4px); box-shadow: 0 18px 40px -24px rgba(11,25,44,0.35); }
.setup-card-head{
  padding:28px 32px; color: var(--white);
  background: linear-gradient(135deg, var(--navy), var(--navy-soft));
  display:flex; justify-content:space-between; align-items:flex-start;
}
.setup-card-head .num{ font-family:'Playfair Display', serif; font-size:34px; opacity:0.35; }
.setup-card-head .label{ font-size:11px; letter-spacing:0.2em; text-transform:uppercase; color: var(--gold-soft); margin-bottom:6px; display:block; }
.setup-card-head h3{ color:var(--white); font-size:22px; }
.setup-card-body{ padding:28px 32px; flex:1; display:flex; flex-direction:column; }
.setup-card-body p{ font-size:14px; margin-bottom:18px; }
.setup-card-body ul{ display:flex; flex-direction:column; gap:10px; }
.setup-card-body ul li{ font-size:13.5px; color: var(--navy); font-weight:500; display:flex; gap:10px; align-items:flex-start; }
.setup-card-body ul li .step-mark{ margin-top:3px; }

/* ============ PROCESS TIMELINE (real sequence -> numbered) ============ */
.process{
  background: var(--bg); border:1px solid var(--border);
  padding: 44px 40px;
}
.process h3{ font-size:18px; margin-bottom:32px; }
.process-row{
  display:flex; justify-content:space-between; position:relative; flex-wrap:wrap; gap:24px;
}
.process-row::before{
  content:''; position:absolute; top:18px; left:36px; right:36px; height:1px;
  background: var(--border);
}
.process-step{ text-align:center; flex:1; min-width:120px; position:relative; z-index:1; }
.process-step .circle{
  width:36px; height:36px; border-radius:50%; background: var(--navy); color: var(--gold-soft);
  display:flex; align-items:center; justify-content:center; margin:0 auto 14px;
  font-weight:700; font-size:14px; font-family:'Playfair Display', serif;
}
.process-step span.label{ font-size:13px; font-weight:600; color: var(--navy); display:block; }

/* ============ STATS ROW ============ */
.stats-row{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background: var(--navy-line); border:1px solid var(--navy-line); margin-top:56px;
}
.stat{ background: var(--navy); padding:36px 28px; text-align:center; }
.stat .num{ font-family:'Playfair Display', serif; font-size:40px; color: var(--gold-soft); margin-bottom:6px; }
.stat .label{ font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color: rgba(248,250,252,0.6); }

/* ============ ABOUT PAGE ============ */
.about-split{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.about-split .visual{
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-soft) 60%, #1b4b51 100%);
  aspect-ratio: 4/5; position:relative; overflow:hidden; min-height:380px;
}
.about-split .visual .skyline{ position:absolute; bottom:0; opacity:0.7; }
.about-split .visual .badge{
  position:absolute; bottom:32px; left:32px; right:32px;
  border:1px solid rgba(212,175,55,0.4); padding:20px 24px;
  background: rgba(11,25,44,0.55); backdrop-filter: blur(6px);
  color: var(--white);
}
.about-split .visual .badge .num{ font-family:'Playfair Display', serif; font-size:30px; color: var(--gold-soft); }
.about-split .visual .badge .label{ font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color: rgba(248,250,252,0.7); }
.about-split .copy h2{ font-size: clamp(28px, 3.4vw, 40px); margin:14px 0 18px; }
.about-split .copy p{ margin-bottom:16px; font-size:15.5px; }

.values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin-top:40px; }
.values-grid .value{ background:var(--white); padding:32px 28px; }
.values-grid .value h4{ font-size:17px; margin-bottom:10px; }
.values-grid .value p{ font-size:14px; }

/* ============ INSIGHTS PAGE ============ */
.insights-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.insight-card{
  border:1px solid var(--border); background: var(--white);
  display:flex; flex-direction:column; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.insight-card:hover{ transform: translateY(-4px); box-shadow: 0 18px 40px -24px rgba(11,25,44,0.35); border-color: var(--gold); }
.insight-thumb{
  height:170px; background: linear-gradient(135deg, var(--navy), var(--navy-soft));
  position:relative; overflow:hidden;
}
.insight-thumb .step-mark{ position:absolute; bottom:20px; left:24px; transform:scale(1.6); }
.insight-body{ padding:28px 26px; display:flex; flex-direction:column; flex:1; }
.insight-tag{ font-size:11px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:var(--gold); margin-bottom:12px; }
.insight-body h3{ font-size:19px; margin-bottom:10px; line-height:1.3; }
.insight-body p{ font-size:14px; margin-bottom:18px; }
.insight-meta{ font-size:12.5px; color: var(--slate-soft); margin-top:auto; padding-top:14px; border-top:1px solid var(--border); display:flex; justify-content:space-between; }
.insight-card .fork-link{ margin: 16px 26px 26px; }
.insight-featured{
  display:grid; grid-template-columns:1.1fr 1fr; gap:0;
  border:1px solid var(--border); margin-bottom:48px; overflow:hidden;
}
.insight-featured .insight-thumb{ height:100%; min-height:280px; }
.insight-featured .insight-body{ padding:48px; }
.insight-featured h3{ font-size:28px; }

/* ============ CONTACT PAGE ============ */
.contact-grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:56px; }
.office-card{ border:1px solid var(--border); padding:32px; margin-bottom:24px; background:var(--white); }
.office-card h3{ font-size:18px; margin-bottom:14px; display:flex; align-items:center; gap:10px; }
.office-card .row{ display:flex; gap:12px; font-size:14px; margin-bottom:10px; align-items:flex-start; }
.office-card .row .ico{ color: var(--gold); font-weight:700; flex-shrink:0; }
.contact-form-card{ border:1px solid var(--border); background: var(--white); padding:48px; }
.contact-form-card h3{ font-size:24px; margin-bottom:8px; }
.contact-form-card p{ margin-bottom:28px; font-size:14.5px; }
.map-embed{ border:1px solid var(--border); margin-top:24px; aspect-ratio:16/9; overflow:hidden; }
.map-embed iframe{ width:100%; height:100%; border:0; }

/* ============ PARTNER VISUALS ============ */
.partner-card{ padding:0; overflow:hidden; }
.partner-card .partner-image{
  aspect-ratio:1200/628;
  background:var(--navy);
  border-bottom:1px solid var(--border);
}
.partner-card .partner-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.partner-card .partner-copy{ padding:32px 34px 36px; }
.partner-card .step-mark{ margin-bottom:0; }

/* ============ FOOTER ============ */
footer{ background: var(--navy); color: rgba(248,250,252,0.7); }
.footer-top{
  display:grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap:48px; padding: 80px 0 56px;
  border-bottom:1px solid var(--navy-line);
}
.footer-brand .logo-text .mark{ color: var(--white); }
.footer-brand p{ font-size:14px; margin:18px 0 22px; max-width:280px; color: rgba(248,250,252,0.55); }
.footer-social{ display:flex; gap:12px; }
.footer-social a{
  width:34px; height:34px; border:1px solid var(--navy-line);
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:600; color:var(--gold-soft);
  transition: border-color .2s ease, color .2s ease;
}
.footer-social a:hover{ border-color: var(--gold); color: var(--white); }
footer h4{
  color: var(--white); font-size:14px; font-weight:700;
  letter-spacing:0.12em; text-transform:uppercase;
  font-family:'Inter', sans-serif; margin-bottom:22px;
}
footer ul{ display:flex; flex-direction:column; gap:12px; font-size:14px; }
footer ul a{ transition: color .2s ease; }
footer ul a:hover{ color: var(--gold); }
footer address{ font-style:normal; font-size:14px; line-height:1.8; }
.footer-bottom{
  display:flex; justify-content:space-between; align-items:center;
  padding:26px 0; font-size:13px; color: rgba(248,250,252,0.4);
  flex-wrap:wrap; gap:12px;
}
.footer-bottom .legal{ display:flex; gap:24px; }
.footer-bottom .legal a:hover{ color: var(--gold); }

/* ============ RESPONSIVE ============ */
@media (max-width: 980px){
  .hero-inner{ grid-template-columns:1fr; gap:24px; }
  .hero-visual{ min-height:360px; margin-bottom:64px; }
  .fork-grid{ grid-template-columns:1fr; }
  .edge-grid{ grid-template-columns:1fr; }
  .lead-box{ grid-template-columns:1fr; padding:40px; }
  .footer-top{ grid-template-columns:1fr 1fr; }
  .grid-3, .setup-grid, .insights-grid{ grid-template-columns:1fr 1fr; }
  .partner-logo-grid,.authority-route-grid{ grid-template-columns:1fr 1fr; }
  .authority-head{ display:block; }
  .grid-2, .about-split, .contact-grid{ grid-template-columns:1fr; }
  .stats-row{ grid-template-columns:1fr 1fr; }
  .values-grid{ grid-template-columns:1fr; }
  .insight-featured{ grid-template-columns:1fr; }
  .insight-featured .insight-thumb{ min-height:200px; }
}
@media (max-width: 760px){
  .nav{ padding:12px 18px; gap:10px 16px; flex-wrap:wrap; }
  .logo{ gap:8px; min-width:0; }
  .logo-img{ width:58px; height:58px; }
  .logo-text .mark{ font-size:22px; }
  .logo-text .sub{ font-size:9px; letter-spacing:.14em; }
  .nav-links{
    order:3;
    display:flex;
    flex:0 0 100%;
    width:100%;
    overflow-x:auto;
    justify-content:flex-start;
    gap:18px;
    padding:4px 2px 0;
    scrollbar-width:none;
  }
  .nav-links::-webkit-scrollbar{ display:none; }
  .nav-links a{ flex:0 0 auto; }
  .nav-cta{ display:flex; margin-left:auto; }
  .nav-cta .btn{ display:inline-flex; font-size:10px; padding:10px 13px; }
  .nav-toggle{
    display:flex; flex-direction:column; gap:5px; cursor:pointer;
    background:none; border:none; padding:8px;
  }
  .nav-toggle span{ width:22px; height:2px; background:var(--navy); display:block; }
  .hero{ padding-top:28px; }
  .hero-inner{ padding:36px 24px 0; overflow:hidden; }
  .hero h1{ font-size:31px; max-width:100%; overflow-wrap:break-word; }
  .hero p.lede{ font-size:16px; max-width:100%; overflow-wrap:break-word; }
  .hero-content, .hero-visual, .hero-actions{
    min-width:0;
    width:calc(100vw - 96px);
    max-width:342px;
  }
  .hero-actions{ flex-direction:column; gap:12px; margin-bottom:48px; }
  .hero-actions .btn{ width:100%; white-space:normal; text-align:center; }
  .hero-visual{ min-height:330px; }
  .hero-card{ top:20px; left:0; right:auto; width:calc(100vw - 96px); max-width:342px; padding:24px; }
  .hero-card img{ width:135px; margin-bottom:20px; }
  .hero-metrics{ left:0; width:calc(100vw - 96px); max-width:342px; grid-template-columns:1fr 1fr 1fr; }
  .hero-metrics .metric{ padding:14px 10px; }
  section{ padding:64px 0; }
  .footer-top{ grid-template-columns:1fr; padding:56px 0 40px; }
  .lead-box{ padding:28px; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
  .grid-3, .setup-grid, .insights-grid{ grid-template-columns:1fr; }
  .partner-logo-grid,.authority-route-grid{ grid-template-columns:1fr; }
  .partner-ecosystem{ padding:58px 0; }
  .authority-panel{ padding:24px; }
  .stats-row{ grid-template-columns:1fr 1fr; }
  .process-row{ flex-direction:column; gap:20px; }
  .process-row::before{ display:none; }
  .page-hero{ padding:120px 0 70px; }
  .contact-form-card{ padding:28px; }
}

@media (prefers-reduced-motion: reduce){
  .marquee-track{ animation:none; }
  html{ scroll-behavior:auto; }
}

/* ============ ENTERPRISE FINISHING LAYER ============ */
.site-header .nav{
  max-width:1420px;
}
.site-header .services-menu{
  max-height:min(72vh,680px);
  scrollbar-width:thin;
}
.site-header .services-menu a,
.site-header .nav-links .services-menu a{
  border:1px solid transparent;
}
.site-header .services-menu a:hover{
  border-color:rgba(26,169,154,.22);
  background:linear-gradient(135deg,rgba(100,220,202,.24),rgba(255,255,255,.96));
}
.site-header .nav-action,
.site-header .nav-cta .btn{
  background:linear-gradient(135deg,#76e8d8,#1aa99a);
  color:#08272a;
}
.site-header .nav-links a.active::before,
.site-header .nav-links a:hover::before{
  box-shadow:inset 0 0 0 1px rgba(16,47,50,.08);
}
.page-hero,
.order-service-hero{
  isolation:isolate;
}
.page-hero::after,
.order-service-hero::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:90px;
  background:linear-gradient(180deg,transparent,rgba(248,250,252,.08));
  pointer-events:none;
}
.hub-card,
.info-card,
.setup-card,
.order-card,
.service-request-form,
.service-order-note,
.contact-form-card,
.office-card{
  border-color:rgba(16,47,50,.12);
  box-shadow:0 18px 58px -52px rgba(16,47,50,.52);
}
.hub-card,
.info-card,
.order-card{
  position:relative;
  overflow:hidden;
}
.hub-card::after,
.info-card::after,
.order-card::after{
  content:'';
  position:absolute;
  left:28px;
  right:28px;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,var(--gold-soft),var(--gold));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}
.hub-card:hover::after,
.info-card:hover::after,
.order-card:hover::after{
  transform:scaleX(1);
}
.order-service-hero h1,
.page-hero h1{
  letter-spacing:-.025em;
}
.order-proof,
.priority-proof,
.stats-row{
  box-shadow:0 22px 70px -56px rgba(0,0,0,.78);
}
.service-order-panel,
.order-panel{
  gap:30px;
}
.service-request-form,
.request-form{
  border-radius:0 0 10px 10px;
}
.service-order-note,
.order-note{
  border-left:4px solid var(--gold);
}
.field input,
.field select,
.field textarea,
.newsletter-form input,
.newsletter-form select{
  border-radius:8px;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.newsletter-form input:focus,
.newsletter-form select:focus{
  box-shadow:0 0 0 4px rgba(26,169,154,.11);
}
.btn{
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
}
.enterprise-assurance,
.operating-model,
.priority-home,
#services,
#service-pages,
#newsletter,
#contact,
.proof,
.profile-strip,
.posts,
.partner-ecosystem,
.order-service-section,
.page,
.lead{
  scroll-margin-top:124px;
}
@media(max-width:760px){
  .enterprise-assurance,
  .operating-model,
  .priority-home,
  #services,
  #service-pages,
  #newsletter,
  #contact,
  .proof,
  .profile-strip,
  .posts,
  .partner-ecosystem,
  .order-service-section,
  .page,
  .lead{
    scroll-margin-top:154px;
  }
  .site-header .nav-links{
    gap:2px;
    padding:5px;
    font-size:11.2px;
  }
  .site-header .nav-links a{
    padding:8px 7px;
    animation:none;
    opacity:1;
    transform:none;
  }
  .site-header .menu-chev{
    width:15px;
    height:15px;
    font-size:11px;
  }
}
@media(max-width:520px){
  .site-header .nav{padding:10px 12px}
  .site-header .logo-img{width:48px;height:48px}
  .site-header .nav-action{font-size:9px;padding:9px 10px;min-height:40px}
  .site-header .nav-links{
    gap:1px;
    padding:4px;
    font-size:9.6px;
    overflow:hidden;
  }
  .site-header .nav-links a{
    padding:7px 4px;
    letter-spacing:-.03em;
  }
  .site-header .menu-chev{display:none}
}

/* ============ PREMIUM NAV TYPOGRAPHY + MOTION ============ */
.site-header{background:linear-gradient(180deg,rgba(248,250,252,.99),rgba(248,250,252,.96))}
.site-header .nav{background:rgba(255,255,255,.97)}
.site-header .nav-links{
  position:relative;
  font-family:'Sora','Plus Jakarta Sans','Inter',sans-serif !important;
  font-size:14.4px;
  font-weight:700;
  letter-spacing:-.035em;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.72)),
    radial-gradient(circle at 15% 50%,rgba(100,220,202,.18),transparent 38%);
}
.site-header .nav-links::before{
  content:'';
  position:absolute;
  inset:5px;
  border-radius:999px;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.95) 42%,rgba(100,220,202,.2) 50%,transparent 62%);
  opacity:0;
  transform:translateX(-24%);
  transition:opacity .28s ease,transform .58s cubic-bezier(.22,1,.36,1);
}
.site-header .nav-links:hover::before{
  opacity:.7;
  transform:translateX(24%);
}
.site-header .nav-links a{
  font-family:'Sora','Plus Jakarta Sans','Inter',sans-serif !important;
  letter-spacing:-.035em;
  text-transform:none;
}
.site-header .nav-links a::before{
  background:
    linear-gradient(135deg,rgba(100,220,202,.92),rgba(26,169,154,.92)),
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 38%);
  box-shadow:0 12px 26px -20px rgba(16,47,50,.75);
}
.site-header .nav-links a::after{
  width:18px;
  height:3px;
  border-radius:999px;
  bottom:7px;
  background:#102F32;
  opacity:.32;
}
.site-header .nav-links a:hover,
.site-header .nav-links a.active{
  transform:translateY(-2px) scale(1.012);
}
.site-header .nav-links a:hover::before,
.site-header .nav-links a.active::before{
  animation:nav-liquid-pop .42s cubic-bezier(.22,1,.36,1) both;
}
.site-header .menu-chev{
  font-family:'Sora','Plus Jakarta Sans','Inter',sans-serif;
  font-weight:800;
}
.site-header .nav-action,
.site-header .nav-cta .btn{
  font-family:'Sora','Plus Jakarta Sans','Inter',sans-serif !important;
  letter-spacing:.015em;
}
@keyframes nav-liquid-pop{
  0%{transform:scale(.74);filter:saturate(.8)}
  62%{transform:scale(1.04);filter:saturate(1.18)}
  100%{transform:scale(1);filter:saturate(1)}
}
@media(max-width:760px){
  .site-header .nav-links{
    font-size:10.6px;
    letter-spacing:-.055em;
  }
  .site-header .nav-links a{
    letter-spacing:-.055em;
  }
}
@media(max-width:520px){
  .site-header .nav-links{
    font-size:9.25px;
    letter-spacing:-.07em;
  }
  .site-header .nav-links a{
    letter-spacing:-.07em;
  }
}

/* reference-style pill menu */
.site-header{
  background:rgba(248,250,252,.92) !important;
  border-bottom:1px solid rgba(16,47,50,.06) !important;
  box-shadow:none !important;
}
.site-header::before{
  opacity:.32 !important;
  background:linear-gradient(90deg,transparent,rgba(26,169,154,.1),transparent) !important;
}
.site-header .nav{
  max-width:1420px !important;
  min-height:92px !important;
  margin:10px auto !important;
  padding:12px 22px !important;
  border:0 !important;
  border-radius:42px !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex;
  gap:20px;
}
.site-header .logo-img{
  width:64px !important;
  height:64px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 18px 34px -24px rgba(11,25,44,.42),0 0 0 1px rgba(16,47,50,.08) !important;
}
.site-header .nav-links{
  position:relative !important;
  flex:1 1 auto !important;
  min-height:68px !important;
  justify-content:center !important;
  gap:18px !important;
  padding:0 34px !important;
  border:1px solid rgba(16,47,50,.08) !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 22px 48px -36px rgba(11,25,44,.46),inset 0 -1px 0 rgba(16,47,50,.05) !important;
  font-family:'Plus Jakarta Sans','Inter',sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:-.012em !important;
  overflow:visible !important;
}
.site-header .nav-links::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  background:linear-gradient(110deg,transparent 0%,rgba(26,169,154,.08) 36%,rgba(255,255,255,.96) 50%,transparent 66%) !important;
  opacity:0 !important;
  transform:translateX(-18%) !important;
  transition:opacity .24s ease,transform .7s cubic-bezier(.22,1,.36,1) !important;
}
.site-header .nav-links:hover::before{opacity:1 !important;transform:translateX(18%) !important}
.site-header .nav-links a,
.site-header .nav-item.has-menu{
  height:68px;
  display:inline-flex !important;
  align-items:center !important;
}
.site-header .nav-links a{
  position:relative !important;
  padding:0 8px !important;
  border-radius:0 !important;
  color:rgba(11,25,44,.72) !important;
  overflow:visible !important;
  opacity:0;
  transform:translateY(-8px);
  animation:navPillItem .54s cubic-bezier(.22,1,.36,1) forwards !important;
  animation-delay:calc(var(--nav-index,0) * 50ms + 90ms) !important;
  transition:color .25s ease,transform .25s ease !important;
  font-family:'Plus Jakarta Sans','Inter',sans-serif !important;
  letter-spacing:-.012em !important;
}
.site-header .nav-links a::before{display:none !important}
.site-header .nav-links a::after{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:54px !important;
  height:7px !important;
  border-radius:999px 999px 0 0 !important;
  background:linear-gradient(90deg,#76e8d8,#1aa99a) !important;
  box-shadow:0 -5px 16px rgba(26,169,154,.28) !important;
  opacity:1 !important;
  transform:translateX(-50%) scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .32s cubic-bezier(.22,1,.36,1),width .28s ease !important;
}
.site-header .nav-links a:hover,
.site-header .nav-links a.active{
  color:#1aa99a !important;
  transform:translateY(-2px) !important;
}
.site-header .nav-links a:hover::after,
.site-header .nav-links a.active::after{transform:translateX(-50%) scaleX(1) !important}
.site-header .menu-chev{
  background:rgba(26,169,154,.1) !important;
  color:#1aa99a !important;
  font-weight:900 !important;
}
.site-header .nav-action,
.site-header .nav-cta .btn{
  border-radius:18px !important;
  background:linear-gradient(135deg,#76e8d8,#1aa99a) !important;
  color:#08272a !important;
  box-shadow:0 20px 42px -28px rgba(26,169,154,.78) !important;
}
.site-header .services-menu{
  top:104px !important;
  width:min(1040px,calc(100vw - 72px)) !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  border-color:rgba(16,47,50,.1) !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 30px 70px -42px rgba(11,25,44,.72) !important;
}
.site-header .services-menu::before{background:#fff !important}
.site-header .nav-links .services-menu a{
  display:block !important;
  height:auto !important;
  padding:13px 14px !important;
  border-radius:16px !important;
  color:var(--navy) !important;
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}
.site-header .nav-links .services-menu a::after,
.site-header .nav-links .services-menu a::before{display:none !important}
.site-header .services-menu a:hover{background:linear-gradient(135deg,rgba(118,232,216,.26),rgba(255,255,255,.98)) !important}
.site-header.is-scrolled .nav{min-height:82px !important}
@keyframes navPillItem{to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){
  .site-header .nav-links{gap:10px !important;font-size:14px !important;padding:0 22px !important}
}
@media(max-width:860px){
  .site-header .nav{margin:8px 12px !important;padding:10px 12px !important;border-radius:28px !important}
  .site-header .nav-links{
    order:3 !important;
    flex:0 0 100% !important;
    width:100% !important;
    min-height:58px !important;
    justify-content:flex-start !important;
    gap:18px !important;
    padding:0 18px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    font-size:14px !important;
  }
  .site-header .nav-links a,
  .site-header .nav-item.has-menu{height:58px !important;flex:0 0 auto}
  .site-header .nav-links a::after{height:6px !important;width:44px !important}
  .site-header .services-menu{top:140px !important;width:auto !important;grid-template-columns:1fr !important}
}
@media(prefers-reduced-motion:reduce){
  .site-header .nav-links a{animation:none !important;opacity:1 !important;transform:none !important}
}

/* Final header refinements */
.site-header,
.site-header *{cursor:auto !important}
.site-header a,
.site-header button,
.site-header .nav-item.has-menu,
.site-header .service-trigger,
.site-header .nav-action,
.site-header .services-menu a{cursor:pointer !important}
.site-header .nav{
  max-width:1240px !important;
  min-height:78px !important;
  padding:8px 18px !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
}
.site-header.is-scrolled .nav{min-height:74px !important}
.site-header .logo-img{
  width:56px !important;
  height:56px !important;
}
.site-header .nav-links{
  min-height:58px !important;
  gap:14px !important;
  padding:0 26px !important;
  font-size:14.5px !important;
}
.site-header .nav-links a,
.site-header .nav-item.has-menu{height:58px !important}
.site-header .nav-links a::after{
  width:46px !important;
  height:6px !important;
}
.site-header .nav-action,
.site-header .nav-cta .btn{
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1.12 !important;
  letter-spacing:.035em !important;
  white-space:nowrap !important;
  text-align:center !important;
  background:linear-gradient(135deg,var(--gold-soft),var(--gold)) !important;
  color:var(--navy) !important;
  border-color:transparent !important;
  box-shadow:0 16px 30px -20px rgba(26,169,154,.75) !important;
}
.site-header .nav-action:hover,
.site-header .nav-cta .btn:hover{
  background:linear-gradient(135deg,#8df0df,var(--gold)) !important;
  box-shadow:0 18px 34px -18px rgba(26,169,154,.9) !important;
}
.site-header .services-menu{top:88px !important}
@media(max-width:1120px){
  .site-header .nav{max-width:calc(100vw - 32px) !important}
  .site-header .nav-links{gap:8px !important;font-size:13.5px !important;padding:0 18px !important}
  .site-header .nav-action{font-size:10.5px !important;padding:10px 13px !important}
}
@media(max-width:860px){
  .site-header .nav{min-height:0 !important;padding:8px 10px !important;flex-wrap:wrap !important}
  .site-header .logo-img{width:50px !important;height:50px !important}
  .site-header .nav-action{
    flex:0 0 auto !important;
    margin-left:auto !important;
    min-height:38px !important;
    padding:9px 12px !important;
    font-size:9.5px !important;
    white-space:nowrap !important;
  }
  .site-header .nav-links{
    order:3 !important;
    flex:0 0 100% !important;
    width:100% !important;
    margin-top:8px !important;
    min-height:52px !important;
    font-size:13.5px !important;
    gap:16px !important;
  }
  .site-header .nav-links a,
  .site-header .nav-item.has-menu{height:52px !important}
  .site-header .services-menu{top:132px !important}
}

/* Compact alignment pass for service/tool pages */
.order-service-hero,
.tools-hero,
.service-system{
  padding-top:74px !important;
  padding-bottom:58px !important;
}
.order-service-section,
.tools-section{
  padding-top:60px !important;
  padding-bottom:60px !important;
}
.order-grid,
.order-process,
.tools-grid,
.home-tools .tools-grid,
.service-system-grid{
  gap:16px !important;
  align-items:stretch !important;
}
.order-card,
.tool-card,
.home-tools .tool-card,
.system-card{
  min-height:0 !important;
  padding:24px !important;
}
.order-side,
.service-request-form,
.service-order-note,
.tool-form,
.tool-intro{
  padding:28px !important;
}
.service-order-panel,
.tool-panel{
  gap:22px !important;
}
.order-proof,
.tools-proof{
  margin-top:26px !important;
}
.order-proof div,
.tools-proof div{
  padding:16px !important;
}
@media(max-width:760px){
  .order-service-hero,
  .tools-hero,
  .service-system{
    padding-top:62px !important;
    padding-bottom:46px !important;
  }
  .order-service-section,
  .tools-section{
    padding-top:46px !important;
    padding-bottom:46px !important;
  }
  .order-card,
  .tool-card,
  .home-tools .tool-card,
  .system-card,
  .order-side,
  .service-request-form,
  .service-order-note,
  .tool-form,
  .tool-intro{
    padding:22px !important;
  }
}

/* Floating zoomed header while scrolling */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
}
.site-header .nav{
  transform-origin:top center !important;
  transition:transform .28s cubic-bezier(.22,1,.36,1),max-width .28s ease,min-height .28s ease,padding .28s ease,margin .28s ease,border-radius .28s ease,box-shadow .28s ease !important;
}
.site-header.is-scrolled,
header.scrolled.site-header{
  background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(248,250,252,.5)) !important;
}
.site-header.is-scrolled .nav,
header.scrolled.site-header .nav{
  max-width:1120px !important;
  min-height:60px !important;
  margin-top:6px !important;
  margin-bottom:6px !important;
  padding:6px 14px !important;
  border-radius:999px !important;
  transform:scale(.94) !important;
  box-shadow:0 24px 58px -42px rgba(11,25,44,.72) !important;
}
.site-header.is-scrolled .logo-img,
header.scrolled.site-header .logo-img{
  width:44px !important;
  height:44px !important;
}
.site-header.is-scrolled .nav-links,
header.scrolled.site-header .nav-links{
  min-height:46px !important;
  font-size:13px !important;
  gap:8px !important;
  padding:0 18px !important;
}
.site-header.is-scrolled .nav-links a,
.site-header.is-scrolled .nav-item.has-menu,
header.scrolled.site-header .nav-links a,
header.scrolled.site-header .nav-item.has-menu{
  height:46px !important;
}
.site-header.is-scrolled .nav-action,
header.scrolled.site-header .nav-action{
  min-height:36px !important;
  padding:8px 13px !important;
  font-size:10px !important;
}
.site-header.is-scrolled .services-menu,
header.scrolled.site-header .services-menu{
  top:68px !important;
}
@media(max-width:1024px){
  .site-header.is-scrolled .nav,
  header.scrolled.site-header .nav{transform:scale(.97) !important}
}
@media(max-width:760px){
  .site-header.is-scrolled .nav,
  header.scrolled.site-header .nav{
    transform:scale(1) !important;
    border-radius:24px !important;
  }
  .site-header.is-scrolled .services-menu,
  header.scrolled.site-header .services-menu{top:126px !important}
}

/* Keep the header floating, not pinned flat to the top */
.site-header{
  position:fixed !important;
  top:12px !important;
  left:0 !important;
  right:0 !important;
  background:transparent !important;
  border-bottom:0 !important;
  pointer-events:none !important;
  z-index:5000 !important;
}
.site-header .nav{pointer-events:auto !important}
.site-header.is-scrolled,
header.scrolled.site-header{
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.site-header.is-scrolled .nav,
header.scrolled.site-header .nav{
  max-width:1160px !important;
  min-height:62px !important;
  margin-top:0 !important;
  margin-bottom:10px !important;
  padding:8px 16px !important;
  border-radius:999px !important;
  transform:none !important;
  box-shadow:0 26px 62px -42px rgba(11,25,44,.74),0 1px 0 rgba(255,255,255,.8) inset !important;
}
.site-header.is-scrolled .logo-img,
header.scrolled.site-header .logo-img{
  width:48px !important;
  height:48px !important;
}
.site-header.is-scrolled .nav-links,
header.scrolled.site-header .nav-links{
  min-height:48px !important;
  font-size:13.2px !important;
}
.site-header.is-scrolled .nav-links a,
.site-header.is-scrolled .nav-item.has-menu,
header.scrolled.site-header .nav-links a,
header.scrolled.site-header .nav-item.has-menu{
  height:48px !important;
}
.site-header.is-scrolled .nav-action,
header.scrolled.site-header .nav-action{
  min-height:38px !important;
}
.site-header.is-scrolled .services-menu,
header.scrolled.site-header .services-menu{
  top:86px !important;
}
@media(max-width:760px){
  .site-header{top:8px !important}
  .site-header.is-scrolled .nav,
  header.scrolled.site-header .nav{
    border-radius:28px !important;
    margin-bottom:8px !important;
  }
  .site-header.is-scrolled .services-menu,
  header.scrolled.site-header .services-menu{top:138px !important}
}

/* Grouped services dropdown */
.site-header .services-menu{
  width:min(1180px,calc(100vw - 56px)) !important;
  display:grid !important;
  grid-template-columns:1.05fr 1.2fr 1.2fr 1.35fr 1.35fr !important;
  gap:12px !important;
  padding:16px !important;
  align-items:start !important;
}
.site-header .service-group{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:12px;
  border:1px solid rgba(16,47,50,.08);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(255,255,255,.98));
}
.site-header .service-group-featured{
  background:linear-gradient(145deg,rgba(233,211,138,.22),rgba(255,255,255,.96));
  border-color:rgba(212,175,55,.22);
}
.site-header .service-group h3{
  margin:0 0 6px;
  color:var(--gold);
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.site-header .service-group a,
.site-header .nav-links .services-menu .service-group a{
  padding:9px 10px !important;
  border-radius:12px !important;
}
.site-header .service-group a strong{font-size:12.4px !important}
.site-header .service-group a span{
  font-size:10.8px !important;
  line-height:1.35 !important;
}
@media(max-width:1120px){
  .site-header .services-menu{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:760px){
  .site-header .services-menu{
    grid-template-columns:1fr !important;
    max-height:68vh !important;
    padding:12px !important;
  }
  .site-header .service-group{padding:10px !important}
}

/* Grouped dropdowns for all primary menu tabs */
.site-header .services-mega-menu{
  width:min(1180px,calc(100vw - 56px)) !important;
  grid-template-columns:1.05fr 1.2fr 1.2fr 1.35fr 1.35fr !important;
}
.site-header .compact-menu{
  width:min(820px,calc(100vw - 56px)) !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.site-header .slim-menu{
  width:min(640px,calc(100vw - 56px)) !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.site-header .compact-menu .service-group,
.site-header .slim-menu .service-group{min-height:100%}
.site-header .compact-menu .service-group-featured,
.site-header .slim-menu .service-group-featured{
  background:linear-gradient(145deg,rgba(100,220,202,.2),rgba(255,255,255,.97));
  border-color:rgba(26,169,154,.22);
}
.site-header .compact-menu .service-group h3,
.site-header .slim-menu .service-group h3{color:#1aa99a}
@media(max-width:1120px){
  .site-header .services-mega-menu,
  .site-header .compact-menu{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .site-header .slim-menu{grid-template-columns:1fr 1fr !important}
}
@media(max-width:760px){
  .site-header .services-mega-menu,
  .site-header .compact-menu,
  .site-header .slim-menu{
    width:auto !important;
    grid-template-columns:1fr !important;
  }
}