.home-page{--bg:#FBFCFD;--surface:#FFFFFF;--surface-2:#F4F6F8;--primary:#2563EB;--primary-hover:#1D4ED8;--primary-active:#1E40AF;--primary-soft:#EEF4FF;--ring:rgba(37,99,235,.4);--ink:#0B1220;--text:#334155;--muted:#64748B;--border:#E6EAF0;--border-strong:#D3DAE3;--success:#0E9F6E;--warning:#D97706;--danger:#DC2626;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:9999px;--sh-xs:0 1px 2px rgba(11,18,32,.05);--sh-sm:0 1px 3px rgba(11,18,32,.06),0 1px 2px rgba(11,18,32,.04);--sh-md:0 6px 18px rgba(11,18,32,.08);--sh-pop:0 16px 44px rgba(11,18,32,.16);--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--fs-display:clamp(42px,4.8vw,62px);--fs-h1:35px;--fs-h2:24px;--fs-h3:19px;--fs-body:17px;--fs-sm:15px;--fs-xs:13px;--ease:cubic-bezier(.2,.8,.2,1);--dur:.15s;--maxw:1320px;font-family:var(--font);color:var(--text);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg)}.home-page *{box-sizing:border-box;margin:0;padding:0}.home-page a{color:inherit;text-decoration:none}.home-page button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}.home-page [hidden]{display:none!important}.home-page .ic{display:block;flex:none}.home-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.home-page :focus{outline:none}.home-page :focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:6px}.home-page .btn{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-sm);border:1px solid transparent;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.home-page .btn--primary{background:var(--primary);color:#fff;box-shadow:var(--sh-xs)}.home-page .btn--primary:hover{background:var(--primary-hover)}.home-page .btn--primary:active{background:var(--primary-active);transform:translateY(.5px)}.page{max-width:var(--maxw);margin:0 auto;padding:0 24px}.trust{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 14px 6px 12px;font-size:var(--fs-sm);color:var(--text);box-shadow:var(--sh-xs)}.trust .ic{color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:26px;display:flex;flex-direction:column;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:var(--border-strong)}.card--tool{color:inherit;text-decoration:none;cursor:pointer}.card--tool:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.card__chip{width:44px;height:44px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.card__title{font-size:var(--fs-h3);font-weight:700;color:var(--ink);margin-top:18px;letter-spacing:-.01em}.card__desc{font-size:var(--fs-sm);color:var(--muted);margin-top:6px;flex:1}.home-page .card__link,.home-page .card__link:link,.home-page .card__link:visited,.home-page .card__link:hover,.home-page .card__link:active{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;font-size:var(--fs-sm);margin-top:18px;align-self:flex-start}.home-page .card--tool:hover .card__link{text-decoration:underline}.home-page .card__link .ic{color:var(--primary)!important;transition:transform var(--dur) var(--ease)}.home-page .card--tool:hover .card__link .ic{transform:translate(2px)}.card{position:relative}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.home-hero{max-width:900px;margin:0 auto;text-align:center;padding:88px 0 4px;animation:rise .5s var(--ease) both}.home-hero h1{font-size:var(--fs-display);color:var(--ink);font-weight:800;letter-spacing:-.022em;line-height:1.08}.home-hero p{font-size:var(--fs-h3);color:var(--text);max-width:686px;margin:20px auto 0;line-height:1.6}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:30px}.tools-section{padding:0 0 8px;animation:rise .5s var(--ease) .06s both}.toolbar{display:flex;justify-content:center;margin-top:42px}.home-page .filter{position:relative;display:inline-flex;gap:4px;padding:5px;max-width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.home-page .filter::-webkit-scrollbar{display:none}.home-page .filter__btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;box-shadow:none;white-space:nowrap;height:40px;padding:0 18px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;color:var(--muted);transition:color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.home-page .filter__btn:hover{color:var(--ink)}.home-page .filter__btn:not([aria-checked=true]){background:transparent!important;color:var(--muted)!important}.home-page .filter__btn[aria-checked=true]{background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--sh-xs)!important}.home-page .filter__btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:33px}.card.is-hidden{display:none}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card.fade{animation:cardIn .26s var(--ease)}.empty{grid-column:1/-1;text-align:center;color:var(--muted);font-size:var(--fs-sm);padding:48px 0;border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface)}.home-page .tagwrap{position:absolute;top:16px;right:16px;z-index:2}.home-page .tag{display:inline-flex;align-items:center;gap:5px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--primary-soft)!important;color:var(--primary)!important;font-size:11px;font-weight:600;line-height:1.4;padding:4px 9px 4px 8px;border-radius:var(--r-pill);border:none;box-shadow:none;transition:box-shadow var(--dur) var(--ease)}.home-page .tag:hover{box-shadow:0 0 0 3px #2563eb1f}.home-page .tag .ic{color:var(--primary)!important}.tip{position:absolute;top:calc(100% + 9px);right:0;width:212px;background:var(--ink);color:#fff;font-size:var(--fs-xs);font-weight:500;line-height:1.5;padding:9px 11px;border-radius:var(--r-sm);box-shadow:var(--sh-pop);text-align:left;opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur)}.home-page .tagwrap:hover .tip,.home-page .tagwrap:focus-within .tip{opacity:1;visibility:visible;transform:none;transition-delay:0s}.tip:before{content:"";position:absolute;bottom:100%;right:16px;border:6px solid transparent;border-bottom-color:var(--ink)}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.home-hero{padding-top:66px}.toolbar,.filter{justify-content:flex-start}}@media(max-width:560px){.grid{grid-template-columns:1fr}}.seo-section{padding:72px 0}.seo-section--first{border-top:1px solid var(--border)}.section-in{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section-title{font-size:var(--fs-h2);font-weight:800;color:var(--ink);letter-spacing:-.01em;text-align:center}.section-sub{font-size:var(--fs-body);color:var(--text);text-align:center;max-width:620px;margin:14px auto 0;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.step{text-align:center;padding:0 12px}.step__chip{width:48px;height:48px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto}.step__title{font-size:var(--fs-h3);font-weight:700;color:var(--ink);margin-top:18px}.step__desc{font-size:var(--fs-sm);color:var(--muted);margin-top:8px;line-height:1.6}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 28px;margin-top:48px;align-items:start}.cat-block__title{font-size:var(--fs-h3);font-weight:700;color:var(--ink)}.cat-block__desc{font-size:var(--fs-sm);color:var(--muted);margin-top:8px;line-height:1.6}.cat-block__desc a{color:var(--primary);font-weight:600}.cat-block__desc a:hover{text-decoration:underline}.categories__cta{text-align:center;margin-top:36px;color:var(--muted);font-size:var(--fs-sm)}.acc__trigger{display:flex;align-items:center;width:100%;min-height:46px;padding:8px 12px;border-radius:var(--r-sm);color:var(--ink);font-size:var(--fs-body);font-weight:500;transition:background var(--dur) var(--ease)}.acc__trigger:hover{background:var(--surface-2)}.acc__trigger .chev{margin-left:auto;color:var(--muted);transition:transform var(--dur) var(--ease)}.acc.is-open .acc__trigger .chev{transform:rotate(180deg)}.acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease)}.acc.is-open .acc__panel{grid-template-rows:1fr}.acc__inner{overflow:hidden}.faq{max-width:760px;margin:48px auto 0}.faq__list{display:flex;flex-direction:column;gap:10px}.faq__item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.faq__trigger{padding:14px 16px}.faq__q{font-weight:600;color:var(--ink);font-size:var(--fs-body)}.faq__a{color:var(--muted);font-size:var(--fs-sm);line-height:1.65;padding:0 16px 16px}.cta__in{text-align:center}.cta__in .section-sub{margin-bottom:6px}.cta__in .btn{margin-top:34px}#grid,.seo-section{scroll-margin-top:84px}html.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}html.js .reveal.is-in{opacity:1;transform:none}@media(max-width:1000px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.steps{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.why-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.seo-section{padding:52px 0}}@media(max-width:400px){.cat-grid{grid-template-columns:1fr}}@media(max-width:640px){.page{padding:0 16px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}