@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800;850;900&display=swap');
/*
 Smart Follow Ups — Original Website Visual System
 Source reference: smartfollowups.co.uk (11 Nov 2026)
 Applied AFTER page-specific styles on every page.
 Design-only: existing marketing and case study copy is unchanged.
*/
:root{
  --navy:#0f172a;--navy-2:#1e293b;--ink:#0f172a;--muted:#475569;
  --blue:#3b82f6;--mint:#10b981;--white:#ffffff;
  --surface:#f7f8fc;--line:#e2e8f0;--radius:16px;
  --shadow:0 16px 32px rgba(15,23,42,.085);
  --f-ink:#0f172a;--f-muted:#52627b;--f-line:#e2e8f0;--f-blue:#3b82f6;--f-teal:#10b981;
  --cs-ink:#0f172a;--cs-muted:#52627b;--cs-line:#e2e8f0;--cs-blue:#3b82f6;--cs-teal:#10b981;
}
html{font-size:16px;scroll-padding-top:88px}
body,body.wl-landing{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:16px;line-height:1.62;color:#0f172a;background:#f7f8fc;
  -webkit-font-smoothing:antialiased;
}
body.wl-landing{
  --wl-bg:#f7f8fc;--wl-bg-2:#eef2fb;--wl-fg:#0f172a;--wl-muted:#52627b;
  --wl-faint:#7b8aa1;--wl-surface:#fff;--wl-surface-strong:#fff;
  --wl-border:#e2e8f0;--wl-border-strong:#ccd6e4;
  --wl-brand:#3b82f6;--wl-brand-2:#10b981;
}
h1,h2,h3,h4,h5,h6,
.hero h1,.section-heading h2,.chapter-intro h2,.premium-card h3,
.case-index-hero h1,.source-article-body .content-block h2,
.source-article-body .content-block h3,.case-story-card h2{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  color:#0f172a;letter-spacing:-.045em;
}
p,li,blockquote,button,a,small,span,summary{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.wrap{width:min(1180px,calc(100% - 48px))}
:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}
::selection{background:#dbeafe;color:#0f172a}

/* ONE consistent header: intentionally links only to finished destinations. */
.site-header,.site-header.wl-header{
  position:sticky;top:0;z-index:70;min-height:72px;
  border-top:2px solid transparent;
  border-image:linear-gradient(90deg,#3b82f6,#10b981) 1;
  border-bottom:1px solid #e2e8f0;
  background:rgba(247,248,252,.90);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
.site-header .header-inner,.site-header .wrap.header-inner{
  min-height:70px;display:flex;align-items:center;justify-content:space-between;
  flex-direction:row;gap:24px;padding-top:0;padding-bottom:0;
}
.site-header .brand{
  display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;
  font-size:18px;font-weight:750;letter-spacing:-.035em;color:#0f172a;
  white-space:nowrap;text-decoration:none;
}
.site-header .brand-logo{
  width:40px;height:40px;flex:0 0 40px;border-radius:11px;
  display:inline-grid;place-items:center;
  color:#fff;font-size:20px;font-weight:750;letter-spacing:0;
  background:linear-gradient(135deg,#3b82f6,#10b981);
  box-shadow:0 5px 12px rgba(35,110,171,.15);
}
.site-nav-wrap{position:relative;display:flex;align-items:center;margin-left:auto}
.classic-site-nav{display:flex;align-items:center;gap:6px;margin:0}
.classic-site-nav a{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:9px;padding:10px 16px;font-size:14px;font-weight:600;
  color:#475569;text-decoration:none;white-space:nowrap;
  transition:background .2s,color .2s,transform .2s;
}
.classic-site-nav a:hover{color:#1d4ed8;background:#eaf1ff}
.classic-site-nav a[aria-current="page"]{
  background:linear-gradient(110deg,#3b82f6,#10b981);
  color:#fff;box-shadow:0 8px 17px -12px #2179b3;
}
.classic-menu-button{display:none}
.site-header .features-nav,.site-header .cases-site-nav{display:none!important}

/* Typography and section backgrounds — original light-blue / slate palette */
#main,.hero,.section,.fp-chapter,.case-detail-wrap,#case-main{color:#0f172a}
.hero{
  background:radial-gradient(ellipse 52% 90% at 0% 10%,rgba(59,130,246,.11),transparent 70%),
             radial-gradient(ellipse 60% 83% at 100% 10%,rgba(16,185,129,.11),transparent 72%),
             #f7f8fc;
  padding:88px 0 98px;border-bottom:1px solid #e2e8f0;
}
.hero h1{font-size:clamp(44px,5vw,69px);line-height:1.035;letter-spacing:-.052em;color:#0f172a}
.hero-lead,.hero .hero-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.65;color:#475569}
.hero .eyebrow,.eyebrow,.case-eyebrow,.chapter-index{
  color:#2563eb;background:#e2ecff;border:1px solid #c3d8fc;
  border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.11em;
  padding:6px 12px;text-transform:uppercase;
}
.hero .eyebrow:before,.eyebrow:before{background:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.13)}
.section,.fp-chapter{padding-top:83px;padding-bottom:89px}
.section-soft,.chapter-core,.chapter-diary,.chapter-integrations{background:#f7f8fc}
.section-navy,.chapter-advanced,.chapter-sms,.chapter-bespoke,.case-industry-section{
  background:linear-gradient(125deg,#edf2fc,#eef3fb)!important;color:#0f172a!important;
  border-block:1px solid #e0e7f2;
}
.section-heading h2,.chapter-intro h2,.case-index-hero h1{
  font-size:clamp(32px,3.7vw,45px);font-weight:750;letter-spacing:-.055em;line-height:1.1;
  color:#0f172a;
}
.section-heading p,.chapter-intro p,.section-navy .section-heading p,
.chapter-advanced .chapter-intro p{font-size:17px;line-height:1.68;color:#475569!important}
.section-navy .section-heading h2,.chapter-advanced .chapter-intro h2{color:#0f172a!important}
.section-navy .eyebrow,.chapter-advanced .chapter-index{color:#2563eb!important;background:#e2ecff}

/* Home: original clean white cards, blue/green accent chips, soft shadows. */
.problem-card,.feature-card,.department-card,.advantage-card,.staff-card,.testimonial-card,
.case-industry-card,.case-industry-tile,.case-story-card,.premium-card{
  border:1px solid #e2e8f0!important;border-radius:17px;background:#fff!important;
  box-shadow:0 17px 30px rgba(15,23,42,.075)!important;color:#0f172a;
}
.problem-card:hover,.feature-card:hover,.department-card:hover,.advantage-card:hover,
.staff-card:hover,.testimonial-card:hover,.case-industry-card:hover,.premium-card:hover,
.case-story-card:hover,.case-industry-tile:hover{
  border-color:#bbd6ef!important;
  box-shadow:0 24px 39px rgba(15,23,42,.115)!important;
}
.problem-card:before,.feature-card:before,.department-card:before,
.advantage-card:before,.premium-card:before,.case-story-card:before{
  background:linear-gradient(90deg,#3b82f6,#10b981);
}
.problem-card h3,.feature-card h3,.department-card h4,.advantage-card h4,
.staff-body h3,.premium-card h3,.case-story-card h2{color:#0f172a!important;font-weight:700}
.problem-card p,.feature-card p,.department-card p,.advantage-card p,
.staff-role,.testimonial-card blockquote{color:#475569!important}
.problem-card p,.feature-card p,.department-card p,.advantage-card p{font-size:16px;line-height:1.7}
.feature-card ul,.feature-card li,.section-navy .feature-card li{color:#334155!important}
.section-navy .feature-card{background:#fff!important;min-height:390px}
.section-navy .feature-card:hover{background:#fff!important;border-color:#b6d8f4!important}
.feature-card li:before{background:#d1fae5;color:#059669}
.card-index{color:#2563eb}
.department-badge,.icon-token,.case-icon,.industry-icon,.integration-token{
  background:linear-gradient(135deg,#e3efff,#dcfce7)!important;color:#2563eb!important;
}
.tags span,.staff-role,.staff-stats small{color:#475569}
.staff-card .portrait{background:linear-gradient(145deg,#f2f6ff,#e6f8f4)}
.staff-body h3{font-size:20px}
.staff-metric{color:#2563eb}
.testimonial-card .stars{color:#e8a513}
.case-studies-section{background:#f7f8fc}
.case-industry-card h3{color:#0f172a!important;font-weight:700}
.case-arrow,.case-industry-card .case-arrow{color:#2563eb}
.wl-wave span{background:linear-gradient(180deg,#3b82f6,#10b981)}
.wl-hero-frame{
  background:linear-gradient(140deg,#eff4ff,#edf9f5)!important;
  border:1px solid #d9e5f1;box-shadow:0 26px 53px rgba(15,23,42,.085)!important
}
.wl-voicefield-orb{background:radial-gradient(circle at 25% 25%,#10b981,#3b82f6 85%)}

/* Features: preserve all content and interactions, change visual treatment. */
.fp-chapter .chapter-intro h2{color:#0f172a!important}
.chapter-index{background:#e2ecff!important;color:#2563eb!important}
.chapter-advanced .advanced-shell{color:#0f172a}
.chapter-advanced .premium-card,.chapter-advanced .premium-card:hover{
  background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important;
}
.chapter-advanced .premium-card h3{color:#0f172a!important}
.chapter-advanced .premium-card p{color:#475569!important}
.chapter-advanced .icon-token{background:linear-gradient(135deg,#e2ecff,#dcfce7)!important;color:#2563eb!important}
.chapter-advanced .advanced-graphic{
  background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.12),transparent 57%),
             linear-gradient(135deg,#fff,#f1f6ff)!important;
  border:1px solid #dfe8f3!important;
}
.neural-orbit{border-color:rgba(59,130,246,.25)!important}
.neural-orbit.n2{border-color:rgba(16,185,129,.28)!important}
.neural-orbit.n3{border-color:rgba(59,130,246,.1)!important}
.neural-brain,.flow-bubble,.integration-center,.console-core,.app-dot{
  background:linear-gradient(135deg,#3b82f6,#10b981)!important
}
.premium-card h3{font-size:20px}
.premium-card p,.chapter-advanced .premium-card p,.diary-card-list .premium-card p,
.sms-copy-stack .premium-card p{font-size:16px;line-height:1.74;color:#475569}
.core-bento>.premium-card:nth-child(-n+2){
  background:linear-gradient(140deg,#fff,#f7faff)!important
}
.core-bento>.premium-card:nth-child(-n+2) h3{font-size:23px}
.capabilities summary,.case-read{color:#2563eb}
.capabilities summary small{color:#2563eb;background:#e2ecff}
.capabilities li{color:#475569;font-size:14px}
.capabilities li svg{color:#10b981}
.sms-visual{
  background:radial-gradient(circle at 35% 40%,rgba(59,130,246,.12),transparent 55%),
             radial-gradient(circle at 75% 75%,rgba(16,185,129,.15),transparent 55%),#f8fafc!important
}
.phone-accent.one{background:linear-gradient(135deg,#60a5fa,#3b82f6)}
.phone-accent.two{background:linear-gradient(135deg,#34d399,#10b981)}
.calendar-preview,.integration-tile{background:white;border:1px solid #e2e8f0;box-shadow:0 15px 33px rgba(15,23,42,.075)}
.calendar-head strong,.integration-tile strong{color:#0f172a}
.fp-bottom-cta{background:#f7f8fc}
.cta-inner{
  background:radial-gradient(ellipse 42% 90% at 50% 0%,rgba(59,130,246,.11),transparent),
             radial-gradient(ellipse 45% 90% at 65% 18%,rgba(16,185,129,.09),transparent),#fff;
  border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 34px rgba(15,23,42,.08);
}
.cta-inner h2{color:#0f172a;font-size:clamp(31px,3.2vw,43px)}
.hero-cta{
  background:linear-gradient(110deg,#3b82f6,#10b981)!important;
  border:1px solid transparent;border-radius:10px;
  color:white!important;box-shadow:0 13px 23px rgba(30,108,182,.13);
}
.integration-tile{color:#334155}
.integration-center,.flow-bubble{box-shadow:0 17px 25px rgba(29,125,152,.18)}

/* Case studies: classic light landing backgrounds and softer card shapes. */
.case-index-hero{
  background:radial-gradient(ellipse 56% 90% at 0 0,rgba(59,130,246,.1),transparent),
             radial-gradient(ellipse 50% 90% at 100% 0%,rgba(16,185,129,.1),transparent),#f7f8fc!important;
  border-bottom:1px solid #e2e8f0;
}
.case-index-hero:before{opacity:.25}
.case-main-hero h1{font-size:clamp(43px,5vw,65px)}
.case-index-hero h1{color:#0f172a!important}
.case-index-hero p,.case-hero-back a{color:#475569}
.case-eyebrow,.case-category{color:#2563eb;background:#e3efff;border:1px solid #cbdffc}
.case-industry-section,.case-stories-section{background:#f7f8fc}
.case-industry-tile h2,.case-story-card h2{color:#0f172a!important}
.case-industry-tile,.case-story-card{border-radius:17px}
.case-industry-tile:after{background:rgba(59,130,246,.055)}
.case-category{font-size:12px;color:#2563eb}
.case-story-card p{color:#475569;font-size:16px}
.case-card-arrow{background:#d1fae5;color:#047857}
.case-read,.industry-go{color:#2563eb}
.case-chip{background:#f1f6fd;border:1px solid #e2e8f0;color:#475569}
.case-chip strong{color:#059669}
.case-detail-wrap{background:#f7f8fc!important}
.case-breadcrumb,.case-breadcrumb a{color:#64748b}
.case-original-hero .article-hero{
  background:radial-gradient(circle at 52% 0%,rgba(16,185,129,.07),transparent 70%),
             linear-gradient(130deg,#edf2ff,#f6f9ff)!important;
  border:1px solid #e2e8f0;border-radius:20px;
}
.case-original-hero h1{font-size:clamp(32px,3.8vw,52px);color:#0f172a!important}
.case-original-hero .subtitle,.case-original-hero .hero-lead{font-size:17px;color:#475569}
.case-original-hero .article-badge{background:#e2ecff;color:#2563eb;border-color:#cbdffc}
.case-original-hero .article-meta span{background:#fff;color:#64748b;border-color:#e2e8f0}
.case-original-metrics .result-card{
  background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 17px 30px rgba(15,23,42,.065)
}
.case-original-metrics .result-number{color:#059669}
.case-original-metrics .result-label{color:#475569}
.source-article-body{color:#334155}
.source-article-body .content-block{
  background:#fff;border:1px solid #e2e8f0;border-radius:17px;
  box-shadow:0 12px 27px rgba(15,23,42,.045)
}
.source-article-body .content-block h2{font-size:clamp(26px,2.6vw,34px);color:#0f172a}
.source-article-body .content-block h3{font-size:clamp(20px,2vw,25px);color:#1e3a5f}
.source-article-body .content-block h4{color:#334155}
.source-article-body p,.source-article-body li{color:#475569;font-size:16px;line-height:1.8}
.source-article-body .callout-item{
  background:linear-gradient(135deg,#f1f6ff,#edf9f5);border-color:#dce7f2;
  border-radius:13px
}
.source-article-body .callout-item h4{color:#1d4ed8}
.source-article-body .callout-item p{font-size:15px}
.source-article-body .chart-container{background:linear-gradient(120deg,#162b48,#203755)}
.source-article-body .comparison-table{border-color:#e2e8f0}
.source-article-body table th{background:#eaf1fc;color:#0f172a}
.source-article-body tr.highlight-row{background:#effaf4}

/* Original site light footer: same visual treatment and original wording. */
.site-original-footer,.wl-landing footer.site-original-footer{
  background:rgba(247,248,252,.95)!important;color:#0f172a!important;
  border-top:1px solid #e2e8f0!important;padding:52px 0 28px!important;
}
.site-original-footer .wl-container{max-width:1180px;width:calc(100% - 48px)}
.site-original-footer .wl-container > div.grid{
  display:grid;grid-template-columns:1.65fr .75fr .75fr;
  gap:30px;text-align:left!important;align-items:start;
}
.site-original-footer .wl-container > div.grid > div{gap:9px;align-items:flex-start}
.site-original-footer .wl-container > div.grid > div:first-child>div{
  display:flex;align-items:center;justify-content:flex-start
}
.site-original-footer .wl-container > div.grid > div:nth-child(2),
.site-original-footer .wl-container > div.grid > div:nth-child(3){
  text-align:right;align-items:flex-end;
}
.site-original-footer .wl-text,.site-original-footer .wl-footer-head{color:#0f172a!important;font-size:15px!important}
.site-original-footer .wl-footer-head{font-weight:700}
.site-original-footer .wl-text-muted{color:#64748b!important;font-size:13px}
.site-original-footer .wl-footer-link{color:#52627b!important;font-size:14px}
.site-original-footer .wl-footer-link:hover{color:#2563eb!important}
.site-original-footer .wl-footer-bottom{
  margin-top:42px;border-top:1px solid #e2e8f0;
  display:flex;align-items:center;text-align:center;gap:11px;
}
.site-original-footer .wl-footer-bottom .wl-text-faint{color:#8190a3!important;font-size:13px}
.site-original-footer .wl-footer-bottom svg{color:#94a3b8}

/* Legal: all three policies already exist; use the same header/footer, light site palette. */
.wl-landing .legal-content{padding:52px 0 80px;max-width:860px;margin:auto}
.wl-landing .wl-container{max-width:900px;width:calc(100% - 48px);margin:auto}
.wl-landing .legal-content h1{font-size:clamp(34px,4vw,48px);line-height:1.13;color:#0f172a}
.wl-landing .legal-content h2{font-size:23px;line-height:1.3;color:#0f172a}
.wl-landing .legal-content p,.wl-landing .legal-content li{font-size:16px;color:#475569;line-height:1.8}
.wl-landing .legal-content .updated{color:#64748b}
.wl-landing .legal-content strong{color:#0f172a}
.wl-landing .legal-content a{color:#2563eb}

/* Responsive: preserve comfortable type sizes and meaningful menu actions. */
@media(max-width:850px){
 .wrap,.site-original-footer .wl-container{width:calc(100% - 36px)}
 .section-heading h2,.chapter-intro h2{font-size:clamp(31px,4vw,40px)}
 .section,.fp-chapter{padding-top:72px;padding-bottom:75px}
 .site-original-footer .wl-container > div.grid{grid-template-columns:1fr 1fr 1fr;gap:20px}
}
@media(max-width:650px){
 html{scroll-padding-top:78px}
 .site-header .header-inner,.site-header .wrap.header-inner{
   min-height:65px;flex-direction:row;justify-content:space-between;
   gap:12px;padding:0;
 }
 .site-header .brand{font-size:16px;white-space:nowrap;letter-spacing:-.035em}
 .site-header .brand-logo{height:36px;width:36px;flex-basis:36px;font-size:18px}
 .classic-menu-button{
   display:inline-flex;align-items:center;gap:8px;border:1px solid #d8e2ee;
   background:#fff;color:#334155;font-size:13px;font-weight:700;
   padding:9px 12px;border-radius:9px;cursor:pointer
 }
 .classic-menu-button svg{height:18px;width:18px}
 .classic-site-nav{
   display:none;position:absolute;right:0;top:calc(100% + 13px);
   background:#fff;border:1px solid #e2e8f0;border-radius:13px;
   padding:9px;box-shadow:0 19px 35px rgba(15,23,42,.16);
   min-width:205px;flex-direction:column;align-items:stretch;gap:4px;z-index:90
 }
 .classic-site-nav.is-open{display:flex}
 .classic-site-nav a{justify-content:flex-start;font-size:14px;padding:12px 14px}
 .hero{padding:64px 0 73px}
 .hero h1{font-size:clamp(41px,9.5vw,56px)}
 .hero-lead{font-size:18px}
 .section-heading h2,.chapter-intro h2{font-size:34px}
 .section-heading p,.chapter-intro p{font-size:16px}
 .section,.fp-chapter{padding-top:62px;padding-bottom:67px}
 .site-original-footer .wl-container > div.grid{
   grid-template-columns:1fr 1fr;gap:25px;text-align:left!important
 }
 .site-original-footer .wl-container > div.grid > div:first-child{
   grid-column:1/-1;align-items:flex-start
 }
 .site-original-footer .wl-container > div.grid > div:nth-child(2),
 .site-original-footer .wl-container > div.grid > div:nth-child(3){
   align-items:flex-start;text-align:left
 }
 .site-original-footer .wl-container > div.grid > div:first-child>div{justify-content:flex-start}
 .site-original-footer .wl-footer-bottom{text-align:center;gap:9px}
 .site-original-footer .wl-footer-bottom>div{gap:12px;justify-content:center}
 .case-index-hero h1{font-size:40px}
 .case-original-hero h1{font-size:32px}
 .premium-card p,.chapter-advanced .premium-card p{font-size:16px}
 .wl-landing .wl-container{width:calc(100% - 36px)}
}
@media(max-width:360px){
 .site-header .brand{font-size:14px;gap:7px}
 .site-header .brand-logo{width:32px;height:32px;flex-basis:32px;font-size:16px}
 .classic-menu-button{padding:8px 9px}
 .classic-menu-button span{font-size:12px}
 .site-original-footer .wl-container>div.grid{grid-template-columns:1fr}
 .site-original-footer .wl-container>div.grid>div:first-child{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important}
}

/* Legacy legal pages had content-box widths and an oversized aurora layer. */
*,*::before,*::after{box-sizing:border-box}
body.wl-landing{overflow-x:clip}
body.wl-landing .wl-aurora{max-width:100vw;pointer-events:none}

/* Centre shared header on legacy legal templates without changing their HTML text. */
.wrap{margin-left:auto;margin-right:auto}


/* Shared Industries dropdown, added to the finished-site navigation.
   Desktop: click the chevron; mobile: expand within hamburger menu. */
.industry-nav-group{display:flex;align-items:center;position:relative;isolation:isolate}
.industry-nav-group>.industries-top-link{padding-right:7px}
.industry-nav-group>.industries-top-link[aria-current="page"]{
 background:linear-gradient(105deg,#3b82f6,#10b981);color:#fff;
}
.industry-nav-group>.industry-nav-toggle{
 appearance:none;border:0;background:transparent;color:#526b83;
 display:inline-grid;place-items:center;width:28px;height:30px;
 border-radius:8px;cursor:pointer;padding:0;margin:0 5px 0 -1px;
}
.industry-nav-toggle svg{height:17px;width:17px;transition:transform .2s}
.industry-nav-toggle:hover,.industry-nav-toggle[aria-expanded="true"]{background:#edf4ff;color:#2563eb}
.industry-nav-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.industry-dropdown{
 display:none;
 position:fixed;z-index:98;
 top:71px;right:max(23px,calc((100vw - 1180px)/2));
 width:min(655px,calc(100vw - 40px));max-width:calc(100vw - 40px);
 background:rgba(255,255,255,.99);border:1px solid #dae5f0;
 border-radius:16px;padding:21px 22px 23px;
 box-shadow:0 27px 62px -20px rgba(15,23,42,.2);
 backdrop-filter:blur(12px);
}
.industry-dropdown.is-open{display:block}
.industry-dropdown-head{
 display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:0 4px 15px;margin-bottom:11px;border-bottom:1px solid #e6ecf4;
}
.industry-dropdown-head>span{
 font-size:14px;font-weight:800;letter-spacing:-.02em;color:#1f3c58
}
.classic-site-nav .industry-dropdown-head a{
 display:flex;align-items:center;gap:5px;color:#2563eb;
 font-size:12px;font-weight:800;padding:5px 7px;border-radius:7px;
}
.industry-dropdown-head svg{height:15px;width:15px}
.industry-dropdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.classic-site-nav .industry-dropdown-grid a{
 display:flex;align-items:center;justify-content:flex-start;
 min-height:47px;white-space:normal;line-height:1.4;
 font-size:12px;font-weight:700;color:#37546f;
 border-radius:9px;padding:9px 11px;
 background:#f6f9fd;border:1px solid transparent;
}
.classic-site-nav .industry-dropdown-grid a:hover{
 color:#1d67bb;background:#ecf5ff;border-color:#d4e8f6
}
@media(max-width:900px) and (min-width:651px){
 .site-header .brand{font-size:16px;gap:9px}
 .site-header .brand-logo{width:35px;height:35px;flex-basis:35px}
 .classic-site-nav{gap:0}
 .classic-site-nav>a{font-size:12px;padding:9px 10px}
 .industry-nav-group>.industries-top-link{font-size:12px;padding:9px 4px 9px 9px}
 .industry-nav-group>.industry-nav-toggle{width:21px;margin-right:3px}
 .industry-dropdown{top:68px}
}
@media(max-width:650px){
 .classic-site-nav{
  max-height:min(77vh,680px);overflow-y:auto;
  width:min(305px,calc(100vw - 36px));min-width:0;
  padding:10px;
 }
 .industry-nav-group{display:flex;align-items:center;flex-wrap:wrap;width:100%}
 .industry-nav-group>.industries-top-link{
  flex:1 1 auto;padding:12px 14px;
  font-size:14px;justify-content:flex-start;
 }
 .industry-nav-group>.industry-nav-toggle{
  width:38px;height:36px;flex:0 0 38px;margin:0 6px 0 0;
 }
 .industry-dropdown{
  position:static;transform:none;flex:0 0 100%;width:100%;max-width:100%;
  padding:9px;border-radius:10px;border-color:#dae5f0;
  box-shadow:none;background:#f7faff;
  max-height:275px;overflow-y:auto;
  margin:3px 0 7px;
 }
 .industry-dropdown-head{flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 7px;padding:4px 5px 9px}
 .industry-dropdown-head>span{font-size:12px}
 .classic-site-nav .industry-dropdown-head a{padding:4px;font-size:12px}
 .industry-dropdown-grid{grid-template-columns:1fr;gap:4px}
 .classic-site-nav .industry-dropdown-grid a{
  font-size:12px;padding:10px 12px;min-height:0;
  background:#fff;border:1px solid #e6edf6;
 }
}