:root{--background:#f4f8f7;--surface:#fff;--surface-soft:#edf6f4;--text:#142321;--muted:#687976;--border:#dbe7e4;--primary:#109b8e;--primary-dark:#08776e;--primary-light:#dff4f0;--blue:#276fc5;--blue-light:#e8f2ff;--green:#14775f;--green-light:#e3f6ed;--shadow-small:0 5px 20px #173a360f;--shadow-large:0 18px 48px #173a361f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #109b8e1a, transparent 32rem), var(--background);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #109b8e38}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f8f7eb;border-bottom:1px solid #dbe7e4e6;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px max(18px,50vw - 590px);display:flex;position:sticky;top:0}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brandIcon{background:var(--primary-light);border-radius:13px;flex:none;place-items:center;width:43px;height:43px;font-size:1.4rem;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-size:.98rem}.brand small{color:var(--muted);margin-top:3px;font-size:.7rem}.desktopNav{flex-wrap:wrap;align-items:center;gap:5px;display:none}.desktopNav button{min-height:39px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 14px;font-size:.83rem;font-weight:750}.desktopNav button:hover,.desktopNav button.active{color:var(--primary-dark);background:var(--primary-light)}.notificationButton{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;width:42px;height:42px}.page{width:min(1180px,100% - 36px);margin:0 auto;padding:36px 0 110px}.hero{gap:24px;display:grid}.heroContent{padding:15px 0}.eyebrow{color:var(--primary-dark);letter-spacing:.09em;text-transform:uppercase;font-size:.71rem;font-weight:850;display:inline-block}.hero h1{letter-spacing:-.07em;margin:10px 0 16px;font-size:clamp(2.5rem,11vw,5rem);line-height:.97}.heroContent>p{max-width:620px;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.searchBox{border:1px solid var(--border);background:var(--surface);max-width:620px;min-height:57px;box-shadow:var(--shadow-small);border-radius:16px;align-items:center;gap:11px;margin-top:28px;padding:0 16px;display:flex}.searchBox>span{color:var(--muted);font-size:1.35rem}.searchBox input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.searchBox input::placeholder{color:#87928f}.marketplace{margin-top:58px}.sectionHeading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px;display:flex}.sectionHeading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:1.7rem}.sectionHeading>span{color:var(--muted);font-size:.8rem}.categories{scrollbar-width:none;gap:8px;margin:0 -18px 18px;padding:0 18px 5px;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.categories button{border:1px solid var(--border);min-height:38px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:.8rem;font-weight:750}.categories button:hover,.categories button.active{border-color:var(--primary);color:#fff;background:var(--primary)}.toolGrid{grid-template-columns:1fr;gap:14px;display:grid}.toolCard{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-small);border-radius:21px;flex-direction:column;padding:19px;transition:transform .16s,box-shadow .16s;display:flex}.toolCard:hover{box-shadow:var(--shadow-large);transform:translateY(-3px)}.toolTop{justify-content:space-between;align-items:flex-start;gap:13px;display:flex}.toolIcon{color:#fff;background:linear-gradient(145deg,#22baa9,#087c73);border-radius:18px;flex:none;place-items:center;width:59px;height:59px;font-size:1.65rem;font-weight:900;display:grid;box-shadow:0 11px 24px #14322e26}.priceBadge{border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.priceBadge.free{color:var(--green);background:var(--green-light)}.priceBadge.paid{color:var(--blue);background:var(--blue-light)}.toolMetaRow{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.accessBadge,.includedBadge{border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.accessBadge{color:var(--blue);background:var(--blue-light)}.includedBadge{color:var(--primary-dark);background:var(--primary-light)}.toolUpsellText{color:var(--muted);margin:10px 0 0;font-size:.76rem;line-height:1.45}.categoryLabel{color:var(--primary-dark);letter-spacing:.08em;text-transform:uppercase;margin-top:18px;font-size:.67rem;font-weight:850;display:block}.toolCard h3{letter-spacing:-.025em;margin:7px 0;font-size:1.14rem}.toolCard p{color:var(--muted);flex:1;margin:0;line-height:1.55}.includedBadge{color:var(--primary-dark);background:var(--primary-light);align-self:flex-start;margin-top:16px}.toolButton{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:11px;width:100%;min-height:44px;margin-top:19px;font-weight:800}.toolButton:hover{background:var(--primary-dark)}.emptyState{border:1px solid var(--border);text-align:center;background:var(--surface);border-radius:21px;padding:55px 20px}.emptyState>span{width:62px;height:62px;color:var(--primary-dark);background:var(--primary-light);border-radius:50%;place-items:center;margin:0 auto 15px;font-size:1.6rem;display:grid}.emptyState h3{margin:0}.emptyState p{color:var(--muted);margin:8px 0 0}.mobileNav{z-index:30;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;grid-template-columns:repeat(4,1fr);min-height:72px;padding:7px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 25px #14322e12}.mobileNav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:3px;display:grid}.mobileNav button>span{font-size:1.25rem}.mobileNav small{font-size:.67rem;font-weight:750}.mobileNav button.active{color:var(--primary-dark);background:var(--primary-light)}@media (min-width:560px){.toolGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:840px){.desktopNav{display:flex}.page{padding-bottom:80px}.mobileNav{display:none}.categories{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media (min-width:900px){.toolGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1160px){.toolGrid{grid-template-columns:repeat(4,1fr)}}.adminNavLink{min-height:39px;color:var(--muted);border-radius:10px;align-items:center;padding:0 14px;font-size:.83rem;font-weight:750;text-decoration:none;display:inline-flex}.adminNavLink:hover{color:var(--primary-dark);background:var(--primary-light)}.toolButton:disabled{color:var(--muted);background:var(--surface-soft);cursor:not-allowed}.mobileNav a{color:var(--muted);border-radius:12px;align-content:center;place-items:center;gap:3px;text-decoration:none;display:grid}.mobileNav a>span{font-size:1.25rem}.mobileNav a small{font-size:.67rem;font-weight:750}html{-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden}body{width:100%;min-width:0;overflow-x:hidden}input,select,textarea,button{font-size:16px}html,body{max-width:100%;overflow-x:hidden}img,svg,canvas{max-width:100%}