:root{--ink-900:#1d2534;--ink-700:#42506b;--ink-500:#667792;--line:#d8deea;--paper:#fffdf7c7;--paper-strong:#ffffffe0;--teal:#18657f;--teal-soft:#e2f3f8;--sun:#f2b451;--sun-soft:#fff0d5;--font-body:"Sora", "Trebuchet MS", "Segoe UI", sans-serif;--font-display:"Fraunces", "Palatino Linotype", serif}*{box-sizing:border-box}body{min-height:100svh;font-family:var(--font-body);color:var(--ink-700);background:radial-gradient(circle at 12% 5%,#f2b45157,#0000 35%),radial-gradient(circle at 86% 14%,#18657f42,#0000 34%),linear-gradient(170deg,#fbf5e9 0%,#f4f9fd 55%,#edf4f8 100%);margin:0;font-size:17px;line-height:1.55}#app{min-height:100svh}.page-shell{width:min(1100px,92vw);margin:0 auto;padding:56px 0 72px}.hero{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;padding:clamp(28px,5vw,54px);animation:.7s ease-out both rise-in;box-shadow:0 30px 50px #1e324a14}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--teal);margin:0 0 14px;font-size:.72rem;font-weight:700}h1{font-family:var(--font-display);color:var(--ink-900);max-width:16ch;margin:0;font-size:clamp(2.1rem,4.7vw,3.6rem);line-height:1.04}.intro{max-width:58ch;margin:18px 0 0}.directory{margin-top:clamp(26px,4vw,42px)}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.tool-card{animation:.55s ease-out both card-in;animation-delay:var(--delay,0s)}.tool-link{min-height:198px;color:inherit;background:var(--paper-strong);border:1px solid #18657f33;border-radius:18px;flex-direction:column;justify-content:space-between;padding:18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.tool-link:hover{border-color:#18657f73;transform:translateY(-4px);box-shadow:0 12px 24px #27405a1f}.tool-link:focus-visible{outline:3px solid var(--sun);outline-offset:1px}.tool-head{justify-content:space-between;align-items:start;gap:12px;display:flex}h2{color:var(--ink-900);margin:0;font-size:1.15rem;line-height:1.2}.open-label{color:var(--teal);background:var(--teal-soft);border:1px solid #18657f33;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.78rem;font-weight:600}.tool-link p{margin:12px 0}.tool-link footer{color:var(--ink-500);margin-top:10px;font-size:.87rem}.validation-note,.empty-state{border:1px dashed var(--line);background:var(--sun-soft);border-radius:14px;margin:16px 0 0;padding:12px 14px;font-size:.94rem}@media (width<=760px){body{font-size:16px}.page-shell{width:min(100%,92vw);padding:30px 0 48px}.tool-link{min-height:182px}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}