/* V1.2.2 presentation: homepage and Dashboard only. */
.module-icon { width:32px; height:32px; flex:none; color:#2563eb; }
.product-home #platform-modules .module-icon { margin-bottom:18px; }
.product-home #platform-modules .problem-col { border-radius:6px; padding:28px; }
.product-home #platform-modules .problem-grid { gap:16px; border:0; }
.product-home #platform-modules .problem-col { border:1px solid #e5e7eb; }
.product-home .explore-heading { padding-top:48px; padding-bottom:24px; }
.product-home .explore-heading h2 { font:700 2rem/1.25 'Playfair Display',Georgia,serif; margin:10px 0 12px; }
.product-home .explore-heading > p:last-child { max-width:640px; color:#4b5563; line-height:1.7; }
.product-home .hero { min-height:0; background:#f9fafb; }
.product-home .hero-body { flex-direction:column; gap:28px; padding:44px 32px 32px; }
.product-home .hero h1 { color:#0f1f3d; }
.product-home .hero-sub { color:#4b5563; }
.product-home .btn-hero-primary { background:#2563eb; color:#fff; }
.product-home .btn-hero-primary:hover { background:#1d4ed8; color:#fff; }
.product-home .btn-hero-ghost { color:#0f1f3d; border-color:#cbd5e1; }
.product-home .btn-hero-ghost:hover { color:#1d4ed8; border-color:#2563eb; }
.product-home .product-preview { width:100%; max-width:1120px; margin:0; }
.product-home .product-preview img { display:block; width:100%; height:auto; border:1px solid #d1d5db; border-radius:8px; box-shadow:0 12px 32px #0f1f3d1a,0 0 0 4px #fff; }
.product-home .product-preview figcaption { margin-top:12px; color:#4b5563; font-size:12px; text-align:center; }
.product-dashboard .welcome-bar { margin-bottom:24px; }
.product-dashboard .welcome-left h1 { font:700 30px/1.2 'Playfair Display',Georgia,serif; }
.product-dashboard .welcome-left .workspace-intro { font-size:14px; color:#4b5563; margin-top:8px; }
.product-dashboard #welcomeSub { font-size:12px; margin-top:8px; }
.product-dashboard .continue-working { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; padding:22px 24px; margin-bottom:28px; border:1px solid #bfdbfe; border-left:3px solid #2563eb; border-radius:6px; background:#eff6ff; }
.product-dashboard .workspace-eyebrow { color:#1d4ed8; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.product-dashboard .continue-working h2 { font-size:18px; margin-bottom:6px; }
.product-dashboard .continue-working p:last-child { font-size:13px; color:#4b5563; line-height:1.6; }
.product-dashboard .workspace-launch { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:10px 16px; background:#2563eb; color:white; border-radius:5px; text-decoration:none; font-size:13px; font-weight:600; }
.product-dashboard .workspace-launch:hover { background:#1d4ed8; }
.product-dashboard section[aria-label="Platform modules"] .directory-link { align-items:flex-start; gap:14px; padding:20px; }
.product-dashboard .module-copy { flex:1; min-width:0; }
.product-dashboard .module-copy strong { display:block; font-size:15px; font-weight:600; }
.product-dashboard .module-copy small { display:block; font-size:12px; font-weight:400; color:#4b5563; margin-top:6px; line-height:1.6; }
.product-dashboard .workspace-section-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
.product-dashboard .workspace-section-heading h2 { margin:0; }
.product-dashboard .workspace-section-heading > a { font-size:12px; color:#1d4ed8; text-underline-offset:3px; }
.product-dashboard .featured-workflows .workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.product-dashboard .featured-workflows .workflow-link { padding:16px; border-radius:6px; }
.product-dashboard .featured-workflows .workflow-link[data-primary] { grid-column:1 / -1; grid-row:auto; }
.product-dashboard .featured-workflows .workflow-link strong { font:600 14px/1.4 Inter,system-ui,sans-serif; }
.product-dashboard .featured-workflows .workflow-link span { font-size:12px; line-height:1.6; margin-top:6px; }
.product-home .module-link:focus-visible,.product-home .hero a:focus-visible,.product-dashboard .workspace-launch:focus-visible,.product-dashboard .workspace-section-heading a:focus-visible { outline:3px solid #2563eb; outline-offset:4px; }
.product-dashboard section[aria-label="Platform modules"] .directory-link { transition:border-color 150ms ease,background-color 150ms ease; }
@media(max-width:600px) {
  .product-home .hero-body { padding:32px 20px 24px; gap:24px; }
  .product-home #platform-modules .problem-col { padding:24px; }
  .product-dashboard .continue-working { padding:20px; gap:16px; }
  .product-dashboard .workspace-launch { width:100%; }
  .product-dashboard .featured-workflows .workflow-grid { grid-template-columns:minmax(0,1fr); }
  .product-dashboard section[aria-label="Platform modules"] .directory-link { padding:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .product-home *, .product-dashboard * { scroll-behavior:auto !important; transition:none !important; }
}

.product-home #platform-modules .problem-grid { background:transparent; grid-auto-rows:1fr; }
.product-home #platform-modules .module-link { margin-top:auto; padding-top:20px; }
.product-home .nav-links { gap:16px; }
.product-home .nav-link { font-size:12px; }
@media(max-width:1200px) {
 .product-home .nav-links { display:none; }
 .product-home .compact-menu { display:block; flex-basis:100%; }
 .product-home .nav-inner { flex-wrap:wrap; gap:8px; padding-top:12px; padding-bottom:12px; }
 .product-home nav { height:auto; position:relative; }
}
