:root{--navy:#06152b;--navy2:#0b2444;--blue:#087cf0;--cyan:#00c8ff;--orange:#ff6a00;--gold:#ffb52e;--ink:#12243b;--muted:#68788d;--pale:#f5f8fc;--line:#e3eaf2}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.7;overflow-x:hidden}a{text-decoration:none}.site-container{width:calc(100% - 200px);max-width:1600px;margin-inline:auto}.main-navbar{background:rgba(5,18,37,.97);border-bottom:1px solid rgba(255,255,255,.09);padding:12px 0;z-index:1030;backdrop-filter:blur(14px)}.navbar-brand{display:flex;align-items:center;gap:11px;color:#fff!important}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--orange),var(--gold));color:var(--navy);font-size:22px}.brand-name{font-family:Orbitron,sans-serif;font-size:22px;letter-spacing:-1px;font-weight:800;line-height:1.1}.brand-dot,.footer-brand span{color:var(--orange)}.brand-tagline{display:block;font-family:Inter,sans-serif;font-size:8px;letter-spacing:2px;font-weight:700;color:#ffb52e;margin-top:5px}.navbar-nav{gap:2px}.main-navbar .nav-link{color:#d6e0ee;padding:12px 10px!important;font-size:12px;font-weight:700;white-space:nowrap}.main-navbar .nav-link:hover,.main-navbar .nav-link.active{color:var(--gold)}.navbar-toggler{border-color:rgba(255,255,255,.25);color:#fff}.navbar-toggler:focus{box-shadow:0 0 0 2px rgba(255,106,0,.25)}.dropdown-menu{background:#0b203b;border:1px solid rgba(255,255,255,.1);padding:8px;min-width:240px;box-shadow:0 18px 35px #00102033}.dropdown-item{color:#dbe5f1;padding:10px 12px;font-size:12px;border-radius:5px}.dropdown-item i{color:var(--orange);width:24px;font-size:14px}.dropdown-item:hover,.dropdown-item:focus{background:#14345b;color:#fff}.nav-cta,.btn-brand{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:5px;background:linear-gradient(110deg,var(--orange),var(--gold));color:#101c2c;padding:12px 17px;font-size:12px;font-weight:800;transition:.25s;white-space:nowrap}.nav-cta:hover,.btn-brand:hover{color:#06152b;transform:translateY(-2px);box-shadow:0 8px 25px #ff6a0030}.home-slider{background:var(--navy);padding-top:68px}.hero-slide{position:relative;min-height:620px;background-image:var(--slide-image);background-position:center;background-size:cover;display:flex;align-items:center;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,29,.97) 0%,rgba(4,20,42,.9) 42%,rgba(5,20,40,.46) 75%,rgba(4,15,31,.3) 100%)}.hero-slide-content{position:relative;z-index:2;padding-top:65px;padding-bottom:75px}.eyebrow,.section-kicker{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--orange)}.eyebrow b{color:var(--gold);font-weight:600}.hero-slide h1{font-size:clamp(38px,4.6vw,66px);font-weight:800;letter-spacing:-2px;line-height:1.08;max-width:760px;margin:0 0 22px}.hero-slide h1 em{font-style:normal;color:var(--gold)}.hero-slide p{max-width:610px;color:#d0dbea;font-size:16px;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff77;border-radius:5px;color:white;padding:11px 18px;font-size:12px;font-weight:700}.btn-ghost:hover{color:var(--gold);border-color:var(--gold)}.hero-caption{margin-top:44px;color:#aebfd4;font-size:11px;letter-spacing:.3px}.hero-caption span{color:var(--orange);font-weight:800;margin-right:12px}.carousel-indicators{justify-content:flex-start;margin-left:max(100px,calc((100% - 1600px)/2));margin-bottom:28px;z-index:3}.carousel-indicators [data-bs-target]{width:25px;height:3px;border:0;background:#fff9}.carousel-indicators .active{background:var(--orange)}.carousel-control-prev,.carousel-control-next{width:6%;z-index:3}.trust-strip{padding:27px 0;background:#fff;border-bottom:1px solid var(--line)}.trust-strip .row>div:not(:first-child){font-size:12px;font-weight:700;color:#394b63}.trust-strip i{font-size:20px;color:var(--orange);margin-right:8px;vertical-align:middle}.trust-label{display:block;font-size:9px;color:var(--orange);letter-spacing:2px;font-weight:800}.trust-strip strong{font-size:13px;color:var(--navy)}.section-pad{padding:90px 0}.section-head{max-width:720px;margin:0 auto 42px}.section-head h2,.section-title{color:var(--navy);font-size:clamp(29px,3vw,43px);font-weight:800;line-height:1.2;letter-spacing:-1.2px;margin:10px 0 15px}.section-head p,.body-copy{color:var(--muted);font-size:14px}.service-tile{height:100%;padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:.25s}.service-tile:hover{transform:translateY(-5px);border-color:#ffb17a;box-shadow:0 15px 35px #0c244010}.tile-icon{width:53px;height:53px;border-radius:10px;display:grid;place-items:center;background:#fff0e5;color:var(--orange);font-size:22px;margin-bottom:21px}.service-tile h3{font-size:17px;color:var(--navy);font-weight:800}.service-tile p{font-size:12px;color:var(--muted);min-height:42px}.text-link{color:#e75d00;font-size:12px;font-weight:800}.text-link i{margin-left:5px}.about-home{padding:90px 0;background:var(--pale)}.about-art{min-height:390px;position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 70% 20%,#154c7e,transparent 40%),linear-gradient(135deg,#041126,#0a2d53);display:grid;place-items:center}.about-art:before,.about-art:after{content:"";position:absolute;width:500px;height:180px;border:1px solid #ff8a2b77;border-radius:50%;transform:rotate(-28deg)}.about-art:after{transform:rotate(25deg);border-color:#00c8ff55}.about-art-grid{position:absolute;inset:0;background-image:radial-gradient(#3b9bdf 1px,transparent 1px);background-size:22px 22px;opacity:.2}.about-monogram{font-family:Orbitron,sans-serif;font-size:130px;font-weight:800;letter-spacing:-12px;color:#f5f8ff;position:relative;text-shadow:0 12px 35px #0008}.about-monogram span{color:var(--orange)}.art-caption{position:absolute;left:25px;bottom:25px;display:flex;align-items:center;gap:12px;padding:13px 17px;background:#06152be8;border:1px solid #ffffff1b;border-radius:8px;color:#fff;font-weight:700;font-size:12px}.art-caption i{color:var(--gold);font-size:22px}.art-caption small{color:#aabbd0;font-weight:400}.mini-feature{display:flex;gap:12px;margin:20px 0}.mini-feature>i{color:var(--orange);font-size:18px;margin-top:2px}.mini-feature strong{font-size:13px;color:var(--navy)}.mini-feature p{font-size:12px;color:var(--muted);margin:3px 0 0}.industries-home{padding:90px 0;background:#fff}.industry-card{display:block;height:100%;padding:24px 20px;border:1px solid var(--line);border-radius:9px;color:var(--ink);transition:.25s}.industry-card:hover{transform:translateY(-5px);border-color:#ffad6a;box-shadow:0 12px 28px #0a20300d}.industry-card>i{font-size:25px;color:var(--orange)}.industry-card h3{font-size:15px;color:var(--navy);font-weight:800;margin:17px 0 8px}.industry-card p{font-size:11px;color:var(--muted);min-height:58px}.industry-card span{font-size:11px;color:#e75d00;font-weight:800}.process-home{padding:85px 0;background:#f3f6fb}.process-step{height:100%;padding:25px 22px;background:white;border:1px solid var(--line);border-radius:9px}.process-step span{display:block;font-family:Orbitron,sans-serif;color:var(--orange);font-size:24px;font-weight:800;margin-bottom:20px}.process-step h3{font-size:16px;color:var(--navy);font-weight:800}.process-step p{font-size:12px;color:var(--muted);margin:0}.cta-band{padding:45px 0;background:linear-gradient(110deg,#06152b,#0b2c50);color:#fff}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.25;margin:8px 0}.cta-band p{font-size:12px;color:#b9c8db;margin:0}.site-footer{background:#030d1b;color:#aab8ca;padding:58px 0 20px}.footer-brand{font-family:Orbitron,sans-serif;color:#fff;font-weight:800;font-size:25px}.footer-copy{font-size:12px;color:#9eafc3;max-width:320px;margin-top:13px}.site-footer h6{font-size:12px;color:#fff;font-weight:800;margin-bottom:17px}.site-footer .col-lg-2>a,.site-footer .col-lg-3>a{display:block;font-size:11px;color:#aab8ca;margin-bottom:10px}.site-footer a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff16;margin-top:35px;padding-top:18px;font-size:10px}.footer-bottom a{color:#aab8ca;margin-left:18px}.inner-hero{position:relative;overflow:hidden;padding:150px 0 65px;background:radial-gradient(ellipse at 85% 20%,#0e4777 0,transparent 34%),linear-gradient(120deg,#041126,#0b2444);color:#fff}.inner-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#4c9cd7 1px,transparent 1px);background-size:24px 24px;opacity:.15}.inner-hero .container{position:relative;z-index:1}.inner-hero h1{font-size:clamp(34px,4vw,54px);font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin:12px 0}.inner-hero p{max-width:700px;color:#c0cede;font-size:15px;margin-bottom:22px}.breadcrumb-line{display:flex;gap:10px;align-items:center;font-size:11px;color:#aabbd0}.breadcrumb-line a{color:var(--gold)}.breadcrumb-line i{font-size:9px}.inner-orb{position:absolute;width:350px;height:350px;border:1px solid #00c8ff2b;border-radius:50%;right:5%;top:15%;box-shadow:0 0 0 40px #00c8ff08,0 0 0 85px #00c8ff06}.content-section{padding:75px 0 90px;background:#fff}.content-heading{font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-1px;color:var(--navy);line-height:1.2;margin:12px 0}.content-lead{font-size:15px;color:#63748b;margin-bottom:35px}.info-block{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.info-number{font-family:Orbitron,sans-serif;color:var(--orange);font-size:17px;font-weight:800;padding-top:2px}.info-block h3{font-size:18px;font-weight:800;color:var(--navy);margin-bottom:8px}.info-block p{font-size:13px;color:var(--muted);margin:0}.sidebar-card{position:sticky;top:105px;padding:28px;border-radius:10px;background:#f5f8fc;border:1px solid var(--line)}.sidebar-icon{width:48px;height:48px;display:grid;place-items:center;background:#fff0e5;color:var(--orange);font-size:21px;border-radius:9px;margin-bottom:17px}.sidebar-card h3{font-size:20px;font-weight:800;color:var(--navy)}.sidebar-card p{font-size:12px;color:var(--muted)}.sidebar-card hr{border-color:#dce4ee;margin:24px 0}.sidebar-card h4{font-size:13px;font-weight:800;color:var(--navy);margin-bottom:10px}.sidebar-link{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e1e8f1;color:#52647b;font-size:11px}.sidebar-link:hover{color:var(--orange)}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin-top:30px;border-radius:9px;background:#06152b;color:#fff}.inline-cta h3{font-size:17px;font-weight:800;margin:0 0 5px}.inline-cta p{font-size:11px;color:#b9c8db;margin:0}.inline-cta .btn-brand{flex-shrink:0}
@media(min-width:1600px){.site-container{width:calc(100% - 200px)}}@media(max-width:1399px){.site-container{width:calc(100% - 100px)}.main-navbar .nav-link{padding-inline:7px!important;font-size:11px}.nav-cta{padding:11px 12px;font-size:11px}}@media(max-width:1199px){.site-container{width:calc(100% - 80px)}.main-navbar .navbar-collapse{padding:15px 0}.main-navbar .nav-link{font-size:13px}.nav-cta{display:inline-flex;margin-top:8px}.dropdown-menu{box-shadow:none}}@media(max-width:767px){.site-container{width:calc(100% - 40px)}.home-slider{padding-top:66px}.hero-slide{min-height:590px;background-position:60% center}.hero-shade{background:linear-gradient(90deg,#031126f5,#061a34e6 65%,#06152bb8)}.hero-slide-content{padding-top:60px;padding-bottom:75px}.hero-slide h1{font-size:clamp(35px,9vw,50px);letter-spacing:-1.3px}.hero-slide p{font-size:14px}.hero-caption{margin-top:30px}.carousel-indicators{margin-left:20px}.carousel-control-prev,.carousel-control-next{width:9%}.trust-strip{padding:22px 0}.trust-strip .row>div{padding-top:5px;padding-bottom:5px}.section-pad,.about-home,.industries-home,.process-home{padding:65px 0}.about-art{min-height:300px}.about-monogram{font-size:95px}.cta-band .container{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.inner-hero{padding:125px 0 50px}.inner-orb{right:-180px}.content-section{padding:55px 0 65px}.sidebar-card{position:static}.inline-cta{align-items:flex-start;flex-direction:column}.info-block{gap:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* FINAL READABILITY OVERRIDES — NAVIGATION AND SITE TYPOGRAPHY */
body,
p,
.content-lead,
.inner-hero p,
.section-head p,
.body-copy,
.info-block p,
.sidebar-card p,
.inline-cta p {
  font-size: 17px;
  line-height: 1.75;
}

.main-navbar .navbar-nav {
  gap: 8px !important;
  align-items: center;
}

.main-navbar .nav-link,
.main-navbar .navbar-nav .nav-link,
.main-navbar .navbar-nav .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px !important;
  line-height: 1.5;
  padding: 12px 10px !important;
  white-space: nowrap;
}

.main-navbar .nav-link.dropdown-toggle::after {
  margin-left: 2px;
}

.dropdown-menu {
  min-width: 270px;
  padding: 10px !important;
}

.dropdown-menu .dropdown-item {
  display: flex !important;
  align-items: center;
  gap: 12px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  line-height: 1.5;
}

.dropdown-menu .dropdown-item i {
  display: inline-flex;
  flex: 0 0 22px;
  width: 22px;
  min-width: 22px;
  justify-content: center;
  align-items: center;
  margin: 0 2px 0 0 !important;
  font-size: 17px !important;
}

.nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px !important;
  font-size: 15px !important;
  padding: 13px 16px !important;
}

.nav-cta i,
.dropdown-item i {
  vertical-align: middle;
}

.service-tile p,
.industry-card p,
.process-step p,
.mini-feature p,
.footer-copy,
.site-footer .col-lg-2 > a,
.site-footer .col-lg-3 > a {
  font-size: 15px;
  line-height: 1.75;
}

.service-tile h3,
.info-block h3 {
  font-size: 20px;
  line-height: 1.35;
}

.text-link,
.industry-card span,
.sidebar-link {
  font-size: 14px;
}

@media (max-width: 1399px) {
  .main-navbar .nav-link,
  .main-navbar .navbar-nav .nav-link,
  .main-navbar .navbar-nav .dropdown-toggle {
    font-size: 15px !important;
    padding: 11px 8px !important;
    gap: 8px;
  }
}

@media (max-width: 1199px) {
  .main-navbar .navbar-nav {
    align-items: stretch;
    gap: 4px !important;
  }

  .main-navbar .nav-link,
  .main-navbar .navbar-nav .nav-link,
  .main-navbar .navbar-nav .dropdown-toggle {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 16px !important;
    padding: 12px 10px !important;
  }

  .dropdown-menu .dropdown-item {
    font-size: 15px !important;
  }

  .nav-cta {
    font-size: 15px !important;
  }
}

@media (max-width: 767px) {
  body,
  p,
  .content-lead,
  .inner-hero p,
  .section-head p,
  .body-copy,
  .info-block p {
    font-size: 16px;
  }

  .main-navbar .nav-link,
  .main-navbar .navbar-nav .nav-link,
  .main-navbar .navbar-nav .dropdown-toggle {
    font-size: 16px !important;
  }
}

/* =========================================================
   HYZONIX TYPOGRAPHY SYSTEM — consistent desktop/mobile scale
   Base: 16px body text; smaller sizes reserved for metadata.
   ========================================================= */
:root {
  --type-body: 1rem;
  --type-small: .875rem;
  --type-nav: .9375rem;
  --type-card-title: 1.25rem;
  --type-h4: 1.5rem;
  --type-h3: 1.75rem;
  --type-h2: clamp(1.75rem, 2.5vw, 2.25rem);
  --type-page-title: clamp(2rem, 3.2vw, 3rem);
  --type-hero-title: clamp(2.25rem, 4.2vw, 3.5rem);
}

html { font-size: 16px; }
body { font-size: var(--type-body) !important; line-height: 1.65; }
p, li { font-size: 1rem; line-height: 1.7; }

/* Main navigation */
.main-navbar .nav-link,
.main-navbar .navbar-nav .nav-link,
.main-navbar .navbar-nav .dropdown-toggle { font-size: var(--type-nav) !important; }
.dropdown-menu .dropdown-item { font-size: .9375rem !important; line-height: 1.5; }
.nav-cta, .btn-brand, .btn-ghost { font-size: 1rem !important; line-height: 1.4; }

/* Homepage hero */
.hero-slide h1 { font-size: var(--type-hero-title) !important; line-height: 1.12; letter-spacing: -.035em; }
.hero-slide p { font-size: 1.125rem !important; line-height: 1.7; }
.hero-slide .eyebrow, .hero-slide .section-kicker { font-size: .875rem !important; line-height: 1.5; }
.hero-caption { font-size: .875rem !important; }

/* Page hero and section hierarchy */
.inner-hero h1 { font-size: var(--type-page-title) !important; line-height: 1.15; letter-spacing: -.025em; }
.inner-hero p { font-size: 1.0625rem !important; line-height: 1.7; }
.section-head h2, .section-title { font-size: var(--type-h2) !important; line-height: 1.2; letter-spacing: -.025em; }
.content-heading { font-size: clamp(1.75rem, 2.7vw, 2.375rem) !important; line-height: 1.25; }
.section-head p, .body-copy, .content-lead { font-size: 1rem !important; line-height: 1.75; }
.eyebrow, .section-kicker { font-size: .8125rem !important; line-height: 1.5; letter-spacing: .12em; }

/* Cards and supporting content */
.service-tile h3, .info-block h3, .sidebar-card h3 { font-size: var(--type-card-title) !important; line-height: 1.35; }
.industry-card h3, .process-step h3, .inline-cta h3 { font-size: 1.125rem !important; line-height: 1.4; }
.service-tile p, .industry-card p, .process-step p, .mini-feature p,
.info-block p, .sidebar-card p, .inline-cta p, .footer-copy,
.site-footer .col-lg-2 > a, .site-footer .col-lg-3 > a { font-size: .9375rem !important; line-height: 1.7; }
.text-link, .industry-card span, .sidebar-link { font-size: .875rem !important; }
.trust-strip .row > div:not(:first-child), .trust-strip strong { font-size: .9375rem !important; }
.trust-label, .breadcrumb-line, .site-footer h6 { font-size: .8125rem !important; }
.footer-bottom { font-size: .8125rem !important; }
.mini-feature strong { font-size: 1rem !important; }
.sidebar-card h4 { font-size: 1rem !important; }
.info-number { font-size: 1.125rem !important; }

/* Forms: labels, controls and placeholders remain comfortably readable */
form label, .form-label { font-size: 1rem !important; }
input, select, textarea, .form-control, .form-select { font-size: 1rem !important; line-height: 1.5; }
input::placeholder, textarea::placeholder, .form-control::placeholder { font-size: 1rem; }

@media (max-width: 767px) {
  body, p, li { font-size: 1rem !important; }
  .hero-slide h1 { font-size: clamp(2.125rem, 8.5vw, 2.75rem) !important; }
  .hero-slide p, .inner-hero p { font-size: 1rem !important; }
  .inner-hero h1 { font-size: clamp(2rem, 8vw, 2.375rem) !important; }
  .section-head h2, .section-title { font-size: clamp(1.75rem, 7vw, 2rem) !important; }
  .content-heading { font-size: 1.75rem !important; }
  .main-navbar .nav-link, .main-navbar .navbar-nav .nav-link,
  .main-navbar .navbar-nav .dropdown-toggle { font-size: 1rem !important; }
  .service-tile h3, .info-block h3, .sidebar-card h3 { font-size: 1.25rem !important; }
  .service-tile p, .industry-card p, .process-step p, .mini-feature p,
  .info-block p, .sidebar-card p, .inline-cta p, .footer-copy,
  .site-footer .col-lg-2 > a, .site-footer .col-lg-3 > a { font-size: .9375rem !important; }
  .trust-label, .breadcrumb-line, .site-footer h6 { font-size: .8125rem !important; }
}


/* ================================================================
   HYZONIX DESIGN SYSTEM — CONSISTENT TYPOGRAPHY & GLOBAL COMPONENTS
   Bootstrap 5.3.3 + shared custom design tokens
   ================================================================ */
:root {
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Orbitron", "Inter", system-ui, sans-serif;
  --fs-hero: clamp(2.25rem, 3.6vw, 3.5rem);        /* 36–56px */
  --fs-page-title: clamp(2.125rem, 3vw, 2.75rem); /* 34–44px */
  --fs-h2: clamp(1.75rem, 2.4vw, 2.25rem);        /* 28–36px */
  --fs-h3: clamp(1.4375rem, 1.8vw, 1.625rem);     /* 23–26px */
  --fs-h4: clamp(1.25rem, 1.5vw, 1.375rem);       /* 20–22px */
  --fs-body: 1rem;                                /* 16px */
  --fs-lead: 1.125rem;                            /* 18px */
  --fs-nav: 1rem;                                 /* 16px */
  --fs-small: .875rem;                            /* 14px */
  --fs-eyebrow: .8125rem;                         /* 13px */
  --fs-caption: .8125rem;                         /* 13px */
}
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { font-family: var(--font-body); font-size: var(--fs-body); line-height: 1.7; color: var(--ink, #12243b); opacity: 1; transition: opacity .18s ease; }
body.page-leaving { opacity: .78; }
body.page-ready { opacity: 1; }
p, li, .body-copy, .content-lead, .inner-hero p, .section-head p { font-size: var(--fs-body); line-height: 1.7; }
h1, .hero-slide h1 { font-size: var(--fs-hero); line-height: 1.12; font-weight: 800; letter-spacing: -.035em; }
.inner-hero h1 { font-size: var(--fs-page-title); line-height: 1.15; font-weight: 800; letter-spacing: -.03em; }
h2, .section-title, .section-head h2, .content-heading { font-size: var(--fs-h2); line-height: 1.2; font-weight: 700; letter-spacing: -.025em; }
h3, .info-block h3, .sidebar-card h3, .process-step h3 { font-size: var(--fs-h3); line-height: 1.3; font-weight: 700; }
h4, .service-card h3, .industry-card h3, .portfolio-card h3, .resource-card h3 { font-size: var(--fs-h4); line-height: 1.35; font-weight: 700; }
.inner-hero p, .hero-slide p, .hero-description, .lead { font-size: var(--fs-lead); line-height: 1.7; }
.main-navbar .nav-link, .main-navbar .navbar-nav .nav-link, .nav-cta { font-size: var(--fs-nav) !important; line-height: 1.5; }
.dropdown-menu .dropdown-item { font-size: .9375rem !important; line-height: 1.5; }
.btn, .btn-brand, .btn-ghost, button, input, select, textarea { font-family: var(--font-body); font-size: 1rem; }
.form-label, label { font-size: 1rem; font-weight: 500; }
.form-text, .text-muted, small, .small { font-size: var(--fs-small); line-height: 1.6; }
.eyebrow, .section-kicker, .breadcrumb-line { font-size: var(--fs-eyebrow); line-height: 1.5; letter-spacing: .08em; }
.site-footer, .site-footer p, .site-footer a { line-height: 1.65; }
.site-footer h6 { font-size: .9375rem; }
.footer-copy, .site-footer .col-lg-2 > a, .site-footer .col-lg-3 > a { font-size: var(--fs-small); }
.footer-bottom { font-size: .8125rem; }
.site-container { max-width: 1600px; }

/* Global page loader */
.site-loader { position: fixed; inset: 0; z-index: 20000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; background: #06152b; color: #fff; opacity: 1; visibility: visible; transition: opacity .45s ease, visibility .45s ease; }
.site-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.loader-mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; color: #06152b; background: linear-gradient(135deg, var(--orange, #ff6a00), var(--gold, #ffb52e)); font-size: 24px; }
.loader-track { width: 190px; height: 4px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.14); }
.loader-track span { display: block; width: 42%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--orange, #ff6a00), var(--gold, #ffb52e)); animation: loaderSweep 1.15s ease-in-out infinite; }
@keyframes loaderSweep { 0% { transform: translateX(-110%); } 100% { transform: translateX(350%); } }

/* Gentle scroll reveals and interaction states */
.reveal-on-scroll { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); transition-delay: var(--reveal-delay, 0ms); }
.reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }
.service-card, .industry-card, .process-step, .portfolio-item, .resource-card, .team-card, .feature-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.service-card:hover, .industry-card:hover, .portfolio-item:hover, .resource-card:hover, .team-card:hover, .feature-card:hover { transform: translateY(-4px); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(255,181,46,.85); outline-offset: 3px; }
[hidden] { display: none !important; }

@media (max-width: 1399.98px) {
  .main-navbar .nav-link, .main-navbar .navbar-nav .nav-link { font-size: .9375rem !important; }
  .nav-cta { font-size: .9375rem !important; }
}
@media (max-width: 767.98px) {
  :root { --fs-hero: clamp(2.125rem, 8.8vw, 2.5rem); --fs-page-title: clamp(2rem, 8vw, 2.25rem); --fs-h2: clamp(1.75rem, 6.8vw, 1.875rem); --fs-h3: 1.4375rem; --fs-h4: 1.25rem; }
  .site-container { width: calc(100% - 32px); }
  p, li, .body-copy, .content-lead, .inner-hero p, .section-head p { font-size: 1rem; }
  .inner-hero { padding-top: 125px; }
  .main-navbar .navbar-nav { align-items: stretch; gap: 2px !important; }
  .main-navbar .nav-link, .main-navbar .navbar-nav .nav-link { padding: 10px 12px !important; }
  .dropdown-menu .dropdown-item { padding: 10px 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .reveal-on-scroll { opacity: 1; transform: none; }
}


/* Circular HYZONIX loader and service-page components */
.site-loader{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#06152b;color:#fff;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}
.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.circle-loader{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;position:relative;background:conic-gradient(from 0deg,transparent 0 15%,#ff6a00 28%,#ffb52e 55%,#00c8ff 78%,transparent 92%);animation:circleSpin 1.15s linear infinite;box-shadow:0 0 35px #ff6a0024}
.circle-loader:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#06152b;border:1px solid #ffffff18}
.circle-loader-core{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff6a00,#ffb52e);color:#06152b;font-size:22px;animation:circleCounterSpin 1.15s linear infinite}
@keyframes circleSpin{to{transform:rotate(360deg)}}@keyframes circleCounterSpin{to{transform:rotate(-360deg)}}
.service-stats-band{background:#f5f8fc;border-block:1px solid #e3eaf2;padding:24px 0}
.service-stat-card{height:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #e3eaf2;border-radius:10px;background:#fff;box-shadow:0 8px 25px #06152b08}
.service-stat-card span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff0e5;color:#e75d00;font-size:14px;font-weight:800}
.service-stat-card strong{color:#06152b;font-size:16px;line-height:1.35;font-weight:700}
.service-benefits-section{padding:72px 0;background:#fff}
.service-benefit-card{height:100%;padding:26px;border:1px solid #e3eaf2;border-radius:12px;background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-benefit-card:hover{transform:translateY(-5px);border-color:#ffb17a;box-shadow:0 16px 35px #06152b0d}
.benefit-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff0e5;color:#f06a13;font-size:21px;margin-bottom:18px}
.service-benefit-card h3{font-size:22px;line-height:1.25;color:#06152b;font-weight:700;margin-bottom:10px}.service-benefit-card p{font-size:16px;color:#68788d;line-height:1.7;margin:0}
.service-deliverables-section{padding:78px 0;background:#f5f8fc}.service-deliverable-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;margin:0;padding:0;list-style:none}.service-deliverable-list li{display:flex;align-items:flex-start;gap:11px;font-size:16px;color:#23354b;line-height:1.55}.service-deliverable-list li i{color:#f06a13;margin-top:4px;flex-shrink:0}
.service-final-cta{padding:48px 0;background:linear-gradient(110deg,#06152b,#0b2c50);color:#fff}.service-final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.service-final-cta h2{font-size:clamp(28px,3vw,36px);font-weight:800;line-height:1.2;margin:10px 0}.service-final-cta p{max-width:760px;color:#c0cede;font-size:16px;margin:0}.service-final-cta .section-kicker{color:#ffb52e}
@media(max-width:767px){.circle-loader{width:78px;height:78px}.service-stats-band{padding:18px 0}.service-stat-card{padding:14px;gap:10px}.service-stat-card span{width:36px;height:36px;flex-basis:36px}.service-stat-card strong{font-size:15px}.service-benefits-section,.service-deliverables-section{padding:55px 0}.service-benefit-card{padding:22px}.service-benefit-card h3{font-size:20px}.service-deliverable-list{grid-template-columns:1fr;gap:13px}.service-final-cta .container{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.circle-loader,.circle-loader-core{animation:none!important}.service-benefit-card{transition:none}}

/* Business contact details: consistent footer presentation */
.site-footer .col-lg-3 > a { overflow-wrap: anywhere; }
.site-footer .col-lg-3 > a i { color: var(--orange); min-width: 16px; }
.site-footer .footer-copy { line-height: 1.7; overflow-wrap: anywhere; }
.sidebar-card a { overflow-wrap: anywhere; }


/* =====================================================================
   HYZONIX v2 enhancement layer: shared components for service, industry
   and content pages. Appended so the original design system is untouched.
   ===================================================================== */
:root{--orange-deep:#e75d00;--tint:#fff0e5;--card-shadow:0 14px 34px #06152b12}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:1100;background:linear-gradient(90deg,var(--orange),var(--gold),var(--cyan));transition:width .1s linear}
.section-alt{background:var(--pale)}
.section-block{padding:78px 0}
.section-block.tight{padding:56px 0}
.section-intro{max-width:820px;margin-bottom:38px}
.section-intro.center{margin-inline:auto;text-align:center}
.section-intro .content-lead{margin-bottom:0}
.content-lead{font-size:1.0625rem;line-height:1.75}
.eyebrow-light{color:var(--gold)}

/* Hero extras */
.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.hero-points li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff12;color:#e8f0fa;font-size:.9375rem;line-height:1.4}
.hero-points i{color:var(--gold)}
.inner-hero .hero-actions{margin-top:26px}
.inner-hero .breadcrumb-line{margin-top:26px}

/* In-page sub navigation */
.page-subnav{position:sticky;top:68px;z-index:1020;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 18px #06152b0a}
.page-subnav .container{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.page-subnav .container::-webkit-scrollbar{display:none}
.page-subnav a{flex:0 0 auto;padding:15px 14px;color:#4a5d75;font-size:.9375rem;font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}
.page-subnav a:hover{color:var(--orange-deep)}
.page-subnav a.active{color:var(--navy);border-bottom-color:var(--orange)}

/* Feature / capability cards */
.cap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.cap-card{height:100%;padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
.cap-card:hover{transform:translateY(-5px);border-color:#ffb17a;box-shadow:var(--card-shadow)}
.cap-card .benefit-icon{margin-bottom:16px}
.cap-card h3{font-size:1.25rem;line-height:1.3;color:var(--navy);margin-bottom:8px}
.cap-card p{color:var(--muted);margin:0 0 12px;font-size:1rem}
.cap-card ul{list-style:none;margin:0;padding:12px 0 0;border-top:1px dashed var(--line)}
.cap-card li{position:relative;padding-left:22px;margin:6px 0;font-size:.9375rem;color:#3a4d66;line-height:1.55}
.cap-card li:before{content:"\F26A";font-family:"bootstrap-icons";position:absolute;left:0;top:1px;color:var(--orange);font-size:.85rem}

/* Checklists, tags, detail cards */
.feature-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0 0 8px;padding:0;list-style:none}
.feature-checklist li{display:flex;gap:11px;align-items:flex-start;color:#23354b;line-height:1.55}
.feature-checklist li i{color:var(--orange);margin-top:5px;flex-shrink:0}
.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.tech-tags span{padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#2b3f58;font-size:.9375rem;font-weight:500}
.service-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.service-detail-card{padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff}
.service-detail-card h3{font-size:1.1875rem;color:var(--navy);margin-bottom:6px}.service-detail-card p{margin:0;color:var(--muted);font-size:1rem}

/* Tabs */
.svc-tabs{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:var(--card-shadow)}
.tab-list{display:flex;gap:0;overflow-x:auto;background:var(--pale);border-bottom:1px solid var(--line);scrollbar-width:thin}
.tab-btn{flex:1 0 auto;padding:16px 22px;border:0;border-bottom:3px solid transparent;background:transparent;color:#4a5d75;font-weight:700;font-size:1rem;white-space:nowrap;cursor:pointer;transition:.2s}
.tab-btn:hover{color:var(--navy);background:#fff8f2}
.tab-btn[aria-selected="true"]{background:#fff;color:var(--navy);border-bottom-color:var(--orange)}
.tab-panel{padding:30px}
.tab-panel h3{font-size:1.5rem;color:var(--navy);margin-bottom:10px}
.tab-panel>p{color:#52647b;max-width:760px}
.tab-panel ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.tab-panel li{display:flex;gap:10px;align-items:flex-start;line-height:1.55;color:#23354b}
.tab-panel li:before{content:"\F26A";font-family:"bootstrap-icons";color:var(--orange);margin-top:2px}

/* Engagement packages */
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;align-items:stretch}
.pkg-card{position:relative;display:flex;flex-direction:column;padding:30px 26px;border:1px solid var(--line);border-radius:14px;background:#fff}
.pkg-card.featured{border-color:var(--orange);box-shadow:0 18px 40px #ff6a001f}
.pkg-card .pkg-flag{position:absolute;top:-13px;left:24px;padding:4px 12px;border-radius:999px;background:linear-gradient(110deg,var(--orange),var(--gold));color:#101c2c;font-size:.8125rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pkg-card h3{font-size:1.375rem;color:var(--navy);margin-bottom:4px}
.pkg-card .pkg-for{color:var(--muted);font-size:.9375rem;margin-bottom:16px}
.pkg-card ul{list-style:none;padding:0;margin:0 0 22px;flex:1}
.pkg-card li{display:flex;gap:10px;margin:9px 0;line-height:1.5;color:#2b3f58;font-size:.9688rem}
.pkg-card li i{color:var(--orange);margin-top:4px;flex-shrink:0}
.pkg-card .btn-brand{width:100%}
.pkg-note{margin-top:20px;color:var(--muted);font-size:.9375rem}

/* Process timeline */
.timeline{position:relative;margin:0;padding:0;list-style:none;counter-reset:step}
.timeline:before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--orange),var(--gold),var(--cyan))}
.timeline li{position:relative;padding:0 0 28px 72px;counter-increment:step}
.timeline li:last-child{padding-bottom:0}
.timeline li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:800;font-size:.9375rem;border:3px solid #fff;box-shadow:0 0 0 2px var(--orange)}
.timeline h3{font-size:1.25rem;color:var(--navy);margin:2px 0 6px}
.timeline p{margin:0 0 6px;color:#52647b}
.timeline .tl-out{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;background:var(--tint);color:#a04100;font-size:.875rem;font-weight:600}
.process-list{display:grid;gap:16px;counter-reset:pc}
.process-card{position:relative;padding:20px 22px 20px 74px;border:1px solid var(--line);border-radius:10px;background:#fff;counter-increment:pc}
.process-card:before{content:counter(pc,decimal-leading-zero);position:absolute;left:20px;top:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--tint);color:var(--orange-deep);font-weight:800;font-size:.875rem}
.process-card h3{font-size:1.1875rem;margin-bottom:4px;color:var(--navy)}.process-card p{margin:0;color:var(--muted)}

/* Tech stack */
.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.stack-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}
.stack-card h3{font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:12px;font-weight:800}
.stack-card .tech-tags span{padding:5px 12px;font-size:.875rem}

/* Standards / split panels */
.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff}
.split-panel>div{padding:32px}
.split-panel .dark{background:linear-gradient(130deg,#06152b,#0b2c50);color:#fff}
.split-panel .dark h3{color:#fff}.split-panel .dark p,.split-panel .dark li{color:#c9d6e6}
.split-panel h3{font-size:1.375rem;margin-bottom:12px;color:var(--navy)}
.split-panel ul{list-style:none;padding:0;margin:0}
.split-panel li{display:flex;gap:10px;margin:10px 0;line-height:1.55}
.split-panel li i{color:var(--orange);margin-top:4px;flex-shrink:0}
.dark li i{color:var(--gold)}

/* Requirement planner */
.planner{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--card-shadow);overflow:hidden}
.planner-grid{display:grid;grid-template-columns:1.4fr 1fr}
.planner-pick{padding:30px}
.planner-pick h3{font-size:1.375rem;color:var(--navy);margin-bottom:6px}
.planner-pick>p{color:var(--muted)}
.chip-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.chip-check{position:relative}
.chip-check input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.chip-check span{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:#2b3f58;font-size:.9375rem;font-weight:500;transition:.2s}
.chip-check span:before{content:"\F4FE";font-family:"bootstrap-icons";color:#9aa9bc}
.chip-check:hover span{border-color:#ffb17a}
.chip-check input:checked+span{border-color:var(--orange);background:var(--tint);color:#7a3000;font-weight:600}
.chip-check input:checked+span:before{content:"\F26A";color:var(--orange-deep)}
.chip-check input:focus-visible+span{outline:3px solid rgba(255,181,46,.85);outline-offset:2px}
.planner-sum{padding:30px;background:linear-gradient(140deg,#06152b,#0b2c50);color:#fff;display:flex;flex-direction:column;gap:12px}
.planner-sum h4{color:var(--gold);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;margin:0}
.planner-sum .count{font-size:2.5rem;font-weight:800;line-height:1}
.planner-sum p{color:#c9d6e6;margin:0;font-size:.9688rem}
.planner-sum ul{list-style:none;margin:0;padding:0;max-height:150px;overflow:auto;font-size:.9375rem;color:#e6eef8}
.planner-sum ul li{padding:3px 0}
.planner-sum .btn-brand{margin-top:auto}

/* FAQ accordion */
.service-faq,.faq-list{display:grid;gap:12px}
.faq-item{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq-item.open{border-color:#ffb17a;box-shadow:0 8px 22px #06152b0d}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:0;background:transparent;text-align:left;color:var(--navy);font-weight:700;font-size:1.0625rem;line-height:1.4;cursor:pointer}
.faq-question i{flex:0 0 auto;color:var(--orange);transition:transform .25s}
.faq-item.open .faq-question i{transform:rotate(45deg)}
.faq-answer{padding:0 22px 20px;color:#52647b;line-height:1.75}
.faq-answer p{margin:0 0 10px}

/* Forms & filters */
.form-card{padding:32px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--card-shadow)}
.form-card label{margin-bottom:6px;color:var(--navy)}
.form-card .form-control,.form-card .form-select{border-color:#d5dfec;padding:11px 14px;border-radius:8px}
.form-card .form-control:focus,.form-card .form-select:focus{border-color:var(--orange);box-shadow:0 0 0 .2rem #ff6a0022}
.form-alert{padding:14px 18px;margin-bottom:18px;border-radius:8px;font-size:1rem}
.form-alert.success{background:#e8f7ee;border:1px solid #9bd8b2;color:#14532d}
.form-alert.error{background:#fdecec;border:1px solid #f3b4b4;color:#7f1d1d}
.filter-chip{padding:9px 18px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:#2b3f58;font-weight:600;font-size:.9375rem;cursor:pointer;transition:.2s}
.filter-chip:hover{border-color:#ffb17a}
.filter-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}
.resource-search{min-width:280px;padding:11px 16px;border:1.5px solid var(--line);border-radius:999px;background:#fff}
.resource-search:focus{border-color:var(--orange);outline:0;box-shadow:0 0 0 .2rem #ff6a0022}

/* Hub cards */
.hub-card{display:flex;flex-direction:column;height:100%;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s;color:var(--ink)}
.hub-card:hover{transform:translateY(-5px);border-color:#ffb17a;box-shadow:var(--card-shadow);color:var(--ink)}
.hub-card .tile-icon{margin-bottom:16px}
.hub-card h3{font-size:1.3125rem;color:var(--navy);margin-bottom:8px}
.hub-card p{color:var(--muted);margin:0 0 14px}
.hub-card ul{list-style:none;margin:0 0 18px;padding:0;flex:1}
.hub-card li{position:relative;padding-left:20px;margin:5px 0;font-size:.9375rem;color:#3a4d66}
.hub-card li:before{content:"\F285";font-family:"bootstrap-icons";position:absolute;left:0;top:2px;font-size:.75rem;color:var(--orange)}
.hub-card .go{color:var(--orange-deep);font-weight:800;font-size:.9375rem}
.hub-card .tag{align-self:flex-start;margin-bottom:12px;padding:3px 11px;border-radius:999px;background:var(--pale);color:#4a5d75;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bundle-card{padding:26px;border-radius:14px;background:linear-gradient(135deg,#06152b,#0b2c50);color:#fff;height:100%}
.bundle-card h3{color:#fff;font-size:1.25rem;margin-bottom:8px}.bundle-card p{color:#c9d6e6;margin-bottom:14px}
.bundle-card .tech-tags span{background:#ffffff14;border-color:#ffffff2b;color:#e8f0fa;font-size:.875rem;padding:5px 12px}

/* Callout, facts, tables */
.callout{display:flex;gap:16px;padding:22px 24px;border-left:4px solid var(--orange);border-radius:0 10px 10px 0;background:var(--tint);color:#4a2a10}
.callout i{font-size:1.5rem;color:var(--orange-deep);flex-shrink:0}.callout p{margin:0}
.fact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.fact-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}
.fact-card i{font-size:1.5rem;color:var(--orange)}
.fact-card h3{font-size:1.0625rem;margin:10px 0 4px;color:var(--navy)}.fact-card p{margin:0;color:var(--muted);font-size:.9375rem}
.compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.compare{width:100%;border-collapse:collapse;min-width:620px;background:#fff}
.compare th,.compare td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.9688rem}
.compare thead th{background:var(--navy);color:#fff;font-weight:700}
.compare tbody th{color:var(--navy);font-weight:700;background:var(--pale);width:24%}
.compare tr:last-child td,.compare tr:last-child th{border-bottom:0}

/* Sidebar (service pages) */
.sidebar-card .toc{display:grid;gap:2px;margin:0 0 6px}
.sidebar-card .toc a{padding:8px 10px;border-radius:6px;color:#3a4d66;font-size:.9375rem;font-weight:500}
.sidebar-card .toc a:hover,.sidebar-card .toc a.active{background:#fff;color:var(--orange-deep)}
.sidebar-link{font-size:.9375rem!important}
.sidebar-card .contact-mini{display:grid;gap:6px;margin-top:6px;font-size:.9375rem}
.sidebar-card .contact-mini a{color:#2b3f58;display:flex;gap:9px;align-items:flex-start}
.sidebar-card .contact-mini i{color:var(--orange);margin-top:3px}

/* Contact page */
.contact-card{display:flex;gap:16px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:14px;color:var(--ink)}
.contact-card i{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:10px;background:var(--tint);color:var(--orange-deep);font-size:1.25rem}
.contact-card h3{font-size:1.0625rem;margin:0 0 2px;color:var(--navy)}.contact-card p,.contact-card a{margin:0;color:#52647b;font-size:.9688rem;overflow-wrap:anywhere}
.map-wrap{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--card-shadow)}
.map-wrap iframe{display:block;width:100%;height:380px;border:0}

/* Article cards (blog) */
.article-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.article-card summary{list-style:none;cursor:pointer;padding:24px 26px;display:flex;gap:18px;align-items:flex-start;justify-content:space-between}
.article-card summary::-webkit-details-marker{display:none}
.article-card summary h3{font-size:1.3125rem;color:var(--navy);margin:6px 0}
.article-card summary p{margin:0;color:var(--muted)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.8125rem;color:var(--orange-deep);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.article-card summary>i{color:var(--orange);font-size:1.25rem;transition:transform .25s;margin-top:6px}
.article-card[open] summary>i{transform:rotate(180deg)}
.article-body{padding:4px 26px 28px;border-top:1px solid var(--line);color:#33465e}
.article-body h4{font-size:1.125rem;margin:22px 0 8px;color:var(--navy)}
.article-body ul{padding-left:1.2rem}.article-body li{margin:5px 0}

/* Legal / prose */
.prose{max-width:860px}
.prose h2{font-size:1.5rem;margin:38px 0 10px;color:var(--navy)}
.prose h3{font-size:1.1875rem;margin:22px 0 6px;color:var(--navy)}
.prose p,.prose li{color:#42556d}
.prose ul{padding-left:1.3rem}

/* Floating helpers */
.float-actions{position:fixed;right:18px;bottom:18px;z-index:1040;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.float-btn{display:grid;place-items:center;width:50px;height:50px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--gold));color:#101c2c;font-size:1.3rem;box-shadow:0 10px 24px #06152b40;cursor:pointer;transition:transform .2s,opacity .25s}
.float-btn:hover{transform:translateY(-3px);color:#101c2c}
.float-btn.back-top{background:var(--navy);color:#fff;opacity:0;visibility:hidden}
.float-btn.back-top.show{opacity:1;visibility:visible}
.float-btn.back-top:hover{color:#fff}

/* Reveal for new components */
.cap-card,.pkg-card,.stack-card,.fact-card,.hub-card,.service-benefit-card{will-change:transform}

@media (max-width:991.98px){
  .split-panel,.planner-grid{grid-template-columns:1fr}
  .page-subnav{top:60px}
  .sidebar-card{position:static}
}
@media (max-width:767.98px){
  .section-block{padding:54px 0}
  .feature-checklist,.tab-panel ul{grid-template-columns:1fr}
  .tab-panel{padding:22px}
  .planner-pick,.planner-sum,.split-panel>div,.form-card{padding:22px}
  .timeline li{padding-left:62px}.timeline:before{left:20px}
  .timeline li:before{width:42px;height:42px}
  .resource-search{min-width:0;width:100%}
  .map-wrap iframe{height:300px}
  .float-btn{width:46px;height:46px}
}
@media print{.float-actions,.page-subnav,.site-loader,.main-navbar,.scroll-progress{display:none!important}}
html:has(.page-subnav){scroll-padding-top:135px}
.tech-tags a{display:inline-flex}
.tech-tags a:hover span{border-color:#ffb17a;color:var(--orange-deep)}
.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1200px){.cap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767.98px){.cap-grid{grid-template-columns:1fr}}
@media(min-width:992px){.fact-grid:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.fact-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}.fact-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.stack-card .tech-tags span{border-radius:14px}