.hero{text-align:center;animation:rise .6s var(--ease) both;padding:40px 0 56px}.hero-badge{background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .5);color:var(--accent-hi);letter-spacing:.5px;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:700;animation:3s ease-in-out infinite badge-glow;display:inline-block;position:relative;overflow:hidden}.hero-badge:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#f5d27a59,#0000);width:40%;animation:3.5s ease-in-out infinite badge-sweep;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes badge-glow{0%,to{border-color:#e5a90080;box-shadow:0 0 6px #e5a90040,0 0 16px #e5a9001f}33%{border-color:#f5d27abf;box-shadow:0 0 9px #f2b90f66,0 0 24px #f2b90f33}66%{border-color:#f28c38b3;box-shadow:0 0 9px #f28c3866,0 0 24px #f28c3833}}@keyframes badge-sweep{0%,55%{left:-60%}to{left:130%}}.hero h1{letter-spacing:.01em;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:400}.hero-logo{aspect-ratio:1000/400;vertical-align:-.18em;background:linear-gradient(90deg, var(--accent), var(--accent-hi) 50%, var(--accent-soft));height:1.25em;display:inline-block;-webkit-mask:url(/img/logo-text.svg) 50%/contain no-repeat;mask:url(/img/logo-text.svg) 50%/contain no-repeat}.grad{background:linear-gradient(90deg, var(--accent), var(--accent-hi) 50%, var(--accent-soft));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:560px;margin:18px auto 0;font-size:1.15rem}.tools-title{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:20px;font-size:1.1rem;font-weight:700}.tools+.tools{margin-top:48px}.tools .tools-title{align-items:center;gap:10px;display:flex}.tools .tools-title:after{content:"";background:var(--border);flex:1;height:1px}.tools-count{text-align:center;letter-spacing:0;min-width:24px;color:var(--accent);background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .3);border-radius:999px;padding:2px 8px;font-size:.75rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.tool-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);animation:rise .55s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms + .15s);transition:transform .3s var(--ease), border-color .3s, box-shadow .3s;flex-direction:column;gap:9px;padding:20px;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(210px circle at var(--mx,50%) var(--my,50%), rgba(var(--violet-rgb), .18), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.tool-card:hover{border-color:var(--violet);transform:translateY(-4px);box-shadow:0 16px 40px #0006}.tool-card:hover:before{opacity:1}.tool-icon{background:rgba(var(--accent-rgb), .12);width:42px;height:42px;color:var(--accent);transition:transform .35s var(--ease), background .3s;border-radius:12px;place-items:center;display:grid}.tool-icon svg{width:22px;height:22px}.tool-card:hover .tool-icon{background:rgba(var(--accent-rgb), .2);transform:scale(1.1)rotate(-6deg)}.tool-card h3{font-size:1.08rem}.tool-card p{flex:1;font-size:.87rem;line-height:1.5}.tool-open{color:var(--accent);font-size:.85rem;font-weight:700}.tool-open span{transition:transform .25s var(--ease);display:inline-block}.tool-card:hover .tool-open span{transform:translate(5px)}