/* Siyaram Ads modern brand refresh v5 — keeps the existing logo, voice/chat UI and form behavior. */
:root {
  --ink: #091b32;
  --navy: #071a33;
  --navy2: #0e2a4b;
  --ink-2: #102c52;
  --ink-3: #1d4a6b;
  --muted: #5e6d83;
  --paper: #f4f7fb;
  --paper-2: #eaf2f8;
  --white: #ffffff;
  --accent: #46d7df;
  --accent2: #a9f1ed;
  --coral: #ff735c;
  --lime: #c7f36b;
  --line: #dce5ef;
  --shadow: 0 22px 60px rgba(7, 26, 51, .10);
  --radius: 22px;
  --brand-blue: #3d9cff;
  --brand-red: #ff735c;
  --brand-yellow: #ffc857;
  --brand-green: #33c99b;
  --gold: #46d7df;
  --gold-2: #a9f1ed;
}

html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
  color: var(--ink);
  background: #f5f7fb;
  font-family: "DM Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.72;
  letter-spacing: -.006em;
}
::selection { background: rgba(70,215,223,.28); color: var(--navy); }
:focus-visible { outline: 3px solid #1c9fac; outline-offset: 3px; }
.container { width: min(1220px, calc(100% - 56px)); margin-inline: auto; }
h1,h2,h3,h4 { color: var(--ink); font-family: Manrope, "DM Sans", sans-serif; line-height: 1.12; letter-spacing: -.052em; }
h1 { font-weight: 800; }
h2 { font-weight: 780; }
h3 { font-weight: 760; }
p { color: var(--muted); line-height: 1.8; }

/* Clean, sticky navigation */
.site-header {
  position: sticky; top: 0; z-index: 80; height: 82px;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(13,43,73,.08);
  box-shadow: 0 8px 25px rgba(7,26,51,.035);
  backdrop-filter: blur(18px);
}
.nav-wrap { height: 100%; gap: 26px; }
.brand { gap: 11px; }
.brand-logo { width: 42px; height: 42px; object-fit: contain; }
.brand-word { font-size: 22px; font-weight: 850; color: #091b32; letter-spacing: -1.25px; }
.brand-word span { color: #0aaebc; }
.main-nav { gap: clamp(10px, 1.12vw, 17px); font-size: 12px; font-weight: 750; color: #47576c; }
.main-nav > a:not(.nav-cta) {
  position: relative; padding: 10px 0 11px; color: #47576c !important;
  border: 0; transition: color .18s ease;
}
.main-nav > a:not(.nav-cta)::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: 2px; height: 2px;
  background: linear-gradient(90deg, #18b8c3, #74e1db); border-radius: 8px;
  transition: right .22s ease;
}
.main-nav > a:not(.nav-cta):hover,
.main-nav > a:not(.nav-cta)[aria-current="page"],
.main-nav > a:not(.nav-cta).active { color: #081a33 !important; }
.main-nav > a:not(.nav-cta):hover::after,
.main-nav > a:not(.nav-cta)[aria-current="page"]::after,
.main-nav > a:not(.nav-cta).active::after { right: 0; }
.nav-cta { padding: 12px 15px; border-radius: 12px; background: #071a33; color: #fff; box-shadow: 0 10px 24px rgba(7,26,51,.14); font-size: 12px; }
.nav-cta:hover { background: #10365b; color: #fff; box-shadow: 0 12px 26px rgba(7,26,51,.2); }
.nav-cta span { color: var(--accent); }
.menu-toggle { display: none; background: white; border: 1px solid var(--line); border-radius: 12px; color: var(--navy); padding: 9px 12px; }

/* A spacious, confident homepage hero */
.hero { min-height: 640px; padding: 88px 0 76px; isolation: isolate; background: #071a33; }
.hero:before {
  background:
    radial-gradient(ellipse at 72% 18%, rgba(70,215,223,.19), transparent 35%),
    radial-gradient(ellipse at 12% 100%, rgba(61,156,255,.13), transparent 40%),
    linear-gradient(115deg, #071a33 0%, #0c2b4d 58%, #0b3550 100%);
}
.hero:after { opacity: .65; }
.hero-grid { gap: clamp(35px, 5vw, 76px); }
.hero-copy { max-width: 630px; }
.eyebrow { font-size: 10px; font-weight: 850; letter-spacing: .19em; line-height: 1.4; }
.eyebrow-dark { color: #557088; }
.hero .eyebrow { color: #b8d5e4; margin-bottom: 24px; }
.hero h1 { max-width: 700px; font-size: clamp(52px, 6.5vw, 86px); letter-spacing: -.075em; line-height: .98; }
.hero h1 span { color: #77ece7; }
.hero-lede { max-width: 520px; font-size: 16px; color: #cfdae8; line-height: 1.85; margin: 27px 0 31px; }
.hero-actions { gap: 13px; }
.btn { min-height: 48px; padding: 14px 20px; border-radius: 13px; font-size: 12px; font-weight: 800; gap: 12px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn-primary { color: #061a31; background: linear-gradient(125deg, #53e1e3, #a6f0df); box-shadow: 0 12px 28px rgba(70,215,223,.20); }
.btn-primary:hover { background: linear-gradient(125deg, #9bf0e8, #cbf4a2); box-shadow: 0 15px 33px rgba(70,215,223,.28); }
.btn-ghost { border-color: rgba(232,245,255,.28); background: rgba(255,255,255,.055); color: #f1f8ff; }
.btn-ghost:hover { border-color: rgba(70,215,223,.75); background: rgba(255,255,255,.10); }
.hero-proof { margin-top: 40px; }
.hero-proof strong { font-size: 12px; }
.hero-proof small { font-size: 10px; color: #aec1d4; }
.avatar-stack span { background: #c7f36b; border-color: var(--navy); }
.hero-art { min-height: 450px; }
.billboard-scene { border-radius: 27px; box-shadow: 0 35px 85px rgba(0,0,0,.32); }
.floating-tag { border: 1px solid rgba(255,255,255,.8); border-radius: 15px; box-shadow: 0 22px 48px rgba(0,0,0,.23); }
.tag-icon { background: rgba(70,215,223,.17); color: #079ba8; }
.art-caption { color: #aec0d5; letter-spacing: .22em; }

/* Information rhythm, section backgrounds, cards */
.trust-strip { padding: 22px 0; background: #fff; border-bottom: 1px solid var(--line); }
.trust-inner { font-size: 11px; color: #40546c; gap: 15px; }
.trust-inner > span { font-size: 9px; color: #6b7d92; letter-spacing: .13em; }
.section { padding: clamp(74px, 8.5vw, 112px) 0; }
.section-light { background: #fff; }
.section-heading { margin-bottom: 42px; }
.section-heading h2, .planner-band h2, .cta-box h2 { font-size: clamp(34px, 4.1vw, 55px); line-height: 1.08; letter-spacing: -.065em; }
.section-heading p { font-size: 14px; line-height: 1.9; }
.split-heading { grid-template-columns: minmax(0,1.05fr) minmax(260px,.75fr); align-items: end; gap: 54px; }
.split-heading > p { max-width: 475px; font-size: 13px; line-height: 1.9; }
.text-accent { color: #099eac; }
.service-grid { gap: 18px; }
.service-card, .service-rich-card, .content-card, .feature-card, .objective-card, .area-group,
.info-card, .form-card, .summary-card, .contact-details-panel, .page-cta, .process-card {
  border-radius: 21px; border-color: #dbe5ee; box-shadow: 0 10px 28px rgba(7,26,51,.035);
}
.service-card { padding: 24px; min-height: 356px; }
.service-card:hover, .service-rich-card:hover, .feature-card:hover, .content-card:hover, .modern-service-card:hover {
  transform: translateY(-4px); border-color: rgba(11,177,190,.55); box-shadow: 0 22px 55px rgba(7,26,51,.11);
}
.service-card h3 { font-size: 20px; line-height: 1.2; }
.service-card p { font-size: 12px; line-height: 1.8; }
.service-illustration { border-radius: 15px; }
.card-link, .text-link { color: #07536c; font-weight: 800; }
.card-link b { color: #0aaebc; }
.objective-grid { gap: 18px; }
.objective-card { padding: 27px; min-height: 220px; }
.objective-index { color: #087f91; }
.objective-card h3 { font-size: 22px; }
.objective-card p { font-size: 13px; }
.faq-list { gap: 14px; }
.faq-item { border-radius: 17px; padding-inline: 22px; border-color: #e0e8ef; }
.faq-item summary { font-size: 13px; padding: 20px 0; }
.faq-item[open] { border-color: #4bcbd1; box-shadow: 0 12px 32px rgba(7,26,51,.07); }

/* Interior page mastheads */
.page-hero {
  position: relative; isolation: isolate; overflow: hidden;
  padding: clamp(74px, 8.3vw, 110px) 0 clamp(68px, 7.5vw, 98px);
  background: radial-gradient(ellipse at 80% 0%, rgba(70,215,223,.17), transparent 34%), linear-gradient(118deg,#071a33,#0c2c4d 75%,#0e384f);
}
.page-hero:before { background-size: 52px 52px; opacity: .13; }
.page-hero h1 { max-width: 930px; font-size: clamp(43px, 6vw, 72px); line-height: 1.02; letter-spacing: -.075em; margin: 18px 0 20px; }
.page-hero p { max-width: 760px; font-size: 15px; color: #cfdae8; line-height: 1.85; }
.page-hero .hero-actions { margin-top: 25px; }
.page-hero .breadcrumb { font-size: 11px; letter-spacing: .025em; color: #bacde0; }
.page-hero .breadcrumb a { color: #8de8e5; }
.page-hero .breadcrumb a:hover { color: white; text-decoration: underline; text-underline-offset: 4px; }
.page-hero .eyebrow { color: #9bdfe4; }

/* Text-rich service catalogue and directory */
.service-rich-grid { gap: 18px; }
.service-rich-card { padding: 28px; border-radius: 22px; background: linear-gradient(155deg,#fff,#f8fbfe); transition: transform .2s, box-shadow .2s, border-color .2s; }
.service-rich-card h3 { font-size: 24px; margin: 8px 0 12px; }
.service-rich-card h4 { font-size: 13px; letter-spacing: -.01em; margin: 21px 0 8px; }
.service-rich-card p, .service-rich-card li { font-size: 12.5px; line-height: 1.82; }
.service-rich-card ul { padding-left: 18px; }
.service-rich-num, .content-card-kicker { color: #087e91; letter-spacing: .15em; }
.feature-grid { gap: 18px; }
.feature-card { padding: 24px; border-radius: 20px; background: #fff; transition: transform .2s, box-shadow .2s, border-color .2s; }
.feature-card h3 { font-size: 20px; margin: 13px 0 10px; }
.feature-card p { font-size: 12.5px; line-height: 1.8; }
.feature-icon { border-radius: 12px; background: #e6f8f8; color: #087f91; font-weight: 850; }
.directory-toolbar input, .directory-toolbar select, .form-grid input, .form-grid select, .form-grid textarea,
.sa-chat-form textarea, .sa-chat-form select { min-height: 48px; border-radius: 12px; border-color: #cedbe7; background: #fff; }
.form-grid textarea { min-height: 132px; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus,
.directory-toolbar input:focus, .directory-toolbar select:focus { outline: 0; border-color: #17afbc; box-shadow: 0 0 0 4px rgba(70,215,223,.17); }
.contact-layout { gap: 25px; }
.contact-details-panel { padding: clamp(24px,4vw,42px); }
.contact-details-grid { gap: 22px; }
.scope-note, .directory-note, .notice, .contact-mini-note { border-radius: 14px; }

/* Existing campaign planner / voice widgets keep their JS, but share the refreshed palette */
.planner-band { background: radial-gradient(ellipse at 90% 10%,rgba(70,215,223,.15),transparent 38%),linear-gradient(125deg,#071a33,#0e2a4b); }
.planner-band-grid { gap: 54px; }
.planner-preview { border: 1px solid rgba(255,255,255,.12); border-radius: 24px; }
.steps-grid { gap: 22px; }
.steps-grid .step-line { background: linear-gradient(90deg,#46d7df,#8fe9d9,#c7f36b); }
.industry-pills a { border-radius: 999px; padding: 10px 16px; }
.cta-section { padding: 32px 0 72px; background: #f5f7fb; }
.cta-box { border-radius: 28px; padding: clamp(30px,5vw,58px); background: radial-gradient(ellipse at 90% 0%,rgba(70,215,223,.18),transparent 38%),linear-gradient(120deg,#071a33,#0d3151); box-shadow: 0 25px 65px rgba(7,26,51,.15); }
.cta-mark { border-radius: 16px; background: #fff; color: var(--navy); }
.cta-mark span { color: #09a6b1; }
.cta-box h2 { color: #fff; }
.cta-box p { color: #cfdae8; }
.cta-box .eyebrow { color: #a8f0eb; }
.cta-watermark { color: rgba(255,255,255,.035); }
.page-cta { padding: clamp(24px,4vw,42px); background: linear-gradient(135deg,#fff,#f4f9fc); }

/* Modern supplementary service sections */
.section-modern { position: relative; }
.modern-service-universe { background: linear-gradient(180deg,#f7fbfd,#eef6fa); }
.modern-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; margin-top: 33px; }
.modern-service-card {
  min-width: 0; display: flex; flex-direction: column; gap: 11px;
  min-height: 245px; padding: 25px 25px 23px;
  border: 1px solid #dbe6ef; border-radius: 21px;
  background: rgba(255,255,255,.94); box-shadow: 0 10px 28px rgba(7,26,51,.04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.modern-card-kicker { color: #087e91; font-size: 9px; font-weight: 900; letter-spacing: .16em; line-height: 1.45; }
.modern-service-card h3 { margin: 5px 0 0; font-size: 21px; line-height: 1.2; letter-spacing: -.045em; }
.modern-service-card p { margin: 0; font-size: 12.5px; line-height: 1.82; }
.modern-card-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 10px; color: #0a596e; font-size: 11px; font-weight: 850; }
.modern-card-link span { color: #0ca5b1; font-size: 17px; transition: transform .2s; }
.modern-card-link:hover span { transform: translate(3px,-3px); }
.modern-keyword-band { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 29px; }
.modern-keyword-band span { display: inline-flex; align-items: center; padding: 9px 13px; color: #14435b; background: #e3f2f5; border: 1px solid #d0e8ec; border-radius: 999px; font-size: 10.5px; font-weight: 760; }
.checklist-tags span { background: #fff; border-color: #dbe6ef; padding: 10px 15px; }
.modern-note { margin-top: 24px; padding: 19px 22px; border-radius: 16px; background: #fff; border: 1px solid #dce8ef; color: #5e6d83; font-size: 12px; line-height: 1.8; }
.modern-note strong { color: #102c52; }

/* Clickable social icons: network-search links until official profile URLs are confirmed */
.social-links-row {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding-top: 24px; padding-bottom: 24px;
  border-top: 1px solid rgba(255,255,255,.14);
}
.social-links-copy { display: flex; flex-direction: column; gap: 3px; }
.social-links-copy strong { color: #fff; font-size: 12px; font-weight: 850; }
.social-links-copy span { color: #aebfd0; font-size: 10px; line-height: 1.5; }
.social-links { display: flex; align-items: center; gap: 10px; }
.social-icon {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px;
  width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.22); border-radius: 14px;
  color: #fff; background: rgba(255,255,255,.055);
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.social-icon svg { width: 19px; height: 19px; display: block; fill: currentColor; stroke: currentColor; stroke-width: 0; }
.social-instagram svg { fill: none; stroke-width: 1.8; }
.social-instagram svg .social-dot { fill: currentColor; stroke: none; }
.social-icon:hover { transform: translateY(-3px); background: #46d7df; color: #071a33; border-color: #46d7df; }
.social-icon:focus-visible { outline-color: #c7f36b; outline-offset: 4px; }

/* Footer with intentional hierarchy */
.site-footer { background: #06162c; color: #fff; }
.footer-main { padding-top: 55px; padding-bottom: 45px; gap: 36px; }
.footer-brand .brand-word, .brand-inverse .brand-word { color: #fff; }
.footer-brand .brand-word span, .brand-inverse .brand-word span { color: #65e5e2; }
.footer-brand p { color: #c0ccdc; font-size: 12px; }
.footer-brand small { display: block; max-width: 270px; color: #8da2b9; font-size: 10px; line-height: 1.7; }
.footer-col strong, .footer-contact > strong { color: #fff; font-size: 12px; }
.footer-col a, .footer-bottom, .footer-bottom a { color: #b8c6d6; }
.footer-col a { margin-top: 9px; font-size: 11.5px; transition: color .2s; }
.footer-col a:hover, .footer-bottom a:hover { color: #6ce4e3; }
.footer-contact p { color: #bdcbd9; font-size: 11.5px; }
.footer-email-links a { color: #fff; text-decoration-color: #49d7de; }
.footer-address { color: #bdcbd9; }
.footer-mail { display: inline-flex; align-items: center; gap: 10px; padding: 11px 15px; border-radius: 11px; background: #46d7df; color: #071a33; font-size: 11px; font-weight: 850; }
.footer-mail:hover { background: #a9f1ed; }
.footer-bottom { min-height: 64px; font-size: 10px; border-top: 1px solid rgba(255,255,255,.14); }

/* Accessible responsive refinements */
@media (max-width: 1220px) {
  .container { width: min(1120px, calc(100% - 48px)); }
  .site-header, .nav-wrap { height: 80px; }
  .menu-toggle { display: block; margin-left: auto; font-size: 23px; line-height: 1; }
  .main-nav { display: none; position: absolute; top: 79px; left: -8px; right: -8px; z-index: 90; padding: 17px 23px 24px; border: 1px solid #dce5ef; border-top: 0; border-radius: 0 0 20px 20px; background: rgba(255,255,255,.985); box-shadow: 0 25px 45px rgba(7,26,51,.14); flex-direction: column; align-items: stretch; gap: 0; }
  .main-nav.open { display: flex; }
  .main-nav > a:not(.nav-cta) { padding: 13px 2px; border-bottom: 1px solid #edf2f6; font-size: 13px; }
  .main-nav .nav-cta { margin-top: 14px; text-align: center; }
  .modern-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-main { grid-template-columns: 1.1fr .7fr .7fr; }
  .footer-contact { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 76px; }
  .container { width: min(100% - 34px, 600px); }
  .site-header, .nav-wrap { height: 70px; }
  .brand-logo { width: 38px; height: 38px; }
  .brand-word { font-size: 20px; }
  .main-nav { top: 69px; left: -5px; right: -5px; padding: 15px 18px 22px; }
  .hero { min-height: 0; padding: 57px 0 48px; }
  .hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .hero h1 { font-size: clamp(45px, 10.5vw, 68px); }
  .hero-lede { font-size: 14px; margin: 20px 0 25px; }
  .hero-art { min-height: 360px; transform: none; margin: 0 -9px; }
  .billboard-scene { width: 90%; height: 310px; }
  .billboard { top: 48px; height: 158px; }
  .billboard-head { font-size: 26px; }
  .tag-left { left: 0; top: 20px; }
  .tag-right { right: 0; bottom: 31px; }
  .floating-tag { min-width: 157px; padding: 9px 10px; }
  .floating-tag small { font-size: 7px; }
  .floating-tag strong { font-size: 9px; }
  .art-orbit { width: 320px; height: 320px; }
  .orbit-b { width: 375px; height: 375px; }
  .trust-inner { justify-content: center; flex-wrap: wrap; font-size: 9px; }
  .trust-inner > span { width: 100%; text-align: center; }
  .section { padding: 66px 0; }
  .split-heading { grid-template-columns: 1fr; gap: 16px; }
  .section-heading h2, .planner-band h2 { font-size: clamp(32px, 8vw, 41px); }
  .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .service-card { min-height: 300px; padding: 16px; }
  .service-card h3 { font-size: 16px; }
  .service-card p { font-size: 11px; }
  .content-card-grid, .area-group-grid, .industry-expanded-grid, .process-grid, .service-rich-grid, .feature-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .content-card, .service-rich-card, .feature-card { padding: 18px; }
  .content-card h3, .service-rich-card h3 { font-size: 18px; }
  .content-card p, .service-rich-card p { font-size: 11.5px; }
  .modern-service-grid { grid-template-columns: 1fr; gap: 13px; }
  .modern-service-card { min-height: 0; padding: 23px; }
  .modern-service-card h3 { font-size: 21px; }
  .modern-keyword-band { gap: 8px; }
  .modern-keyword-band span { font-size: 10px; padding: 8px 11px; }
  .cta-box { grid-template-columns: auto 1fr; padding: 27px 22px; gap: 15px; }
  .cta-box h2 { font-size: 24px; }
  .cta-box .btn { grid-column: 1/-1; width: 100%; }
  .cta-mark { width: 44px; height: 44px; font-size: 26px; }
  .cta-watermark { font-size: 160px; right: -12px; }
  .page-hero { padding: 58px 0 54px; }
  .page-hero h1 { font-size: clamp(40px, 8.5vw, 55px); }
  .page-hero p { font-size: 13px; }
  .planner-band-grid, .content-grid, .planner-layout, .contact-layout, .directory-intro { grid-template-columns: 1fr; gap: 22px; }
  .steps-grid { grid-template-columns: 1fr 1fr; gap: 17px; }
  .industry-pills { grid-template-columns: 1fr 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .field-full { grid-column: auto; }
  .summary-card { position: static; order: -1; }
  .faq-list { grid-template-columns: 1fr; }
  .page-cta { align-items: flex-start; flex-direction: column; padding: 25px; }
  .page-cta .btn { width: 100%; }
  .directory-toolbar { grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 26px 19px; padding-top: 38px; padding-bottom: 35px; }
  .footer-brand, .footer-contact { grid-column: 1/-1; }
  .footer-bottom { justify-content: flex-start; flex-wrap: wrap; gap: 9px 20px; padding-top: 18px; padding-bottom: 18px; }
  .footer-bottom span:nth-child(2) { display: none; }
  .social-links-row { align-items: flex-start; flex-direction: column; gap: 15px; }
  .social-links { gap: 9px; }
  .social-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 13px; }
}
@media (max-width: 410px) {
  .container { width: calc(100% - 28px); }
  .brand { gap: 8px; }
  .brand-word { font-size: 18px; }
  .service-grid, .content-card-grid, .area-group-grid, .industry-expanded-grid, .process-grid, .service-rich-grid, .feature-grid, .steps-grid, .industry-pills { grid-template-columns: 1fr; }
  .service-card { min-height: 0; }
  .hero h1 { font-size: 45px; }
  .hero-art { margin-inline: -10px; }
  .hero-actions .btn { width: 100%; }
  .social-links { gap: 7px; }
  .social-icon { width: 37px; height: 37px; flex-basis: 37px; border-radius: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}


/* Siyaram Ads v6 — vibrant campaign-world redesign. Existing functional components stay intact. */
:root {
  --v6-cyan:#39d8f2; --v6-blue:#668bff; --v6-violet:#9a67ff; --v6-pink:#ff76ba;
  --v6-coral:#ff895f; --v6-yellow:#ffd76a; --v6-mint:#7cf2c8; --v6-ink:#0b1230;
}
.site-header { border-top:4px solid transparent; border-image:linear-gradient(90deg,var(--v6-coral),var(--v6-yellow),var(--v6-mint),var(--v6-cyan),var(--v6-violet),var(--v6-pink)) 1; }
.main-nav>a:not(.nav-cta), .main-nav>a:not(.nav-cta):nth-child(3n+1), .main-nav>a:not(.nav-cta):nth-child(3n+2), .main-nav>a:not(.nav-cta):nth-child(3n) { color:#42506b !important; }
.main-nav>a:not(.nav-cta)::after, .main-nav>a:not(.nav-cta):nth-child(3n+2)::after { background:linear-gradient(90deg,var(--v6-coral),var(--v6-violet),var(--v6-cyan)); height:3px; }
.nav-cta { background:linear-gradient(115deg,#6b4bf4,#367bff 52%,#20b7d2); border:0; box-shadow:0 10px 24px rgba(76,92,231,.22); color:#fff; }
.nav-cta:hover { background:linear-gradient(115deg,#5237db,#2465e8 52%,#099ebc); }
.btn-primary { background:linear-gradient(110deg,var(--v6-yellow),var(--v6-coral) 50%,var(--v6-pink)); color:#1c1a3d; box-shadow:0 14px 30px rgba(255,118,186,.22); }
.btn-primary:hover { background:linear-gradient(110deg,#ffe994,#ffad7c 50%,#ffa1d1); box-shadow:0 18px 37px rgba(255,118,186,.29); }
.eyebrow-dot { background:var(--v6-coral); box-shadow:0 0 0 4px rgba(255,137,95,.17); }
.hero-v6 { min-height:650px; padding:clamp(62px,7.3vw,104px) 0 clamp(60px,6.5vw,84px); color:#fff; background:#101638; isolation:isolate; }
.hero-v6:before { background:radial-gradient(ellipse at 82% 17%,rgba(154,103,255,.43),transparent 30%),radial-gradient(ellipse at 17% 87%,rgba(57,216,242,.23),transparent 36%),radial-gradient(ellipse at 61% 91%,rgba(255,118,186,.16),transparent 29%),linear-gradient(126deg,#08152e 0%,#15183f 48%,#38215f 76%,#122c54 100%); }
.hero-v6:after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.22; background-image:radial-gradient(rgba(255,255,255,.34) .7px,transparent .7px); background-size:20px 20px; mask-image:linear-gradient(90deg,transparent 0%,black 70%); }
.hero-v6 .hero-grid-v6 { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:clamp(25px,3.7vw,58px); }
.hero-copy-v6 { max-width:690px; position:relative; z-index:3; }
.hero-copy-v6 .eyebrow { color:#d2d8ff; margin-bottom:17px; }
.hero-v6 .hero-kicker-pills { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 20px; }
.hero-kicker-pills span { display:inline-flex; align-items:center; padding:6px 10px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.07); color:#f7f6ff; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.04em; }
.hero-kicker-pills span:nth-child(1){border-color:rgba(255,137,95,.45);color:#ffc7a9}
.hero-kicker-pills span:nth-child(2){border-color:rgba(57,216,242,.45);color:#8eecff}
.hero-kicker-pills span:nth-child(3){border-color:rgba(255,215,106,.45);color:#ffe69b}
.hero-kicker-pills span:nth-child(4){border-color:rgba(124,242,200,.45);color:#b8ffe4}
.hero-v6 h1 { max-width:730px; font-size:clamp(47px,5.2vw,76px); line-height:.99; letter-spacing:-.075em; text-wrap:balance; }
.hero-v6 h1 span { display:inline-block; background:linear-gradient(95deg,#50e3f4 0%,#7d9bff 32%,#c88aff 59%,#ff95bc 80%,#ffce78 100%); -webkit-background-clip:text; background-clip:text; color:transparent; padding-bottom:.08em; }
.hero-v6 .hero-lede { max-width:560px; color:#d9deee; font-size:clamp(14px,1.14vw,16px); line-height:1.85; margin:19px 0 25px; }
.hero-v6 .hero-actions { gap:11px; }
.hero-v6 .btn { min-height:52px; border-radius:14px; padding:15px 19px; }
.hero-v6 .btn-ghost { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.24); }
.hero-v6 .btn-ghost:hover { background:rgba(255,255,255,.14); border-color:rgba(57,216,242,.62); }
.hero-proof-v6 { margin-top:27px; gap:12px; max-width:500px; align-items:center; }
.proof-icon-ring { display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;border-radius:14px;color:#15163c;background:linear-gradient(135deg,var(--v6-yellow),var(--v6-coral),var(--v6-pink));font-size:20px;box-shadow:0 8px 20px rgba(255,137,95,.16); }
.hero-proof-v6 strong { display:block;color:#fff;font-size:11px;line-height:1.5; }
.hero-proof-v6 small { display:block;color:#b8c5df;font-size:10px;line-height:1.65;margin-top:2px; }
.hero-art-v6 { position:relative; min-height:485px; isolation:isolate; overflow:visible; }
.hero-collage-orbit { position:absolute; border:1px solid rgba(151,167,255,.25);border-radius:50%; transform:rotate(-19deg); }
.orbit-a-v6 { inset:0 2% 1% 0; border-style:dashed; opacity:.55; }
.orbit-b-v6 { inset:7% 8% 8% 7%; border-color:rgba(57,216,242,.25); }
.ad-frame-v6 { position:absolute; overflow:hidden; border-radius:20px; }
.ad-billboard-v6 { z-index:2; left:3%;top:11%;width:59%;height:61%;padding:12px 13px 14px;background:linear-gradient(135deg,#fff,#f0efff);box-shadow:0 28px 60px rgba(2,7,28,.38);transform:rotate(-3.2deg); }
.ad-frame-bar { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 10px;color:#6c6d9b;border-bottom:1px solid #e0e4f4;font-size:8px;font-weight:850;letter-spacing:.14em; }
.ad-window-dots { display:flex;gap:4px; }
.ad-window-dots i { width:7px;height:7px;display:block;border-radius:50%;background:var(--v6-coral); }
.ad-window-dots i:nth-child(2){background:var(--v6-cyan)} .ad-window-dots i:nth-child(3){background:var(--v6-mint)}
.billboard-creative-v6 { display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 34px);margin-top:9px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#ffab6b 0%,#ff658e 42%,#8a5df6 77%,#3546a3 100%);position:relative;isolation:isolate; }
.billboard-creative-v6:before { content:"";position:absolute;right:-20px;top:-25px;width:105px;height:105px;border:18px solid rgba(255,255,255,.18);border-radius:50%;z-index:-1; }
.billboard-creative-v6>small { color:#fff6f2;font-size:8px;font-weight:900;letter-spacing:.18em; }
.billboard-creative-v6>strong { display:block;color:#fff;font-size:clamp(23px,2.75vw,38px);line-height:.9;letter-spacing:-.07em;text-shadow:0 3px 0 rgba(34,20,68,.08); }
.billboard-creative-v6>strong span { color:#fff1a9; }
.billboard-creative-footer { display:flex;align-items:center;gap:4px; }
.billboard-creative-footer span { width:21px;height:4px;border-radius:6px;background:#fff; }
.billboard-creative-footer b { margin-left:auto;color:#fff;font-size:16px;letter-spacing:-.06em; }
.billboard-mini-caption { color:#445072;font-size:7px;font-weight:900;letter-spacing:.12em;padding:8px 2px 0; }
.ad-digital-v6 { z-index:4;right:0;top:3%;width:38%;height:41%;background:#fff;padding:10px;box-shadow:0 22px 44px rgba(2,7,28,.28);transform:rotate(3.4deg); }
.digital-top { display:flex;justify-content:space-between;align-items:center;gap:6px;color:#6d6e8d;font-size:7px;letter-spacing:.08em;font-weight:850; }
.digital-top>span { letter-spacing:.09em;color:var(--v6-cyan); }
.digital-creative { display:flex;flex-direction:column;position:relative;overflow:hidden;margin-top:8px;padding:12px;border-radius:12px;min-height:110px;height:calc(100% - 46px);background:linear-gradient(145deg,#14183c,#202c68 55%,#6554c9); }
.digital-icon { display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--v6-cyan);color:#11183c;font-size:17px;font-weight:800;margin-bottom:7px; }
.digital-creative small { font-size:7px;font-weight:900;letter-spacing:.13em;color:#a7f4ff; }
.digital-creative strong { font-size:clamp(12px,1.35vw,17px);color:#fff;line-height:1.02;letter-spacing:-.05em;margin-top:5px; }
.digital-wave { display:flex;align-items:flex-end;gap:3px;height:20px;margin-top:auto; }
.digital-wave i { flex:1;height:40%;border-radius:3px 3px 0 0;background:linear-gradient(var(--v6-cyan),var(--v6-violet)); }
.digital-wave i:nth-child(2n){height:77%}.digital-wave i:nth-child(3n){height:57%}.digital-wave i:nth-child(5n){height:96%}
.digital-meta {display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:7px;font-size:7px;color:#59657f;font-weight:800;}
.digital-meta b {color:#ff6d9f;font-size:7px;letter-spacing:.12em;}
.ad-print-v6 { z-index:5;left:0;bottom:8%;width:43%;height:29%;transform:rotate(3deg);overflow:visible;background:transparent; }
.print-sheets-v6 { position:absolute;inset:0;border-radius:13px;box-shadow:0 18px 35px rgba(2,7,28,.25); }
.sheet-back { background:linear-gradient(145deg,#50ddf2,#7cf2c8);transform:translate(8px,8px) rotate(-4deg); }
.sheet-front { position:relative;padding:12px 13px;background:linear-gradient(145deg,#ffe28b,#ff956c 55%,#ff6fb1);display:flex;flex-direction:column;gap:5px; }
.sheet-front>span { font-size:7px;font-weight:950;letter-spacing:.17em;color:#694064; }
.sheet-front>strong { font-size:clamp(13px,1.65vw,21px);line-height:.92;letter-spacing:-.06em;color:#251a49; }
.sheet-front>strong em {font-style:normal;color:#7a287b}
.print-lines {display:flex;gap:4px;margin-top:1px}.print-lines i{height:3px;width:17px;background:#fff;border-radius:5px}
.sheet-front>small {margin-top:auto;font-size:6px;letter-spacing:.12em;font-weight:950;color:#593963}
.ad-event-v6 {z-index:3;right:0;bottom:3%;width:48%;height:28%;padding:13px 14px;background:linear-gradient(140deg,#16bed0,#36d8ef 38%,#8c70ff 100%);box-shadow:0 20px 45px rgba(2,7,28,.32);transform:rotate(-2deg); }
.event-kicker {position:relative;z-index:2;display:block;color:#18224f;font-size:7px;font-weight:950;letter-spacing:.12em;}
.ad-event-v6>strong {position:relative;z-index:2;display:block;margin-top:10px;color:#fff;font-size:clamp(15px,1.85vw,24px);line-height:.94;letter-spacing:-.07em;text-shadow:0 3px 0 rgba(24,33,81,.08);}
.ad-event-v6>strong span {color:#ffef9b}
.ad-event-v6>small {position:absolute;bottom:12px;left:14px;right:12px;color:#192352;font-size:6px;font-weight:950;letter-spacing:.11em;}
.event-confetti {position:absolute;inset:5px 7px auto auto;width:68px;height:50px;opacity:.75;}
.event-confetti i {position:absolute;width:8px;height:17px;background:#ffe18e;border-radius:99px;transform:rotate(24deg);}
.event-confetti i:nth-child(1){right:10px;top:1px;background:#ff799b}.event-confetti i:nth-child(2){right:29px;top:20px;background:#fff}.event-confetti i:nth-child(3){right:52px;top:4px;background:#8cf5ca}.event-confetti i:nth-child(4){right:39px;top:0;background:#ffe18e;transform:rotate(-30deg)}.event-confetti i:nth-child(5){right:5px;top:31px;background:#fff;transform:rotate(-25deg)}
.ad-van-v6 {z-index:6;left:25%;bottom:0;width:48%;height:24%;padding:8px 10px 10px;background:linear-gradient(140deg,#fff,#e7fbff);border:1px solid rgba(255,255,255,.8);box-shadow:0 19px 38px rgba(2,7,28,.28);transform:rotate(-1deg); }
.van-kicker-v6 {display:flex;align-items:center;justify-content:space-between;gap:4px;color:#566080;font-size:6px;letter-spacing:.11em;font-weight:900;}
.van-kicker-v6 strong {color:#087e95;font-size:7px;}
.van-illustration-v6 {position:relative;height:49px;margin-top:2px;}
.van-cargo-v6 {position:absolute;left:1%;bottom:6px;width:65%;height:31px;border-radius:4px 5px 2px 2px;background:linear-gradient(135deg,#1a7fbc,#4ce1e5);box-shadow:inset 0 -4px 0 rgba(6,38,82,.15);}
.van-screen-v6 {display:flex;flex-direction:column;justify-content:center;position:absolute;inset:3px 4px 5px;padding:3px 7px;border:2px solid #e7ffff;background:linear-gradient(110deg,#17214c,#6649b7 75%,#ee6fae);color:white;overflow:hidden;}
.van-screen-v6 small {font-size:5px;font-weight:950;letter-spacing:.14em;}
.van-screen-v6 strong {font-size:10px;line-height:1;letter-spacing:-.05em;color:#a9fcff;}
.van-screen-v6 i {position:absolute;width:12px;height:2px;background:#ffcf76;right:6px;top:7px}.van-screen-v6 i:nth-of-type(2){right:6px;top:12px;background:#ff87bc}
.van-cab-v6 {position:absolute;left:65%;bottom:6px;width:27%;height:26px;border-radius:3px 10px 3px 2px;background:linear-gradient(135deg,#ff9a65,#ffcb79);clip-path:polygon(0 0,65% 0,100% 48%,100% 100%,0 100%);}
.van-cab-v6 i {position:absolute;right:5px;top:3px;width:13px;height:9px;background:#253b69;clip-path:polygon(0 0,64% 0,100% 100%,0 100%);}
.van-cab-v6 b {position:absolute;bottom:0;right:-3px;height:3px;width:100%;background:#5f4c95;}
.van-wheel {position:absolute;bottom:0;width:13px;height:13px;border-radius:50%;background:#161d45;border:3px solid #8fd9ee;box-shadow:0 0 0 2px #fff;}
.wheel-a-v6{left:17%}.wheel-b-v6{left:72%}
.van-caption-v6 {display:block;text-align:center;margin-top:2px;color:#5d6487;font-size:6px;font-weight:950;letter-spacing:.12em;}
.hero-collage-badge { position:absolute;z-index:8;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.96);border-radius:15px;box-shadow:0 14px 32px rgba(2,7,28,.3);color:#17183e; }
.hero-collage-badge small,.hero-collage-badge strong {display:block}.hero-collage-badge small {font-size:7px;color:#77799d;font-weight:950;letter-spacing:.14em}.hero-collage-badge strong {font-size:10px;margin-top:2px;white-space:nowrap;}
.badge-top-v6 {top:4%;left:38%;}.badge-spark {display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#a2f4ff,#d7b9ff);color:#30245f;font-size:17px;}
.badge-bottom-v6 {bottom:1%;right:-2%;}.status-dot-v6 {width:10px;height:10px;border-radius:50%;background:var(--v6-mint);box-shadow:0 0 0 5px rgba(124,242,200,.22);margin:0 5px;}
.trust-strip {padding:18px 0;background:linear-gradient(90deg,#fff,#f5f7ff 48%,#fff);border-bottom:1px solid #e0e5f5;}
.trust-inner-v6 {justify-content:space-between;gap:12px;color:#222f58;font-size:9px;letter-spacing:.06em;}
.trust-inner-v6>span {color:#7e6da2;font-weight:950;letter-spacing:.13em;}
.trust-inner-v6>div {color:#3a3d73;font-size:9px;font-weight:900;letter-spacing:.03em;}
.trust-inner-v6>i {background:linear-gradient(135deg,var(--v6-coral),var(--v6-violet),var(--v6-cyan));height:5px;width:5px;}
.industries-section {position:relative;overflow:hidden;background:linear-gradient(145deg,#f8f7ff,#fff 45%,#f0fbff);}
.industries-section:before {content:"";display:block;position:absolute;left:-120px;top:20%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,118,186,.12),transparent 70%);pointer-events:none;}
.industry-pills {position:relative;z-index:1;gap:10px;}
.industry-pills a {border-radius:999px;background:#fff;border:1px solid #e1e2f4;color:#374063;padding:10px 14px;font-weight:800;box-shadow:0 6px 16px rgba(44,41,91,.04);transition:transform .2s,border-color .2s,box-shadow .2s;}
.industry-pills a:nth-child(4n+1){border-bottom:3px solid var(--v6-coral)}.industry-pills a:nth-child(4n+2){border-bottom:3px solid var(--v6-cyan)}.industry-pills a:nth-child(4n+3){border-bottom:3px solid var(--v6-violet)}.industry-pills a:nth-child(4n){border-bottom:3px solid #45c99a}
.industry-pills a:hover {transform:translateY(-3px);border-color:#b5b4ef;box-shadow:0 12px 24px rgba(44,41,91,.08);}
.industry-directory-cta {position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;margin-top:23px;padding:13px 17px;border-radius:12px;background:#1a1a46;color:white;font-size:12px;font-weight:900;box-shadow:0 12px 26px rgba(31,29,82,.13);}
.industry-directory-cta:hover {background:#3e3a99;color:#fff;}
.section-modern.modern-service-universe {background:linear-gradient(145deg,#fcfbff,#fff 50%,#f1fcff);}
.modern-service-card {position:relative;overflow:hidden;border-radius:22px;border:1px solid #e5e5f4;border-top:4px solid var(--v6-cyan);background:linear-gradient(150deg,#fff 45%,#f6f5ff);box-shadow:0 12px 32px rgba(31,29,82,.06);}
.modern-service-card:before {content:"";position:absolute;right:-45px;top:-55px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(154,103,255,.13),transparent 68%);pointer-events:none;}
.modern-service-card:nth-child(6n+1){border-top-color:var(--v6-coral);background:linear-gradient(145deg,#fff,#fff7f2);}
.modern-service-card:nth-child(6n+2){border-top-color:var(--v6-cyan);background:linear-gradient(145deg,#fff,#f1fcff);}
.modern-service-card:nth-child(6n+3){border-top-color:var(--v6-violet);background:linear-gradient(145deg,#fff,#f7f3ff);}
.modern-service-card:nth-child(6n+4){border-top-color:#48cf9e;background:linear-gradient(145deg,#fff,#f2fff9);}
.modern-service-card:nth-child(6n+5){border-top-color:#f2bf42;background:linear-gradient(145deg,#fff,#fffbee);}
.modern-service-card:nth-child(6n){border-top-color:#ff76ba;background:linear-gradient(145deg,#fff,#fff3f9);}
.modern-card-kicker {position:relative;color:#4b4d88;}
.modern-service-card h3,.modern-service-card p,.modern-service-card a {position:relative;}
.modern-service-card h3 {font-size:clamp(19px,1.6vw,24px);}
.modern-card-link {color:#332b72;}
.modern-card-link span {color:#eb6b94;}
.modern-keyword-band span {background:#fff;border-color:#e2e4f6;color:#363968;box-shadow:0 5px 14px rgba(31,29,82,.04);}
.modern-keyword-band span:nth-child(4n+1){border-left:3px solid var(--v6-coral)}.modern-keyword-band span:nth-child(4n+2){border-left:3px solid var(--v6-cyan)}.modern-keyword-band span:nth-child(4n+3){border-left:3px solid var(--v6-violet)}.modern-keyword-band span:nth-child(4n){border-left:3px solid #48cf9e}
/* Dedicated 36-industry directory */
.industry-grid-36 {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;}
.industry-v6-card {display:flex;flex-direction:column;align-items:flex-start;min-height:312px;padding:23px;border:1px solid #e5e5f4;border-top:4px solid var(--v6-cyan);border-radius:20px;background:linear-gradient(155deg,#fff,#f7f7ff);box-shadow:0 9px 25px rgba(31,29,82,.045);transition:transform .2s,box-shadow .2s,border-color .2s;}
.industry-v6-card:nth-child(6n+1){border-top-color:var(--v6-coral);background:linear-gradient(150deg,#fff,#fff8f5)}.industry-v6-card:nth-child(6n+2){border-top-color:var(--v6-cyan);background:linear-gradient(150deg,#fff,#f2fcff)}.industry-v6-card:nth-child(6n+3){border-top-color:var(--v6-violet);background:linear-gradient(150deg,#fff,#f7f4ff)}.industry-v6-card:nth-child(6n+4){border-top-color:#4acb9c;background:linear-gradient(150deg,#fff,#f3fff9)}.industry-v6-card:nth-child(6n+5){border-top-color:#ffc94d;background:linear-gradient(150deg,#fff,#fffcef)}.industry-v6-card:nth-child(6n){border-top-color:#ff78bd;background:linear-gradient(150deg,#fff,#fff4fa)}
.industry-v6-card:hover {transform:translateY(-4px);box-shadow:0 18px 38px rgba(31,29,82,.10);border-color:#c7c4ef;}
.industry-v6-top {display:flex;align-items:center;gap:9px;margin-bottom:16px;}
.industry-v6-number {display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(140deg,#272557,#6b55bc);color:#fff;font-size:12px;font-weight:950;box-shadow:0 7px 15px rgba(58,49,130,.15);}
.industry-v6-kicker {font-size:8px;letter-spacing:.14em;color:#6b6e9a;font-weight:950;}
.industry-v6-card h3 {font-size:20px;line-height:1.16;letter-spacing:-.045em;margin:0 0 10px;}
.industry-v6-card p {font-size:12px;line-height:1.8;margin:0 0 16px;}
.industry-v6-formats {display:flex;flex-direction:column;gap:4px;width:100%;padding:12px 0;border-top:1px solid rgba(102,112,163,.17);margin-top:auto;margin-bottom:10px;}
.industry-v6-formats strong {font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#726da4;}
.industry-v6-formats span {color:#52627d;font-size:10px;line-height:1.65;}
.industry-v6-card .modern-card-link {margin-top:0;padding-top:4px;font-size:10px;}
.industry-count-note {display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:18px 21px;margin-top:25px;border-radius:17px;background:linear-gradient(100deg,#201d56,#5142a4 60%,#207fa2);color:#fff;}
.industry-count-note strong {font-size:13px;}.industry-count-note span {flex:1;min-width:220px;color:#e6e5ff;font-size:11px;}.industry-count-note a {padding:10px 13px;border-radius:10px;background:linear-gradient(100deg,var(--v6-yellow),var(--v6-coral));color:#241a4b;font-size:10px;font-weight:950;white-space:nowrap;}
/* Social icons: strong contrast and recognizable, working link targets */
.social-icon {width:44px;height:44px;flex-basis:44px;border-radius:14px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.26);}
.social-facebook:hover {background:#1877f2;border-color:#1877f2;color:#fff;}
.social-instagram:hover {background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-color:#d62976;color:#fff;}
.social-youtube:hover {background:#ff0033;border-color:#ff0033;color:#fff;}
.social-linkedin:hover {background:#0a66c2;border-color:#0a66c2;color:#fff;}
.social-x:hover {background:#111;border-color:#111;color:#fff;}
.social-icon:focus-visible {outline:3px solid var(--v6-yellow);outline-offset:4px;}
@media (max-width:1120px) {
 .hero-v6 .hero-grid-v6 {grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px;}
 .hero-v6 h1 {font-size:clamp(44px,5.7vw,65px);}
 .hero-art-v6 {min-height:430px;}
 .industry-grid-36 {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:900px) {
 .hero-v6 .hero-grid-v6 {grid-template-columns:1fr;gap:25px;}
 .hero-copy-v6 {max-width:760px;}
 .hero-art-v6 {width:min(100%,650px);margin-inline:auto;min-height:470px;}
 .hero-v6 h1 {font-size:clamp(50px,8vw,76px);}
 .trust-inner-v6 {justify-content:center;flex-wrap:wrap;row-gap:10px;}
 .trust-inner-v6>span {width:100%;text-align:center;}
 .industry-grid-36 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px) {
 .hero-v6 {padding:52px 0 42px;}
 .hero-v6 h1 {font-size:clamp(43px,11vw,58px);}
 .hero-v6 .hero-lede {font-size:13px;}
 .hero-v6 .btn {width:100%;}
 .hero-art-v6 {min-height:390px;margin:0 -3px;}
 .ad-billboard-v6 {left:1%;top:16%;width:62%;height:59%;padding:8px;}
 .ad-frame-bar {padding-bottom:6px;font-size:6px;}
 .billboard-creative-v6 {padding:8px;}
 .billboard-creative-v6>strong {font-size:clamp(22px,7vw,32px);}
 .billboard-mini-caption {font-size:5px;letter-spacing:.07em;}
 .ad-digital-v6 {right:0;top:5%;width:38%;height:39%;padding:7px;}
 .digital-creative {padding:8px;margin-top:6px;min-height:100px;}
 .digital-creative strong {font-size:13px;}
 .ad-print-v6 {left:0;bottom:12%;width:43%;height:27%;}
 .sheet-front {padding:8px;gap:3px;}
 .sheet-front>strong {font-size:14px;}
 .sheet-front>small {font-size:5px;letter-spacing:.06em;}
 .ad-event-v6 {right:0;bottom:7%;width:48%;height:26%;padding:9px;}
 .ad-event-v6>strong {font-size:17px;margin-top:8px;}
 .ad-event-v6>small {font-size:5px;left:9px;bottom:8px;}
 .ad-van-v6 {left:24%;bottom:0;width:51%;height:22%;padding:6px;}
 .van-illustration-v6 {height:40px;}
 .van-cargo-v6 {height:26px;}.van-cab-v6 {height:22px;}.van-screen-v6 strong{font-size:8px;}
 .van-caption-v6 {font-size:4.5px;letter-spacing:.04em;}
 .hero-collage-badge {padding:8px;border-radius:12px;gap:6px;}
 .hero-collage-badge small {font-size:5px;}.hero-collage-badge strong{font-size:8px;}
 .badge-spark {width:22px;height:22px;font-size:12px;}.badge-top-v6{top:3%;left:33%;}.badge-bottom-v6{right:-1%;bottom:1%;}
 .industry-grid-36 {grid-template-columns:1fr;}
 .industry-v6-card {min-height:0;padding:20px;}
 .industry-count-note {align-items:flex-start;gap:9px;flex-direction:column;}
 .industry-count-note span {min-width:0;}
 .industry-count-note a {white-space:normal;}
 .industry-pills {gap:8px;}
 .industry-pills a {padding:9px 11px;font-size:10px;}
 .trust-inner-v6>div {font-size:8px;}
 .social-links {flex-wrap:wrap;}
}
@media (prefers-reduced-motion:reduce) {
 .industry-v6-card,.industry-pills a,.social-icon,.modern-service-card {transition:none;}
}

/* Rich format cards added for the v6 services directory. */
.v6-format-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:28px;}
.v6-format-grid article {position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:226px;padding:22px;border:1px solid #e5e5f4;border-top:4px solid #39d8f2;border-radius:19px;background:linear-gradient(155deg,#fff,#f7f7ff);box-shadow:0 9px 24px rgba(31,29,82,.04);}
.v6-format-grid article:nth-child(4n+1){border-top-color:#ff895f;background:linear-gradient(150deg,#fff,#fff7f2)}.v6-format-grid article:nth-child(4n+2){border-top-color:#39d8f2;background:linear-gradient(150deg,#fff,#f0fcff)}.v6-format-grid article:nth-child(4n+3){border-top-color:#9a67ff;background:linear-gradient(150deg,#fff,#f7f3ff)}.v6-format-grid article:nth-child(4n){border-top-color:#52cb9e;background:linear-gradient(150deg,#fff,#f2fff9)}
.v6-format-grid article>span{font-size:8px;letter-spacing:.13em;font-weight:950;color:#636797}.v6-format-grid article h3{margin:12px 0 9px;font-size:19px;line-height:1.18}.v6-format-grid article p{margin:0;font-size:11.5px;line-height:1.8;}
.v6-format-note{margin-top:22px;padding:17px 19px;border-radius:15px;background:linear-gradient(100deg,#f2f1ff,#f0fcff);border-left:4px solid #8c75f5;color:#53617c;font-size:11px;line-height:1.8}.v6-format-note strong{color:#332e70;}
@media(max-width:1000px){.v6-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.v6-format-grid{grid-template-columns:1fr;}.v6-format-grid article{min-height:0;padding:20px;}}


/* v7 global city photography and company symbol */
.brand-logo{width:62px;height:40px;object-fit:contain;flex:0 0 auto}
.brand-inverse .brand-logo{filter:none}
.global-visual-section{padding:74px 0;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);position:relative;overflow:hidden}
.global-visual-home,.global-visual-about{background:linear-gradient(135deg,#f8fbff,#eff9fb 52%,#fff)}
.global-visual-service{background:#fff}
.global-visual-industry{background:linear-gradient(135deg,#f4f6ff,#f1fbfa 65%,#fff)}
.global-visual-heading{display:grid;grid-template-columns:1.05fr .8fr;align-items:end;gap:42px;margin-bottom:30px}
.global-visual-heading h2{font-size:clamp(30px,3.8vw,46px);letter-spacing:-.06em;line-height:1.04;margin-top:6px;color:#091b32}
.global-visual-heading>p{margin:0 0 3px;font-size:13px;line-height:1.85;color:#617087;max-width:570px}
.global-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.global-feature-card{min-width:0;border:1px solid #dce5ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(8,26,52,.07);transition:transform .25s,box-shadow .25s}
.global-feature-card:hover,.global-location-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px rgba(8,26,52,.13)}
.global-feature-photo{height:174px;display:block;position:relative;overflow:hidden;background:#0c203e}
.global-feature-photo:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,rgba(4,14,34,.70))}
.global-feature-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.global-feature-card:hover .global-feature-photo img,.global-location-card:hover img{transform:scale(1.045)}
.global-feature-photo>span{position:absolute;z-index:1;bottom:12px;left:12px;border-radius:999px;background:rgba(7,23,47,.78);color:#fff;padding:6px 9px;font-size:8px;font-weight:800;letter-spacing:.11em}
.global-feature-copy{padding:16px 17px 18px}
.global-feature-copy small{display:block;color:#0da5b9;font-size:8px;font-weight:800;letter-spacing:.14em;margin-bottom:7px}
.global-feature-copy h3{font-size:18px;line-height:1.15;color:#091b32;margin-bottom:8px}
.global-feature-copy p{font-size:11px;line-height:1.65;color:#68768b;margin:0}
.global-visual-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:23px}
.global-visual-actions>span{color:#66758c;font-size:10px;font-weight:800;letter-spacing:.1em}
.global-city-gallery{background:linear-gradient(180deg,#fff,#f5f8fc)}
.global-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.global-location-card{border:1px solid #dce5ef;border-radius:17px;overflow:hidden;background:#fff;min-width:0;transition:transform .25s,box-shadow .25s}
.global-location-photo{height:168px;display:block;position:relative;overflow:hidden;background:#0b203d}
.global-location-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.global-location-region{position:absolute;top:11px;left:11px;z-index:1;border-radius:999px;background:rgba(6,24,46,.88);color:#fff;font-size:8px;letter-spacing:.13em;font-weight:900;padding:6px 9px}
.global-location-copy{padding:14px 15px 15px}
.global-location-copy h3{font-size:16px;letter-spacing:-.035em;color:#091b32;margin:0 0 7px}
.global-location-copy p{font-size:11px;line-height:1.65;color:#65748a;margin:0 0 11px}
.global-source-link{font-size:9px;font-weight:800;color:#0b9cac}
.global-source-link:hover{text-decoration:underline}
.global-visual-disclaimer{font-size:10px;color:#718097;line-height:1.7;margin:24px 0 0;padding-top:15px;border-top:1px solid #dce5ef}
@media(max-width:1050px){.global-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.global-location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.global-feature-photo{height:200px}}
@media(max-width:760px){.global-visual-section{padding:55px 0}.global-visual-heading{grid-template-columns:1fr;gap:15px;margin-bottom:23px}.global-visual-heading h2{font-size:34px}.global-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.global-feature-photo{height:150px}.global-feature-copy{padding:12px}.global-feature-copy h3{font-size:16px}.global-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.global-location-photo{height:140px}.global-location-copy{padding:12px}.brand-logo{width:54px;height:36px}}
@media(max-width:430px){.global-feature-grid{grid-template-columns:1fr}.global-feature-photo{height:185px}.global-location-grid{grid-template-columns:1fr 1fr}.global-location-photo{height:125px}.global-location-copy h3{font-size:14px}.global-source-link{font-size:8px}.brand-logo{width:48px;height:32px}}
