.tool-card[data-astro-cid-qkptn22r]{position:relative;display:flex;flex-direction:column;overflow:visible;border-radius:2px;padding:2rem 1.75rem 1.5rem;margin-top:12px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:2px 3px 0 var(--color-border),3px 5px 12px #00000012}.tool-card[data-astro-cid-qkptn22r]:before{content:"";position:absolute;top:-10px;left:18%;width:38%;height:18px;background:var(--color-techo-tape);transform:rotate(-1.5deg);z-index:3;border-radius:1px}.dark .tool-card[data-astro-cid-qkptn22r]{background:var(--color-slate-800);border-color:var(--color-white-10);box-shadow:2px 3px #ffffff0d,3px 5px 16px #00000059}.tool-card[data-astro-cid-qkptn22r]:hover{transform:translateY(-4px) rotate(.3deg);box-shadow:2px 3px 0 var(--color-border),4px 10px 20px #0000001a}.tool-card[data-astro-cid-qkptn22r]:hover .tool-card__gradient[data-astro-cid-qkptn22r]{opacity:1}.tool-card[data-astro-cid-qkptn22r]:hover .tool-card__icon[data-astro-cid-qkptn22r]{transform:rotate(-6deg) scale(1.05)}.tool-card[data-astro-cid-qkptn22r]:hover .tool-card__arrow[data-astro-cid-qkptn22r]{transform:translate(.25rem)}.tool-card[data-astro-cid-qkptn22r]:hover .tool-card__title[data-astro-cid-qkptn22r]{color:var(--color-brand)}.tool-card[data-astro-cid-qkptn22r][data-slug=shizai-calendar]:before{background:var(--color-techo-tape);transform:rotate(-1.5deg)}.tool-card[data-astro-cid-qkptn22r][data-slug=screen-checker]:before{background:var(--color-techo-tape-2);transform:rotate(1deg);left:22%;width:32%}.tool-card[data-astro-cid-qkptn22r][data-slug=screen-ruler]:before{background:#c4927a8c;transform:rotate(-.8deg);left:15%;width:42%}.tool-card__gradient[data-astro-cid-qkptn22r]{position:absolute;inset:0;z-index:-10;opacity:0;transition:opacity .4s;background:linear-gradient(160deg,color-mix(in srgb,var(--color-brand) 5%,transparent),transparent 60%)}.tool-card__icon[data-astro-cid-qkptn22r]{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;margin-bottom:1.25rem;border-radius:4px;font-size:1.5rem;transition:transform .4s ease;background-color:transparent;color:var(--color-brand);border:1.5px solid var(--color-brand);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-brand) 15%,transparent)}.dark .tool-card__icon[data-astro-cid-qkptn22r]{color:var(--color-techo-rose);border-color:var(--color-techo-rose);box-shadow:inset 0 0 0 2px #c4927a33}.tool-card[data-astro-cid-qkptn22r][data-slug=screen-checker] .tool-card__icon[data-astro-cid-qkptn22r]{color:var(--color-techo-sage);border-color:var(--color-techo-sage);box-shadow:inset 0 0 0 2px #8fa68c33}.tool-card[data-astro-cid-qkptn22r][data-slug=screen-ruler] .tool-card__icon[data-astro-cid-qkptn22r]{color:var(--color-techo-rose);border-color:var(--color-techo-rose);box-shadow:inset 0 0 0 2px #c4927a33}.tool-card__title[data-astro-cid-qkptn22r]{margin-bottom:.5rem;padding-bottom:.625rem;font-size:1.25rem;font-weight:700;color:var(--color-dark);transition:color .15s ease;border-bottom:1px solid var(--color-border)}.dark .tool-card__title[data-astro-cid-qkptn22r]{color:var(--color-gray-100);border-bottom-color:var(--color-white-10)}.tool-card__desc[data-astro-cid-qkptn22r]{flex-grow:1;margin-top:.75rem;line-height:1.7;font-size:.9375rem;color:var(--color-gray-600)}.dark .tool-card__desc[data-astro-cid-qkptn22r]{color:var(--color-gray-300)}.tool-card__action[data-astro-cid-qkptn22r]{margin-top:1.25rem;padding-top:1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand);border-top:1px dashed var(--color-border)}.dark .tool-card__action[data-astro-cid-qkptn22r]{border-top-color:var(--color-white-10)}.tool-card__arrow[data-astro-cid-qkptn22r]{width:1.125rem;height:1.125rem;transition:transform .3s}.tools-hero[data-astro-cid-qkptn22r]{position:relative;overflow:hidden;padding-top:5rem;padding-bottom:5rem}@media(min-width:768px){.tools-hero[data-astro-cid-qkptn22r]{padding-top:8rem;padding-bottom:8rem}}.tools-hero__bg[data-astro-cid-qkptn22r]{position:absolute;inset:0;z-index:-10;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-brand) 5%,transparent),transparent)}.tools-hero__glow[data-astro-cid-qkptn22r]{position:absolute;top:0;left:50%;z-index:-10;height:400px;width:800px;transform:translate(-50%);border-radius:9999px;background-color:color-mix(in srgb,var(--color-brand) 5%,transparent);filter:blur(120px)}.tools-hero__content[data-astro-cid-qkptn22r]{max-width:1280px;padding-left:1.5rem;padding-right:1.5rem;margin-left:auto;margin-right:auto;text-align:center}.tools-hero__title[data-astro-cid-qkptn22r]{color:var(--color-dark);margin-bottom:2rem;font-size:2.25rem;line-height:1.2;font-weight:900;letter-spacing:-.05em}.dark .tools-hero__title[data-astro-cid-qkptn22r]{color:var(--color-gray-100)}@media(min-width:768px){.tools-hero__title[data-astro-cid-qkptn22r]{font-size:4.5rem}}.tools-hero__subtitle[data-astro-cid-qkptn22r]{margin:0 auto;max-width:42rem;font-size:1.25rem;color:var(--color-gray-600)}.dark .tools-hero__subtitle[data-astro-cid-qkptn22r]{color:var(--color-gray-400)}@media(min-width:768px){.tools-hero__subtitle[data-astro-cid-qkptn22r]{font-size:1.5rem}}.tools-grid-section[data-astro-cid-qkptn22r]{max-width:1280px;padding-left:1.5rem;padding-right:1.5rem;margin-left:auto;margin-right:auto;margin-bottom:5rem}.tools-grid[data-astro-cid-qkptn22r]{display:grid;gap:2rem}@media(min-width:768px){.tools-grid[data-astro-cid-qkptn22r]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tools-grid[data-astro-cid-qkptn22r]{grid-template-columns:repeat(3,1fr)}}.tool-card[data-astro-cid-qkptn22r]{overflow:visible;padding-top:2.5rem}.tool-card[data-astro-cid-qkptn22r]:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:80px;height:28px;background:var(--color-techo-tape);opacity:.85;border-radius:3px;z-index:2}.tool-card[data-astro-cid-qkptn22r][data-slug=screen-checker]:before{background:var(--color-techo-tape-2);transform:translate(-50%) rotate(1deg)}.tool-card[data-astro-cid-qkptn22r][data-slug=screen-ruler]:before{background:var(--color-techo-sage);transform:translate(-50%) rotate(-.5deg)}