/* Homepage UI/UX 2.1 — homepage-only, mobile-first presentation layer. */
.homepage-platform-hero {
  position: relative;
  overflow: hidden;
  margin: 18px 0 16px;
  padding: 24px 18px;
  border: 1px solid #c8dde6;
  border-radius: 24px;
  background: #f5fbfd;
  box-shadow: 0 18px 48px rgba(26, 72, 88, .1);
}

.homepage-platform-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image: linear-gradient(#c8e2e9 1px, transparent 1px), linear-gradient(90deg, #c8e2e9 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom right, #000, transparent 70%);
}

.homepage-hero-copy, .homepage-module-grid { position: relative; z-index: 1; }
.homepage-hero-copy h1 { max-width: 720px; margin: 8px 0 12px; font-size: clamp(30px, 8vw, 48px); line-height: 1.12; letter-spacing: -.035em; }
.homepage-platform-title { margin: 0 0 16px; color: #174f61; font-size: 19px; font-weight: 800; line-height: 1.45; }
.homepage-direct-answer { max-width: 780px; margin: 0; color: #365865; line-height: 1.75; }
.homepage-directory-link { display: inline-flex; min-height: 48px; align-items: center; margin-top: 10px; font-weight: 750; }
.homepage-module-grid { display: grid; gap: 12px; margin-top: 22px; }
.homepage-module-card { display: grid; grid-template-columns: 48px 1fr; gap: 7px 12px; min-width: 0; padding: 18px; border: 1px solid #b9dfe8; border-radius: 20px; color: #173d4a; background: #fff; text-decoration: none; box-shadow: 0 10px 26px rgba(21, 81, 99, .09); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.homepage-module-card.enterprise { border-color: #d8ceb5; background: #fffdf7; color: #4e3c1d; }
.homepage-module-card:hover { transform: translateY(-2px); border-color: #4a9fb5; box-shadow: 0 15px 32px rgba(21, 81, 99, .15); }
.homepage-module-icon { grid-row: 1 / span 2; display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: #fff; background: #197c96; font-size: 20px; font-weight: 900; }
.homepage-module-card.enterprise .homepage-module-icon { background: #9b6c20; }
.homepage-module-audience { align-self: end; color: #5c7480; font-size: 12px; font-weight: 650; }
.homepage-module-card > strong { font-size: 23px; line-height: 1.2; }
.homepage-module-description, .homepage-module-tags, .homepage-module-cta { grid-column: 1 / -1; }
.homepage-module-description { min-height: 48px; color: #496672; line-height: 1.6; }
.homepage-module-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.homepage-module-tags b { padding: 5px 9px; border-radius: 999px; background: #e9f6f9; color: #236579; font-size: 12px; }
.homepage-module-card.enterprise .homepage-module-tags b { background: #f6ecd8; color: #74521d; }
.homepage-module-cta { display: flex; min-height: 48px; align-items: center; justify-content: space-between; margin-top: 5px; padding: 0 14px; border-radius: 13px; color: #fff; background: #176f87; font-weight: 800; }
.homepage-module-card.enterprise .homepage-module-cta { background: #805819; }

.homepage-calculator-intro { display: grid; gap: 6px; margin: 22px 0 12px; padding: 18px; border-left: 5px solid #18809b; border-radius: 0 18px 18px 0; background: #eaf7fa; }
.homepage-calculator-intro h2, .homepage-section-heading h2 { margin: 3px 0 0; }
.homepage-calculator-intro > p { margin: 0; color: #466570; line-height: 1.65; }

.homepage-discovery, .homepage-categories, .homepage-knowledge { margin: 30px 0; }
.homepage-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.homepage-section-heading > a { display: inline-flex; min-height: 44px; align-items: center; flex: 0 0 auto; font-weight: 750; }
.homepage-tool-grid, .homepage-category-grid, .homepage-knowledge-grid { display: grid; gap: 12px; }
.homepage-tool-grid > a { position: relative; display: grid; gap: 7px; min-height: 144px; padding: 18px; border: 1px solid #d7e4e8; border-radius: 17px; color: #193f4c; background: #fff; text-decoration: none; }
.homepage-tool-grid strong { padding-right: 48px; font-size: 18px; }
.homepage-tool-grid span { color: #58707a; line-height: 1.55; }
.homepage-tool-grid small { position: absolute; top: 15px; right: 15px; padding: 4px 8px; border-radius: 999px; color: #256679; background: #e8f5f8; font-weight: 700; }
.homepage-tool-grid > a:nth-child(n+5) small { color: #76531d; background: #f7edd8; }
.homepage-category-card { padding: 21px; border: 1px solid #cce3e9; border-radius: 20px; background: #f6fcfd; }
.homepage-category-card.enterprise { border-color: #e3d8c3; background: #fffbf3; }
.homepage-category-kicker { margin: 0; color: #19748c; font-size: 13px; font-weight: 850; letter-spacing: .08em; }
.homepage-category-card.enterprise .homepage-category-kicker { color: #895f1d; }
.homepage-category-card h3 { margin: 7px 0; font-size: 22px; }
.homepage-category-card > p:not(.homepage-category-kicker) { color: #58707a; line-height: 1.6; }
.homepage-category-card > div { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 16px; }
.homepage-category-card a { display: flex; min-height: 48px; align-items: center; padding: 0 13px; border: 1px solid #d6e6ea; border-radius: 12px; background: #fff; font-weight: 720; text-decoration: none; }
.homepage-knowledge-grid > a { display: grid; gap: 8px; min-height: 142px; padding: 18px; border-top: 4px solid #55a2b5; border-radius: 5px 5px 16px 16px; color: #173e4a; background: #fff; box-shadow: 0 8px 24px rgba(29, 77, 91, .08); text-decoration: none; }
.homepage-knowledge-grid time { color: #71848b; font-size: 12px; }
.homepage-knowledge-grid strong { font-size: 17px; line-height: 1.45; }
.homepage-knowledge-grid span { color: #5b7078; }

@media (min-width: 390px) {
  .homepage-platform-hero { padding: 26px 22px; }
  .homepage-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .homepage-category-card > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
  .homepage-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .homepage-calculator-intro { grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); align-items: center; padding: 22px 26px; }
  .homepage-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .homepage-knowledge-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .homepage-platform-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(440px, .9fr); gap: 34px; align-items: center; min-height: 510px; padding: 42px; }
  .homepage-module-grid { grid-template-columns: 1fr; margin: 0; }
  .homepage-tool-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .homepage-knowledge-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) { .homepage-module-card { transition: none; } }

/* Final homepage refinement: compact first screen and confirmed personal/enterprise colors. */
.homepage-platform-hero{margin:16px 0 14px;padding:24px;border-color:#dbe4ee;border-radius:20px;background:linear-gradient(135deg,#f8fbff 0%,#f6fbfa 100%);box-shadow:0 12px 34px rgba(15,23,42,.07)}
.homepage-platform-hero::before{opacity:.18;background-size:40px 40px}
.homepage-hero-copy h1{margin:6px 0 10px;color:#0f172a;font-size:clamp(32px,4.2vw,50px);line-height:1.08}
.homepage-platform-title{margin-bottom:12px;color:#334155;font-size:18px}.homepage-direct-answer{color:#475569;line-height:1.68}.homepage-directory-link{margin-top:8px;color:#2563eb}
.homepage-module-grid{gap:10px;margin-top:16px}.homepage-module-card{grid-template-columns:42px 1fr;gap:5px 11px;padding:15px;border-color:#bfdbfe;border-radius:15px;color:#1e3a8a;box-shadow:0 5px 16px rgba(37,99,235,.07)}
.homepage-module-card.enterprise{border-color:#a7f3d0;background:#f7fdfb;color:#145c49}.homepage-module-icon{width:42px;height:42px;border-radius:11px;background:#2563eb;font-size:18px}.homepage-module-card.enterprise .homepage-module-icon{background:#168a68}.homepage-module-card>strong{font-size:20px}.homepage-module-description{min-height:0;color:#475569;line-height:1.5}.homepage-module-tags b{background:#eff6ff;color:#1d4ed8}.homepage-module-card.enterprise .homepage-module-tags b{background:#ecfdf5;color:#117456}.homepage-module-cta{min-height:42px;margin-top:3px;border-radius:9px;background:#2563eb}.homepage-module-card.enterprise .homepage-module-cta{background:#168a68}.homepage-module-card.enterprise:hover{border-color:#168a68;box-shadow:0 10px 24px rgba(22,138,104,.12)}
.homepage-category-card.enterprise{border-color:#a7f3d0;background:#f7fdfb}.homepage-category-card.enterprise .homepage-category-kicker{color:#168a68}.homepage-tool-grid>a:nth-child(n+5) small{color:#117456;background:#ecfdf5}
@media(min-width:1024px){.homepage-platform-hero{grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr);min-height:410px;padding:32px 36px;gap:30px}.homepage-module-grid{margin:0}.homepage-module-card{padding:16px}.homepage-calculator-intro{margin-top:16px}}
@media(max-width:767px){.homepage-platform-hero{padding:20px 16px}.homepage-direct-answer{font-size:14px}.homepage-module-card{padding:13px 14px}.homepage-module-grid{margin-top:14px}.homepage-module-tags{display:none}.homepage-module-description{font-size:14px}.homepage-module-cta{min-height:40px}}

.homepage-trust-points{display:flex;margin:16px 0 0;padding:0;flex-wrap:wrap;gap:10px 22px;list-style:none}.homepage-trust-points li{color:#334155;font-size:13px;font-weight:750}.homepage-trust-points li::before{content:"✓";display:inline-grid;width:19px;height:19px;margin-right:6px;place-items:center;border-radius:50%;color:#fff;background:#22ad60;font-size:12px}.homepage-module-card{border-width:1px}.homepage-module-card.personal{background:linear-gradient(145deg,#fff,#f0f6ff)}.homepage-module-card.enterprise{background:linear-gradient(145deg,#fafffc,#eaf9f2)}
@media(min-width:1024px){.homepage-platform-hero{background:radial-gradient(circle at 52% 65%,rgba(37,99,235,.12),transparent 25%),linear-gradient(135deg,#f8fbff,#eaf5ff)}.homepage-platform-hero::after{content:"▦";position:absolute;z-index:0;right:390px;bottom:42px;display:grid;width:145px;height:145px;place-items:center;border-radius:35px;color:#2563eb;background:linear-gradient(145deg,#fff,#dbeafe);box-shadow:0 18px 34px rgba(37,99,235,.16);font-size:82px;font-weight:900;transform:rotate(-5deg)}.homepage-hero-copy{padding-right:135px}.homepage-module-grid{z-index:2}}
@media(max-width:767px){.homepage-trust-points{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin-top:12px}.homepage-trust-points li:last-child{grid-column:1/-1}}
@media(min-width:1024px){.homepage-platform-hero::after{content:"🧮"}}
/* Decorative calculator was obscured by the module cards and reduced copy space. */
@media(min-width:1024px){.homepage-platform-hero::after{content:none;display:none}.homepage-hero-copy{padding-right:0}}