*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121a;--border:#ffffff14;--text:#f0f0f5;--muted:#8888a0;--radius:16px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5}.page{flex-direction:column;align-items:center;min-height:100dvh;padding:0 24px;display:flex}.hero{text-align:center;width:100%;max-width:640px;padding:52px 0 40px}.hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:600}.hero__title{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.15}.hero__sub{color:var(--muted);font-size:1rem}.tools{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;width:100%;max-width:1024px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;gap:16px;padding:28px;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";border-radius:var(--radius);background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--accent,#6366f1) 12%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.tool-card:hover{border-color:color-mix(in srgb, var(--accent,#6366f1) 50%, transparent);background:color-mix(in srgb, var(--surface) 90%, var(--accent,#6366f1) 10%);transform:translateY(-2px)}.tool-card__icon img{display:block}.tool-card__body{flex:1}.tool-card__tagline{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--accent,#6366f1) 80%, var(--text));margin-bottom:6px;font-size:11px;font-weight:600}.tool-card__name{letter-spacing:-.01em;margin-bottom:10px;font-size:1.2rem;font-weight:700}.tool-card__desc{color:var(--muted);font-size:.875rem;line-height:1.6}.tool-card__arrow{color:var(--muted);align-self:flex-end;font-size:1.1rem;transition:color .2s,transform .2s}.tool-card:hover .tool-card__arrow{color:var(--accent,#6366f1);transform:translate(3px)}.footer{color:var(--muted);margin-top:auto;padding:40px 0 32px;font-size:.8rem}@media (width<=480px){.hero{padding:36px 0 28px}.tools{grid-template-columns:1fr}}