.tools-landing{--tools-cta-bg:#c8ddb8;--tools-cta-bg-hover:#b7d4a9;--tools-cta-fg:#2f5424;--tools-landing-ease-out:cubic-bezier(0.2,0.8,0.2,1);--tools-landing-ease-fluid:cubic-bezier(0.16,1,0.3,1);--tools-landing-shadow-sm:0 1px 2px rgba(20,19,15,0.04),0 1px 1px rgba(20,19,15,0.03);--tools-landing-shadow-md:0 6px 18px -8px rgba(20,19,15,0.1),0 2px 4px rgba(20,19,15,0.04);--tools-landing-shadow-lg:0 24px 48px -24px rgba(20,19,15,0.18),0 8px 16px -8px rgba(20,19,15,0.06);--tools-landing-parchment:#fafaf8;--tools-landing-sage-50:#ecf4e9;--tools-landing-sage-100:#daead3;--tools-landing-sage-200:#b7d4a9;--tools-landing-sage-400:#6fa063;--tools-landing-sage-700:#3d6b2f;--tools-landing-lav-50:#f3edfc;--tools-landing-lav-100:#e8ddf8;--tools-landing-lav-200:#dcc8f5;--tools-landing-lav-300:#c2a6ec;--tools-landing-lav-700:#5a4a85;--tools-landing-amber-100:#fef3c7;--tools-landing-amber-200:#fde68a;--tools-landing-amber-600:#d9a23a;--tools-landing-amber-700:#b54708;--tools-landing-muted:#6e6451;background:var(--tools-landing-parchment)}.tools-hero{position:relative;overflow:hidden;min-height:calc(100svh - 58px);display:flex;align-items:center;padding:72px clamp(1.5rem,4vw,2.5rem) 52px}.tools-hero:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(78% 62% at 10% 15%,color-mix(in oklab,var(--tools-landing-sage-50) 72%,transparent),transparent 78%),radial-gradient(52% 42% at 92% 82%,color-mix(in oklab,var(--tools-landing-lav-100) 52%,transparent),transparent 72%),radial-gradient(38% 32% at 58% 4%,color-mix(in oklab,var(--tools-landing-lav-50) 48%,transparent),transparent 64%),radial-gradient(42% 48% at 4% 90%,color-mix(in oklab,var(--tools-landing-sage-100) 32%,transparent),transparent 68%);animation:tools-mesh-breathe 28s ease-in-out infinite alternate}.tools-hero-noise{inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E")}.tools-blob,.tools-hero-noise{position:absolute;z-index:1;pointer-events:none}.tools-blob{will-change:transform}.tools-blob-1{width:500px;height:440px;background:var(--tools-landing-sage-100);border-radius:62% 38% 70% 30%/48% 62% 38% 52%;opacity:.38;top:-130px;right:-90px;animation:tools-blob-drift-1 20s ease-in-out infinite alternate}.tools-blob-2{width:310px;height:270px;background:var(--tools-landing-lav-100);border-radius:40% 60% 45% 55%/55% 40% 60% 45%;opacity:.44;bottom:-65px;right:210px;animation:tools-blob-drift-2 16s ease-in-out infinite alternate}.tools-blob-3{width:200px;height:180px;background:var(--tools-landing-lav-50);border-radius:55% 45% 50% 50%/45% 55% 45% 55%;opacity:.5;top:36%;left:-52px;animation:tools-blob-drift-3 24s ease-in-out infinite alternate}.tools-hero-content{position:relative;z-index:2;max-width:1180px;width:100%;margin:0 auto;display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}.tools-hero-left{display:flex;flex-direction:column;gap:20px}.tools-cta-primary{height:44px;padding:0 20px;border-radius:12px;font-size:14px;font-weight:600;background:var(--tools-cta-bg);color:var(--tools-cta-fg);border:1px solid color-mix(in oklab,var(--tools-sage-l) 55%,var(--tools-border));display:inline-flex;align-items:center;gap:7px;box-shadow:var(--tools-landing-shadow-md);transition:background .15s,transform 80ms,box-shadow .15s;text-decoration:none}.tools-cta-primary:hover{background:var(--tools-cta-bg-hover);box-shadow:var(--tools-landing-shadow-lg)}.tools-cta-primary:active{transform:translateY(1px)}.tools-cta-outline{height:44px;padding:0 20px;border-radius:12px;font-size:14px;font-weight:500;background:transparent;color:var(--tools-text);border:1.5px solid var(--tools-border);display:inline-flex;align-items:center;transition:background .15s,border-color .15s;text-decoration:none}.tools-cta-outline:hover{background:var(--tools-surface-2);border-color:var(--tools-sage-l)}.tools-hero-cta-row{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.tools-hero-desktop-visual{display:flex;justify-content:flex-end;position:relative}.tools-hero-desktop-visual:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(90,190,120,.14) 0,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.tools-hero-desktop-visual>*{position:relative;z-index:1}.tools-tools-section{padding:8px clamp(1.5rem,4vw,2.5rem) 72px}.tools-tools-inner{max-width:1180px;margin:0 auto}.tools-tools-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px}.tools-section-eyebrow{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--tools-landing-muted)}.tools-filter-tabs{display:flex;align-items:center;gap:3px;background:var(--tools-surface-2);border-radius:9999px;padding:3px}.tools-filter-tab{height:28px;padding:0 14px;border-radius:9999px;font-size:12.5px;font-weight:500;color:var(--tools-landing-muted);background:transparent;border:none;cursor:pointer;transition:color .14s,background .14s,box-shadow .14s;white-space:nowrap}.tools-filter-tab:hover:not(.active){color:var(--tools-text)}.tools-filter-tab.active{background:var(--tools-text);color:white;box-shadow:var(--tools-landing-shadow-sm)}.tools-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tools-tool-card{position:relative;overflow:hidden;background:var(--tools-surface);border-radius:20px;padding:22px;display:flex;flex-direction:column;cursor:pointer;box-shadow:var(--tools-landing-shadow-sm),0 0 0 1px var(--tools-border);transition:box-shadow .22s var(--tools-landing-ease-out),transform .12s,background .22s,opacity .5s var(--tools-landing-ease-fluid),translate .5s var(--tools-landing-ease-fluid);text-decoration:none;color:var(--tools-text)}.tools-tool-card:hover{transform:translateY(-3px)}.tools-tool-card.cat-anki:hover{background:var(--tools-landing-sage-50);box-shadow:0 0 0 1.5px var(--tools-landing-sage-200),var(--tools-landing-shadow-lg)}.tools-tool-card.cat-ai:hover{background:var(--tools-landing-lav-50);box-shadow:0 0 0 1.5px var(--tools-landing-lav-200),var(--tools-landing-shadow-lg)}.tools-tool-card.cat-prod:hover{background:color-mix(in oklab,var(--tools-landing-amber-100) 28%,white);box-shadow:0 0 0 1.5px color-mix(in oklab,var(--tools-landing-amber-200) 80%,var(--tools-border)),var(--tools-landing-shadow-lg)}.tools-tool-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .2s}.tools-tool-card:hover:after{opacity:1}.tools-tool-card.cat-anki:after{background:var(--tools-landing-sage-400)}.tools-tool-card.cat-ai:after{background:var(--tools-landing-lav-300)}.tools-tool-card.cat-prod:after{background:var(--tools-landing-amber-600)}.tools-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.tools-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tools-tool-card.cat-anki .tools-card-icon{background:var(--tools-landing-sage-100);color:var(--tools-landing-sage-700)}.tools-tool-card.cat-ai .tools-card-icon{background:var(--tools-landing-lav-100);color:var(--tools-landing-lav-700)}.tools-tool-card.cat-prod .tools-card-icon{background:var(--tools-landing-amber-100);color:var(--tools-landing-amber-700)}.tools-card-badge{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;padding:3px 8px;border-radius:9999px}.tools-tool-card.cat-anki .tools-card-badge{background:var(--tools-landing-sage-100);color:var(--tools-landing-sage-700)}.tools-tool-card.cat-ai .tools-card-badge{background:var(--tools-landing-lav-100);color:var(--tools-landing-lav-700)}.tools-tool-card.cat-prod .tools-card-badge{background:var(--tools-landing-amber-100);color:var(--tools-landing-amber-700)}.tools-card-title{font-family:var(--font-serif);font-style:italic;font-size:1.2rem;line-height:1.2;letter-spacing:-.015em;margin-bottom:7px}.tools-card-desc{font-size:13px;line-height:1.68;font-weight:300;color:var(--tools-landing-muted);flex:1;text-wrap:pretty}.tools-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:16px;border-top:1px solid var(--tools-border)}.tools-card-open{font-size:13px;font-weight:500;color:var(--tools-landing-muted);display:inline-flex;align-items:center;gap:4px;transition:color .14s}.tools-tool-card:hover .tools-card-open{color:var(--tools-text)}.tools-card-open-icon{width:13px;height:13px;transition:transform .15s var(--tools-landing-ease-out)}.tools-tool-card:hover .tools-card-open-icon{transform:translateX(4px)}.tools-hero-mobile-visual{display:none}@keyframes tools-mesh-breathe{0%{transform:scale(1) translate(0);opacity:1}50%{transform:scale(1.03) translate(1%,.5%);opacity:.9}to{transform:scale(1) translate(-.5%,1%);opacity:1}}@keyframes tools-blob-drift-1{0%{transform:translate(0) rotate(0deg);border-radius:62% 38% 70% 30%/48% 62% 38% 52%}to{transform:translate(-28px,22px) rotate(6deg);border-radius:50% 50% 55% 45%/58% 42% 55% 45%}}@keyframes tools-blob-drift-2{0%{transform:translate(0) rotate(0deg)}to{transform:translate(22px,-28px) rotate(-9deg);border-radius:55% 45% 40% 60%/45% 60% 40% 55%}}@keyframes tools-blob-drift-3{0%{transform:translate(0) rotate(0deg)}to{transform:translate(18px,32px) rotate(14deg);border-radius:48% 52% 58% 42%/52% 48% 52% 48%}}@keyframes tools-heatmap-in{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.tools-heatmap-cell-animate{transform-origin:bottom;animation:tools-heatmap-in .35s var(--tools-landing-ease-fluid) forwards;opacity:0}@media (max-width:1024px){.tools-hero-content{grid-template-columns:1fr;gap:40px}.tools-hero-desktop-visual{display:none}.tools-hero-mobile-visual{display:block}.tools-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tools-hero{padding:48px 20px 40px;min-height:auto}.tools-tools-section{padding-inline:20px}.tools-tools-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tools-blob,.tools-heatmap-cell-animate,.tools-hero:before{animation:none!important;opacity:1!important;transform:none!important}}