/* ==========================================================================
   gsyncd — ERPsyncd & LMSyncd pages (Claude Design). Uses home.css base (.gsh).
   ========================================================================== */
.gsp-hero{padding-top:96px;padding-bottom:72px;display:flex;flex-direction:column;gap:28px}
.gsp-hero__eyebrow{display:flex;align-items:center;gap:10px}
.gsp-dot{width:8px;height:8px;border-radius:50%;background:#D4F230;box-shadow:0 0 0 4px rgba(212,242,48,0.25);flex-shrink:0}
.gsp-dot--ink{background:#0F2A1F;box-shadow:none}
html body .gsh h1.gsp-h1{font-family:'Instrument Serif',serif !important;font-weight:400 !important;font-size:clamp(52px,7.4vw,108px) !important;line-height:0.96 !important;letter-spacing:-0.02em !important;max-width:1000px;text-wrap:balance;color:#0F2A1F !important}
html body .gsh .gsp-hero__sub{font-size:19px !important;line-height:1.6 !important;color:#41544B;max-width:620px;text-wrap:pretty}
.gsp-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ERP modules explorer */
.gsp-modules{padding-top:40px;padding-bottom:104px;scroll-margin-top:90px}
.gsp-modules__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;align-items:start}
.gsp-mlist{display:flex;flex-direction:column;border-top:1px solid #CDD4C8}
html body .gsh .gsp-mbtn{
  display:flex;justify-content:space-between;align-items:center;gap:16px;background:none !important;border:0 !important;border-bottom:1px solid #CDD4C8 !important;
  border-radius:0 !important;padding:20px 4px !important;text-align:left;color:#0F2A1F !important;width:100%;
}
.gsp-mbtn__l{display:flex;align-items:baseline;gap:18px}
.gsp-mbtn__n{font-family:'Geist Mono',monospace;font-size:12px;color:#63736B}
.gsp-mbtn__name{font-size:22px;font-weight:400;letter-spacing:-0.02em}
.gsp-mbtn[aria-selected="true"] .gsp-mbtn__name{font-weight:600}
.gsp-mbtn__go{width:28px;height:28px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .3s;flex-shrink:0}
.gsp-mbtn[aria-selected="true"] .gsp-mbtn__go{background:#E2E7DE}
.gsp-mcard{position:sticky;top:100px;background:#FFFFFF;border:1px solid #D8DDD3;border-radius:28px;padding:40px;display:flex;flex-direction:column;gap:22px;min-height:420px}
.gsp-mcard[hidden]{display:none}
.gsp-mcard__top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
html body .gsh .gsp-mcard h2{font-family:'Instrument Serif',serif !important;font-weight:400 !important;font-size:52px !important;line-height:1 !important;letter-spacing:-0.015em !important}
html body .gsh .gsp-mcard p{font-size:17px !important;line-height:1.6 !important;color:#41544B}
.gsp-mpoints{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}
.gsp-mpoints li{display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:1.55;color:#33463D;margin:0}
.gsp-mpoints li::before{content:"";width:6px;height:6px;border-radius:50%;background:#0F2A1F;flex-shrink:0;transform:translateY(-2px)}

/* Made for Kenya grid */
.gsp-diff{padding-top:40px;padding-bottom:104px;display:flex;flex-direction:column;gap:48px}
html body .gsh .gsp-diff h2{max-width:760px}
.gsp-diff__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1px;background:#D8DDD3;border:1px solid #D8DDD3;border-radius:22px;overflow:hidden}
.gsp-diff__grid > div{background:#FFFFFF;padding:32px;display:flex;flex-direction:column;gap:10px}
html body .gsh .gsp-diff__grid h3{font-family:'Geist',system-ui,sans-serif !important;font-size:19px !important;font-weight:500 !important;letter-spacing:-0.01em !important;line-height:1.3 !important;color:#0F2A1F !important}
html body .gsh .gsp-diff__grid p{font-size:15px !important;line-height:1.6 !important;color:#51625A}

/* What's new */
.gsp-new{padding-top:104px;padding-bottom:104px;display:flex;flex-direction:column;gap:40px}
.gsp-new__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.gsp-new__grid > div{background:#FFFFFF;border:1px solid #D8DDD3;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .35s}
.gsp-new__grid > div:hover{transform:translateY(-3px)}
.gsp-num{font-family:'Geist Mono',monospace;font-size:12px;color:#63736B}
html body .gsh .gsp-new__grid h3,html body .gsh .gsp-lmods h3{font-family:'Geist',system-ui,sans-serif !important;font-size:17px !important;font-weight:600 !important;letter-spacing:-0.01em !important;line-height:1.3 !important}
html body .gsh .gsp-new__grid p,html body .gsh .gsp-lmods p{font-size:14px !important;line-height:1.55 !important;color:#51625A}

/* Pricing */
.gsp-price{padding-bottom:104px}
.gsp-price__box{background:#E2E7DE;border-radius:32px;padding:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:40px;align-items:center}
.gsp-price__copy{display:flex;flex-direction:column;gap:16px}
html body .gsh .gsp-price h2{font-size:clamp(36px,4.4vw,56px) !important}
html body .gsh .gsp-price p{font-size:16px !important;line-height:1.6 !important;color:#33463D;max-width:440px}
html body .gsh .gsp-price .gsh-btn{align-self:flex-start;padding:14px 22px !important;margin-top:8px}
.gsp-plans{display:flex;flex-wrap:wrap;gap:8px}
.gsp-plans span{background:rgba(255,255,255,0.6);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500}
.gsp-plans span.is-addons{background:none;border:1px dashed #7E9C8E;font-weight:400;color:#33463D}

/* ---------- LMSyncd ---------- */
.gsp-warm{background:#F3E9DC}
.gsp-warm .gsp-hero{padding-bottom:88px}
.gsp-warm .gsh-eyebrow{color:#7A5A3A}
html body .gsh .gsp-warm .gsp-hero__sub{color:#5E4630;max-width:640px}
html body .gsh .gsp-warm h1.gsp-h1{max-width:1040px}
html body .gsh .gsh-btn--white{background:#FFFFFF !important;color:#0F2A1F !important;border:1px solid #E8DAC6 !important}
html body .gsh .gsh-btn--white:hover{border-color:#0F2A1F !important}
.gsp-pillars{padding-top:104px;padding-bottom:104px;display:flex;flex-direction:column;gap:8px}
.gsp-pillar{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.2fr);gap:28px;padding:36px 0;border-top:1px solid #CDD4C8;align-items:baseline}
.gsp-pillar__n{font-family:'Instrument Serif',serif;font-size:40px;line-height:1;color:#7E9C8E}
html body .gsh .gsp-pillar h3{font-family:'Geist',system-ui,sans-serif !important;font-size:26px !important;font-weight:500 !important;letter-spacing:-0.02em !important;line-height:1.2 !important}
html body .gsh .gsp-pillar p{font-size:16px !important;line-height:1.65 !important;color:#41544B}
.gsp-quote .gsh-wrap{max-width:1000px;padding-top:112px;padding-bottom:112px;display:flex;flex-direction:column;gap:28px;align-items:center;text-align:center}
html body .gsh .gsp-quote blockquote{margin:0;padding:0;border:0;background:none;font-family:'Instrument Serif',serif !important;font-size:clamp(34px,4.4vw,58px) !important;line-height:1.1 !important;letter-spacing:-0.01em;text-wrap:balance;color:#0F2A1F;font-style:normal;quotes:none}
html body .gsh .gsp-quote blockquote::before,html body .gsh .gsp-quote blockquote::after{content:none}
html body .gsh .gsp-quote p{font-size:16px !important;line-height:1.65 !important;color:#5E4630;max-width:640px}
.gsp-lmodsec{padding-top:104px;padding-bottom:104px;display:flex;flex-direction:column;gap:40px}
.gsp-lmods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}
.gsp-lmods > div{background:#FFFFFF;border:1px solid #D8DDD3;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .35s,border-color .35s}
.gsp-lmods > div:hover{transform:translateY(-3px);border-color:#0F2A1F}
.gsp-tier{align-self:flex-start;font-family:'Geist Mono',monospace;font-size:11px;border-radius:999px;padding:4px 10px;background:#F3E9DC;color:#0F2A1F}
.gsp-tier--ink{background:#0F2A1F;color:#EEF3EE}
.gsp-tier--lime{background:#0F2A1F;color:#D4F230}

@media (max-width:760px){
  .gsp-hero{padding-top:64px;padding-bottom:56px}
  .gsp-mcard{position:static;padding:28px 22px;min-height:0}
  .gsp-price__box{padding:32px 22px}
  .gsp-pillar{grid-template-columns:48px minmax(0,1fr);gap:12px 16px}
  .gsp-pillar p{grid-column:2}
  .gsp-modules,.gsp-diff,.gsp-new,.gsp-pillars,.gsp-lmodsec{padding-bottom:72px}
  .gsp-new,.gsp-pillars,.gsp-lmodsec{padding-top:72px}
  .gsp-quote .gsh-wrap{padding-top:72px;padding-bottom:72px}
}

/* FAQ (added 2026-10-04 for SEO/GEO) */
.gsp-faq{padding-block:clamp(3rem,6vw,5rem)}
.gsp-faq__list{margin-top:2rem;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.gsp-faq details{border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.gsp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 0;min-height:44px}
.gsp-faq summary::-webkit-details-marker{display:none}
.gsp-faq summary h3{margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}
.gsp-faq summary::after{content:"+";flex:none;font-size:1.5rem;line-height:1;transition:transform .2s ease}
.gsp-faq details[open] summary::after{transform:rotate(45deg)}
.gsp-faq summary:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}
.gsp-faq details p{margin:0 0 1.25rem;max-width:68ch;line-height:1.7;opacity:.8}
@media (prefers-reduced-motion:reduce){.gsp-faq summary::after{transition:none}}