/* =====================================================================
   HRIA — Professional White Theme  (consolidated)
   Loaded LAST on index / core / recruit / usecases.
   Converts every dark-navy block to a light, readable surface; sets one
   type scale, one spacing rhythm, one button system, and passes WCAG on
   text colour. Orange (#F58120 fills / #C2410C text) stays the accent.
   ===================================================================== */

:root {
  --wt-bg:          #ffffff;
  --wt-surface:     #f9fafb;
  --wt-line:        #e5e7eb;
  --wt-ink:         #0c1627;
  --wt-body:        #4b5563;
  --wt-muted:       #6b7280;
  --wt-accent:      #f58120;   /* fills / borders           */
  --wt-accent-text: #c2410c;   /* accent text on white (AA) */
  --wt-green:       #128c7e;   /* recruit / whatsapp solid  */
}

/* =====================================================================
   1. GLOBAL
   ===================================================================== */
html, body { overflow-x: hidden !important; max-width: 100% !important; }
p, li { letter-spacing: -0.005em; }

/* Container — consistent width + responsive gutters */
.container { max-width: 1240px !important; }
@media (min-width: 1024px) { .container { padding-left: 48px !important; padding-right: 48px !important; } }
@media (max-width: 1023px) { .container { padding-left: 24px !important; padding-right: 24px !important; } }

/* Uniform vertical rhythm between sections (hero keeps its own) */
main > section:not(.hero) {
  padding-top: clamp(56px, 8vw, 96px) !important;
  padding-bottom: clamp(56px, 8vw, 96px) !important;
}

/* Page loader — dark-era intro clashes with the white theme */
#kf-loader, #kf-loader::before, #kf-loader::after { display: none !important; }
body.kf-loading { overflow: auto !important; }

/* =====================================================================
   2. TYPE SCALE
   ===================================================================== */
.hero h1, .hero-text h1 {
  font-size: clamp(3.5rem, 7.5vw, 6rem) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
}
.hero .subtitle-text, .hero-text h1 .subtitle-text {
  font-size: clamp(2.1rem, 4.6vw, 3.25rem) !important;
  letter-spacing: -0.015em !important;
  line-height: 1.18 !important;
}

/* H2 — section headers */
.section-title, .problem-solution-title, .roi-title,
.cta-section h2, .cta-inner h2, .cta-strip h2,
.stats-section h2, .stats h2,
.what-section h2, .how-section h2, .features-section h2,
#lifecycle h2, #use-cases h2 {
  font-size: clamp(2rem, 3.4vw, 2.75rem) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

/* H3 — card / block titles */
.category-title, .subcategory-title,
.feature-card h3, .feature-title,
.use-case-card h3, .card-title,
.security-title, .platform-showcase-title,
.what-card h3, .feat-title {
  font-size: 1.375rem !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
}

/* Body copy */
.section-description, .section-header p,
.problem-solution-body p, .subcategory-description,
.hero p:not(.hero-eyebrow) {
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

/* Tabular figures for every numeric stat */
.stat-number, .stat-val, .s-num, .stat-mini-val, .fc-val, .roi-title {
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1 !important;
}

/* Headings carried -webkit-text-fill-color:#fff from the dark era → follow colour */
main h1, main h2, main h3, main h4,
main .section-title, main .roi-title, main .roi-subtitle,
main .problem-solution-title, main .category-title,
main .feature-title, main .security-title, main .platform-showcase-title,
.stats h1, .stats h2, .stats h3,
.stats-section h1, .stats-section h2, .stats-section h3,
.cta-section h1, .cta-section h2, .cta-inner h2, .cta-strip h2 {
  -webkit-text-fill-color: currentColor !important;
}
/* …but keep gradient accent words transparent-filled so the gradient shows */
main h1 .gradient-text, main h2 .gradient-text, main h3 .gradient-text,
main .hria-gradient, main [class*="gradient-text"] {
  -webkit-text-fill-color: transparent !important;
}

/* =====================================================================
   3. HERO
   ===================================================================== */
.hero {
  background: #ffffff !important;
  color: var(--wt-body) !important;
  border-bottom: 1px solid var(--wt-line) !important;
  display: block !important;
  min-height: 0 !important;
  margin-top: 24px !important;
  padding: clamp(2.5rem, 5vw, 3.5rem) 0 clamp(3rem, 6vw, 4.5rem) !important;
  overflow: visible !important;
}
.page-hero { margin-top: 20px !important; }
.hero > .container, .hero .hero-content, .hero .hero-text { padding-top: 0 !important; }
@media (max-width: 768px) {
  .hero { margin-top: 14px !important; padding-top: 2rem !important; }
  .page-hero { margin-top: 12px !important; }
}

/* strip every dark-era decorative layer */
.hero::before, .hero::after,
.hero > .container::before, .hero > .container::after,
.hero .hero-content::before, .hero .hero-content::after,
.hero .hero-text::before, .hero .hero-text::after {
  display: none !important; content: none !important; background: none !important;
}
.hero .hero-vignette, .hero canvas, .hero svg[class*="bg"],
.hero .grid-bg, .hero .orb, .hero .shutter-bar, .hero .hria-mesh,
.hero .hero-glow, .hero .hero-bg, .hero .hero-noise,
.hero [class*="mesh"], .hero [class*="-glow"], .hero [class*="orb"],
.hero [class*="ripple"], .hero [class*="ring"], .hero [class*="particle"],
.hero [class*="gridlines"] { display: none !important; }

/* hero text (entrance animation gets stuck once the loader is gone → force visible) */
html body .hero .hero-content,
html body .hero .hero-text,
html body .hero .hero-text *,
html body .hero .hero-eyebrow,
html body .hero h1,
html body .hero h1 span,
html body .hero .subtitle-text {
  opacity: 1 !important; transform: none !important; animation: none !important;
  visibility: visible !important; clip-path: none !important; filter: none !important;
}
html body .hero h1,
html body .hero h1 span,
html body .hero h1 span *,
html body .hero h2,
html body .hero h3,
html body .hero .hero-text h1 .subtitle-text,
html body .hero .subtitle-text,
html body .hero .subtitle-text * {
  color: #0c1627 !important;
  -webkit-text-fill-color: #0c1627 !important;
  background: none !important;
}
html body .hero p:not(.hero-eyebrow),
html body .hero li {
  color: var(--wt-body) !important;
  -webkit-text-fill-color: var(--wt-body) !important;
}

/* eyebrow */
.hero .hero-eyebrow, .hero .hero-eyebrow *, .hero-eyebrow {
  color: #F58120 !important;
  -webkit-text-fill-color: #F58120 !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  font-style: normal !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* headline accent word — orange gradient (out-specifies the h1 colour rule) */
html body .hero h1 a.hria-gradient,
html body .hero h1 .hria-gradient,
html body .hero h1 .gradient-text,
html body .hero .hria-gradient {
  background: linear-gradient(95deg, #F58120 0%, #EA580C 55%, #C2410C 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #EA580C !important;
}

/* =====================================================================
   4. DARK BANDS → LIGHT
   ===================================================================== */

/* Announcement / product bars */
.announce-bar, .product-bar {
  background: var(--wt-surface) !important;
  color: var(--wt-body) !important;
  border-bottom: 1px solid var(--wt-line) !important;
}
.announce-bar strong, .product-bar strong { color: var(--wt-ink) !important; }
.announce-bar a, .announce-bar .announce-cta, .announce-bar a.announce-cta,
.product-bar a { color: var(--wt-accent-text) !important; }
.announce-bar .announce-sep { background: rgba(0,0,0,.14) !important; }

/* Stats bands */
.stats, .stats-section {
  background: var(--wt-surface) !important;
  color: var(--wt-ink) !important;
  border-top: 1px solid var(--wt-line) !important;
  border-bottom: 1px solid var(--wt-line) !important;
}
.stats :not([class*="btn"]):not(.btn):not([class*="gradient"]):not([class*="number"]):not([class*="num"]),
.stats-section :not([class*="btn"]):not(.btn):not([class*="gradient"]):not([class*="number"]):not([class*="num"]) {
  color: var(--wt-ink) !important;
}
.stats [class*="detail"], .stats [class*="sub"],
.stats-section [class*="detail"], .stats-section [class*="sub"],
.stats [class*="label"], .stats-section [class*="label"],
.cta-section [class*="label"], .cta-inner [class*="label"], .cta-strip [class*="label"],
.what-card [class*="label"], .feature-card.featured [class*="label"] {
  color: var(--wt-muted) !important;
}
.stats [class*="number"], .stats [class*="num"],
.stats-section [class*="number"], .stats-section [class*="num"] {
  color: var(--wt-ink) !important;
  -webkit-text-fill-color: var(--wt-ink) !important;
  background: none !important;
}

/* CTA bands & inner cards */
.cta-section, .cta-inner, .cta-strip {
  background: var(--wt-surface) !important;
  color: var(--wt-ink) !important;
  border: 1px solid var(--wt-line) !important;
}
.cta-section :not([class*="btn"]):not(.btn):not([class*="gradient"]),
.cta-inner   :not([class*="btn"]):not(.btn):not([class*="gradient"]),
.cta-strip   :not([class*="btn"]):not(.btn):not([class*="gradient"]) {
  color: var(--wt-ink) !important;
}
.cta-section p, .cta-inner p, .cta-strip p { color: var(--wt-body) !important; }

/* Dark feature / "what" cards */
.feature-card.featured, .what-card {
  background: var(--wt-bg) !important;
  color: var(--wt-body) !important;
  border: 1px solid var(--wt-line) !important;
  box-shadow: 0 2px 10px rgba(12,22,39,.06) !important;
}
.feature-card.featured :not([class*="btn"]):not(.btn):not([class*="gradient"]),
.what-card :not([class*="btn"]):not(.btn):not([class*="gradient"]) {
  color: var(--wt-body) !important;
}
.feature-card.featured h1, .feature-card.featured h2, .feature-card.featured h3,
.what-card h1, .what-card h2, .what-card h3 { color: var(--wt-ink) !important; }

/* Integrations dark sub-header */
.integ-segment-header { background: #f3f4f6 !important; }
.integ-segment-header, .integ-segment-header * { color: var(--wt-ink) !important; }

/* #products — "HRIA Core" dark inline-styled card → light */
#products div[style*="var(--primary-navy)"],
#products div[style*="background:var(--primary-navy)"] {
  background: #ffffff !important;
  border: 1px solid var(--wt-line) !important;
  box-shadow: 0 2px 14px rgba(12,22,39,.06) !important;
}
#products h3[style*="#ffffff"], #products h3[style*="#fff"] {
  color: var(--wt-ink) !important; -webkit-text-fill-color: var(--wt-ink) !important;
}
#products p[style*="#e5e7eb"], #products p[style*="rgba(255"],
#products li[style*="rgba(255"], #products span[style*="rgba(255"] {
  color: var(--wt-body) !important;
}

/* Problem / solution band */
.problem-solution, .problem-solution-body { background: #ffffff !important; }
.problem-solution-title { color: var(--wt-ink) !important; }

/* Lifecycle "phase" cards → light (recruit row = green tint) */
.lc-phase-core, .lc-phase-recruit {
  background: #ffffff !important;
  border: 1px solid var(--wt-line) !important;
}
.lc-phase-core .lc-phase-title, .lc-phase-recruit .lc-phase-title { color: var(--wt-ink) !important; }
.lc-phase-core .lc-phase-sub,  .lc-phase-recruit .lc-phase-sub  { color: var(--wt-muted) !important; }
.lc-phase-core .lc-step-card {
  background: rgba(245, 129, 32, 0.05) !important;
  border: 1px solid var(--wt-line) !important;
}
.lc-phase-recruit .lc-step-card {
  background: rgba(37, 211, 102, 0.06) !important;
  border: 1px solid rgba(37, 211, 102, 0.22) !important;
}
.lc-phase-recruit .lc-step-card:hover {
  box-shadow: 0 8px 24px rgba(37,211,102,0.15) !important;
  border-color: rgba(37,211,102,0.45) !important;
}
.lc-phase-core .lc-step-label { color: var(--wt-accent-text) !important; }
.lc-phase-recruit .lc-step-label { color: #178a48 !important; }
.lc-bolt-inner { background: #ffffff !important; border: 1px solid var(--wt-line) !important; }

/* "Coming Soon" marquee bar (if any remain) → solid deep orange for readable white text */
.security-card div[style*="rgba(245,129,32,0.35)"] { background: #c2410c !important; }

/* =====================================================================
   5. FOOTER
   ===================================================================== */
footer {
  background: var(--wt-surface) !important;
  color: var(--wt-body) !important;
  border-top: 1px solid var(--wt-line) !important;
}
footer h1, footer h2, footer h3, footer strong,
footer .footer-section h4 { color: var(--wt-ink) !important; }
footer p, footer li,
footer .footer-mission, footer .footer-copyright,
footer .footer-powered span,
footer .footer-links li span { color: var(--wt-muted) !important; }
footer a, footer .footer-links a, footer .footer-links li a { color: var(--wt-body) !important; }
footer a:hover, footer .footer-links a:hover,
footer .footer-copyright a, footer .social-icon:hover { color: var(--wt-accent-text) !important; }
footer .social-icon { color: var(--wt-muted) !important; border-color: var(--wt-line) !important; }
footer .footer-bottom { border-top: 1px solid var(--wt-line) !important; }
/* keep inline-styled footer badges (e.g. "YOU ARE HERE") on their own colour */
footer .footer-links a span[style*="background"] { color: #fff !important; }

/* redesigned link columns (Products / Company / Trust) */
footer .footer-container { align-items: flex-start !important; gap: 4rem !important; }
footer .footer-cols {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(140px, max-content)) !important;
  gap: 2rem 4rem !important;
  margin-left: auto !important;
  max-width: 760px !important;
  padding-top: 2px !important;
}
footer .footer-col { display: block !important; }
footer .footer-col h4, footer .footer-cols h4 {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--wt-muted) !important;
  -webkit-text-fill-color: var(--wt-muted) !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
}
footer .footer-col a {
  display: block !important;
  color: var(--wt-body) !important;
  text-decoration: none !important;
  font-size: 0.98rem !important;
  font-weight: 400 !important;
  padding: 0.45rem 0 !important;
  transition: color .2s ease !important;
}
footer .footer-col a:hover { color: var(--wt-accent-text) !important; }
footer .footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 1.25rem !important;
  gap: 1rem !important;
}
footer .footer-domain { color: var(--wt-muted) !important; font-size: 0.85rem !important; letter-spacing: 0.01em !important; }
footer .footer-bottom .footer-copyright { font-size: 0.85rem !important; margin: 0 !important; }
@media (max-width: 820px) {
  footer .footer-cols { grid-template-columns: repeat(2, 1fr) !important; margin-left: 0 !important; max-width: 100% !important; }
}
@media (max-width: 560px) {
  footer .footer-cols { grid-template-columns: 1fr 1fr !important; }
  footer .footer-bottom { flex-direction: column !important; text-align: center !important; }
}

/* =====================================================================
   6. "One Platform. Every HR Scenario." — compact rows + accordion
   ===================================================================== */
.category-segment { padding: 20px 26px !important; }
.category-header { margin-bottom: 16px !important; padding-bottom: 12px !important; }
.subcategories { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.subcategory-card {
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  align-items: start !important;
  column-gap: 24px !important;
  row-gap: 2px !important;
  padding: 13px 18px !important;
  border-radius: 8px !important;
  border-left: 3px solid #F58120 !important;
  background: rgba(245, 129, 32, 0.05) !important;
}
.subcategory-title {
  font-weight: 700 !important;
  color: #F58120 !important;
  margin: 0 !important;
}
.subcategory-description {
  font-size: 0.92rem !important;
  color: #374151 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
@media (max-width: 720px) {
  .subcategory-card { grid-template-columns: 1fr !important; column-gap: 0 !important; row-gap: 4px !important; }
}
#use-cases .cat-collapsible .category-header { cursor: pointer; user-select: none; margin-bottom: 0 !important; }
#use-cases .cat-collapsible .subcategories { display: none !important; }
#use-cases .cat-collapsible.is-open .subcategories { display: flex !important; margin-top: 14px !important; }
#use-cases .cat-chevron {
  margin-left: auto; display: inline-block;
  font-size: 1.6rem; line-height: 1; color: #F58120;
  flex-shrink: 0; transition: transform .25s ease;
}
#use-cases .cat-collapsible.is-open .cat-chevron { transform: rotate(180deg) !important; }

/* recruit "How the AI Works" benefit grid */
#tech .tech-benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  max-width: 920px;
  margin: 36px auto 0;
}
#tech .tech-benefit {
  background: #ffffff;
  border: 1px solid var(--wt-line);
  border-radius: 14px;
  padding: 22px 24px;
  box-shadow: 0 2px 10px rgba(12,22,39,.05);
}
#tech .tech-benefit h3 {
  font-size: 1.05rem !important;
  color: var(--wt-ink) !important;
  margin: 0 0 6px !important;
  letter-spacing: -0.01em !important;
}
#tech .tech-benefit p {
  font-size: .95rem !important;
  color: var(--wt-body) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
@media (max-width: 700px) { #tech .tech-benefits { grid-template-columns: 1fr; } }

/* =====================================================================
   7. MOTION
   ===================================================================== */
.feature-card, .use-case-card, .category-segment, .platform-showcase-card,
.security-card, .stat-card, .subcategory-card, .what-card, .lc-step-card,
.pcard, .integ-card {
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.3s ease !important;
}
.feature-card:hover, .use-case-card:hover, .platform-showcase-card:hover,
.security-card:hover, .stat-card:hover, .pcard:hover, .integ-card:hover {
  transform: translateY(-2px) !important;
}

/* Kinfolk / enhance scroll-reveal layers get stuck once the loader is removed → force visible */
.kf-word { transform: none !important; transition: none !important; }
.kf-word-mask, .kf-split-el { overflow: visible !important; }
.kf-reveal, .kf-reveal-in { opacity: 1 !important; transform: none !important; }
.reveal, .revealed, [class*="reveal-delay"],
.security-card, .platform-showcase-card, .category-segment,
.stat-item, .stat-card, .hero-stats-strip, .s-num, .stat-col,
.lc-phase, .lc-step-card, .stats-text, .stats-grid,
.hria-reveal, .hria-visible, [class*="hria-reveal"],
.hria-anim, .hria-in, .hria-counted,
.uco-animate, .fade-up, .fade-in, [class*="fade-up"], [class*="animate-in"] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* --- Unified scroll reveal --------------------------------------------
   Only active once JS adds `wt-js` to <html>; every target is guaranteed
   to end visible (in-view on load, on intersection, or via failsafe).
   Disabled entirely under prefers-reduced-motion.                       */
@media (prefers-reduced-motion: no-preference) {
  html.wt-js .wt-rv {
    opacity: 0;
    transform: translateY(22px);
    transition:
      opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    /* pure-CSS failsafe: reveal even if JS never adds .wt-in */
    animation: wt-rv-failsafe 0s linear 4s forwards;
  }
  html.wt-js .wt-rv.wt-in {
    opacity: 1;
    transform: none;
    animation: none;
  }
}
@keyframes wt-rv-failsafe { to { opacity: 1; transform: none; } }

/* =====================================================================
   8. TEXT-COLOUR PASS  (WCAG-minded)
   ===================================================================== */

/* orange accent TEXT on light → AA deep orange */
.section-label, .scroller-label, .meta-eyebrow, .step-eyebrow,
.what-label-text, .what-italic,
.fc-val, .live-badge,
.score-badge.score-orange, .score-badge.score-fail,
.stat-mini-val,
.lc-badge-core, .lc-link-core, .badge,
.pcard-sub, .pcard-eyebrow,
#products .kf-reveal, #products span.kf-reveal,
main a[href^="mailto:"], .address a,
[style*="color:#F58120"], [style*="color: #F58120"],
[style*="color:#f58120"], [style*="color: #f58120"] {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
}

/* faint grey captions → readable muted */
.s-sub, .fc-label, .cand-role, .stat-mini-label, .feat-sub-label,
[class*="-sub-label"], .mini-label {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* semantic danger label */
span[style*="#f87171"], [class*="danger-label"], .the-problem-label,
.problem-solution [class*="problem"] > span:first-child {
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

/* mockup "tag" chips that were white-on-dark */
.feature-tag, .feature-card .feature-tag {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  background: rgba(245, 129, 32, 0.12) !important;
  border: 1px solid rgba(245, 129, 32, 0.28) !important;
}

/* =====================================================================
   9. BUTTON SYSTEM  (one coherent set of variants)
   ===================================================================== */
.btn, .pcard-btn, .sh-cta, .btn-demo-primary, .btn-demo-secondary,
.uco-cta-btn, .kf-hero-cta, .lc-link {
  border-radius: 10px !important;
  letter-spacing: -0.01em !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease,
              transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s ease !important;
}

/* Primary — orange solid */
.btn-primary, .btn-orange, .sh-cta, .pcard-btn-orange,
.btn-hero-primary, .btn-hero-watch, .kf-hero-cta, .uco-cta-btn,
.btn-white, .btn-demo-primary, .btn-nav, .btn-white-orange,
a.btn.btn-primary, a.btn.btn-orange, a.btn.btn-hero-primary,
a.btn.btn-hero-watch, a.pcard-btn.pcard-btn-orange, button.btn.btn-primary {
  background: #ea580c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  border: 1.5px solid #ea580c !important;
  box-shadow: 0 1px 2px rgba(12,22,39,.06) !important;
}
.btn-primary:hover, .btn-orange:hover, .sh-cta:hover, .pcard-btn-orange:hover,
.btn-hero-primary:hover, .btn-hero-watch:hover, .kf-hero-cta:hover,
.uco-cta-btn:hover, .btn-white:hover, .btn-demo-primary:hover, .btn-nav:hover,
a.btn.btn-primary:hover, a.btn.btn-orange:hover,
a.btn.btn-hero-watch:hover, a.pcard-btn.pcard-btn-orange:hover {
  background: #c2410c !important;
  border-color: #c2410c !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(234,88,12,.25) !important;
}

/* Green solid — Recruit / WhatsApp */
.pcard-btn-green, .btn-green, .btn-whatsapp,
a.pcard-btn.pcard-btn-green, a.btn.btn-green {
  background: var(--wt-green) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  border: 1.5px solid var(--wt-green) !important;
  box-shadow: 0 1px 2px rgba(12,22,39,.06) !important;
}
.pcard-btn-green:hover, .btn-green:hover, .btn-whatsapp:hover,
a.pcard-btn.pcard-btn-green:hover {
  background: #0e7268 !important;
  border-color: #0e7268 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(18,140,126,.22) !important;
}

/* Secondary / ghost */
.btn-secondary, .btn-outline, .btn-ghost, .btn-ghost-dark, .btn-ghost-green,
.btn-hero-ghost, .pcard-btn-ghost-dark, .pcard-btn-ghost-green,
.btn-demo-secondary, .uco-back-btn,
a.btn.btn-outline, a.btn.btn-ghost, a.btn.btn-secondary,
a.pcard-btn.pcard-btn-ghost-dark, a.pcard-btn.pcard-btn-ghost-green {
  background: transparent !important;
  color: #0c1627 !important;
  -webkit-text-fill-color: #0c1627 !important;
  font-weight: 600 !important;
  border: 1.5px solid rgba(12,22,39,.2) !important;
  box-shadow: none !important;
}
.btn-secondary:hover, .btn-outline:hover, .btn-ghost:hover, .btn-ghost-dark:hover,
.pcard-btn-ghost-dark:hover, .pcard-btn-ghost-green:hover, .btn-demo-secondary:hover,
.uco-back-btn:hover,
a.btn.btn-outline:hover, a.btn.btn-ghost:hover,
a.pcard-btn.pcard-btn-ghost-dark:hover, a.pcard-btn.pcard-btn-ghost-green:hover {
  background: rgba(234,88,12,.05) !important;
  border-color: #ea580c !important;
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  transform: translateY(-1px) !important;
}

/* text-link "buttons" (arrow links) stay as links */
.lc-link, .lc-link-core, .lc-link-recruit {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.lc-link-recruit { color: #178a48 !important; -webkit-text-fill-color: #178a48 !important; }