.tools-page{--ht-cyan:#00e7d8;background:#080b0c;overflow-x:clip}.tools-page main{background:radial-gradient(at 0 49%,#b300bc12,#0000 25%),radial-gradient(at 100% 72%,#da00bd11,#0000 20%),#080b0c url(/images/experiments-hero-grunge.webp) top/100% 620px repeat-y}.tools-page .site-header{background:#080a0bf2}.tools-page .site-header a[aria-current=page]{color:var(--yellow);position:relative}.tools-page .site-header a[aria-current=page]:after{content:"";background:var(--yellow);height:2px;position:absolute;inset:auto 0 -15px}.ht-hero{isolation:isolate;background:#070909 url(/images/experiments-hero-grunge.webp) 50%/cover;border-bottom:1px solid #33383a;position:relative;overflow:hidden}.ht-hero:before{content:"";z-index:-1;background:radial-gradient(at 48% 75%,#eeea0030,#0000 28%),linear-gradient(90deg,#05080816 20%,#05080875 66%,#05080845);position:absolute;inset:0}.ht-hero-inner{grid-template-columns:40% 18% minmax(0,42%);align-items:center;min-height:410px;padding-block:28px 26px;display:grid;position:relative}.ht-hero-copy{z-index:3;align-self:start;padding-top:41px;position:relative}.ht-hero-crown{color:var(--yellow);stroke-width:2.3px;filter:drop-shadow(0 0 9px #eaff005e);width:64px;height:50px;animation:5s ease-in-out infinite ht-crown;position:absolute;top:-1px;left:30px;transform:rotate(-14deg)}.ht-hero h1{font:800 clamp(63px, 6.5vw, 98px) / .79 var(--font-title);letter-spacing:-2.5px;transform-origin:0;text-shadow:3px 4px #050505;width:max-content;margin:30px 0 20px;transform:rotate(-4deg)}.ht-hero h1>span{white-space:nowrap;display:block}.ht-hero h1>span+span{margin-top:7px}.ht-hero h1 em{color:var(--yellow);font-style:normal}.ht-hero h1 .pink{color:#ec00df}.ht-hero-copy>p{z-index:2;color:#eee;width:min(350px,85%);margin:0 0 15px 8px;font-size:clamp(12px,1.04vw,15px);line-height:1.38;position:relative}.ht-hero-cta{min-height:43px;font:700 15px/1 var(--font-title);letter-spacing:.2px;border-radius:5px;gap:25px;margin-left:8px;padding:10px 18px;box-shadow:0 0 19px #eaff0030}.ht-hero-character{z-index:2;pointer-events:none;width:35%;height:95%;position:absolute;bottom:-12px;left:29%}.ht-hero-character img{transform-origin:50% 85%;filter:drop-shadow(0 0 20px #ec00e633);width:100%;height:auto;animation:5.5s ease-in-out infinite ht-float;position:absolute;bottom:-9%;left:-5%}.ht-hand-note{color:#ff65e8;text-shadow:2px 3px #050505;pointer-events:none;font:400 clamp(12px,1.1vw,17px)/1.1 Permanent Marker,cursive;transform:rotate(-8deg)}.ht-note-top{z-index:3;white-space:nowrap;position:absolute;top:2px;left:-2%}.ht-note-top svg{color:var(--yellow);position:absolute;bottom:-5px;right:-41px;transform:rotate(28deg)}.ht-character-crown{color:var(--yellow);filter:drop-shadow(0 0 9px #ef03);width:56px;height:56px;position:absolute;top:25%;right:-6%;transform:rotate(15deg)}.ht-note-right{z-index:4;text-align:center;font-size:12px;position:absolute;top:5px;right:-105px;transform:rotate(7deg)}.ht-note-right svg{color:var(--yellow);margin-left:auto;display:block;transform:rotate(10deg)}.ht-hero-feature{z-index:3;background:#080d0eeb;border:1px solid #3b4650;grid-column:3;justify-self:center;width:88%;transform:rotate(.3deg);box-shadow:0 0 0 4px #03050630,0 20px 45px #000a}.ht-feature-top{color:#ddd;min-height:35px;font:600 13px/1 var(--font-title);border-bottom:1px solid #304043;justify-content:space-between;align-items:center;gap:12px;padding:8px 13px;display:flex}.ht-feature-top>span:last-child{color:var(--ht-cyan);white-space:nowrap;border:1px solid #254146;align-items:center;gap:5px;padding:5px;font-size:11px;display:flex}.ht-feature-top i{background:var(--ht-cyan);width:8px;height:8px;box-shadow:0 0 7px var(--ht-cyan);border-radius:100%;animation:2.3s ease-in-out infinite ht-pulse}.ht-feature-body{padding:11px 14px 12px}.ht-feature-tag{background:var(--yellow);color:#0a0a0a;font:700 15px/1 var(--font-title);border-radius:4px;padding:4px 13px;display:inline-block;box-shadow:0 0 8px #eaff00a8}.ht-feature-body h2{font:800 clamp(36px, 3.4vw, 53px)/.91 var(--font-title);margin:5px 0 0}.ht-feature-body>strong{font:700 clamp(14px, 1.3vw, 18px)/1.02 var(--font-title);max-width:320px;display:block}.ht-feature-body>p{color:#d5d8d7;max-width:370px;margin:8px 0;font-size:clamp(9px,.75vw,11px);line-height:1.35}.ht-feature-facts{grid-template-columns:1fr 1fr;gap:5px;display:grid}.ht-feature-facts>div,.ht-feature-facts ul{border:1px solid #273438;min-height:73px;margin:0;padding:8px 9px}.ht-feature-facts>div{flex-direction:column;justify-content:space-between;display:flex}.ht-feature-facts>div>span:first-child{color:var(--yellow);font:700 11px var(--font-title)}.ht-feature-facts strong{color:var(--ht-cyan);font:700 33px/.95 var(--font-title)}.ht-stars{color:var(--yellow);letter-spacing:1px;font-size:18px;line-height:1}.ht-feature-facts ul{gap:4px;padding-left:9px;list-style:none;display:grid}.ht-feature-facts li{align-items:center;gap:5px;font-size:9px;display:flex}.ht-feature-facts li svg{color:var(--ht-cyan);background:#014843;border-radius:50%;flex:none;padding:2px}.ht-feature-link{background:var(--yellow);color:#050708;width:100%;font:700 12px var(--font-title);border:0;justify-content:space-between;align-items:center;margin-top:7px;padding:7px 9px;display:flex}.ht-feature-link:hover{background:#fff}.ht-category-wrap{background:#070b0d;border-bottom:1px solid #263039}.ht-categories{grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;padding-block:10px;display:grid}.ht-categories button{color:#eee;min-width:0;min-height:54px;font:500 12px var(--font-title);background:#0c1012;border:1px solid #27323a;border-radius:5px;justify-content:center;align-items:center;gap:7px;transition:border-color .2s,background .2s,transform .2s;display:flex}.ht-categories button:hover{border-color:var(--pink);transform:translateY(-2px)}.ht-categories button.active{border-color:var(--yellow);color:var(--yellow);background:#14160b;box-shadow:inset 0 0 0 1px #eaff0050}.ht-categories svg{color:var(--pink);flex:none}.ht-categories button.active svg{color:var(--yellow)}.ht-categories small{font-size:9px}.ht-filters{grid-template-columns:minmax(180px,2.2fr) repeat(3,minmax(110px,1fr)) auto;align-items:center;gap:8px;padding-block:10px 12px;display:grid;position:relative}.ht-search,.ht-select{color:#d8dddd;background:#0b1012;border:1px solid #29343a;border-radius:5px;align-items:center;gap:9px;min-height:38px;padding:0 11px;display:flex}.ht-search:focus-within,.ht-select:focus-within{border-color:var(--yellow)}.ht-search input,.ht-select select{color:#e8e8e8;background:0 0;border:0;outline:none;width:100%;min-width:0;height:36px;font-size:10px}.ht-search input::placeholder{color:#9ea6a8}.ht-select{position:relative}.ht-select select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:18px}.ht-select select option{background:#111719}.ht-select svg{pointer-events:none;position:absolute;right:9px}.ht-saved-filter{color:#dce4e0;white-space:nowrap;background:#0d1214;border:1px solid #303b40;border-radius:5px;align-items:center;gap:5px;min-height:38px;padding:0 10px;font-size:10px;display:flex}.ht-saved-filter:hover,.ht-saved-filter.active{border-color:var(--yellow);color:var(--yellow)}.ht-filter-note{color:#ff4be4;text-align:center;pointer-events:none;z-index:2;font:400 13px/1 Permanent Marker,cursive;position:absolute;top:46px;right:-28px;transform:rotate(-9deg)}.ht-filter-note svg{color:var(--yellow);position:absolute;top:6px;left:-30px;transform:rotate(75deg)}.ht-section{background:#080d0fdb;border:1px solid #283238;padding:10px;position:relative}.ht-section-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:8px;display:flex}.ht-section-heading>div{align-items:start;gap:8px;display:flex}.ht-section-heading>div>svg{color:var(--yellow);stroke-width:1.8px;flex:none}.ht-section-heading h2{font:700 clamp(20px, 2vw, 28px)/1 var(--font-title);letter-spacing:-.3px;margin:0}.ht-section-heading p{color:#d5d9d8;margin:2px 0 0;font-size:10px;line-height:1.3}.ht-section-heading>button{border:0;border-bottom:1px solid var(--yellow);color:var(--yellow);font:700 12px/1 var(--font-title);white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:5px 0 2px;display:inline-flex}.ht-section-heading>button:hover{color:#fff}.ht-featured-grid,.ht-all-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.ht-tool-card{min-width:0;transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:linear-gradient(145deg,#10171a,#070c0e 75%);border:1px solid #28343b;border-radius:5px;flex-direction:column;padding:12px;transition:transform .22s ease-out,border-color .2s,box-shadow .2s;display:flex;position:relative}.ht-tool-card:hover{border-color:var(--yellow);z-index:1;box-shadow:0 0 0 1px #eaff0033,5px 8px 17px #0009}.ht-featured-card{text-align:center;align-items:center;min-height:252px;padding-top:18px}.ht-featured-card.is-first{border-color:var(--yellow);box-shadow:inset 0 0 0 2px #eaff0070,0 0 16px #eaff0024}.ht-rank-badge{background:var(--yellow);color:#080909;font:700 12px/1 var(--font-title);border-radius:3px;padding:4px 8px;position:absolute;top:8px;left:9px;box-shadow:0 0 9px #eaff0066}.ht-save{color:#717e80;z-index:2;background:0 0;border:0;padding:2px;position:absolute;top:8px;right:7px}.ht-save:hover,.ht-save[aria-pressed=true]{color:var(--yellow)}.ht-card-main{align-items:center;gap:9px;min-width:0;display:flex}.ht-featured-card .ht-card-main{flex-direction:column;gap:3px;display:flex}.ht-mark{--mark-color:#eaff00;background:radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--mark-color) 35%, #07100f), #0d1619 72%);width:67px;height:67px;color:var(--mark-color);font:800 59px/.8 var(--font-title);text-shadow:0 0 12px color-mix(in srgb, var(--mark-color) 45%, transparent);border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}.ht-mark-small{border-radius:4px;width:44px;height:44px;font-size:38px}.ht-mark-chatgpt{font-family:Georgia,serif;font-size:74px;font-weight:400}.ht-mark-chatgpt.ht-mark-small{font-size:49px}.ht-mark-claude,.ht-mark-zapier{font-family:Arial,sans-serif}.ht-mark-midjourney{font-size:48px}.ht-mark-midjourney.ht-mark-small{font-size:31px}.ht-mark-runway,.ht-mark-notion,.ht-mark-jasper{font-family:Arial,sans-serif;font-weight:800}.ht-mark-make{font-style:italic;transform:skew(-10deg)}.ht-mark-canva{color:#fff;background:linear-gradient(120deg,#00bfd5,#866ef8,#d539de);font:italic 700 24px/1 Georgia,serif}.ht-mark-canva.ht-mark-small{font-size:16px}.ht-mark-dalle{font-size:48px}.ht-mark-dalle.ht-mark-small{font-size:33px}.ht-card-title{min-width:0}.ht-card-title h3{font:700 22px/.98 var(--font-title);overflow-wrap:anywhere;margin:0}.ht-card-title>span{font:600 10px/1 var(--font-title);color:#d2d8da;background:#1a2328;border:1px solid #29363e;border-radius:3px;margin-top:5px;padding:4px 5px;display:block}.ht-tool-card>p{color:#d5dce0;flex:1;margin:7px 0 8px;font-size:10px;line-height:1.27}.ht-rating{white-space:nowrap;align-items:center;gap:4px;width:100%;display:flex}.ht-rating svg{color:var(--yellow);flex:none}.ht-rating b{font:500 11px var(--font-body)}.ht-rating .ht-stars{letter-spacing:-1px;margin-left:auto;font-size:13px}.ht-card-cta{color:#080b0c;width:100%;min-height:29px;font:700 12px/1 var(--font-title);background:#f1ee00;border:1px solid #f4e900;border-radius:3px;justify-content:space-between;align-items:center;gap:5px;margin-top:5px;padding:5px 8px;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 10px #dfff0033}.ht-card-cta:hover{background:#fff94a;transform:translateY(-2px);box-shadow:0 0 17px #eaff0088}.ht-card-cta svg{flex:none}.ht-all-section{margin-top:8px}.ht-results-meta{color:#8f9d9d;margin:-1px 0 6px 43px;font-size:9px}.ht-compact-card{min-height:151px;padding:8px}.ht-compact-card .ht-card-main{padding-right:12px}.ht-compact-card .ht-card-title h3{font-size:18px}.ht-compact-card .ht-card-title>span{font-size:9px;display:inline-block}.ht-compact-card>p{margin:5px 0;font-size:9px}.ht-compact-card .ht-rating b{font-size:10px}.ht-compact-card .ht-rating svg{width:13px;height:13px}.ht-compact-card .ht-card-cta{min-height:25px;margin-top:4px;font-size:10px}.ht-compact-card .ht-save{top:6px;right:5px}.ht-compact-card .ht-save svg{width:14px;height:14px}.ht-empty{text-align:center;color:#bdc5c4;padding:38px}.ht-empty svg{color:var(--pink)}.ht-empty h3{font:700 28px var(--font-title);color:#fff;margin:10px 0 0}.ht-empty p{font-size:12px}.ht-empty .button{font:700 13px var(--font-title);margin-top:12px}.ht-lower-grid{grid-template-columns:1.03fr 1fr;gap:8px;margin-top:8px;display:grid}.ht-lower-grid .ht-section{min-width:0}.ht-lower-grid .ht-section-heading h2{font-size:clamp(19px,1.7vw,26px)}.ht-ranking{overflow:hidden}.ht-ranking ol{gap:4px;margin:4px 0 0;padding:0 38% 0 8px;list-style:none;display:grid}.ht-ranking li{align-items:center;gap:7px;min-width:0;display:flex}.ht-rank-number{color:var(--yellow);font:700 21px/1 var(--font-title);width:18px}.ht-ranking .ht-mark{width:23px;height:23px;font-size:20px}.ht-ranking .ht-mark-chatgpt{font-size:25px}.ht-ranking .ht-mark-canva{font-size:9px}.ht-rank-name{font:700 14px var(--font-title);text-overflow:ellipsis;flex:none;width:75px;overflow:hidden}.ht-bar{background:#1b2529;border-radius:5px;flex:1;min-width:25px;height:12px;overflow:hidden}.ht-bar i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#ff0,#e6fb00);height:100%;animation:.9s ease-out both ht-grow;display:block;box-shadow:0 0 12px #eaff0077}.ht-rank-value{font:600 11px var(--font-title)}.ht-ranking-note{font-size:13px;position:absolute;bottom:12px;right:15px}.ht-ranking-note svg{color:var(--yellow);margin:-4px 0 0 auto;display:block}.ht-comparison-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ht-comparison-card{background:#10171a;border:1px solid #27343b;flex-direction:column;min-width:0;padding:7px;display:flex}.ht-versus{justify-content:center;align-items:center;gap:8px;display:flex}.ht-versus .ht-mark{width:53px;height:53px;font-size:45px}.ht-versus .ht-mark-chatgpt{font-size:60px}.ht-versus>span:nth-child(2){color:var(--yellow);font:400 21px Permanent Marker,cursive;transform:rotate(-12deg)}.ht-comparison-card h3{font:700 22px/1 var(--font-title);text-align:center;margin:3px 0}.ht-comparison-card p{flex:1;margin:0 0 5px;font-size:9px;line-height:1.25}.ht-comparison-card .ht-card-cta{min-height:25px;font-size:10px}.ht-stacks{margin-top:8px}.ht-stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ht-stack-card{background:linear-gradient(135deg,#10181b,#0b1012);border:1px solid #28343c;flex-direction:column;min-width:0;min-height:143px;padding:9px;display:flex;overflow:hidden}.ht-stack-card h3{font:700 16px/1 var(--font-title);margin:0 0 6px}.ht-stack-marks{gap:7px;display:flex}.ht-stack-marks .ht-mark{width:37px;height:37px;font-size:31px}.ht-stack-marks .ht-mark-chatgpt{font-size:40px}.ht-stack-marks .ht-mark-canva{font-size:14px}.ht-stack-card p{color:#d5dce0;flex:1;margin:7px 0 4px;font-size:10px;line-height:1.25}.ht-stack-card .ht-card-cta{max-width:50%;min-height:26px}.ht-newsletter{background:#070a0b url(/images/experiments-hero-grunge.webp) 50%/cover;border-block:1px solid #313b3b;margin-top:9px;padding-top:12px}.ht-newsletter .newsletter{background:0 0;border:0;grid-template-columns:minmax(0,1.65fr) minmax(230px,.75fr);align-items:center;min-height:300px;margin-top:0;padding:32px 20px 26px 125px}.ht-newsletter .newsletter-deco{z-index:1;color:#f7f5ef;top:68px;left:0;right:auto;transform:rotate(-15deg)}.ht-newsletter .newsletter-copy h2{margin:0 12px 0 0;font-size:clamp(64px,6.5vw,94px);line-height:.9;display:inline-block;transform:rotate(-3deg)}.ht-newsletter-strip{background:var(--yellow);color:#060808;font:700 14px/1 var(--font-title);padding:7px 10px;display:inline-block;transform:rotate(-2deg)translateY(-7px);box-shadow:3px 3px #050607}.ht-newsletter .newsletter-copy>p:not(.newsletter-benefits):not(.form-note):not(.form-message){color:#d9dfdb;max-width:650px;margin:12px 0 0;font-size:12px;line-height:1.45}.ht-newsletter .newsletter-form{max-width:680px;margin-top:14px}.ht-newsletter .newsletter-form .button{font:700 13px var(--font-title);text-transform:uppercase;min-height:45px}.ht-newsletter .newsletter-benefits{margin-top:12px}.ht-newsletter .newsletter-character img{width:320px;bottom:-89px;left:-20px}.ht-newsletter .newsletter-sticker{background:var(--pink);color:#100b12;font-size:20px;bottom:8px;right:-10px}.ht-newsletter-left-note{color:#f556ed;text-align:center;font:400 15px/1.1 Permanent Marker,cursive;position:absolute;top:98px;left:-118px;transform:rotate(-9deg)}.ht-footer{padding-top:28px}.ht-dialog{width:min(560px,100% - 32px);max-height:90dvh;padding:32px}.ht-dialog-mark{color:var(--yellow);font:700 12px var(--font-title);align-items:center;gap:15px;display:flex}.ht-dialog h2{margin:19px 0 13px}.ht-dialog>p{color:#cbd3ce;font-size:12px;line-height:1.6}.ht-dialog .ht-rating{max-width:210px;margin:17px 0 22px}.ht-dialog h3{color:var(--yellow);font:700 20px var(--font-title);margin:20px 0 10px}.ht-dialog ul,.ht-dialog ol{color:#d9e0dc;gap:10px;padding-left:21px;font-size:12px;line-height:1.5;display:grid}.ht-dialog ul{padding:0;list-style:none}.ht-dialog ul li{gap:8px;display:flex}.ht-dialog ul svg{color:var(--ht-cyan);flex:none}.ht-ideal{border:1px solid #364338;grid-template-columns:18px 1fr;gap:5px 7px;margin:19px 0;padding:12px;display:grid}.ht-ideal svg,.ht-ideal span{color:var(--yellow)}.ht-ideal span{font:700 13px var(--font-title)}.ht-ideal p{grid-column:1/-1;margin:3px 0 0;font-size:12px;line-height:1.5}.ht-dialog .ht-dialog-note{color:#86918a;margin:18px 0;font-size:10px}.ht-dialog .button{min-height:40px;font:700 12px var(--font-title)}.tools-page [data-reveal].is-visible{animation:.55s ease-out both ht-reveal}@keyframes ht-reveal{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes ht-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-13px)rotate(1deg)}}@keyframes ht-crown{0%,to{transform:rotate(-14deg)scale(1)}50%{transform:rotate(-8deg)scale(1.07)}}@keyframes ht-pulse{50%{opacity:.45;box-shadow:0 0 14px var(--ht-cyan)}}@keyframes ht-grow{0%{scale:0 1}to{scale:1}}.tools-page.motion-off *,.tools-page.motion-off :before,.tools-page.motion-off :after{transition:none!important;animation:none!important}.tools-page.motion-off [data-reveal]{opacity:1!important;translate:0!important}@media (max-width:1150px){.ht-note-right{display:none}.ht-hero-inner{min-height:355px}.ht-hero h1{font-size:6.3vw}.ht-feature-body h2{font-size:36px}.ht-categories{gap:5px}.ht-categories button{flex-direction:column;gap:1px;font-size:11px}.ht-categories small{display:none}.ht-featured-card{min-height:237px}.ht-tool-card{padding-inline:8px}.ht-featured-card .ht-rating .ht-stars{display:none}.ht-ranking ol{padding-right:34%}}@media (max-width:900px){.ht-newsletter .newsletter{grid-template-columns:minmax(0,1fr) 220px;padding-left:98px}.ht-newsletter .newsletter-copy h2{font-size:64px}.ht-newsletter .newsletter-character img{width:280px;left:-15px}.ht-newsletter-left-note{font-size:12px;left:-94px}.ht-newsletter .newsletter-deco svg{width:60px}.ht-hero-inner{grid-template-columns:51% 49%;min-height:420px}.ht-hero-copy{padding-top:50px}.ht-hero h1{font-size:clamp(54px,8.3vw,74px)}.ht-hero-character{width:38%;height:77%;left:34%}.ht-hero-feature{grid-column:2;align-self:end;width:86%;margin-bottom:12px}.ht-note-top,.ht-note-right{display:none}.ht-featured-grid,.ht-all-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ht-featured-card{min-height:220px}.ht-filters{grid-template-columns:2fr 1fr 1fr}.ht-sort{grid-column:1}.ht-filter-note{display:none}.ht-categories{grid-template-columns:repeat(5,minmax(0,1fr))}.ht-lower-grid{grid-template-columns:1fr}.ht-ranking ol{padding-right:35%}.ht-ranking-note{right:8%}}@media (max-width:620px){.ht-newsletter .newsletter{padding:29px 19px 0;display:block}.ht-newsletter .newsletter-deco,.ht-newsletter-left-note{display:none}.ht-newsletter .newsletter-copy h2{margin:0 0 6px;font-size:clamp(55px,15vw,79px)}.ht-newsletter-strip{font-size:12px;transform:rotate(-2deg)}.ht-newsletter .newsletter-character{max-width:310px;height:250px;margin:17px auto 0}.ht-newsletter .newsletter-character img{width:270px;bottom:-69px;left:0}.ht-newsletter .newsletter-sticker{font-size:17px;bottom:27px;right:-6px}.ht-hero-inner{min-height:0;padding:24px 0 18px;display:block}.ht-hero-copy{padding-top:44px}.ht-hero h1{letter-spacing:-1.5px;margin:26px 0 15px;font-size:clamp(52px,11.5vw,72px)}.ht-hero-copy>p{width:100%;max-width:330px;font-size:11px}.ht-hero-cta{gap:8px;min-height:38px;padding:10px 12px;font-size:12px}.ht-hero-character{width:min(270px,76%);height:235px;margin:0 auto -12px;position:relative;top:auto;bottom:auto;left:auto}.ht-hero-character img{bottom:-16%;left:0}.ht-character-crown{display:none}.ht-hero-feature{width:100%;margin:0 auto}.ht-feature-body h2{font-size:42px}.ht-feature-body>strong{font-size:19px}.ht-feature-body>p,.ht-feature-facts li{font-size:11px}.ht-feature-link{background:var(--yellow);color:#050708;width:100%;font:700 13px var(--font-title);border:0;justify-content:space-between;align-items:center;margin-top:8px;padding:9px;display:flex}.ht-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.ht-categories button{flex-direction:row;min-height:47px;font-size:12px}.ht-categories svg{width:18px;height:18px}.ht-filters{grid-template-columns:1fr 1fr}.ht-search{grid-column:1/-1}.ht-sort{grid-column:auto}.ht-saved-filter{justify-content:center}.ht-featured-grid,.ht-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-section-heading h2{font-size:21px}.ht-section-heading p{font-size:9px}.ht-section-heading>button{font-size:10px}.ht-section-heading>div>svg{width:27px;height:27px}.ht-featured-card{min-height:220px}.ht-stack-grid{grid-template-columns:1fr}.ht-stack-card{min-height:0}.ht-stack-card .ht-card-cta{max-width:100%}.ht-ranking ol{padding-right:0}.ht-ranking-note{display:none}}@media (max-width:390px){.ht-hero h1{font-size:10.9vw}.ht-hero-character{width:min(250px,74%)}.ht-feature-facts{grid-template-columns:1fr}.ht-feature-facts ul{grid-template-columns:1fr 1fr}.ht-compact-card .ht-card-main{flex-wrap:wrap}.ht-compact-card{min-height:181px}.ht-comparison-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tools-page *,.tools-page :before,.tools-page :after{transition:none!important;animation:none!important}.tools-page [data-reveal]{opacity:1!important;translate:0!important}}