/* ToolMint Studio — a lightweight visual layer shared by every tool. */
:root{--ink:#123c35;--muted:#596b65;--green:#08684e;--paper:#f6f8f3;--line:#d9e3d8}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper)}header{background:#f6f8f3}.nav{min-height:78px}.brand{font-size:27px;letter-spacing:-1.4px}.brandmark{background:#153e35;box-shadow:3px 3px 0 #c5ee6c;border-radius:11px}.allnav{margin-left:auto;padding:9px 17px;background:#153e35;color:white;border-radius:30px}.category-nav{display:flex;gap:27px;padding:0 0 17px;overflow:auto;white-space:nowrap;font-size:12px;font-weight:650;scrollbar-width:thin}.category-nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.hero{padding:64px 0 54px;position:relative}.hero:before{content:'';position:absolute;z-index:-1;inset:10px -24px 100px;background:radial-gradient(ellipse at 20% 15%,#def2c3 0,transparent 48%),radial-gradient(ellipse at 90% 60%,#dceee7 0,transparent 45%);pointer-events:none}.hero h1{font-size:clamp(48px,7.5vw,94px);line-height:1.02;letter-spacing:-5px;margin:22px 0}.hero h1 em{color:#18785c}.hero>p{max-width:560px;font-size:17px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px}.hero .eyebrow{background:#e8efdf;border:1px solid #d5e2c7;border-radius:30px;padding:7px 15px}.search{border:1px solid #afc9ba;max-width:650px;padding:11px 20px;border-radius:18px;box-shadow:0 12px 40px #1645300b;margin-bottom:13px}.search input{font-size:16px}.quicklinks{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 24px}.quicklinks a{font-size:11px;padding:5px 10px;background:#fff9;border:1px solid var(--line);border-radius:20px}.quicklinks a:hover{background:#dbeaab}.trust{font-size:11px;gap:20px}.spotlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:45px;text-align:left}.spotlight{display:grid;grid-template-columns:1fr auto;gap:22px 8px;padding:22px;border-radius:18px;border:1px solid #cbdcae;background:#e4edcf;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.spotlight:hover{transform:translateY(-5px);box-shadow:0 10px 20px #193a1710}.spot-symbol{grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:56px;height:62px;border-radius:11px 19px 11px 11px;background:#ffffffa6;border:1px solid #fff;font-size:13px;letter-spacing:1px;transform:rotate(-7deg);box-shadow:3px 4px 0 #123c3510}.spot-1{background:#e3e3f2;border-color:#d5d2ea}.spot-2{background:#f6e7c4;border-color:#ebd9b2}.spot-3{background:#dfede8;border-color:#c7ded4}.spotlight b{font-size:20px}.category-showcase{padding:35px 0 48px;border-top:1px solid var(--line)}.category-showcase h2{max-width:650px;font-size:clamp(28px,3.4vw,42px);letter-spacing:-1.5px;line-height:1.15;margin:14px 0}.category-showcase>p{font-size:14px;color:var(--muted);max-width:600px}.category-deck{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:27px}.category-deck a{display:grid;grid-template-columns:1fr auto;gap:15px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 14px}.category-deck a:hover{background:#e9f3db;border-color:#7ba586}.cat-number{grid-column:1/-1;font-size:10px;color:var(--muted);letter-spacing:1px}.category-deck strong{font-size:12px}.sectiontop h2{font-size:30px;letter-spacing:-1px}.filters{gap:7px;margin-bottom:25px}.filter{background:white;padding:8px 17px;color:#50625b}.filter.active{background:#163e35}.grid{gap:16px}.card{padding:21px;border-radius:18px;background:#fff;box-shadow:0 2px 2px #15352b03}.cardvisual{min-height:87px;margin-bottom:17px;padding:10px 13px;border-radius:11px}.card .toolicon{height:58px;width:58px}.card .toolicon svg{width:51px;height:51px}.card h3{font-size:18px}.card p{line-height:1.65}.cardfoot{font-size:11px}.categorylabel{font-size:9px}.freebadge{font-size:10px}.process{background:#153e35;color:#f3f7ed;padding:40px;border-radius:22px;margin-top:10px;margin-bottom:60px}.process h2{margin:0 0 30px;font-size:32px;letter-spacing:-1px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.process article>span{color:#cced91;font-size:12px;letter-spacing:2px}.process h3{font-size:18px;margin:12px 0 8px}.process p{color:#d0ddd7;font-size:13px;margin:0}.home-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;margin-bottom:70px}.home-faq h2{font-size:35px;letter-spacing:-1px;margin:12px 0}.home-faq p{font-size:14px;color:var(--muted)}.home-faq .faqitem{padding:18px 0;margin:0}.home-faq summary{font-size:15px}.toolheading h1{max-width:900px}.panel{border-radius:20px;box-shadow:0 12px 36px #143d3007}.btn{border-radius:10px}.result{background:#eef5e7}.toolpage .guide{background:#edf2e9;padding:25px;border-radius:16px}.toolpage .guide p{color:#53645c}footer{padding-top:32px}.discovery-reset{border:0;background:none;color:var(--green);text-decoration:underline;cursor:pointer;padding:10px}body[data-tool=home] .categorylinks{display:none}@media(min-width:1400px){.wrap{width:1220px}.hero{padding-top:76px}}@media(max-width:850px){.category-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.spotlights{gap:10px}.spotlight{padding:16px;font-size:12px}.process{padding:28px}.process-grid{gap:20px}.home-faq{gap:30px}.hero h1{letter-spacing:-3px}}@media(max-width:540px){.nav{min-height:69px}.allnav{display:block;font-size:11px;padding:7px 12px}.brand{font-size:22px}.category-nav{gap:22px;padding-bottom:13px;font-size:11px}.hero{padding:40px 0 34px}.hero:before{inset:0 0 100px}.hero h1{font-size:51px;letter-spacing:-2.7px}.hero>p{font-size:14px}.search{margin-top:23px;padding:8px 13px}.search input{font-size:16px}.trust{gap:4px}.quicklinks{gap:5px}.quicklinks a{font-size:10px}.spotlights{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.spotlight{padding:16px;gap:17px 4px;font-size:13px}.spot-symbol{height:44px;width:42px;font-size:10px}.category-showcase{padding:28px 0}.category-showcase h2{font-size:29px}.category-deck{gap:7px}.category-deck a{padding:12px 9px}.category-deck strong{font-size:11px;overflow-wrap:anywhere}.category-deck a>span:last-child{font-size:12px}.sectiontop h2{font-size:26px}.grid{gap:12px}.card{padding:19px}.cardvisual{min-height:80px}.process{padding:25px;margin-bottom:38px}.process h2{font-size:27px}.process-grid,.home-faq{grid-template-columns:1fr;gap:23px}.home-faq h2{font-size:30px}.home-faq{margin-bottom:40px}.toolpage .guide{padding:19px}.category-nav a{flex-shrink:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spotlight,.card{transition:none}.spotlight:hover{transform:none}}