.tools-hub-page{--hub-bg:#f4f7fc;--hub-panel:#fff;--hub-ink:#0c1528;--hub-muted:#6c7890;--hub-line:#32446721;--hub-blue:#6078ff;--hub-mint:#27c6a3;--hub-violet:#8b6ff3;background:var(--hub-bg);color:var(--hub-ink)}[data-dark] .tools-hub-page,.tools-hub-page[data-dark]{--hub-bg:#08111f;--hub-panel:#101b2b;--hub-ink:#f5f7ff;--hub-muted:#9eabc1;--hub-line:#ffffff17;background:var(--hub-bg)}.tools-hub-page main{overflow:hidden}.tools-hub-page .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hub-hero{color:#f6f8ff;isolation:isolate;background:#091322;padding:clamp(4.5rem,8vw,7.5rem) 0 4.7rem;position:relative}.hub-hero:before{content:"";z-index:-1;background:radial-gradient(circle at 18% 30%,#6078ff38,#0000 27%),radial-gradient(circle at 82% 18%,#8b6ff32e,#0000 25%),radial-gradient(circle at 72% 82%,#27c6a31f,#0000 26%);position:absolute;inset:-20% -10%}.hub-hero:after{content:"";z-index:-1;opacity:.16;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000)}.hub-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:clamp(3rem,7vw,7rem);display:grid}.hub-kicker{color:#8fa0bd;font:700 .68rem var(--fm);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;display:inline-flex}.hub-kicker i{background:var(--hub-mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 6px #27c6a31a}.hub-hero h1{color:#fff;max-width:760px;font:900 clamp(3.5rem,6vw,6.8rem)/.88 var(--fd);letter-spacing:-.06em;margin:18px 0 20px}.hub-hero h1 em{background:linear-gradient(100deg,#7a8cff,#9a72f5 48%,#43d6ba);color:#0000;background-clip:text;font-style:normal}.hub-hero-copy>p{color:#a9b5c8;max-width:590px;margin:0;font-size:clamp(.96rem,1.3vw,1.13rem);line-height:1.75}.hub-proof{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.hub-proof span{color:#aeb9ca;background:#ffffff0b;border:1px solid #ffffff17;border-radius:999px;padding:8px 11px;font-size:.69rem}.hub-studios{perspective:1000px;grid-template-columns:1fr 1fr;gap:13px;display:grid}.hub-studio{color:#fff;background:linear-gradient(145deg,#ffffff16,#ffffff09);border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:132px;padding:20px;transition:transform .24s,border-color .24s,background .24s;display:grid;position:relative;box-shadow:0 28px 60px #0003}.hub-studio:nth-child(2),.hub-studio:nth-child(4){transform:translateY(22px)}.hub-studio:hover{background:#ffffff1a;border-color:#7e91ff73;transform:translateY(-4px)}.hub-studio:nth-child(2):hover,.hub-studio:nth-child(4):hover{transform:translateY(18px)}.hub-studio-icon{color:#9aa9ff;background:#6078ff29;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.hub-studio-image .hub-studio-icon{color:#53dbc0;background:#27c6a321}.hub-studio-pdf .hub-studio-icon{color:#a991ff;background:#8b6ff326}.hub-studio-cutout .hub-studio-icon{color:#ffbd6b;background:#ffad471f}.hub-studio svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.hub-studio small{color:#7f8ca2;font:600 .58rem var(--fm);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;display:block}.hub-studio strong{font:800 1rem var(--fd);display:block}.hub-studio b{color:#919eb2;margin-top:6px;font-size:.66rem;font-weight:500;display:block}.hub-studio>i{color:#70809b;font-size:1rem;font-style:normal}.hub-directory{padding:clamp(3rem,6vw,5.5rem) 0 6rem}.hub-command{z-index:20;border:1px solid var(--hub-line);background:color-mix(in srgb,var(--hub-panel) 91%,transparent);backdrop-filter:blur(18px);border-radius:24px;margin-top:-7rem;margin-bottom:5rem;padding:14px;position:sticky;top:78px;box-shadow:0 24px 70px #1c2a4829}.hub-search-wrap{align-items:center;display:flex;position:relative}.hub-search-wrap>svg{fill:none;width:20px;height:20px;stroke:var(--hub-muted);stroke-width:1.8px;stroke-linecap:round;position:absolute;left:18px}.hub-search-wrap .suite-search{background:color-mix(in srgb,var(--hub-bg) 82%,var(--hub-panel));width:100%;height:58px;color:var(--hub-ink);border:0;border-radius:15px;outline:none;padding:0 92px 0 52px;font-size:.9rem}.hub-search-wrap .suite-search:focus{box-shadow:0 0 0 2px var(--hub-blue)}.hub-search-wrap kbd{border:1px solid var(--hub-line);background:var(--hub-panel);width:28px;height:28px;color:var(--hub-muted);font:600 .69rem var(--fm);box-shadow:0 2px 0 var(--hub-line);border-radius:7px;place-items:center;display:grid;position:absolute;right:50px}.hub-search-wrap #tool-search-clear{width:34px;height:34px;color:var(--hub-muted);background:0 0;border:0;border-radius:9px;font-size:1.3rem;position:absolute;right:12px}.hub-command .suite-filter-row{scrollbar-width:none;gap:7px;margin-top:11px;padding:0 2px 2px;display:flex;overflow-x:auto}.hub-command .suite-filter-row::-webkit-scrollbar{display:none}.hub-command .suite-filter{border:1px solid var(--hub-line);min-height:36px;color:var(--hub-muted);background:0 0;border-radius:10px;flex:none;padding:0 13px;font-size:.67rem;font-weight:750}.hub-command .suite-filter:hover{color:var(--hub-blue);border-color:#6078ff66}.hub-command .suite-filter.on{background:var(--hub-blue);color:#fff;border-color:#0000;box-shadow:0 8px 20px #6078ff38}.hub-results-head{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.hub-results-head h2{color:var(--hub-ink);font:900 clamp(2.2rem,4vw,4rem)/.98 var(--fd);letter-spacing:-.045em;margin:12px 0 5px}.hub-results-head p{color:var(--hub-muted);margin:0;font-size:.78rem}.hub-results-head>#tool-result-count{border:1px solid var(--hub-line);background:var(--hub-panel);color:var(--hub-muted);font:700 .67rem var(--fm);border-radius:999px;align-self:flex-end;padding:9px 12px}.hub-tool-grid.tools-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.hub-tool-grid .bento-tool-card{content-visibility:auto;contain-intrinsic-size:285px;border:1px solid var(--hub-line)!important;background:var(--hub-panel)!important;min-width:0!important;min-height:285px!important;color:var(--hub-ink)!important;border-radius:20px!important;grid-column:span 3!important;margin:0!important;padding:19px!important;transition:transform .22s,border-color .22s,box-shadow .22s!important;transform:none!important;box-shadow:0 12px 36px #2231500f!important}.hub-tool-grid.is-bento .bento-tool-card:first-child,.hub-tool-grid.is-bento .bento-tool-card:nth-child(2),.hub-tool-grid.is-bento .bento-tool-card:nth-child(3),.hub-tool-grid.is-bento .bento-tool-card:nth-child(4){grid-column:span 6!important;min-height:250px!important}.hub-tool-grid .bento-tool-card:hover{border-color:#6078ff5c!important;transform:translateY(-4px)!important;box-shadow:0 22px 50px #2231501f!important}.hub-tool-grid .bento-tool-icon{width:46px!important;height:46px!important;color:var(--hub-blue)!important;background:linear-gradient(145deg,#6078ff21,#27c6a317)!important;border-radius:14px!important;place-items:center!important;display:grid!important}.hub-tool-grid .bento-tool-icon svg{width:23px!important;height:23px!important}.hub-tool-grid .bento-tool-category{color:var(--hub-muted)!important;font:700 .6rem var(--fm)!important;letter-spacing:.09em!important;text-transform:uppercase!important}.hub-tool-grid .bento-tool-badges{gap:5px!important;margin:16px 0 9px!important;display:flex!important}.hub-tool-grid .bento-tool-badges span,.hub-tool-grid .bento-tool-tags span{border:1px solid var(--hub-line)!important;color:var(--hub-muted)!important;background:0 0!important}.hub-tool-grid .bento-tool-card h3{color:var(--hub-ink)!important;font:800 1.18rem var(--fd)!important;letter-spacing:-.02em!important;margin:0 0 9px!important}.hub-tool-grid .bento-tool-card p{color:var(--hub-muted)!important;font-size:.72rem!important;line-height:1.6!important}.hub-tool-grid .bento-tool-tags{margin-top:auto!important}.hub-tool-grid .bento-tool-bottom{border-top:1px solid var(--hub-line)!important;margin-top:15px!important;padding-top:14px!important}.hub-tool-grid .bento-tool-bottom>span{max-width:65%;color:var(--hub-muted)!important;font-size:.59rem!important}.hub-tool-grid .bento-tool-bottom a{color:var(--hub-blue)!important;align-items:center!important;gap:5px!important;font-size:.68rem!important;font-weight:800!important;display:inline-flex!important}.hub-tool-grid .tools-empty-state{border:1px dashed var(--hub-line);text-align:center;background:var(--hub-panel);border-radius:22px;grid-column:1/-1;padding:5rem 1rem}.hub-trust{padding:1rem 0 6rem}.hub-trust-inner{color:#fff;background:#0b1728;border-radius:30px;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem);padding:clamp(2rem,5vw,4.5rem);display:grid;box-shadow:0 28px 70px #13213d29}.hub-trust h2{color:#fff;font:900 clamp(2.3rem,4vw,4.3rem)/.95 var(--fd);letter-spacing:-.05em;margin:14px 0 0}.hub-trust-points{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hub-trust-points article{background:#ffffff0b;border:1px solid #ffffff17;border-radius:18px;padding:22px}.hub-trust-points strong{font:800 .9rem var(--fd)}.hub-trust-points p{color:#95a4b9;margin:10px 0 0;font-size:.68rem;line-height:1.6}@media (width<=1100px){.hub-hero-inner{grid-template-columns:1fr}.hub-hero-copy{max-width:750px}.hub-studios{max-width:850px}.hub-tool-grid .bento-tool-card{grid-column:span 4!important}.hub-tool-grid.is-bento .bento-tool-card:nth-child(-n+4){grid-column:span 6!important}.hub-trust-inner{grid-template-columns:1fr}.hub-trust-points{max-width:none}}@media (width<=760px){.hub-hero{padding:3.5rem 0 5.5rem}.hub-hero h1{font-size:clamp(3.1rem,16vw,5rem)}.hub-studios{scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-5vw;padding:0 5vw 25px 0;display:flex;overflow-x:auto}.hub-studio,.hub-studio:nth-child(2),.hub-studio:nth-child(4){scroll-snap-align:start;flex:0 0 82%;min-height:120px;transform:none}.hub-studio:hover,.hub-studio:nth-child(2):hover,.hub-studio:nth-child(4):hover{transform:none}.hub-command{border-radius:19px;margin-top:-7.5rem;margin-bottom:3.5rem;padding:9px;position:relative;top:auto}.hub-search-wrap .suite-search{height:54px;padding-right:52px;font-size:.78rem}.hub-search-wrap kbd{display:none}.hub-command .suite-filter-row{margin-top:8px}.hub-results-head{align-items:flex-start}.hub-results-head h2{font-size:2.5rem}.hub-tool-grid.tools-grid{grid-template-columns:1fr!important}.hub-tool-grid .bento-tool-card,.hub-tool-grid.is-bento .bento-tool-card:nth-child(-n+4){grid-column:1/-1!important;min-height:240px!important}.hub-trust-points{grid-template-columns:1fr}.hub-trust-inner{padding:28px 20px}.hub-proof{gap:6px}}@media (prefers-reduced-motion:reduce){.hub-studio,.hub-tool-grid .bento-tool-card{transition:none!important}}html:not([data-dark]) .tools-hub-page .hub-hero:after{opacity:.65;background-image:linear-gradient(#4c5f910b 1px,#0000 1px),linear-gradient(90deg,#4c5f910b 1px,#0000 1px)}html:not([data-dark]) .tools-hub-page .hub-hero-copy>p{color:#637089}html:not([data-dark]) .tools-hub-page .hub-proof span{color:#65728a;background:#ffffffad;border-color:#32446721}html:not([data-dark]) .tools-hub-page .hub-studio{color:#101a2e;background:#ffffffc2;border-color:#32446721;box-shadow:0 22px 55px #27355a1a}html:not([data-dark]) .tools-hub-page .hub-studio small,html:not([data-dark]) .tools-hub-page .hub-studio b{color:#6f7c93}.tools-hub-page .hub-hero{padding:clamp(3.5rem,6vw,5.6rem) 0 5rem}.tools-hub-page .hub-hero h1{font-size:clamp(3.2rem,5.2vw,5.7rem);line-height:.91}.tools-hub-page .hub-command{margin-top:-6.5rem;margin-bottom:3.7rem}.tools-hub-page .hub-results-head{margin-bottom:1.4rem}.hub-tool-grid .bento-tool-card{--card-accent:var(--hub-blue);isolation:isolate;position:relative;overflow:hidden}.hub-tool-grid .bento-tool-card:before{content:"";background:linear-gradient(90deg,var(--card-accent),transparent);opacity:.82;height:3px;position:absolute;inset:0 0 auto}.hub-tool-grid .bento-tool-card:after{content:"";z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 15%,transparent),transparent 70%);border-radius:50%;width:160px;height:160px;transition:transform .35s;position:absolute;bottom:-105px;right:-95px}.hub-tool-grid .bento-tool-card:hover:after{transform:scale(1.22)}.hub-tool-grid .tone-2{--card-accent:var(--hub-violet)}.hub-tool-grid .tone-3{--card-accent:var(--hub-mint)}.hub-tool-grid .tone-4{--card-accent:#ee9b42}.hub-tool-grid .tone-5{--card-accent:#e96785}.hub-tool-grid .bento-tool-icon{color:var(--card-accent)!important;background:color-mix(in srgb,var(--card-accent) 12%,var(--hub-panel))!important}.hub-tool-grid.is-bento .bento-tool-card:first-child{grid-column:span 6!important;min-height:300px!important}.hub-tool-grid.is-bento .bento-tool-card:nth-child(2),.hub-tool-grid.is-bento .bento-tool-card:nth-child(3){grid-column:span 3!important;min-height:300px!important}.hub-tool-grid.is-bento .bento-tool-card:nth-child(4),.hub-tool-grid.is-bento .bento-tool-card:nth-child(9){grid-column:span 6!important;min-height:260px!important}.hub-tool-grid.is-bento .bento-tool-card:nth-child(5),.hub-tool-grid.is-bento .bento-tool-card:nth-child(6),.hub-tool-grid.is-bento .bento-tool-card:nth-child(7),.hub-tool-grid.is-bento .bento-tool-card:nth-child(8){grid-column:span 3!important}[data-dark] .tools-hub-page .hub-command{box-shadow:0 24px 70px #0000004d}[data-dark] .tools-hub-page .hub-tool-grid .bento-tool-card{background:linear-gradient(150deg,#111d2e,#0c1625)!important;border-color:#ffffff16!important;box-shadow:0 14px 38px #0000002e!important}html:not([data-dark]) .tools-hub-page .hub-hero{color:var(--hub-ink);background:linear-gradient(145deg,#f7f9ff,#eef3ff 58%,#ecfaf7)}html:not([data-dark]) .tools-hub-page .hub-hero h1{color:var(--hub-ink)}html:not([data-dark]) .tools-hub-page .hub-hero-copy>p,html:not([data-dark]) .tools-hub-page .hub-proof span{color:var(--hub-muted)}html:not([data-dark]) .tools-hub-page .hub-proof span{border-color:var(--hub-line);background:#ffffffad}html:not([data-dark]) .tools-hub-page .hub-studio{border-color:var(--hub-line);color:var(--hub-ink);background:#ffffffd6;box-shadow:0 18px 45px #1c2a4817}html:not([data-dark]) .tools-hub-page .hub-studio:hover{background:#fff;border-color:#6078ff4d}html:not([data-dark]) .tools-hub-page .hub-studio b,html:not([data-dark]) .tools-hub-page .hub-studio>i{color:var(--hub-muted)}html:not([data-dark]) .tools-hub-page .hub-trust-inner{color:var(--hub-ink);border:1px solid var(--hub-line);background:linear-gradient(135deg,#fff,#eef4ff)}html:not([data-dark]) .tools-hub-page .hub-trust h2,html:not([data-dark]) .tools-hub-page .hub-trust-points strong{color:var(--hub-ink)}html:not([data-dark]) .tools-hub-page .hub-trust-points article{border-color:var(--hub-line);background:#ffffffc2}html:not([data-dark]) .tools-hub-page .hub-trust-points p{color:var(--hub-muted)}@media (width<=1100px){.hub-tool-grid.is-bento .bento-tool-card:nth-child(n){grid-column:span 4!important}.hub-tool-grid.is-bento .bento-tool-card:first-child,.hub-tool-grid.is-bento .bento-tool-card:nth-child(4){grid-column:span 8!important}}@media (width<=760px){.tools-hub-page .hub-hero{padding-top:3rem}.tools-hub-page .hub-command{margin-top:-7rem}.hub-tool-grid.is-bento .bento-tool-card:nth-child(n){grid-column:1/-1!important;min-height:235px!important}}
