@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  /* base palette */
  --blue-900:#051d42;
  --blue-700:#083d8f;
  --blue-600:#0A4DB3;
  --blue-500:#2f66c4;
  --blue-100:#e2ebf9;
  --pink-600:#b84fae;
  --pink-500:#D26BC9;
  --pink-400:#dd8ad3;
  --pink-100:#f8e9f5;
  --cyan-500:#55D6E9;
  --cyan-100:#e4f9fc;
  --navy-900:#0A1F3D;
  --navy-800:#0d284c;
  --white:#ffffff;
  --gray-50:#F5F5F6;
  --gray-100:#ECEDEF;
  --gray-200:#DEE0E4;
  --gray-300:#C7CAD1;
  --gray-400:#9AA1AC;
  --gray-600:#5B6472;
  --gray-800:#2B313C;
  --ink-900:#0B1220;

  /* semantic aliases */
  --color-bg: var(--gray-50);
  --color-bg-inverse: var(--navy-900);
  --color-bg-hover: var(--gray-100);
  --color-surface: var(--white);
  --color-surface-inverse: var(--navy-800);
  --color-text: var(--ink-900);
  --color-text-muted: var(--gray-600);
  --color-text-inverse: var(--white);
  --color-text-inverse-muted: #B9C2D6;
  --color-border: var(--gray-200);
  --color-border-hover: var(--gray-300);
  --color-border-inverse: rgba(255,255,255,0.22);
  --color-primary: var(--blue-600);
  --color-primary-hover: var(--blue-700);
  --color-primary-text: var(--white);
  --color-accent: var(--pink-500);
  --color-accent-hover: var(--pink-600);
  --color-accent-text: var(--white);
  --color-accent-2: var(--cyan-500);
  --color-link: var(--blue-600);
  --color-link-hover: var(--blue-700);
  --color-focus-ring: var(--pink-500);
  --gradient-brand: linear-gradient(90deg, var(--blue-500), var(--pink-500), var(--cyan-500));

  --font-display: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;

  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-extrabold:700;

  --fs-display-xl: 64px;
  --fs-display-lg: 48px;
  --fs-display-md: 36px;
  --fs-h1: 32px;
  --fs-h2: 26px;
  --fs-h3: 21px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12px;
  --fs-overline: 12px;

  --lh-tight: 1.1;
  --lh-heading: 1.25;
  --lh-body: 1.6;

  --ls-overline: 0.12em;
  --ls-tight: -0.01em;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;

  --radius-sm:2px;
  --radius-md:4px;
  --radius-lg:8px;
  --radius-pill:999px;

  --border-w: 1px;
  --border-w-thick: 2px;

  --shadow-sm: 0 1px 2px rgba(11,18,32,0.06);
  --shadow-md: 0 4px 12px rgba(11,18,32,0.08);
  --shadow-lg: 0 12px 32px rgba(11,18,32,0.12);

  --ease-standard: cubic-bezier(0.4,0,0.2,1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
}

*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin:0}
a{color:var(--color-link);text-decoration:none}
a:hover{color:var(--color-link-hover);text-decoration:underline}
img{max-width:100%;display:block}

.site-header a.nav-link{text-decoration:none}
.site-header a.nav-link:hover{text-decoration:none;opacity:1 !important}

/* Button component (mirrors _ds Button.jsx) */
.btn{
  font-family:var(--font-body);
  font-weight:600;
  font-size:13px;
  letter-spacing:var(--ls-overline);
  text-transform:uppercase;
  border-radius:var(--radius-sm);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid transparent;
  transition:background var(--duration-fast) var(--ease-standard), opacity var(--duration-fast);
  text-decoration:none !important;
  white-space:nowrap;
}
.btn-sm{padding:8px 14px;font-size:11px}
.btn-md{padding:14px 24px}
.btn-lg{padding:17px 30px;font-size:14px}
.btn-primary{background:var(--color-accent);color:#fff}
.btn-primary:hover{background:var(--color-accent-hover);color:#fff}
.btn-secondary{background:var(--color-primary);color:#fff}
.btn-secondary:hover{background:var(--color-primary-hover);color:#fff}
.btn-outline{background:transparent;color:var(--color-text);border-color:var(--color-border)}
.btn-outline-inverse{background:transparent;color:#fff;border-color:var(--color-border-inverse)}
.btn-ghost{background:transparent;color:var(--color-primary)}

.form-field{display:flex;flex-direction:column;gap:6px;text-align:left}
.form-field label{font-size:12px;font-weight:600;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--color-text-muted)}
.form-field input,.form-field textarea{
  font-family:var(--font-body);
  font-size:14px;
  padding:12px 14px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-sm);
  color:var(--color-text);
  background:var(--color-surface);
  outline:none;
  transition:border-color var(--duration-fast) var(--ease-standard);
}
.form-field input:focus,.form-field textarea:focus{border-color:var(--color-primary)}
.form-field textarea{resize:vertical;min-height:110px;font-family:var(--font-body)}

.case-card{
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:all 200ms ease;
  text-decoration:none;
}
.case-card:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);text-decoration:none}

/* AI readiness checklist */
.readiness-meta{display:flex;flex-wrap:wrap;gap:16px 40px;margin:0;padding-top:20px;border-top:1px solid var(--color-border-inverse)}
.readiness-meta dt{font-size:11px;font-weight:700;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--color-text-inverse-muted);margin-bottom:4px}
.readiness-meta dd{margin:0;font-size:14px;font-weight:600;color:#fff}

.readiness-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.readiness-howto{font-size:14px;color:var(--color-text-muted);margin:0 0 20px}

.readiness-article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}
.readiness-article-head{display:flex;align-items:flex-start;gap:16px;padding:22px 24px;border-bottom:1px solid var(--color-border)}
.readiness-article-num{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.1;color:var(--color-accent);min-width:36px}
.readiness-article-titles{flex:1}
.readiness-article-titles h2{font-size:19px;color:var(--color-text);margin:0 0 2px}
.readiness-article-titles p{font-size:14px;color:var(--color-text-muted);margin:0}
.readiness-article-score{font-size:13px;font-weight:600;color:var(--color-text-muted);white-space:nowrap;padding-top:4px}

.readiness-item{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:16px 24px;border:none;border-top:1px solid var(--color-border);min-width:0}
.readiness-article-head + .readiness-item{border-top:none}
.readiness-item legend{float:left;flex:1;padding:0;font-size:15px;color:var(--color-text);line-height:1.5}
.readiness-item-num{color:var(--color-text-muted);font-size:13px;margin-right:8px}
.readiness-options{display:flex;flex:none;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}
.readiness-options input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.readiness-options label{font-size:12px;font-weight:600;letter-spacing:0.04em;padding:8px 14px;color:var(--color-text-muted);cursor:pointer;border-left:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast)}
.readiness-options label:first-of-type{border-left:none}
.readiness-options label:hover{background:var(--color-bg-hover)}
.readiness-options input:focus-visible + label{outline:2px solid var(--color-focus-ring);outline-offset:-2px}
.readiness-options input[value="0"]:checked + label{background:var(--gray-600);color:#fff}
.readiness-options input[value="0.5"]:checked + label{background:var(--blue-500);color:#fff}
.readiness-options input[value="1"]:checked + label{background:var(--color-accent);color:#fff}

.readiness-result{--result-color:var(--color-border-inverse);--pct:0;position:sticky;top:96px;background:var(--color-bg-inverse);color:#fff;border-radius:var(--radius-lg);padding:28px;border-top:4px solid var(--result-color)}
.readiness-result-top{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.readiness-ring{width:84px;height:84px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--result-color) calc(var(--pct) * 1%), rgba(255,255,255,0.12) 0)}
.readiness-ring::before{content:"";grid-area:1/1;width:68px;height:68px;border-radius:50%;background:var(--color-bg-inverse)}
.readiness-pct{grid-area:1/1;position:relative;font-family:var(--font-display);font-weight:700;font-size:20px}
.readiness-tier{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--result-color)}
.readiness-subline{font-size:13px;color:var(--color-text-inverse-muted)}
.readiness-title{font-size:18px;color:#fff;margin:0 0 8px}
.readiness-desc,.readiness-desc-static{font-size:14px;color:var(--color-text-inverse-muted);line-height:1.6;margin:0 0 20px}
.readiness-bars{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.readiness-bar-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--color-text-inverse-muted);margin-bottom:4px}
.readiness-bar{height:6px;background:rgba(255,255,255,0.12);border-radius:var(--radius-pill);overflow:hidden}
.readiness-bar span{display:block;height:100%;background:var(--gradient-brand);transition:width var(--duration-base) var(--ease-standard)}

/* Progress view (while answering): no score, just completion */
.readiness-progress-label{font-family:var(--font-display);font-weight:700;font-size:20px;color:#fff;margin-bottom:4px}
.readiness-progress-count{font-size:13px;color:var(--color-text-inverse-muted);margin-bottom:10px}
.readiness-progress-bar{height:8px;background:rgba(255,255,255,0.12);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:20px}
.readiness-progress-bar span{display:block;width:0;height:100%;background:var(--gradient-brand);transition:width var(--duration-base) var(--ease-standard)}
.readiness-checklist{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}
.readiness-checklist li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--color-text-inverse-muted)}
.readiness-checklist li.is-done{color:#fff}
.readiness-checklist-state{flex:none;font-weight:600}
.readiness-checklist li.is-done .readiness-checklist-state{color:var(--cyan-500)}

.readiness-result{scroll-margin-top:96px}
/* The full report is taller than the viewport, so stop it sticking once unlocked. */
.readiness-result[data-state="unlocked"]{position:static}

/* Which view shows in each state */
.readiness-result[data-state="progress"] .readiness-view-result,
.readiness-result:not([data-state="progress"]) .readiness-view-progress{display:none}
.readiness-result[data-state="progress"] .readiness-actions,
.readiness-result[data-state="locked"] .readiness-print,
.readiness-result[data-state="locked"] .readiness-discuss{display:none}

/* Locked view: tier teaser, blurred preview, unlock call to action */
.readiness-locked-area{position:relative}
.readiness-result[data-state="locked"] .readiness-blur{filter:blur(5px);opacity:0.7;user-select:none;pointer-events:none}
.readiness-result[data-state="locked"] .readiness-gaps{display:none}
.readiness-lock{display:none}
.readiness-result[data-state="locked"] .readiness-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:absolute;inset:0 0 24px;color:#fff;background:linear-gradient(180deg,rgba(10,31,61,0.1),rgba(10,31,61,0.55))}
.readiness-result[data-state="locked"] .readiness-lock .btn{justify-content:center}

/* Unlocked view: top gaps */
.readiness-gaps{margin:0 0 24px;padding-top:18px;border-top:1px solid var(--color-border-inverse)}
.readiness-gaps h4{font-size:13px;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--color-text-inverse-muted);margin:0 0 10px}
.readiness-gaps ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px}
.readiness-gaps li{font-size:13px;line-height:1.5;color:#fff}
.readiness-gap-area{display:block;font-size:11px;font-weight:600;color:var(--result-color);text-transform:uppercase;letter-spacing:0.06em}

.readiness-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.readiness-actions .readiness-reset,.readiness-actions .readiness-discuss{background:none;border:none;padding:0;font-family:var(--font-body);font-size:13px;color:var(--color-text-inverse-muted);text-decoration:underline;cursor:pointer}
.readiness-actions .readiness-reset:hover,.readiness-actions .readiness-discuss:hover{color:#fff}
.readiness-actions .readiness-print{border:none}
.readiness-disclaimer{max-width:720px;font-size:13px;color:var(--color-text-muted);line-height:1.6;margin:40px 0 0}
.readiness-print-locked{display:none}

/* Unlocked card above the checklist: the download is the reward for signing up */
.readiness-unlocked{display:none;max-width:640px;margin:0 0 40px;padding:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);scroll-margin-top:96px}
body.readiness-report-unlocked .readiness-unlocked{display:block}
.readiness-unlocked-title{font-size:22px;color:var(--color-text);margin:0 0 8px}
.readiness-unlocked-sub{font-size:15px;color:var(--color-text-muted);line-height:1.6;margin:0 0 20px}
.readiness-unlocked-actions{display:flex;flex-wrap:wrap;gap:12px}
.readiness-unlocked .btn{border:none;justify-content:center}

/* Results page: once unlocked, the questions step aside and the report takes centre stage.
   Reset brings the questions back. */
body.readiness-report-unlocked .readiness-questions{display:none}
body.readiness-report-unlocked .readiness-layout{grid-template-columns:1fr;max-width:880px;margin:0 auto}
body.readiness-report-unlocked .readiness-unlocked{max-width:880px;margin:0 auto 32px}
body.readiness-report-unlocked .readiness-disclaimer{max-width:880px;margin-left:auto;margin-right:auto}
.readiness-result[data-state="unlocked"]{padding:40px}
.readiness-result[data-state="unlocked"] .readiness-result-top{gap:24px;margin-bottom:24px}
.readiness-result[data-state="unlocked"] .readiness-ring{width:120px;height:120px}
.readiness-result[data-state="unlocked"] .readiness-ring::before{width:98px;height:98px}
.readiness-result[data-state="unlocked"] .readiness-pct{font-size:28px}
.readiness-result[data-state="unlocked"] .readiness-tier{font-size:30px}
.readiness-result[data-state="unlocked"] .readiness-subline{font-size:15px}
.readiness-result[data-state="unlocked"] .readiness-title{font-size:24px;margin-bottom:10px}
.readiness-result[data-state="unlocked"] .readiness-desc{font-size:16px;max-width:680px;margin-bottom:32px}
.readiness-result[data-state="unlocked"] .readiness-bars{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;margin-bottom:32px}
.readiness-result[data-state="unlocked"] .readiness-bar-label{font-size:13px}
.readiness-result[data-state="unlocked"] .readiness-gaps{padding-top:24px;margin-bottom:32px}
.readiness-result[data-state="unlocked"] .readiness-gaps li{font-size:15px}

/* Lead form */
.readiness-optin{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--color-text-muted);line-height:1.5;cursor:pointer}
.readiness-optin input{margin:3px 0 0;flex:none;width:16px;height:16px;accent-color:var(--color-accent)}
.readiness-lead-done{max-width:640px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-lg);padding:40px;text-align:left}
.readiness-lead-done h3{font-size:22px;color:var(--color-text);margin:0 0 8px}
.readiness-lead-done p{font-size:15px;color:var(--color-text-muted);line-height:1.6;margin:0 0 20px}
form[name="readiness-lead"] button[disabled]{opacity:0.5;cursor:not-allowed}

@media (max-width: 980px){
  .readiness-layout{grid-template-columns:1fr}
  .readiness-result{position:static}
}
@media (max-width: 640px){
  .readiness-result[data-state="unlocked"]{padding:28px 20px}
  .readiness-result[data-state="unlocked"] .readiness-bars{grid-template-columns:1fr}
  .readiness-item{flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px}
  .readiness-options label{flex:1;text-align:center}
  .readiness-article-head{padding:18px 20px}
  .readiness-unlocked{padding:28px 20px}
  .readiness-unlocked-actions .btn{width:100%}
}

@page{size:A4 portrait;margin:12mm}
@media print{
  /* Keep brand backgrounds (hero, selected answers, results card); browsers drop them by default. */
  html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body,body > div,body > div > section:not(.hero-sub){background:#fff !important}
  body{font-size:12px}
  .site-header,.mobile-nav,#contact,footer,.readiness-actions,.hero-decor,.cookie-consent,[aria-label="Cookie consent"]{display:none !important}
  .hero-sub{min-height:0 !important;padding:24px 28px !important;border-radius:var(--radius-lg)}
  .hero-sub h1{font-size:26px !important;margin-bottom:10px !important}
  .hero-sub p{font-size:13px !important;margin-bottom:14px !important}
  .hero-sub-inner{max-width:none !important}
  .readiness-meta{padding-top:12px}
  body > div > section{padding-left:0 !important;padding-right:0 !important}
  body > div > section:nth-of-type(2){padding-top:16px !important;padding-bottom:0 !important}

  /* Block layout (grid fragments badly across pages) with results first. */
  .readiness-layout{display:flex;flex-direction:column;gap:16px}
  .readiness-result{order:-1;position:static;break-inside:avoid;padding:20px 24px}
  .readiness-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin-bottom:0}

  .readiness-howto{margin-bottom:12px}
  .readiness-article{break-inside:avoid;margin-bottom:14px}
  .readiness-article-head{padding:12px 18px}
  .readiness-article-num{font-size:20px}
  .readiness-article-titles h2{font-size:16px}
  .readiness-article-titles p{font-size:12px}
  .readiness-item{padding:8px 18px;gap:16px}
  .readiness-item legend{font-size:12.5px}
  .readiness-options label{padding:5px 10px;font-size:11px}
  .readiness-disclaimer{margin-top:16px;font-size:11px}

  /* Before unlocking, printing shows only a pointer back to the page. */
  body.readiness-report-locked .readiness-layout,
  body.readiness-report-locked .readiness-disclaimer{display:none !important}
  body.readiness-report-locked .readiness-print-locked{display:block;font-size:14px;color:var(--color-text);margin:24px 0 0}
  .readiness-lock,.readiness-actions,.readiness-unlocked{display:none !important}
  body.readiness-report-unlocked .readiness-questions{display:block !important}
  body.readiness-report-unlocked .readiness-layout{max-width:none}
  .readiness-result[data-state="unlocked"]{padding:20px 24px}
  .readiness-result[data-state="unlocked"] .readiness-ring{width:84px;height:84px}
  .readiness-result[data-state="unlocked"] .readiness-ring::before{width:68px;height:68px}
  .readiness-result[data-state="unlocked"] .readiness-pct{font-size:20px}
  .readiness-result[data-state="unlocked"] .readiness-tier{font-size:20px}
  .readiness-result[data-state="unlocked"] .readiness-title{font-size:16px}
  .readiness-result[data-state="unlocked"] .readiness-desc{font-size:12px;margin-bottom:14px}
  .readiness-result[data-state="unlocked"] .readiness-bars{gap:8px 28px;margin-bottom:12px}
  .readiness-result[data-state="unlocked"] .readiness-gaps{padding-top:12px;margin-bottom:0}
  .readiness-result[data-state="unlocked"] .readiness-gaps li{font-size:12px}
}

/* Mobile nav toggle */
.nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:36px;
  height:36px;
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
  flex-shrink:0;
}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform var(--duration-base) var(--ease-standard), opacity var(--duration-fast);}
.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-nav{
  display:none;
  flex-direction:column;
  background:var(--navy-900);
  border-top:1px solid var(--color-border-inverse);
  padding:8px 20px 20px;
  position:sticky;
  top:64px;
  z-index:19;
}
.mobile-nav.is-open{display:flex}
.mobile-nav a{
  padding:14px 0;
  font-size:14px;
  font-weight:600;
  letter-spacing:var(--ls-overline);
  text-transform:uppercase;
  color:#fff;
  opacity:0.85;
  border-bottom:1px solid var(--color-border-inverse);
}
.mobile-nav a:hover{opacity:1;text-decoration:none}
.mobile-nav .btn{margin-top:16px;justify-content:center}

/* Responsive breakpoints */
@media (max-width: 900px){
  .grid-4{grid-template-columns:repeat(2,1fr) !important}
  .grid-5{grid-template-columns:repeat(2,1fr) !important}
  .engagement-grid{grid-template-columns:1fr !important;gap:24px !important}
  .engagement-grid > div{border-right:none !important;padding:0 0 20px !important;border-bottom:1px solid var(--color-border-inverse);}
  .engagement-grid > div:last-child{border-bottom:none !important;padding-bottom:0 !important;}

  .proof-grid{grid-template-columns:1fr !important;gap:28px !important}
  .proof-grid > div{border-left:none !important;padding:0 !important;padding-top:24px !important;border-top:1px solid var(--color-border-inverse);}
  .proof-grid > div:first-child{border-top:none !important;padding-top:0 !important;}
}

@media (max-width: 980px){
  .nav-links{display:none !important}
  .nav-toggle{display:flex !important}
}

@media (max-width: 760px){
  .hero-main{min-height:480px !important}
  .hero-main-inner{max-width:100% !important}
  .hero-main-inner h1{font-size:32px !important}
  .hero-main-inner p{font-size:16px !important}
  .hero-main-overlay{background:rgba(10,31,61,0.72) !important}

  .hero-sub{min-height:auto !important;padding-top:40px !important;padding-bottom:40px !important}
  .hero-sub-inner{max-width:100% !important}
  .hero-sub-inner h1{font-size:28px !important}
  .hero-sub-inner p{font-size:15px !important}
  .hero-decor{display:none !important}
  .thankyou-hero{padding-top:80px !important;padding-bottom:80px !important;min-height:auto !important}
}

@media (max-width: 700px){
  .grid-2,.grid-3,.grid-4,.grid-5,.grid-form{grid-template-columns:1fr !important}
}

@media (max-width: 640px){
  body > div > header,
  body > div > section,
  body > div > footer,
  .hero-main-inner,
  .hero-sub-inner{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .contact-form{padding:28px 20px !important}
  body > div > footer{flex-direction:column !important;align-items:flex-start !important;gap:16px !important}
  body > div > footer nav{flex-wrap:wrap;gap:16px !important}
}