.hero[data-astro-cid-lcdefpme]{background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg) 60%);border-bottom:1px solid var(--color-border-light);padding:var(--space-16) 0}.hero__content[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-16);display:flex}.hero__text[data-astro-cid-lcdefpme]{flex:1;min-width:0;max-width:560px}.hero__title[data-astro-cid-lcdefpme]{font-size:clamp(30px,4vw,44px);font-weight:var(--font-bold);margin-bottom:var(--space-5);color:var(--color-text);letter-spacing:-.5px;line-height:1.3}.hero__desc[data-astro-cid-lcdefpme]{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.8}.hero__search[data-astro-cid-lcdefpme]{max-width:480px;margin-bottom:var(--space-4)}.hero__sub[data-astro-cid-lcdefpme]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-3)}.hero__visual[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-5);flex-direction:column;flex-shrink:0;width:380px;display:flex}.hero__browser-card[data-astro-cid-lcdefpme]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg);overflow:hidden}.hero__browser-bar[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex}.hero__browser-dot[data-astro-cid-lcdefpme]{background:var(--color-border);border-radius:50%;width:9px;height:9px}.hero__browser-dot--red[data-astro-cid-lcdefpme]{background:#ff5f57}.hero__browser-dot--yellow[data-astro-cid-lcdefpme]{background:#febc2e}.hero__browser-dot--green[data-astro-cid-lcdefpme]{background:#28c840}.hero__browser-url[data-astro-cid-lcdefpme]{margin-left:var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-tertiary)}.hero__tool-grid[data-astro-cid-lcdefpme]{gap:var(--space-3);padding:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.hero__tool-tile[data-astro-cid-lcdefpme]{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--tile-color) 12%, transparent);color:var(--tile-color);cursor:pointer;transition:transform var(--transition-md), box-shadow var(--transition-md);flex-direction:column;text-decoration:none;display:flex}.hero__tool-tile[data-astro-cid-lcdefpme]:hover,.hero__tool-tile[data-astro-cid-lcdefpme]:focus-visible{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-3px)}.hero__tool-tile[data-astro-cid-lcdefpme]:focus-visible{outline:2px solid var(--tile-color);outline-offset:2px}.hero__tool-icon[data-astro-cid-lcdefpme] svg{width:20px;height:20px}.hero__tool-label[data-astro-cid-lcdefpme]{font-size:11px;font-weight:var(--font-medium);color:var(--color-text-secondary);text-align:center;white-space:nowrap;line-height:1.2}.hero__badge[data-astro-cid-lcdefpme]{align-items:baseline;gap:var(--space-1);padding:var(--space-2) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:var(--text-sm);color:var(--color-text-secondary);transition:transform var(--transition-md), box-shadow var(--transition-md), border-color var(--transition-md);text-decoration:none;display:inline-flex}.hero__badge[data-astro-cid-lcdefpme]:hover,.hero__badge[data-astro-cid-lcdefpme]:focus-visible{box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none;transform:translateY(-2px)}.hero__badge[data-astro-cid-lcdefpme] strong[data-astro-cid-lcdefpme]{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary)}.hero__badge-arrow[data-astro-cid-lcdefpme]{margin-left:var(--space-1);color:var(--color-primary)}.section[data-astro-cid-lcdefpme]{padding:var(--space-12) 0}.section__title[data-astro-cid-lcdefpme]{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--color-text)}.section__lead[data-astro-cid-lcdefpme]{color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:720px;line-height:1.8}.about-section[data-astro-cid-lcdefpme]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.about-grid[data-astro-cid-lcdefpme]{gap:var(--space-10);grid-template-columns:1fr 340px;align-items:start;display:grid}.about-text[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.85;font-size:var(--text-base)}.about-text[data-astro-cid-lcdefpme] strong{color:var(--color-text)}.about-badges[data-astro-cid-lcdefpme]{gap:var(--space-5);padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);top:calc(var(--header-height) + var(--space-6));flex-direction:column;display:flex;position:sticky}.badge-item[data-astro-cid-lcdefpme]{align-items:flex-start;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:flex}.badge-item[data-astro-cid-lcdefpme]:first-child{border-top:none;padding-top:0}.badge-icon[data-astro-cid-lcdefpme]{border-radius:var(--radius-md);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.badge-icon[data-astro-cid-lcdefpme] svg{width:18px;height:18px}.badge-item[data-astro-cid-lcdefpme] strong[data-astro-cid-lcdefpme]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:2px;display:block}.badge-item[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0;line-height:1.5}.usecase-grid[data-astro-cid-lcdefpme]{gap:var(--space-6) var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.usecase-card[data-astro-cid-lcdefpme]{align-items:flex-start;gap:var(--space-4);display:flex}.usecase-icon[data-astro-cid-lcdefpme]{border-radius:var(--radius-md);background:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.usecase-icon[data-astro-cid-lcdefpme] svg{width:20px;height:20px}.usecase-body[data-astro-cid-lcdefpme]{min-width:0}.usecase-title[data-astro-cid-lcdefpme]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.usecase-desc[data-astro-cid-lcdefpme]{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.6}.featured-section[data-astro-cid-lcdefpme]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.featured-grid[data-astro-cid-lcdefpme]{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.featured-card[data-astro-cid-lcdefpme]{gap:var(--space-2);padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:inherit;transition:all var(--transition-md);flex-direction:column;text-decoration:none;display:flex;position:relative}.featured-card[data-astro-cid-lcdefpme]:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none;transform:translateY(-2px)}.featured-card__title[data-astro-cid-lcdefpme]{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);font-family:var(--font-mono)}.featured-card__desc[data-astro-cid-lcdefpme]{font-size:var(--text-xs);color:var(--color-text-secondary);flex:1;line-height:1.6}.featured-card__link[data-astro-cid-lcdefpme]{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-medium);margin-top:var(--space-1)}.featured-card__footer[data-astro-cid-lcdefpme]{margin-top:var(--space-1);justify-content:space-between;align-items:center;display:flex}.featured-card__badge[data-astro-cid-lcdefpme]{top:var(--space-3);right:var(--space-3);font-size:10px;font-weight:var(--font-bold);color:#fff;background:var(--color-primary);letter-spacing:.05em;border-radius:4px;padding:1px 6px;position:absolute}.categories-grid[data-astro-cid-lcdefpme]{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.category-card[data-astro-cid-lcdefpme]{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);color:inherit;transition:all var(--transition-md);flex-direction:column;text-decoration:none;display:flex}.category-card[data-astro-cid-lcdefpme]:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none;transform:translateY(-2px)}.category-card__icon[data-astro-cid-lcdefpme]{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.category-card__icon[data-astro-cid-lcdefpme] svg{width:24px;height:24px}.category-card__title[data-astro-cid-lcdefpme]{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text)}.category-card__desc[data-astro-cid-lcdefpme]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.category-card__count[data-astro-cid-lcdefpme]{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-medium);margin-top:auto}.features-section[data-astro-cid-lcdefpme]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.features-grid[data-astro-cid-lcdefpme]{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.feature-icon[data-astro-cid-lcdefpme]{width:40px;height:40px;margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.feature-icon[data-astro-cid-lcdefpme] svg{width:20px;height:20px}.feature-title[data-astro-cid-lcdefpme]{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-2)}.feature-desc[data-astro-cid-lcdefpme]{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.65}.tools-grid[data-astro-cid-lcdefpme]{gap:var(--space-4);display:grid}.tools-list-grid[data-astro-cid-lcdefpme]{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.all-tools-cta[data-astro-cid-lcdefpme]{text-align:center;margin-top:var(--space-6)}.faq-section[data-astro-cid-lcdefpme]{padding:var(--space-12) 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.faq-grid[data-astro-cid-lcdefpme]{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.faq-item[data-astro-cid-lcdefpme]{gap:var(--space-3);padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);align-items:flex-start;display:flex}.faq-item__icon[data-astro-cid-lcdefpme]{color:var(--color-primary);flex-shrink:0;margin-top:2px}.faq-item__q[data-astro-cid-lcdefpme]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.faq-item__a[data-astro-cid-lcdefpme]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.faq-more[data-astro-cid-lcdefpme]{text-align:center}.btn-outline[data-astro-cid-lcdefpme]{padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);transition:all var(--transition-md);text-decoration:none;display:inline-block}.btn-outline[data-astro-cid-lcdefpme]:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.pc-only[data-astro-cid-lcdefpme]{display:inline}@media (width<=1024px){.usecase-grid[data-astro-cid-lcdefpme],.featured-grid[data-astro-cid-lcdefpme],.features-grid[data-astro-cid-lcdefpme]{grid-template-columns:repeat(2,1fr)}.hero__content[data-astro-cid-lcdefpme]{align-items:stretch;gap:var(--space-10);flex-direction:column}.hero__text[data-astro-cid-lcdefpme]{max-width:100%}.hero__visual[data-astro-cid-lcdefpme]{width:100%;max-width:420px;margin:0 auto}}@media (width<=768px){.about-grid[data-astro-cid-lcdefpme]{grid-template-columns:1fr}.about-badges[data-astro-cid-lcdefpme]{position:static;top:auto}.categories-grid[data-astro-cid-lcdefpme],.tools-list-grid[data-astro-cid-lcdefpme],.usecase-grid[data-astro-cid-lcdefpme],.featured-grid[data-astro-cid-lcdefpme],.features-grid[data-astro-cid-lcdefpme],.faq-grid[data-astro-cid-lcdefpme]{grid-template-columns:1fr}.pc-only[data-astro-cid-lcdefpme]{display:none}}@media (width<=640px){.hero[data-astro-cid-lcdefpme]{padding:var(--space-10) 0}}