:root{--ink:#172039;--muted:#6c7890;--primary:#6050e9;--line:#e9edf5;--navy:#111b34;--wrap:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:0 auto}.skip-link{position:absolute;left:-999px;top:0;background:white;z-index:90}.skip-link:focus{left:15px}.site-header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff18;position:relative;z-index:5}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:830;letter-spacing:-1.3px;white-space:nowrap}.brand-light{color:#a9a1ff}.brand small{font-size:9px;letter-spacing:1px;color:#c3bdff;background:#ffffff14;border:1px solid #ffffff20;padding:4px 6px;border-radius:5px;margin-left:6px;vertical-align:middle}.brand-mark{display:inline-grid;place-items:center;background:#715cf0;width:35px;height:35px;border-radius:11px;color:white;font-size:23px}.main-nav{display:flex;align-items:center;gap:36px;color:#cbd3e4;font-size:13px;font-weight:600}.main-nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:12px}.nav-cta{background:#7360f4;color:white;border-radius:10px;padding:12px 18px;font-weight:760;font-size:12px}.nav-cta span{margin-left:10px}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff40;border-radius:8px;color:white;padding:8px 11px}.hero{background:#121e39;color:white;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;width:620px;height:620px;right:-110px;top:-245px;background:radial-gradient(circle,#443f9f66 0%,transparent 68%);pointer-events:none}.hero-layout{padding:78px 0 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff24;background:#ffffff0c;color:#d8dcfc;font-size:10px;font-weight:800;letter-spacing:1.1px;padding:9px 12px;border-radius:6px}.badge-dot{width:7px;height:7px;border-radius:50%;background:#63e2b7;box-shadow:0 0 10px #63e2b766}.hero-badge-divider{height:11px;width:1px;background:#ffffff44}.hero h1{font-size:clamp(46px,5.4vw,75px);letter-spacing:-3.5px;line-height:1.08;margin:24px 0 20px;font-weight:850}.hero-highlight{color:#a397ff}.hero-copy>p{max-width:540px;color:#b2bfd9;font-size:15px;line-height:1.85;margin:0 0 27px}.hero-search{background:white;display:flex;align-items:center;min-height:62px;padding:7px 7px 7px 17px;border-radius:12px;max-width:590px;gap:10px;box-shadow:0 12px 32px #070d2040}.search-symbol{font-size:31px;color:#7e8aa0;line-height:1}.hero-search input{border:0;outline:0;min-width:0;flex:1;color:#16233d;font-size:12px}.hero-search kbd{color:#919bb0;border:1px solid #e5e8ed;border-radius:4px;padding:4px 5px;font-size:9px;white-space:nowrap}.hero-search button{background:#6956ed;border:0;border-radius:8px;color:white;padding:14px;font-size:11px;font-weight:750;white-space:nowrap}.hero-hints{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:17px;font-size:11px;color:#a3b0c8}.hero-hints a{border:1px solid #3b4660;background:#ffffff08;color:#dee5f8;border-radius:6px;padding:7px 10px}.hero-trust{display:flex;flex-wrap:wrap;gap:17px;margin-top:31px;font-size:11px;color:#adb9ce}.hero-trust span::first-letter{color:#65dfb7}.hero-visual{background:#fff;border-radius:17px;border:1px solid #ffffff36;box-shadow:0 28px 75px #02071670;transform:rotate(1deg);overflow:hidden;color:#1a2541}.visual-top{height:49px;background:#f8f9fd;border-bottom:1px solid #e9edf5;padding:0 16px;display:flex;gap:10px;justify-content:space-between;align-items:center;color:#8d99ad;font-size:9px;font-weight:800;letter-spacing:.6px}.visual-dots{display:flex;gap:4px}.visual-dots i{width:8px;height:8px;border-radius:50%;background:#ffb6b6}.visual-dots i:nth-child(2){background:#ffda8a}.visual-dots i:nth-child(3){background:#9ce6c0}.visual-signal{color:#21a476}.visual-content{padding:28px}.visual-heading{font-weight:800;font-size:20px;letter-spacing:-.6px}.visual-desc{font-size:12px;color:#8894a9;margin:6px 0 20px}.visual-card{display:flex;align-items:center;gap:12px;border:1px solid #ecedf5;border-radius:11px;background:#fff;padding:14px}.visual-feature{box-shadow:0 8px 28px #20296311}.visual-card b{font-size:12px;display:block}.visual-card small{font-size:10px;color:#909ab0;display:block;margin-top:4px}.visual-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;font-size:20px;font-weight:760;flex-shrink:0}.vi-purple{background:#f0edff;color:#6855e8}.vi-green{background:#defaf0;color:#149769}.vi-blue{background:#e6f4ff;color:#3385d5}.visual-chevron{margin-left:auto;color:#7e66ed;font-weight:900}.visual-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.visual-mini-grid .visual-card{align-items:flex-start;flex-direction:column;gap:9px}.visual-mini-grid .visual-ic{width:35px;height:35px;font-size:15px}.visual-progress{border-radius:12px;background:#f6f5ff;padding:14px 17px;margin-top:15px}.visual-progress>span{display:block;font-size:9px;color:#8b7ac6;font-weight:850;letter-spacing:1px}.visual-progress>b{display:block;font-size:13px;margin:7px 0}.visual-progress>b span{float:right;color:#8777df}.visual-progress-bar{height:5px;border-radius:9px;background:#e6e1ff;overflow:hidden}.visual-progress-bar i{display:block;width:78%;height:100%;background:#7e69f4;border-radius:9px}.hero-bottom{border-top:1px solid #ffffff1b;padding:23px 0 28px;display:flex;align-items:center;gap:52px}.hero-bottom>div:not(.hero-bottom-note){display:flex;align-items:center;gap:11px}.hero-bottom strong{font-size:29px;letter-spacing:-1px}.hero-bottom span{font-size:11px;color:#aebad1}.hero-bottom-note{margin-left:auto;display:flex;flex-direction:column;gap:5px;text-align:right}.hero-bottom-note b{font-size:12px}.section{padding:76px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-label{font-size:10px;font-weight:830;letter-spacing:1.65px;color:#6958dd;display:flex;align-items:center;gap:8px;margin-bottom:13px}.label-line{height:2px;width:18px;background:#7863e7}.section h2{font-size:clamp(28px,3.5vw,38px);letter-spacing:-1.6px;line-height:1.2;font-weight:830;margin:0}.section-heading p{font-size:13px;color:#7d889c;margin:9px 0 0}.section-link{font-size:12px;color:#6050e9;font-weight:780;white-space:nowrap}.section-link span{margin-left:9px}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tool-card{border:1px solid #e9edf4;box-shadow:0 5px 16px #192b5010;min-height:184px;border-radius:15px;padding:21px;display:flex;flex-direction:column;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s;background:white}.tool-card:hover,.category-card:hover{transform:translateY(-4px);border-color:#bcb0f8;box-shadow:0 15px 35px #1e2c5518}.tool-icon,.category-icon,.directory-icon{display:grid;place-items:center;border-radius:12px;background:#f0eeff;color:#6853dd;font-size:24px;width:48px;height:48px}.tool-card-arrow{position:absolute;right:20px;top:20px;color:#a2acc0}.tool-card strong{font-size:14px;margin-top:15px;letter-spacing:-.2px}.tool-card small{font-size:11px;color:#828da1;margin-top:5px}.tool-tag{font-size:9px;font-weight:820;letter-spacing:.5px;color:#1b9e71;margin-top:auto;padding-top:17px}.cat-image-tools .tool-icon,.cat-image-tools .category-icon,.cat-image-tools.directory-icon,.cat-image-tools.tool-icon{background:#e9f2ff;color:#3e81cf}.cat-text-writing .tool-icon,.cat-text-writing .category-icon,.cat-text-writing.directory-icon,.cat-text-writing.tool-icon{background:#e5f8ee;color:#199c65}.cat-developer-tools .tool-icon,.cat-developer-tools .category-icon,.cat-developer-tools.directory-icon,.cat-developer-tools.tool-icon{background:#f0edff;color:#6855da}.cat-calculators .tool-icon,.cat-calculators .category-icon,.cat-calculators.directory-icon,.cat-calculators.tool-icon{background:#fff2de;color:#ce8a22}.cat-pdf-tools .tool-icon,.cat-pdf-tools .category-icon,.cat-pdf-tools.directory-icon,.cat-pdf-tools.tool-icon{background:#ffebea;color:#dc645b}.cat-seo-marketing .tool-icon,.cat-seo-marketing .category-icon,.cat-seo-marketing.directory-icon,.cat-seo-marketing.tool-icon{background:#e6f8fb;color:#1894a7}.cat-social-content .tool-icon,.cat-social-content .category-icon,.cat-social-content.directory-icon,.cat-social-content.tool-icon{background:#faedff;color:#aa58c6}.cat-business-productivity .tool-icon,.cat-business-productivity .category-icon,.cat-business-productivity.directory-icon,.cat-business-productivity.tool-icon{background:#e9f5ed;color:#4b9b54}.category-section{background:#f8f9fd}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-card{position:relative;border:1px solid #e9edf5;border-radius:15px;background:#fff;min-height:190px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;transition:all .2s}.category-arrow{position:absolute;top:22px;right:22px;color:#a1aec2}.category-card strong{font-size:15px;margin-top:19px}.category-description{font-size:11px;line-height:1.5;color:#8b96a8;margin-top:5px}.category-count{font-size:10px;color:#6656de;font-weight:800;margin-top:auto;padding-top:16px}.category-count span{margin-left:7px}.directory-section{background:white}.directory-shell{border:1px solid #e7ebf3;border-radius:18px;padding:19px;background:#fff;box-shadow:0 9px 34px #26355e0b}.directory-controls{display:flex;align-items:center;gap:12px;margin-bottom:19px}.directory-search-wrap{border:1px solid #e2e7f0;border-radius:9px;padding:0 13px;display:flex;align-items:center;gap:9px;flex:1;min-width:140px}.directory-search-wrap span{font-size:22px;color:#8490a5}.directory-search-wrap input{border:0;outline:0;height:47px;width:100%;font-size:12px;min-width:0}.directory-controls select{background:white;border:1px solid #e2e7f0;color:#394660;border-radius:9px;padding:14px;font-size:12px;max-width:210px}.live-only{display:flex;align-items:center;gap:8px;color:#68758d;font-size:12px;white-space:nowrap}.live-only input{accent-color:#715aec}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.directory-item{border:1px solid #edf0f5;border-radius:10px;display:flex;align-items:center;gap:12px;padding:12px;min-width:0}.directory-item[hidden]{display:none!important}.directory-icon{width:38px;height:38px;border-radius:9px;flex-shrink:0;font-size:18px}.directory-name{min-width:0;flex:1}.directory-name strong,.directory-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-name strong{font-size:12px}.directory-name small{font-size:10px;color:#95a0b1;margin-top:4px}.pill{font-size:10px;font-weight:730;white-space:nowrap;border-radius:7px;padding:7px 10px}.pill-live{color:#12855c;background:#e7f8ed}.pill-soon{color:#919aab;background:#f4f5f8}.no-results{text-align:center;color:#8b96a7;padding:20px}.feature-banner{background:linear-gradient(120deg,#172342,#252360);border-radius:22px;color:white;padding:47px 54px;display:flex;align-items:center;justify-content:space-between;gap:45px;overflow:hidden;position:relative}.feature-banner:after{position:absolute;content:'';width:300px;height:300px;right:-160px;top:-90px;border-radius:50%;background:#7863de44}.feature-banner>div{position:relative;z-index:1}.feature-banner h2{font-size:clamp(35px,4.5vw,50px);letter-spacing:-2px}.feature-banner h2 span{color:#aca0ff}.feature-banner p{font-size:13px;color:#bfc8df;line-height:1.8;max-width:380px}.feature-link{display:inline-block;background:#7966f6;color:white;padding:12px 17px;border-radius:8px;font-size:11px;font-weight:760;margin-top:12px}.feature-steps{min-width:325px;display:flex;flex-direction:column;gap:12px}.feature-steps>div{padding:13px 18px;display:grid;grid-template-columns:32px 1fr;gap:2px 12px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff0e}.feature-steps span{grid-row:span 2;color:#ac9aff;font-weight:860;font-size:12px}.feature-steps b{font-size:12px}.feature-steps small{color:#b8c3db;font-size:10px}.site-footer{background:#111b33;color:white;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer-grid>div{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.footer-grid p{color:#a6b1c9;font-size:12px;line-height:1.8}.footer-grid strong{font-size:12px;margin-bottom:6px}.footer-grid a:not(.brand){font-size:12px;color:#b3bdd1}.footer-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;border-top:1px solid #ffffff1a;font-size:11px;color:#a7b1c5}body:not(.home) .site-header{margin-bottom:0}body:not(.home) main{min-height:45vh}@media(max-width:980px){.hero-layout{gap:28px}.hero h1{font-size:52px}.hero-visual{transform:none}.hero-trust{gap:8px}.tools-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:17px}}@media(max-width:700px){.wrap{width:min(100% - 30px,1160px)}.nav{height:68px}.brand{font-size:21px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111b34;padding:20px;flex-direction:column;align-items:stretch}.main-nav.nav-open{display:flex}.menu-toggle{display:block}.nav-cta{display:none}.hero-layout{grid-template-columns:1fr;padding:53px 0 35px}.hero h1{font-size:clamp(43px,10vw,59px);letter-spacing:-2.7px}.hero-visual{max-width:510px;width:100%;margin:0 auto}.hero-bottom{gap:15px;justify-content:space-between;flex-wrap:wrap}.hero-bottom>div:not(.hero-bottom-note){flex-direction:column;align-items:flex-start;gap:1px}.hero-bottom-note{display:none}.section{padding:52px 0}.section-heading{align-items:flex-start}.directory-controls{flex-wrap:wrap}.directory-search-wrap{flex-basis:100%}.directory-controls select{flex:1;max-width:100%}.feature-banner{padding:30px;flex-direction:column;align-items:stretch}.feature-steps{min-width:0}.footer-grid{grid-template-columns:1.5fr 1fr;gap:35px}.footer-bottom{flex-wrap:wrap}}@media(max-width:430px){.hero-search kbd{display:none}.hero-search button{padding:13px 10px}.hero-search input{font-size:11px}.hero-trust{font-size:10px}.tools-grid,.category-grid,.directory-grid{grid-template-columns:1fr 1fr;gap:9px}.tool-card{min-height:157px;padding:14px}.tool-icon{width:39px;height:39px;font-size:20px}.tool-card strong{font-size:12px}.category-card{min-height:190px;padding:14px}.category-card strong{font-size:12px}.category-description{font-size:10px}.category-arrow{top:13px;right:13px}.directory-grid{grid-template-columns:1fr}.directory-controls select{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}}
