.hg-related-links{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.hg-related-links{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.hg-related-links{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.hg-dashboard-preview-section{padding-top:2rem}.hg-section-dark-wrapper:has(.hg-section-flush)+.hg-section-light{padding-top:0}.hg-callout{border:1px solid var(--border);border-radius:var(--radius-lg);background:0 0;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.hg-callout-action{flex-shrink:0}@media (width>=768px){.hg-callout{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:2rem}}.hg-gs{flex-direction:column;gap:1.5rem;display:flex}.hg-gs-step{grid-template-columns:1fr;gap:1rem;display:grid}.hg-gs-image{border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 1px 8px #0d07141a}.hg-gs-image:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fffcff1a}.hg-gs-mockup{object-fit:cover;width:100%;height:100%;display:block}.hg-gs-image .hg-placeholder-visual{aspect-ratio:4/3}.hg-gs-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb, var(--foreground) 2%, transparent);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:2.5rem 2rem;display:flex}.hg-gs-card-body{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.hg-gs-card h3{color:var(--foreground)}@media (width>=768px){.hg-gs{gap:1.5rem}.hg-gs-step{grid-template-columns:1fr 2fr;align-items:stretch;gap:1.5rem}.hg-gs-image .hg-placeholder-visual{aspect-ratio:unset;height:100%}.hg-gs-step:nth-child(2n){grid-template-columns:2fr 1fr}.hg-gs-step:nth-child(2n) .hg-gs-image{order:2}.hg-gs-step:nth-child(2n) .hg-gs-card{order:1}}.hg-placeholder-visual{aspect-ratio:4/3;border-radius:var(--radius-lg);background:rgba(var(--hg-overlay-rgb), .06);border:1px dashed var(--border)}.hg-page-hero-visual .hg-placeholder-visual{border:none;border-radius:0}.hg-platform-layers{flex-direction:column;display:flex}.hg-platform-layer{color:inherit;transition:opacity var(--hg-transition-base);flex-direction:column;gap:1rem;padding:2rem 0;text-decoration:none;display:flex}.hg-platform-layer:hover{opacity:.8}.hg-platform-layer-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-raised) 60%, transparent);border:1px solid var(--border);width:64px;height:64px;color:var(--foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hg-platform-layer-icon svg{width:32px;height:32px}.hg-platform-layer-content{flex-direction:column;align-items:flex-start;gap:.625rem;display:flex}.hg-platform-layer-title{color:var(--foreground);align-items:center;gap:.5rem;display:inline-flex}.hg-platform-layer-arrow{opacity:.4;transition:opacity var(--hg-transition-base), transform var(--hg-transition-base)}.hg-platform-layer:hover .hg-platform-layer-arrow{opacity:1;transform:translate(4px)}.hg-layer-tags{flex-wrap:wrap;gap:.5rem;display:flex}@media (width>=768px){.hg-platform-layer{grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;padding:2.5rem 0;display:grid}}.hg-why-split{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}.hg-why-content{flex-direction:column;align-items:flex-start;gap:2rem;display:flex}.hg-why-item{align-items:flex-start;gap:.75rem;display:flex}.hg-why-item-icon{width:20px;height:20px;color:var(--muted-foreground);flex-shrink:0;margin-top:.175rem}.hg-why-item-icon svg{width:20px;height:20px}.hg-why-item-text{flex-direction:column;gap:.375rem;display:flex}.hg-why-cta{flex-direction:column;align-items:flex-start;gap:1.75rem;margin-top:1rem;display:flex}.hg-why-visual{border-radius:var(--radius-lg);display:none;position:relative;overflow:hidden;box-shadow:0 1px 8px #0d07141a}.hg-why-visual:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0d07141a}.hg-why-mockup{width:100%;height:auto;display:block}@media (width>=768px){.hg-why-split{grid-template-columns:1fr 1fr;gap:3rem}.hg-why-visual{display:block}}
