.tools-marketing>main{display:flow-root}.tools-container{width:min(1120px,87.6%);margin-inline:auto}.tools-marketing .eyebrow{letter-spacing:1.6px;font-size:10px;font-weight:650;line-height:1.7}.tools-intro{text-align:center;background:#fafafa;padding:80px 24px}.tools-intro h1,.tool-detail-intro h1{font-family:var(--font-serif);letter-spacing:-2.5px;margin:22px 0;font-size:clamp(48px,6.5vw,88px);font-weight:400;line-height:1.06}.tools-intro h1 em,.tool-detail-intro h1 em{color:var(--brand-blue)}.tools-intro>p:last-child,.tool-detail-intro>p:last-child{color:#595959;max-width:580px;font-size:16px;line-height:1.8}.tools-intro>p:last-child{margin:0 auto}.tools-directory{padding-block:64px 80px}.tools-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.tools-section-heading h2,.tools-signup h2,.tool-how>h2,.tool-faq>h2{letter-spacing:-1.2px;margin:0;font-size:clamp(26px,3vw,36px);font-weight:650;line-height:1.2}.tools-section-heading>span,.tool-hint,.tool-static-note,.tools-signup-action>span{color:#666;font-size:12px;line-height:1.7}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.tool-card{border:1px solid var(--line);border-radius:20px;transition:border-color .15s;overflow:hidden}.tool-card:hover{border-color:var(--brand-blue)}.tool-card-art{color:#305bff;background:#eef1ff;place-content:center;justify-items:center;gap:24px;height:210px;display:grid}.tool-card-art>span{letter-spacing:1.7px;font-size:9px}.tool-card-copy{padding:26px}.tool-free-badge{color:#555;font-size:11px}.tool-card h3{letter-spacing:-.5px;margin:12px 0;font-size:22px;font-weight:650}.tool-card-copy>p,.tools-signup p:not(.eyebrow),.tool-how li p,.tool-faq details p{color:#595959;font-size:14px;line-height:1.8}.tool-card-link,.tool-back{align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.tool-card-link{color:var(--brand-blue);margin-top:16px}.tools-signup{background:#f1f3ff;border-radius:24px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:64px;padding:44px;display:flex}.tools-signup>div:first-child{max-width:550px}.tools-signup .eyebrow{color:var(--brand-blue);margin:0 0 14px}.tools-signup p:last-child{margin-bottom:0}.tools-signup-action{flex-shrink:0;justify-items:center;gap:12px;display:grid}.tool-detail-intro{padding-block:32px 40px}.tool-back{color:#595959;margin-bottom:36px}.tool-detail-intro>.eyebrow{margin:0}.tool-detail-intro h1{font-size:clamp(44px,5.5vw,72px)}.tool-detail-intro>p:last-child{max-width:640px;margin-bottom:0}.tool-generator{border:1px solid var(--line);border-radius:24px;grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.tool-controls{min-width:0;padding:40px}.tool-controls h2{letter-spacing:-.7px;margin:0 0 30px;font-size:24px;font-weight:650}.tool-url-label,.tool-patterns legend,.tool-colors>label>span:first-child{margin-bottom:10px;font-size:13px;font-weight:550;display:block}.tool-url-input{border:1px solid #ccc;border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.tool-url-input>svg{color:#777;flex-shrink:0}.tool-url-input input{width:100%;min-width:0;height:48px;color:var(--ink);background:0 0;border:none;border-radius:0;padding:0;font-size:14px}.tool-url-input:focus-within{outline:2px solid var(--brand-blue);outline-offset:2px}.tool-url-input input:focus{outline:none}.tool-error{color:#ad2828;font-size:12px;line-height:1.7}.tool-error:empty{display:none}.tool-patterns{border:0;margin:28px 0;padding:0}.tool-patterns>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tool-patterns button{border:1px solid var(--line);border-radius:10px;justify-items:center;gap:12px;padding:18px 8px 12px;font-size:12px;display:grid}.tool-patterns button[aria-pressed=true]{border-color:var(--brand-blue);color:var(--brand-blue);background:#f5f6ff}.tool-pattern-sample{grid-template-columns:repeat(3,5px);gap:3px;display:grid}.tool-pattern-sample i{background:currentColor;width:5px;height:5px}.tool-pattern-rounded i{border-radius:1.5px}.tool-pattern-dots i{border-radius:50%}.tool-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-color-input{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:6px 10px;font-size:12px;display:flex}.tool-color-input input{cursor:pointer;background:0 0;border:none;width:30px;height:30px;padding:0}.tool-warning{color:#785015;background:#fff6e5;border-radius:8px;padding:12px;font-size:12px;line-height:1.7}.tool-local-note{color:#666;align-items:center;gap:8px;margin:28px 0 0;font-size:12px;line-height:1.7;display:flex}.tool-local-note svg{flex-shrink:0}.tool-preview{border-left:1px solid var(--line);text-align:center;background:#f7f8fc;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.tool-preview>.eyebrow{color:#595959;margin:0 0 20px}.tool-preview-art{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:min(256px,100%);display:grid;overflow:hidden}.tool-preview-art>img{width:100%;height:auto;display:block}.tool-preview-empty{color:#767b91;padding:20px;font-size:13px;line-height:1.6}.tool-preview-empty svg{opacity:.4}.tool-preview-empty p{margin:12px 0 0}.tool-preview-caption{color:#595959;margin:18px 0;font-size:13px}.tool-downloads{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tool-static-note{max-width:250px;margin:14px 0 0}.tool-how{padding-block:72px}.tool-how ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:36px 0 0;padding:0;list-style:none;display:grid}.tool-how li>span{color:var(--brand-blue);font-size:12px;font-weight:600}.tool-how li h3{margin:14px 0 10px;font-size:18px;font-weight:600}.tool-how li p{margin:0}.tool-faq{grid-template-columns:1fr 1.5fr;gap:64px;padding-bottom:80px;display:grid}.tool-faq details{border-bottom:1px solid var(--line);padding-block:22px}.tool-faq details:first-child{border-top:1px solid var(--line)}.tool-faq summary{cursor:pointer;font-size:15px;font-weight:550;line-height:1.6}.tool-faq details p{margin-bottom:0}@media (max-width:900px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-controls,.tool-preview{padding:28px}.tools-signup{flex-direction:column;align-items:flex-start;padding:32px}}@media (max-width:640px){.tools-intro{padding-block:56px}.tools-grid,.tool-generator,.tool-how ol,.tool-faq{grid-template-columns:1fr}.tool-preview{border-top:1px solid var(--line);border-left:0}.tool-controls,.tool-preview{padding:24px}.tool-colors{gap:10px}.tool-color-input{gap:6px;padding-inline:6px;font-size:11px}.tool-how ol,.tool-faq{gap:28px}.tools-signup{padding:28px}}.tool-card-art-makeover{color:#693b8f;background:#f0e8f7}.tool-card-art-ai{color:#464c20;background:#eef0cf}.page-tool-intro{padding-bottom:48px}.page-tool-intro h1{max-width:920px}.page-tool-workbench{border:1px solid var(--line);border-radius:28px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.page-tool-input{align-self:center;min-width:0;padding:44px}.page-tool-step{color:#68686b;letter-spacing:1.3px;font-size:10px;font-weight:600}.page-tool-input h2{letter-spacing:-1.3px;margin:20px 0 16px;font-size:clamp(26px,3vw,36px);line-height:1.15}.page-tool-input>p:not(.page-tool-promise){color:#595959;font-size:14px;line-height:1.8}.page-tool-promise{align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.mini-site-form{gap:12px;margin-top:28px;display:grid}.mini-site-form>label{font-size:13px;font-weight:600}.mini-site-form textarea{resize:vertical;width:100%;min-height:180px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c7c7cb;border-radius:12px;padding:16px;font-size:14px;line-height:1.7}.mini-site-form textarea::placeholder{color:#737376}.mini-site-form textarea:focus-visible,.page-tool-sample-picker button:focus-visible,.mini-site-examples button:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}.mini-site-meta{color:#666;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;line-height:1.6;display:flex}.mini-site-honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.mini-site-examples{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;display:flex}.mini-site-examples>span{color:#666;font-size:11px}.mini-site-examples button,.page-tool-sample-picker button{background:#fff;border:1px solid #d8d8df;border-radius:30px;min-height:40px;padding:8px 12px;font-size:11px}.mini-site-examples button:hover,.page-tool-sample-picker button[aria-pressed=true]{border-color:var(--brand-blue);color:var(--brand-blue);background:#f3f5ff}.page-tool-demo{border-left:1px solid var(--line);background:#f1eef8;flex-direction:column;align-items:center;gap:22px;min-width:0;padding:30px;display:flex}.page-tool-demo-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.page-tool-example-badge{color:#655b7c;border:1px solid #d8d3e5;border-radius:20px;padding:6px 9px;font-size:10px}.page-tool-sample-picker{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.page-tool-phone{background:#fff;border:7px solid #fff;border-radius:32px;width:min(100%,310px);height:500px;overflow:hidden;box-shadow:0 14px 50px #3e33561a}.page-tool-phone .page-preview{height:100%}.page-tool-demo>p{text-align:center;max-width:310px;margin:0}.page-tool-claim-note{border:1px solid var(--line);background:#f7f8f3;border-radius:24px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:72px;padding:40px;display:flex}.page-tool-claim-note>div{max-width:650px}.page-tool-claim-note h2{font-family:var(--font-serif);letter-spacing:-.9px;margin:12px 0;font-size:32px;font-weight:400}.page-tool-claim-note p:last-child{color:#595959;margin-bottom:0;font-size:14px;line-height:1.8}.page-tool-claim-note>a,.page-tool-related a{color:var(--brand-blue);align-items:center;gap:6px;font-size:13px;display:inline-flex}.page-tool-claim-note>a{flex-shrink:0}.page-tool-related{color:#595959;flex-wrap:wrap;align-items:center;gap:18px;padding:0 0 64px;font-size:13px;display:flex}@media (max-width:900px){.page-tool-input{padding:28px}.page-tool-demo{padding:24px}}@media (max-width:700px){.page-tool-workbench{grid-template-columns:1fr}.page-tool-demo{border-left:0;border-top:1px solid var(--line)}.page-tool-input{padding:28px 22px}.page-tool-claim-note{flex-direction:column;align-items:flex-start;padding:28px}}