/* =========================================================
   GoVISIBLE Global CSS Design System
   Version: 1.0
   Scope: Shared styles for homepage, audit, platform, pricing,
          partner, webinar, and future GoVISIBLE pages.
   Font: Lexend
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&display=swap");

:root {
  --gv-color-green: #00ab84;
  --gv-color-green-dark: #057f64;
  --gv-color-green-bright: #58e972;
  --gv-color-green-soft: #dff7ee;
  --gv-color-green-pale: #eff9f5;
  --gv-color-dark: #020c0b;
  --gv-color-dark-2: #051a17;
  --gv-color-dark-3: #09251f;
  --gv-color-white: #ffffff;
  --gv-color-off-white: #f8fcfa;
  --gv-color-surface: #fbfdfc;
  --gv-color-line: #deece7;
  --gv-color-text: #071320;
  --gv-color-text-muted: #5e6a77;
  --gv-color-text-soft: #7b8a93;
  --gv-color-orange: #ea5256;
  --gv-font-family: "Lexend", Arial, sans-serif;
  --gv-text-xs: 0.75rem;
  --gv-text-sm: 0.875rem;
  --gv-text-base: 1rem;
  --gv-text-md: 1.125rem;
  --gv-text-lg: 1.25rem;
  --gv-text-xl: 1.5rem;
  --gv-text-2xl: 2rem;
  --gv-text-3xl: 2.75rem;
  --gv-text-4xl: 3.5rem;
  --gv-text-5xl: 4.5rem;
  --gv-space-1: 0.25rem;
  --gv-space-2: 0.5rem;
  --gv-space-3: 0.75rem;
  --gv-space-4: 1rem;
  --gv-space-5: 1.25rem;
  --gv-space-6: 1.5rem;
  --gv-space-8: 2rem;
  --gv-space-10: 2.5rem;
  --gv-space-12: 3rem;
  --gv-space-14: 3.5rem;
  --gv-space-16: 4rem;
  --gv-space-20: 5rem;
  --gv-space-24: 6rem;
  --gv-container-max: 1740px;
  --gv-container-pad-desktop: 80px;
  --gv-container-pad-tablet: 36px;
  --gv-container-pad-mobile: 24px;
  --gv-radius-sm: 10px;
  --gv-radius-md: 14px;
  --gv-radius-lg: 18px;
  --gv-radius-xl: 24px;
  --gv-radius-2xl: 28px;
  --gv-radius-pill: 999px;
  --gv-shadow-sm: 0 8px 20px rgba(4,38,31,0.05);
  --gv-shadow-md: 0 14px 30px rgba(4,38,31,0.08);
  --gv-shadow-lg: 0 20px 44px rgba(4,38,31,0.12);
  --gv-glow-green: 0 0 42px rgba(0,171,132,0.24);
  --gv-transition-fast: 160ms ease;
  --gv-transition-base: 240ms ease;
  --gv-z-header: 50;
  --gv-z-mobile-menu: 60;
  --gv-z-sticky-cta: 80;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--gv-font-family);color:var(--gv-color-text);background:var(--gv-color-white);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}

.gv-container{width:100%;max-width:var(--gv-container-max);margin-left:auto;margin-right:auto;padding-left:var(--gv-container-pad-desktop);padding-right:var(--gv-container-pad-desktop)}
.gv-section{position:relative;overflow:hidden;padding-top:var(--gv-space-20);padding-bottom:var(--gv-space-20)}
.gv-section--tight{padding-top:var(--gv-space-12);padding-bottom:var(--gv-space-12)}
.gv-section--large{padding-top:var(--gv-space-24);padding-bottom:var(--gv-space-24)}
.gv-grid{display:grid;gap:var(--gv-space-6)}
.gv-grid--2{grid-template-columns:1fr 1fr}
.gv-grid--3{grid-template-columns:1fr 1fr 1fr}
.gv-grid--4{grid-template-columns:1fr 1fr 1fr 1fr}
.gv-stack{display:grid;gap:var(--gv-space-5)}

.gv-bg--white{background:var(--gv-color-white)}
.gv-bg--soft-green{background:radial-gradient(circle at 88% 12%,rgba(155,239,203,0.2),transparent 24%),radial-gradient(circle at 9% 92%,rgba(184,247,215,0.22),transparent 24%),linear-gradient(180deg,#fff,#f8fcfa)}
.gv-bg--light-architectural{background:radial-gradient(circle at 76% 18%,rgba(182,242,218,0.22),transparent 26%),linear-gradient(180deg,#fff,#f9fcfb)}
.gv-bg--dark-command{color:var(--gv-color-white);background:radial-gradient(circle at 74% 26%,rgba(0,171,132,0.22),transparent 25%),radial-gradient(circle at 18% 94%,rgba(0,171,132,0.15),transparent 34%),linear-gradient(150deg,#020b0a 0%,#041b17 62%,#020d0c 100%)}
.gv-bg--dark-command::after{content:"";position:absolute;inset:auto -160px -180px 0;height:560px;opacity:0.46;background:repeating-radial-gradient(ellipse at center,transparent 0 23px,rgba(42,221,164,0.2) 24px 25px,transparent 26px 38px);pointer-events:none}
.gv-texture--dots::before,.gv-texture--dots::after{content:"";position:absolute;top:0;width:220px;height:100%;opacity:0.3;pointer-events:none;background-image:radial-gradient(#bfe7d7 1.2px,transparent 1.2px);background-size:12px 12px}
.gv-texture--dots::before{left:0}.gv-texture--dots::after{right:0}.gv-glow--green{box-shadow:var(--gv-glow-green)}

.gv-eyebrow{display:flex;align-items:center;justify-content:center;gap:var(--gv-space-4);color:#0d9b67;font-size:var(--gv-text-base);font-weight:800;letter-spacing:0.18em;text-align:center;text-transform:uppercase}
.gv-eyebrow::before,.gv-eyebrow::after{content:"";width:44px;height:1px;background:#55c29a}
.gv-heading-xl{margin:0;font-size:5.25rem;line-height:1.03;letter-spacing:-0.055em;font-weight:800}
.gv-heading-lg{margin:0;font-size:4rem;line-height:1.08;letter-spacing:-0.045em;font-weight:800}
.gv-heading-md{margin:0;font-size:2.5rem;line-height:1.12;letter-spacing:-0.035em;font-weight:800}
.gv-heading-sm{margin:0;font-size:1.5rem;line-height:1.18;letter-spacing:-0.02em;font-weight:800}
.gv-body-lg{margin:0;font-size:1.25rem;line-height:1.6;color:var(--gv-color-text-muted)}
.gv-body{margin:0;font-size:1rem;line-height:1.55;color:var(--gv-color-text-muted)}
.gv-body-sm{margin:0;font-size:var(--gv-text-sm);line-height:1.5;color:var(--gv-color-text-muted)}
.gv-text--green{color:var(--gv-color-green)}.gv-text--bright-green{color:var(--gv-color-green-bright)}.gv-text--muted{color:var(--gv-color-text-muted)}.gv-text--white{color:var(--gv-color-white)}

.gv-pill{display:inline-flex;align-items:center;gap:var(--gv-space-2);padding:0.55rem 0.9rem;border-radius:var(--gv-radius-pill);color:#098e68;background:#e7f7f0;font-size:var(--gv-text-sm);font-weight:800}
.gv-pill--outline-dark{color:#2adf9b;border:1px solid var(--gv-color-green);background:transparent}
.gv-label{color:#0b9e6c;font-size:var(--gv-text-sm);font-weight:900;letter-spacing:0.1em;text-transform:uppercase}
.gv-micro-label{color:#0b9e6c;font-size:var(--gv-text-xs);font-weight:900;letter-spacing:0.1em;text-transform:uppercase}

.gv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding-left: 1.5rem; padding-right: 1.5rem;gap:var(--gv-space-2);border:1px solid transparent;border-radius:var(--gv-radius-md);font-size:1rem;font-weight:800;text-align:center;transition:transform var(--gv-transition-fast),box-shadow var(--gv-transition-fast),border-color var(--gv-transition-fast),background-color var(--gv-transition-fast)}
.gv-btn:hover{transform:translateY(-2px)}.gv-btn:focus-visible{outline:3px solid rgba(234,82,86,0.42);outline-offset:3px}
.gv-btn--primary{color:#03110f;background:linear-gradient(135deg,#12d56f,var(--gv-color-green));box-shadow:0 10px 20px rgba(0,171,132,0.2)}
.gv-btn--secondary{color:#063329;background:var(--gv-color-white);border-color:#b8d9cf}
.gv-btn--dark-outline{color:#f4fff9;background:rgba(255,255,255,0.02);border-color:#267e67}
.gv-btn--text{min-height:auto;padding:0;color:var(--gv-color-green-dark);border:0;background:transparent}

.gv-card{background:var(--gv-color-white);border:1px solid var(--gv-color-line);border-radius:var(--gv-radius-lg);box-shadow:var(--gv-shadow-md)}
.gv-card--soft{background:linear-gradient(180deg,#fff,#f8fdfa)}
.gv-card--dark{color:var(--gv-color-white);background:linear-gradient(145deg,#041814,#020b0a);border:1px solid rgba(62,206,157,0.22)}
.gv-card--interactive{transition:transform var(--gv-transition-base),border-color var(--gv-transition-base),box-shadow var(--gv-transition-base),background-color var(--gv-transition-base)}
.gv-card--interactive:hover{transform:translateY(-4px);border-color:#a8d8c6;box-shadow:var(--gv-shadow-lg)}
.gv-card.is-active,.gv-card--active{border-color:var(--gv-color-green);background:#f2fbf7;box-shadow:0 16px 34px rgba(0,171,132,0.12)}

.gv-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 auto;color:#049b71;background:#e8f8f0;border-radius:50%;font-size:1.5rem;font-weight:900}
.gv-icon-circle--dark{color:#64f0a5;background:transparent;border:1px solid #118c67}
.gv-check{display:flex;align-items:flex-start;gap:var(--gv-space-3);color:inherit;font-size:var(--gv-text-base);font-weight:700}
.gv-check::before{content: "\2713";display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-top:0.1rem;flex:0 0 auto;color:#0d2b16;background:#7bf640;border-radius:50%;font-size:0.75rem;font-weight:900}

.gv-browser-frame,.gv-product-preview{position:relative;overflow:hidden;border:1px solid rgba(133,210,184,0.68);border-radius:var(--gv-radius-lg);background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03))}
.gv-browser-frame__bar{display:flex;align-items:center;gap:0.5rem;height:42px;padding-left: 1rem; padding-right: 1rem;border-bottom:1px solid rgba(139,211,188,0.22)}
.gv-browser-frame__dot{width:11px;height:11px;border-radius:50%}.gv-browser-frame__dot--orange{background:var(--gv-color-orange)}.gv-browser-frame__dot--yellow{background:#ffc14e}.gv-browser-frame__dot--green{background:#1bd57a}
.gv-screenshot-placeholder{position:relative;min-height:240px;overflow:hidden;color:#78938a;background:#f9fcfb;border:1px dashed #b5d8cc;border-radius:var(--gv-radius-lg)}
.gv-screenshot-placeholder::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(149,219,197,0.09) 1px,transparent 1px),linear-gradient(90deg,rgba(149,219,197,0.09) 1px,transparent 1px);background-size:56px 56px}
.gv-screenshot-placeholder__label{position:absolute;inset:0;display:grid;place-content:center;gap:var(--gv-space-2);padding:var(--gv-space-6);text-align:center}.gv-screenshot-placeholder__label strong{color:#607c73;font-size:var(--gv-text-base)}
.gv-product-preview img,.gv-browser-frame img{width:100%;height:100%;object-fit:cover}

.gv-header{position:sticky;top:0;z-index:var(--gv-z-header);height:90px;color:var(--gv-color-white);background:var(--gv-color-dark);border-bottom:1px solid rgba(121,217,184,0.15)}
.gv-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.gv-header__nav{display:flex;align-items:center;gap:2rem;color:#e7fbf4;font-size:var(--gv-text-base);font-weight:700}
.gv-header__menu-btn{display:none;width:54px;height:54px;padding:0 0.75rem;border:1px solid rgba(145,220,195,0.34);border-radius:var(--gv-radius-md);background:rgba(255,255,255,0.02)}.gv-header__menu-btn span{display:block;height:3px;margin-top: 0.42rem; margin-bottom: 0.42rem;background:#e8f8f2;border-radius:2px}
.gv-mobile-nav{display:none;position:fixed;top:86px;right:0;left:0;z-index:var(--gv-z-mobile-menu);padding:1.25rem var(--gv-container-pad-mobile) 1.75rem;color:#e9f9f3;background:#061915;border-bottom:1px solid rgba(133,210,184,0.22)}.gv-mobile-nav.is-open{display:block}.gv-mobile-nav a{display:block;padding-top: 1rem; padding-bottom: 1rem;border-bottom:1px solid rgba(154,220,198,0.14);font-size:1.1rem;font-weight:700}

.gv-accordion{display:grid;gap:var(--gv-space-3)}.gv-accordion__item{overflow:hidden;background:var(--gv-color-white);border:1px solid var(--gv-color-line);border-radius:var(--gv-radius-lg);box-shadow:var(--gv-shadow-sm)}
.gv-accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.1rem 1.2rem;border:0;color:var(--gv-color-text);background:transparent;text-align:left;font-size:1rem;font-weight:800}.gv-accordion__panel{display:none;padding:0 1.2rem 1.2rem;color:var(--gv-color-text-muted);font-size:var(--gv-text-base);line-height:1.55}.gv-accordion__item.is-open .gv-accordion__panel{display:block}

.gv-workflow{display:grid;gap:var(--gv-space-3)}.gv-workflow-tab{display:grid;grid-template-columns:42px 1fr 18px;gap:var(--gv-space-3);align-items:center;padding:1.15rem;border:1px solid var(--gv-color-line);border-radius:var(--gv-radius-lg);background:var(--gv-color-white);box-shadow:var(--gv-shadow-sm)}.gv-workflow-tab.is-active{border-left:5px solid var(--gv-color-green);background:#f2fbf7;box-shadow:0 16px 34px rgba(0,171,132,0.12)}.gv-workflow-tab__number{color:#0da56f;font-weight:900}.gv-workflow-tab__title{margin:0;color:var(--gv-color-text);font-size:1rem;font-weight:800}.gv-workflow-tab__copy{margin:0.35rem 0 0;color:var(--gv-color-text-muted);font-size:var(--gv-text-sm);line-height:1.45}

.gv-logo-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--gv-space-4)}.gv-logo-card{display:flex;align-items:center;justify-content:center;min-height:132px;padding:var(--gv-space-5);background:var(--gv-color-white);border:1px solid var(--gv-color-line);border-radius:var(--gv-radius-lg);box-shadow:var(--gv-shadow-sm)}.gv-logo-card img{max-width:100%;max-height:82px;object-fit:contain}

.gv-form{display:grid;gap:var(--gv-space-4)}.gv-field{display:grid;gap:var(--gv-space-2)}.gv-field__label{color:var(--gv-color-text);font-size:var(--gv-text-sm);font-weight:800}
.gv-field__input,.gv-field__select,.gv-field__textarea{width:100%;min-height:52px;padding:0.85rem 1rem;color:var(--gv-color-text);background:var(--gv-color-white);border:1px solid #cfe1da;border-radius:var(--gv-radius-md);outline: none;transition:border-color var(--gv-transition-fast),box-shadow var(--gv-transition-fast)}.gv-field__textarea{min-height:120px;resize:vertical}.gv-field__input:focus,.gv-field__select:focus,.gv-field__textarea:focus{border-color:var(--gv-color-green);box-shadow:0 0 0 4px rgba(0,171,132,0.12)}.gv-form-note{color:var(--gv-color-text-muted);font-size:var(--gv-text-sm);line-height:1.5}

.gv-footer{color:#d4e6e0;background:var(--gv-color-dark);border-top:1px solid rgba(136,216,190,0.14)}.gv-footer__grid{display:grid;grid-template-columns:320px 1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--gv-space-6)}.gv-footer__heading{color:#41df8a;font-size:var(--gv-text-sm);font-weight:900;letter-spacing:0.1em;text-transform:uppercase}.gv-footer__links{margin-top:var(--gv-space-3);color:#b8ccc5;font-size:var(--gv-text-sm);line-height:2}.gv-footer__bottom{display:flex;justify-content:space-between;gap:var(--gv-space-5);padding-top:var(--gv-space-5);margin-top:var(--gv-space-10);color:#96afa7;border-top:1px solid rgba(140,216,191,0.16);font-size:var(--gv-text-sm)}
.gv-sticky-cta{display:none}
.gv-center{text-align:center}.gv-flex{display:flex}.gv-flex--center{display:flex;align-items:center;justify-content:center}.gv-gap-2{gap:var(--gv-space-2)}.gv-gap-4{gap:var(--gv-space-4)}.gv-gap-6{gap:var(--gv-space-6)}.gv-mt-4{margin-top:var(--gv-space-4)}.gv-mt-6{margin-top:var(--gv-space-6)}.gv-mt-8{margin-top:var(--gv-space-8)}.gv-mt-10{margin-top:var(--gv-space-10)}

@media (max-width:1200px){
  .gv-container{padding-left:var(--gv-container-pad-tablet);padding-right:var(--gv-container-pad-tablet)}
  .gv-header__nav{gap:1.25rem;font-size:0.92rem}
  .gv-grid--4{grid-template-columns:1fr 1fr}
  .gv-logo-grid{grid-template-columns:1fr 1fr 1fr}
  .gv-footer__grid{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:768px){
  :root{--gv-text-5xl:3rem;--gv-text-4xl:2.5rem;--gv-text-3xl:2rem}
  .gv-container{padding-left:var(--gv-container-pad-mobile);padding-right:var(--gv-container-pad-mobile)}
  .gv-section,.gv-section--large{padding-top:var(--gv-space-14);padding-bottom:var(--gv-space-14)}
  .gv-section--tight{padding-top:var(--gv-space-10);padding-bottom:var(--gv-space-10)}
  .gv-grid--2,.gv-grid--3,.gv-grid--4,.gv-footer__grid{grid-template-columns:1fr}
  .gv-heading-xl{font-size:3.8rem;letter-spacing:-0.05em}
  .gv-heading-lg{font-size:3rem}
  .gv-heading-md{font-size:1.8rem}
  .gv-body-lg{font-size:1.05rem}
  .gv-eyebrow{gap:var(--gv-space-3);font-size:var(--gv-text-xs);letter-spacing:0.14em}
  .gv-eyebrow::before,.gv-eyebrow::after{width:24px}
  .gv-header{height:86px}
  .gv-header__nav{display:none}
  .gv-header__menu-btn{display:block}
  .gv-btn{min-height:62px;width:100%;padding-left:1rem;padding-right:1rem;font-size:1rem}
  .gv-logo-grid{grid-template-columns:1fr 1fr}
  .gv-logo-card{min-height:130px;padding:var(--gv-space-4)}
  .gv-logo-card img{max-height:82px}
  .gv-footer__bottom{display:grid;gap:var(--gv-space-3)}
  .gv-sticky-cta{position:fixed;right:1rem;bottom:1rem;left:1rem;z-index:var(--gv-z-sticky-cta);display:flex;align-items:center;justify-content:center;min-height:64px;padding-left:1rem;padding-right:1rem;color:#03110f;background:linear-gradient(135deg,#12d56f,var(--gv-color-green));border-radius:var(--gv-radius-md);box-shadow:0 14px 30px rgba(0,90,68,0.28);font-size:1rem;font-weight:900;text-align:center}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}}

/* =========================================================
   Shared marketing patterns (homepage.php + auditpage.php)
   Audit-only variants when styles differ:
   - .audit-section-intro
   - .audit-logo-grid / .audit-logo-card
   - .audit-faq-section .faq-question / .faq-answer p
   ========================================================= */

:root {
  --gv-page-ink: #071320;
  --gv-page-muted: #61707c;
  --gv-page-green: #00ab84;
  --gv-page-green-dark: #057f64;
  --gv-page-green-bright: #58e972;
  --gv-page-green-pale: #eff9f5;
  --gv-page-dark: #020c0b;
  --gv-page-dark-2: #051a17;
  --gv-page-orange: #ea5256;
  --gv-page-border: #deece7;
  --gv-page-shadow: 0 18px 44px rgba(4, 38, 31, 0.08);
}

body { overflow-x: hidden; background: #fff; }

.micro-label {
  color: #078f66;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.micro-label--bright { color: #52ea8e; }

.section-light,
.section-soft { position: relative; overflow: hidden; }
.section-light { background: #fff; }
.section-soft {
  background:
    radial-gradient(circle at 88% 7%, rgba(171, 239, 210, 0.22), transparent 24%),
    radial-gradient(circle at 5% 91%, rgba(201, 247, 226, 0.24), transparent 26%),
    linear-gradient(180deg, #fff 0%, #f8fcfa 100%);
}
.section-dots::before,
.section-dots::after {
  content: "";
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  opacity: 0.23;
  pointer-events: none;
  background-image: radial-gradient(#acdcca 1.2px, transparent 1.2px);
  background-size: 12px 12px;
}
.section-dots::before { left: 0; }
.section-dots::after { right: 0; }

.section-eyebrow {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #078f66;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}
.section-eyebrow::before,
.section-eyebrow::after {
  content: "";
  width: 46px;
  height: 1px;
  background: #42b78f;
}
.section-eyebrow--left { justify-content: flex-start; }
.section-eyebrow--left::before { display: none; }

h1, h2, h3, p { margin-top: 0; }
section h2 {
  position: relative;
  z-index: 2;
  margin: 18px auto 0;
  color: var(--gv-page-ink);
  text-align: center;
  font-size: 58px;
  line-height: 1.07;
  letter-spacing: -2.7px;
}

.section-intro {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin: 18px auto 0;
  color: var(--gv-page-muted);
  text-align: center;
  font-size: 19px;
  line-height: 1.55;
}

.gv-btn--large {
  min-height: 66px;
  padding-left: 26px; padding-right: 26px;
  font-size: 17px;
}

.hero-eyebrow {
  display: inline-flex;
  padding: 10px 16px;
  border: 1px solid #00ab84;
  border-radius: 999px;
  color: #45ec9a;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.55px;
}

.dashboard-frame {
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(98, 229, 181, 0.45);
  background: #041714;
  box-shadow: 0 0 48px rgba(0, 171, 132, 0.28);
}
.dashboard-frame__bar {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 42px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(118, 205, 176, 0.2);
}
.dashboard-dot { width: 10px; height: 10px; border-radius: 50%; }
.dashboard-dot--orange { background: var(--gv-page-orange); }
.dashboard-dot--yellow { background: #ffc64d; }
.dashboard-dot--green { background: #39e47e; }

.dashboard-placeholder {
  position: relative;
  display: grid;
  place-content: center;
  min-height: 500px;
  text-align: center;
  color: #8fb2a8;
  background:
    linear-gradient(rgba(118, 205, 176, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(118, 205, 176, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 50% 47%, rgba(0, 171, 132, 0.09), transparent 38%);
  background-size: 54px 54px, 54px 54px, auto;
}
.dashboard-placeholder strong {
  display: block;
  color: #afd2c7;
  font-size: 17px;
  letter-spacing: 1.2px;
}
.dashboard-placeholder span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}

.logo-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 16px;
  margin-top: 44px;
}
.logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 138px;
  padding: 18px;
  border: 1px solid var(--gv-page-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(4, 38, 31, 0.055);
}
.logo-card img {
  max-width: 100%;
  max-height: 82px;
  object-fit: contain;
}

.faq-list {
  position: relative;
  z-index: 2;
  column-count: 2;
  column-gap: 11px;
  max-width: 1450px;
  margin: 38px auto 0;
}
.faq-item {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  display: inline-block;
  width: 100%;
  margin-bottom: 11px;
  overflow: hidden;
  border: 1px solid #d9e9e3;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 7px 16px rgba(4, 38, 31, 0.035);
}
.faq-item.is-open { border-left: 4px solid var(--gv-page-orange); }
.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 19px;
  border: 0;
  background: #fff;
  color: var(--gv-page-ink);
  text-align: left;
  font-size: 16px;
  font-weight: 800;
}
.faq-question:focus-visible {
  outline: 3px solid rgba(234, 82, 86, 0.38);
  outline-offset: -3px;
}
.faq-question b { color: #0a9d6d; font-size: 20px; }
.faq-answer { display: none; padding: 0 19px 19px; }
.faq-item.is-open .faq-answer { display: block; }
.faq-answer p {
  margin: 0;
  color: #66747e;
  font-size: 15px;
  line-height: 1.58;
}

.sticky-mobile-cta { display: none; }

@media (max-width: 1200px) {
  .logo-grid { grid-template-columns: 1fr 1fr 1fr; }
}

@media (max-width: 768px) {
  section h2 {
    font-size: 39px;
    line-height: 1.1;
    letter-spacing: -1.6px;
  }
  .section-eyebrow {
    gap: 8px;
    font-size: 10px;
    letter-spacing: 1.55px;
  }
  .section-eyebrow::before,
  .section-eyebrow::after { width: 20px; }
  .section-eyebrow--left::after { width: 28px; }
  .hero-eyebrow { font-size: 10px; line-height: 1.3; }
  .gv-btn--large {
    width: 100%;
    min-height: 62px;
    font-size: 16px;
  }
  .dashboard-placeholder { min-height: 315px; }
  .dashboard-placeholder strong { font-size: 14px; }
  .dashboard-placeholder span { font-size: 12px; }
  .section-intro { font-size: 17px; }
  .logo-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 30px;
  }
  .logo-card { min-height: 112px; padding: 14px; }
  .logo-card img { max-height: 70px; }
  .faq-list { column-count: 1; margin-top: 28px; }
  .faq-question { font-size: 14.5px; }
  .faq-answer p { font-size: 14px; }
  .sticky-mobile-cta {
    position: fixed;
    right: 14px;
    bottom: 14px;
    left: 14px;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    padding-left: 16px; padding-right: 16px;
    border-radius: 14px;
    color: #03110f;
    background: linear-gradient(135deg, #12d56f, #00ab84);
    box-shadow: 0 14px 28px rgba(0, 90, 68, 0.28);
    font-size: 15px;
    font-weight: 900;
    text-align: center;
  }
}

@media (max-width: 480px) {
  section h2 { font-size: 34px; }
  .logo-card { min-height: 99px; padding: 10px; }
  .logo-card img { max-height: 62px; }
  .dashboard-placeholder { min-height: 280px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}