.hero{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:20px;padding:80px 40px 48px;display:flex;position:relative}.hero__badge{color:var(--accent-indigo);letter-spacing:.02em;animation:fadeIn .6s var(--ease) both;background:#6366f114;border:1px solid #6366f126;border-radius:30px;align-items:center;gap:6px;padding:6px 16px;font-size:.7rem;font-weight:600;display:inline-flex}.hero__title{animation:fadeIn .6s var(--ease) .1s both;flex-direction:column;gap:8px;display:flex}.hero__logo{letter-spacing:-.05em;color:var(--text-primary);font-size:3.5rem;font-weight:900;line-height:1}.hero__logo .dot{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{letter-spacing:-.03em;color:var(--text-secondary);font-size:1.6rem;font-weight:700;line-height:1.3}.hero__desc{max-width:520px;color:var(--text-tertiary);animation:fadeIn .6s var(--ease) .2s both;font-size:.9rem;line-height:1.6}.hero__desc strong{color:var(--text-secondary)}.tools-grid{z-index:1;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto;padding:0 40px 24px;display:grid;position:relative}.tool-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-card);border-radius:var(--r-card);color:inherit;transition:all var(--t-normal) var(--ease);animation:fadeIn .6s var(--ease) .3s both;flex-direction:column;gap:16px;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:nth-child(2){animation-delay:.4s}.tool-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.tool-card:hover{background:var(--bg-card-hover);border-color:var(--border-card-hover);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.tool-card__icon-area{justify-content:space-between;align-items:center;display:flex}.tool-card__icon{width:56px;height:56px;color:var(--accent-indigo);transition:all var(--t-normal) var(--ease);background:#6366f11a;border-radius:16px;justify-content:center;align-items:center;display:flex}.tool-card__icon--wm{color:var(--accent-violet);background:#a855f71a}.tool-card:hover .tool-card__icon{background:#6366f12e;transform:scale(1.05)}.tool-card:hover .tool-card__icon--wm{background:#a855f72e}.tool-card__badge{text-transform:uppercase;letter-spacing:.1em;color:#34d399;background:#34d3991a;border:1px solid #34d39926;border-radius:6px;padding:3px 10px;font-size:.6rem;font-weight:700}.tool-card__title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.2rem;font-weight:800}.tool-card__desc{color:var(--text-secondary);margin-top:-4px;font-size:.82rem;line-height:1.5}.tool-card__features{flex-direction:column;gap:6px;margin-top:auto;list-style:none;display:flex}.tool-card__features li{color:var(--text-tertiary);padding-left:18px;font-size:.75rem;position:relative}.tool-card__features li:before{content:"✓";color:var(--accent-indigo);font-size:.7rem;font-weight:700;position:absolute;left:0}.tool-card__cta{color:var(--accent-indigo);transition:gap var(--t-normal) var(--ease);align-items:center;gap:6px;margin-top:8px;font-size:.82rem;font-weight:700;display:flex}.tool-card:hover .tool-card__cta{gap:10px}.features{z-index:1;max-width:900px;animation:fadeIn .6s var(--ease) .5s both;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 auto;padding:0 40px 24px;display:grid;position:relative}.feature{text-align:center;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:var(--r-btn);transition:all var(--t-normal) var(--ease);flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.feature:hover{border-color:var(--border-card-hover);background:var(--bg-card-hover)}.feature__icon{color:var(--accent-indigo);opacity:.7}.feature__title{color:var(--text-primary);font-size:.8rem;font-weight:700}.feature__desc{color:var(--text-tertiary);font-size:.68rem;line-height:1.4}.landing-footer{padding:20px 40px 28px}@media (width<=768px){.hero{padding:48px 24px 32px}.hero__logo{font-size:2.5rem}.hero__subtitle{font-size:1.2rem}.tools-grid{grid-template-columns:1fr;padding:0 24px 20px}.features{grid-template-columns:1fr 1fr;padding:0 24px 20px}}@media (width<=480px){.hero{padding:36px 16px 24px}.hero__logo{font-size:2rem}.tools-grid{padding:0 16px 16px}.features{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}.tool-card{padding:22px}}