.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a12b8;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}.header__inner{gap:24px;justify-content:space-between;min-height:72px}.header__brand,.header__inner{align-items:center;display:flex}.header__brand{color:var(--color-text);font-size:1.125rem;font-weight:700;gap:5px;letter-spacing:-.02em}.header__logo{height:40px;-o-object-fit:contain;object-fit:contain;width:40px}.header__name{color:var(--color-text);font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.header__nav{align-items:center;display:flex;gap:24px}.header__nav a{color:var(--color-text-soft);font-size:.95rem;transition:color .2s ease}.header__nav a:hover{color:var(--color-text)}.header__button{align-items:center;background:var(--color-accent);border-radius:999px;color:#08111f;display:inline-flex;font-weight:600;justify-content:center;min-height:42px;padding:0 18px}@media(max-width:768px){.header__nav{display:none}}.hero{padding:64px 0 24px;position:relative}.hero:before{background:radial-gradient(circle at top,rgba(73,127,255,.1),transparent 40%),radial-gradient(circle at center,rgba(0,212,255,.04),transparent 45%);content:"";inset:0;pointer-events:none;position:absolute}.hero .container{position:relative;z-index:1}.hero__content{align-items:flex-start;display:flex;flex-direction:column;max-width:640px;text-align:left;width:100%}.hero__title{font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.04em;line-height:1.08;width:100%}.hero__text{color:var(--color-text-soft);font-size:1rem;line-height:1.6;margin-top:16px;width:100%}.hero__search{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;display:flex;gap:10px;margin-top:24px;min-height:56px;padding:0 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.hero__search:focus-within{border-color:#6b8cff80;box-shadow:0 0 0 4px #6b8cff14}.hero__search input{background:transparent;border:0;color:var(--color-text);font-size:.95rem;outline:0;width:100%}.hero__search input::-moz-placeholder{color:var(--color-text-muted)}.hero__search input::placeholder{color:var(--color-text-muted)}.hero__search-icon{color:var(--text-color);opacity:.7}@media(max-width:768px){.hero{padding:56px 0 20px}.hero__content{align-items:center;margin:0 auto;max-width:100%;text-align:center}.hero__search,.hero__text,.hero__title{width:100%}.hero__title{font-size:clamp(1.8rem,7vw,2.4rem)}.hero__text{font-size:.95rem}}.filters{padding:12px 0 20px}.filters__inner{gap:22px}.filters__group,.filters__inner{display:flex;flex-direction:column}.filters__group{gap:12px}.filters__label{color:var(--color-text-muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.filters__row{display:flex;flex-wrap:wrap;gap:12px}.filters__chip{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-soft);cursor:pointer;min-height:42px;padding:0 16px;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.filters__chip:hover{border-color:#6b8cff66;color:var(--color-text);transform:translateY(-1px)}.filters__chip--active{background:#6b8cff24;border-color:#6b8cff80;color:var(--color-text)}.tool-grid-section{padding:40px 0 80px}.section-heading{align-items:end;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.section-heading__eyebrow{color:var(--color-text-muted);display:inline-block;font-size:.75rem;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.section-heading__count{color:var(--color-text-muted);font-size:.95rem}.tool-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.tool-card{background:linear-gradient(180deg,#0c1421f5,#080e18);border:1px solid var(--color-border);border-radius:22px;display:flex;flex-direction:column;min-height:280px;padding:22px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tool-card__body{display:flex;flex:1;flex-direction:column}.tool-card:hover{border-color:#6b8cff73;box-shadow:0 12px 28px #00000047;transform:translateY(-3px)}.tool-card__header{align-items:flex-start;display:flex;gap:14px}.tool-card__icon{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.04);border-radius:16px;display:grid;flex-shrink:0;height:54px;place-items:center;width:54px}.tool-card__icon img{height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.tool-card__header-content{min-width:0}.tool-card__title{display:-webkit-box;font-size:1.45rem;line-clamp:1;-webkit-line-clamp:1;line-height:1.1;margin:0;-webkit-box-orient:vertical;overflow:hidden}.tool-card__tagline{font-size:.98rem;line-height:1.4;margin-top:8px;min-height:2.8em}.tool-card__description,.tool-card__tagline{color:var(--color-text-soft);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card__description{font-size:1rem;line-height:1.55;margin-top:20px}.tool-card__meta{align-content:flex-start;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;min-height:76px;padding-bottom:1rem}.tool-card__pill{align-items:center;background:#ffffff08;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-soft);display:inline-flex;font-size:.82rem;justify-content:center;line-height:1.2;min-height:32px;padding:0 12px;text-align:center}.tool-card__footer{margin-top:auto;padding-top:.75rem}.tool-card__link{align-items:center;color:var(--text-color);display:inline-flex;font-weight:500;gap:.45rem;text-decoration:none;transition:color .2s ease,transform .2s ease}.tool-card__arrow{flex-shrink:0;transition:transform .2s ease,color .2s ease}.tool-card__link:hover{color:#4f7cff}.tool-card__link:hover .tool-card__arrow{transform:translate(2px,-2px)}@media(max-width:980px){.tool-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.section-heading{align-items:flex-start;flex-direction:column}.tool-grid{grid-template-columns:1fr}.tool-card,.tool-card__meta{min-height:auto}}.tool-grid__empty{color:var(--color-text-soft);padding:32px 0}.footer{border-top:1px solid var(--color-border);padding:24px 0 32px}.footer__inner{align-items:center;display:flex;justify-content:space-between}.footer__left{color:var(--color-text-muted);font-size:.9rem}.footer__right{align-items:center;display:flex;font-size:.9rem;gap:6px}.footer__label{color:var(--color-text-muted)}.footer__link{color:var(--color-text);text-decoration:none;transition:color .2s ease,opacity .2s ease}.footer__link:hover{color:var(--color-accent)}@media(max-width:640px){.footer__inner{align-items:flex-start;flex-direction:column;gap:8px}}