.tools-page{--hub-ink:#1d1b24;--hub-body:#57516a;--hub-card:#fff;--hub-soft:#f5f2fd;--hub-accent:#6a4be0;--hub-shadow:0 30px 80px -28px #3a208061, 0 2px 6px #1d1b240d}.tools-page .hub-hero-wrap{background:radial-gradient(60% 90% at 12% 18%,#ffffff8c 0%,#fff0 60%),radial-gradient(55% 80% at 88% 10%,#ffb98a 0%,#ffb98a00 70%),radial-gradient(70% 90% at 70% 100%,#f06fb0 0%,#f06fb000 70%),radial-gradient(80% 100% at 20% 100%,#8a6cf0 0%,#8a6cf000 75%),linear-gradient(120deg,#cfc2ff 0%,#f3c6ea 55%,#ffd9bf 100%);border-radius:36px;margin:14px 16px 0;padding:0 0 112px;position:relative;overflow:hidden}.tools-page .hub-hero-wrap:after{content:"";pointer-events:none;background:linear-gradient(#fff0 55%,#f8f9fb59 100%);position:absolute;inset:0}.tools-page .hub-hero-wrap .hub-hero{z-index:1;text-align:center;max-width:980px;padding:72px 32px 0;position:relative}.tools-page .hub-hero-wrap .hub-hero .hero-copy{flex-direction:column;align-items:center;display:flex}.tools-page .hub-hero-wrap .hub-hero .eyebrow{color:#4b3a86;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:10px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 6px 20px -10px #3a208059}.tools-page .hub-hero-wrap .hub-hero .tiny-star{color:var(--hub-accent);font-size:15px}.tools-page .hub-hero-wrap .hub-hero h1{letter-spacing:-.045em;color:var(--hub-ink);text-wrap:balance;margin:22px 0 18px;font-size:clamp(38px,6.2vw,76px);font-weight:700;line-height:1.02}.tools-page .hub-hero-wrap .hub-hero .hero-copy>p{color:#3f3656;text-wrap:pretty;max-width:680px;margin:0 auto;font-size:17px;line-height:1.65}.tools-page .hub-hero-wrap+*{z-index:2;box-sizing:border-box;background:var(--hub-card);width:calc(100% - 64px);max-width:1100px;box-shadow:var(--hub-shadow);border-radius:28px;margin:-84px auto 56px;padding:28px 32px;position:relative}.tools-page .hub-hero-wrap+.hub-answer{border-left:0;max-width:900px}.tools-page .hub-hero-wrap+*>:only-child:not(dl):not(table){box-shadow:none;background:0 0;border:0;padding:0}.tools-page input[type=range]{accent-color:var(--hub-accent)}.tools-page .hub-answer{background:var(--hub-card);border:1px solid #ebe6fa;border-left:4px solid var(--hub-accent);border-radius:18px;padding:24px 28px;position:relative}.tools-page .hub-answer:before{content:"Short answer";letter-spacing:.1em;text-transform:uppercase;color:var(--hub-accent);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.tools-page .hub-answer p{color:#2f2a3d;font-size:16px;line-height:1.75}.tools-page .hub-sources-more summary{cursor:pointer;color:var(--hub-accent);list-style:none;display:inline}.tools-page .hub-sources-more summary::-webkit-details-marker{display:none}.tools-page .hub-sources-more[open] summary{display:none}.tools-page .hub-block{max-width:900px;margin:0 auto 56px}.tools-page .hub-block h2{letter-spacing:-.03em;color:var(--hub-ink);margin-bottom:16px;font-size:clamp(22px,2.6vw,30px);line-height:1.2}.tools-page .hub-lede,.tools-page .hub-prose p,.tools-page .hub-prose ul{color:var(--hub-body);font-size:16px}.tools-page .hub-table table{border-radius:18px;box-shadow:0 12px 40px -30px #3a208066}.tools-page .hub-steps{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:14px;display:grid}.tools-page .hub-steps li{background:var(--hub-card);border:1px solid #ece9f4;border-radius:18px;flex-direction:column;gap:8px;padding:20px;display:flex}.tools-page .hub-steps li:before{color:#fff;background:linear-gradient(135deg,#8a6cf0,#f06fb0);width:32px;height:32px;margin-bottom:4px}.tools-page .hub-steps strong{color:var(--hub-ink);font-size:15px}.tools-page .hub-faq{gap:12px;max-width:900px}.tools-page .hub-faq h2{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(22px,2.6vw,30px)}.tools-page .hub-faq>div{background:var(--hub-card);border:1px solid #ece9f4;border-radius:16px;padding:18px 22px}.tools-page .hub-faq h3{color:var(--hub-ink);font-size:15px}.tools-page .hub-faq p{font-size:14.5px}.tools-page .hub-showcase{box-sizing:border-box;color:#fff;background:radial-gradient(60% 80% at 100% 0,#f06fb08c 0%,#f06fb000 70%),radial-gradient(60% 90% at 0 100%,#8a6cf0a6 0%,#8a6cf000 70%),#16131f;border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:36px;width:calc(100% - 32px);max-width:1180px;margin:24px auto 72px;padding:48px 0 48px 48px;display:grid;overflow:hidden}.tools-page .hub-showcase .eyebrow{color:#d9ccff;letter-spacing:.1em;font-size:10px}.tools-page .hub-showcase h2{letter-spacing:-.035em;color:#fff;margin:12px 0 14px;font-size:clamp(26px,3.2vw,40px);line-height:1.1}.tools-page .hub-showcase p{color:#d7d1e6;margin-bottom:18px;font-size:15.5px;line-height:1.7}.tools-page .hub-showcase-steps{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.tools-page .hub-showcase-steps li{color:#efeaff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;padding:6px 12px;font-size:12px}.tools-page .hub-showcase .button{color:#16131f;background:#fff}.tools-page .hub-showcase .button:hover{background:#efeaff}.tools-page .hub-showcase figure{margin:0}.tools-page .hub-showcase img{border-radius:18px 0 0 18px;width:100%;height:auto;display:block;box-shadow:0 40px 80px -30px #000000b3}.tools-page .hub-showcase figcaption{color:#a79fbd;margin-top:10px;font-size:11.5px}@media (max-width:860px){.tools-page .hub-hero-wrap{border-radius:26px;margin:8px 8px 0;padding-bottom:88px}.tools-page .hub-hero-wrap .hub-hero{padding:48px 16px 0}.tools-page .hub-hero-wrap .hub-hero .hero-copy>p{font-size:15.5px}.tools-page .hub-hero-wrap+*{border-radius:22px;width:calc(100% - 16px);margin:-64px auto 40px;padding:18px 16px}.tools-page .hub-block,.tools-page .hub-faq,.tools-page .hub-reviewed{padding-left:16px;padding-right:16px}.tools-page .hub-answer{margin-left:16px;margin-right:16px;padding:18px}.tools-page .hub-hero-wrap+.hub-answer{margin-left:auto;margin-right:auto}.tools-page .hub-showcase{border-radius:24px;grid-template-columns:1fr;gap:24px;width:calc(100% - 16px);padding:32px 20px 0}.tools-page .hub-showcase img{border-radius:14px 14px 0 0}.tools-page .hub-showcase figcaption{padding-bottom:16px}}