body{background:var(--white);overflow-x:hidden}.logo{font-size:1.15rem}.logo-mark{width:28px;height:28px;border-radius:7px;font-size:.75rem}.nav-badge{font-size:.72rem;font-weight:600;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;padding:.25rem .75rem;border-radius:999px}.hero{padding:2rem 2.5rem 1.2rem;max-width:1100px;margin:0 auto;text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:500;color:var(--sub);border:1px solid var(--border);padding:.3rem .85rem;border-radius:999px;background:var(--off);margin-bottom:1.4rem;animation:fadeUp .4s ease both}.dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1{font-family:var(--display);font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:800;line-height:.97;letter-spacing:-.05em;color:var(--text);margin-bottom:.9rem;animation:fadeUp .4s .07s ease both}.h1-grad{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:.95rem;color:var(--sub);line-height:1.55;max-width:480px;margin:0 auto 1.6rem;animation:fadeUp .4s .14s ease both}.trust-strip{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;margin:0 auto 1.2rem;max-width:600px;animation:fadeUp .4s .21s ease both}.trust-item{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--sub)}.trust-item strong{color:var(--text);font-weight:600}.tools-section{padding:0 2.5rem;max-width:1100px;margin:0 auto 2rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:20px;overflow:hidden;max-width:1100px;margin:0 auto;animation:fadeUp .5s .2s ease both}.tool-card{background:#fff;padding:2rem 1.8rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.8rem;position:relative;overflow:hidden;min-height:190px;transition:background .25s}.tool-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;z-index:0}.tool-card:nth-child(1):before{background:linear-gradient(135deg,#fff7ed,#fed7aa)}.tool-card:nth-child(2):before{background:linear-gradient(135deg,#fdf4ff,#e9d5ff)}.tool-card:nth-child(3):before{background:linear-gradient(135deg,#f0fdfa,#a7f3d0)}.tool-card:nth-child(4):before{background:linear-gradient(135deg,#eff6ff,#bfdbfe)}.tool-card:nth-child(5):before{background:linear-gradient(135deg,#fefce8,#fef08a)}.tool-card:nth-child(6):before{background:linear-gradient(135deg,#fff1f2,#fecdd3)}.tool-card:hover:before{opacity:1}.tool-card:after{content:"";position:absolute;top:1.6rem;right:1.8rem;font-size:1rem;color:var(--text);opacity:0;transform:translate(-4px,4px);transition:all .2s;z-index:1}.tool-card:hover:after{opacity:1;transform:translate(0)}.tool-card>*{position:relative;z-index:1}.tool-icon-wrap{width:46px;height:46px;background:var(--off);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:transform .2s,box-shadow .2s}.tool-card:hover .tool-icon-wrap{transform:scale(1.07);box-shadow:0 4px 16px #0000001a}.tool-name{font-family:var(--display);font-size:1rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.tool-desc{font-size:.8rem;color:var(--sub);line-height:1.5}.tool-chip{font-size:.63rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sub);background:var(--off);border:1px solid var(--border);padding:.18rem .55rem;border-radius:999px;width:fit-content;margin-top:auto}footer{border-top:1px solid var(--border);padding:1.2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;margin-top:4rem}.footer-copy{font-size:.75rem;color:var(--sub)}.footer-links{display:flex;gap:1.2rem}.footer-links a{font-size:.75rem;color:var(--sub);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr 1fr}h1{font-size:2.4rem}.hero{padding:2.5rem 1.2rem 1.5rem}nav{padding:0 1.2rem}footer{padding:1rem 1.2rem}.trust-strip{gap:1.2rem}}@media (max-width: 480px){.tools-grid{grid-template-columns:1fr}}