:root{--home-orange:#ef6a47;--home-ink:#101827;--home-muted:#667085;--home-line:#e9edf3;--home-soft:#fff8f5}
.ttg-home-v4{background:#fff;color:var(--home-ink)}
.ttg-home-v4 main .container,
.ttg-home-v4 footer .container{width:min(1420px,calc(100% - 48px));max-width:none}
.ttg-home-v4 .home-v4-nav{min-height:76px;display:grid;grid-template-columns:auto minmax(460px,1fr) auto;gap:28px;align-items:center}
.ttg-home-v4 .home-v4-footer .brand-logo img{width:220px;max-height:48px;object-fit:contain}
.ttg-home-v4 .home-v4-links{display:flex;justify-content:center;gap:28px;align-items:center}
.ttg-home-v4 .home-v4-links a{display:flex;align-items:center;gap:4px;color:#202738;font-weight:700;font-size:.94rem}
.ttg-home-v4 .home-v4-links a:first-child{color:var(--home-orange)}
.ttg-home-v4 .home-v4-links a[aria-current="page"],
.ttg-home-v4 .home-v4-links a[aria-current="page"]:hover{color:#fff!important;background:var(--home-orange)!important;border-color:var(--home-orange)!important}
.ttg-home-v4 .home-v4-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}
.ttg-home-v4 .home-v4-actions .button{min-height:44px;border-radius:9px;padding-inline:18px}
.ttg-home-v4 .home-v4-actions .accent{background:var(--home-orange);color:#fff;border-color:var(--home-orange)}

.home-v4-hero{padding:58px 0 38px;background:linear-gradient(180deg,#fff 0%,#fff 64%,#fffaf8 100%)}
.home-v4-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(580px,1.1fr);gap:46px;align-items:center}
.home-v4-hero-copy{padding-left:8px}
.home-v4-hero-copy h1{margin:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(3.7rem,5.3vw,6rem);line-height:.99;letter-spacing:-.055em;color:#101827}
.home-v4-hero-copy h1 span{display:block;color:var(--home-orange)}
.home-v4-hero-copy>p{max-width:690px;margin:22px 0 0;font-size:1.16rem;line-height:1.68;color:#505a6d}
.home-v4-search-form{margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:12px;position:relative;max-width:700px}
.home-v4-search-form .home-search-field{height:58px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.06);display:flex;align-items:center;gap:12px;padding:0 18px}
.home-v4-search-form .home-search-field i{font-size:22px;color:#738095}
.home-v4-search-form input{border:0;outline:0;width:100%;font:inherit;font-size:.97rem;background:transparent}
.home-v4-search-form .primary-btn{min-height:58px;border-radius:11px;padding-inline:28px}
.home-v4-search-form .suggestions{top:68px;left:0;right:112px}
.home-v4-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;max-width:720px}
.home-v4-trust span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}
.home-v4-trust i{grid-row:1/3;width:34px;height:34px;border:1px solid rgba(239,106,71,.28);border-radius:50%;display:grid;place-items:center;color:var(--home-orange);font-size:18px}
.home-v4-trust b{font-size:.93rem;color:#202738}
.home-v4-trust small{font-size:.8rem;color:#7b8495}

.home-v4-featured{min-height:465px;border:1px solid #ebedf2;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff 62%,#fff7f3 100%);box-shadow:0 20px 55px rgba(16,24,40,.07);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);overflow:hidden;position:relative;align-items:stretch}
.home-v4-feature-copy{padding:34px 10px 34px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2}
.home-v4-feature-copy h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:2rem;margin:10px 0 12px;color:#ef5736}
.home-v4-feature-copy>p{margin:0 0 15px;color:#566174;line-height:1.55}
.home-v4-feature-copy ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.home-v4-feature-copy li{display:flex;align-items:center;gap:8px;font-size:.92rem;color:#414b5e}
.home-v4-feature-copy li i{color:var(--home-orange);font-size:18px}
.home-v4-feature-copy .primary-btn{margin-top:auto;min-height:46px;border-radius:10px;padding-inline:24px}
.home-v4-pdf-preview{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:30px 26px 30px 18px;overflow:hidden}
.home-v4-pdf-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(239,106,71,.16),rgba(239,106,71,.04) 55%,transparent 72%)}
.home-v4-editor-window{position:relative;width:min(100%,440px);height:300px;border:1px solid #e3e7ee;border-radius:16px;background:#fff;box-shadow:0 24px 56px rgba(31,41,55,.11);z-index:1;overflow:hidden;transform:translateY(2px)}
.home-v4-editor-top{height:42px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:7px;padding:0 14px}
.home-v4-editor-top span{width:7px;height:7px;border-radius:50%;background:#d7dce4}
.home-v4-editor-top span:first-child{background:#ef6a47}.home-v4-editor-top span:nth-child(2){background:#f3ad5e}.home-v4-editor-top span:nth-child(3){background:#77b86b}
.home-v4-editor-top b{margin-left:18px;width:82px;height:8px;border-radius:999px;background:#ffded4}
.home-v4-editor-body{display:grid;grid-template-columns:48px 1fr;height:calc(100% - 42px)}
.home-v4-editor-rail{border-right:1px solid #edf0f5;background:#fbfcfd;display:grid;align-content:start;justify-items:center;gap:16px;padding-top:18px}
.home-v4-editor-rail i{width:18px;height:18px;border-radius:5px;background:#e5e9ef}
.home-v4-editor-page{margin:17px 23px;background:#fff;border:1px solid #edf0f4;border-radius:7px;padding:22px 26px;position:relative; overflow: hidden;}
.home-v4-title-line{width:42%;height:7px;border-radius:999px;background:#ef6a47;margin-bottom:26px}
.home-v4-selected-text{width:92px;height:62px;border:2px solid #4b91e5;display:grid;place-items:center;font-size:2rem;font-weight:800;color:#28303d;position:relative;margin-bottom:22px}
.home-v4-selected-text span{position:absolute;width:7px;height:7px;background:#fff;border:2px solid #4b91e5}.home-v4-selected-text span:nth-child(1){left:-5px;top:-5px}.home-v4-selected-text span:nth-child(2){right:-5px;top:-5px}.home-v4-selected-text span:nth-child(3){left:-5px;bottom:-5px}.home-v4-selected-text span:nth-child(4){right:-5px;bottom:-5px}
.home-v4-copy-lines{height:56px;background:repeating-linear-gradient(180deg,#dce1e8 0,#dce1e8 3px,transparent 3px,transparent 16px);opacity:.9}.home-v4-copy-lines.short{width:67%;height:38px;margin-top:8px}
.home-v4-signature{position:absolute;right:30px;bottom:34px;width:108px;height:66px;box-sizing:border-box;border-radius:13px;background:#fff;border:1px solid #e2e6ed;box-shadow:0 16px 30px rgba(16,24,40,.12);z-index:2;display:grid;place-items:center;transform:rotate(-3deg);color:#1f2937}.home-v4-signature i{font-size:42px}

.home-v4-section{padding:44px 0}
.home-v4-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.home-v4-section-head span{display:block;color:#667085;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.home-v4-section-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.7rem;margin:0;color:#111827}
.home-v4-section-head>a{display:flex;align-items:center;gap:7px;color:var(--home-orange);font-size:.9rem;font-weight:800}
.home-v4-section-head.compact{margin-bottom:18px}
.home-v4-flagships{padding-top:30px;background:#fff}
.home-v4-tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.home-v4-tool-card{border:1px solid #e3e7ed;border-radius:14px;background:#fff;box-shadow:0 9px 26px rgba(16,24,40,.045);min-width:0}
.home-v4-tool-card>a{display:grid;grid-template-rows:auto auto auto 1fr;align-content:start;min-height:226px;padding:20px 18px;color:inherit;position:relative}
.home-v4-tool-card h3{font-size:1rem;margin:8px 0 7px;color:#1a2232;line-height:1.3}
.home-v4-tool-card p{font-size:.84rem;line-height:1.5;color:#5f697a;margin:0;padding-right:8px}
.home-v4-tool-card .card-arrow{position:absolute;right:15px;bottom:16px;color:#202738;font-size:18px}
.home-v4-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;box-shadow:none}
.home-v4-icon i{font-size:29px}
.is-red{background:#f7e8e6!important;color:#ad5c56!important}.is-green{background:#e8f1e6!important;color:#5f8058!important}.is-orange{background:#f6ece2!important;color:#95633b!important}.is-blue{background:#e8eef4!important;color:#526f8c!important}.is-amber{background:#f4eee5!important;color:#876d47!important}.is-purple{background:#eeeaf5!important;color:#625786!important}.is-teal{background:#e5f1ef!important;color:#4d7773!important}

.home-v4-categories{background:#fff}
.home-v4-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-v4-category-grid>a{display:flex;align-items:center;gap:14px;border:1px solid #e3e7ed;border-radius:13px;padding:16px 18px;color:inherit;background:#fff;min-height:82px}
.home-v4-category-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:inherit;flex:0 0 44px}
.home-v4-category-icon i{font-size:23px}
.home-v4-category-grid b{display:block;font-size:.94rem;color:#202738;margin-bottom:3px}.home-v4-category-grid small{display:block;color:#7a8495;font-size:.78rem;line-height:1.35}

.home-v4-personal-section{background:#fff;padding-top:8px}
.home-v4-personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-v4-personal-card{border:1px solid #e3e7ed;border-radius:14px;background:#fff;min-height:350px;overflow:hidden}
.home-v4-personal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eef1f5}.home-v4-personal-head h2{font-size:1.04rem;margin:0}.home-v4-personal-head a{border:1px solid #dfe4ec;border-radius:8px;padding:7px 11px;color:#424c5e;font-size:.78rem;font-weight:700}
.home-v4-list{padding:8px 18px 12px}
.home-v4-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #eef1f5;color:inherit}.home-v4-row:last-child{border-bottom:0}.home-v4-row-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:inherit}.home-v4-row-icon i{font-size:19px}.home-v4-row>span:nth-child(2){display:grid;grid-template-columns:minmax(0,auto) auto;align-items:center;justify-content:start;gap:7px;min-width:0}.home-v4-row b{font-size:.9rem;color:#222b3b}.home-v4-row-bubble{display:inline-flex!important;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;background:#f3f5f8;color:#687386!important;font-size:.68rem!important;font-weight:700;line-height:1}.home-v4-row-end{font-size:.82rem;color:#7b8495}.home-v4-row-end i{color:#8b95a6;font-size:18px}.home-v4-empty{display:grid;place-items:center;text-align:center;min-height:250px;color:#7a8495;gap:8px}.home-v4-empty i{font-size:28px;color:#aeb6c3}.home-v4-empty b{color:#424c5e}

.home-v4-explore{background:#fff;padding-top:28px}
.home-v4-explore-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.home-v4-explore-grid article{border:1px solid #e3e7ed;border-radius:13px;padding:20px 18px;background:#fff;min-height:270px;display:flex;flex-direction:column;gap:10px}
.home-v4-explore-grid h3{display:flex;align-items:center;gap:9px;font-size:.96rem;margin:0 0 7px;color:#1d2635}.home-v4-explore-grid h3 i{color:var(--home-orange);font-size:20px}.home-v4-explore-grid a{font-size:.83rem;color:#4b5567}.home-v4-explore-grid .home-v4-view{margin-top:auto;color:var(--home-orange);font-weight:800;display:flex;align-items:center;gap:5px}

.home-v4-trust-strip-section{padding:26px 0 54px;background:#fff}
.home-v4-trust-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px 30px;border-radius:14px;background:linear-gradient(90deg,#fff5f1 0%,#fffaf8 100%);border:1px solid #ffe5dc}
.home-v4-shield{width:58px;height:58px;border-radius:16px;background:var(--home-orange);color:#fff;display:grid;place-items:center}.home-v4-shield i{font-size:30px}.home-v4-trust-strip h2{font-size:1.1rem;margin:0 0 4px}.home-v4-trust-strip p{margin:0;color:#697386;font-size:.86rem}.home-v4-trust-strip .primary-btn{min-height:44px;border-radius:9px;padding-inline:22px}

.ttg-home-v4 .home-v4-footer{border-top:1px solid #e8ecf2;padding-top:42px}
.ttg-home-v4 .home-v4-footer .footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}
.ttg-home-v4 .home-v4-footer .footer-brand img{width:190px;filter:none}
.ttg-home-v4 .home-v4-footer .footer-brand p{max-width:320px}

@media (max-width:1280px){
 .ttg-home-v4 .home-v4-nav{grid-template-columns:auto 1fr auto}.ttg-home-v4 .home-v4-links{gap:18px}
 .home-v4-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.home-v4-featured{grid-template-columns:1fr;min-height:465px}.home-v4-pdf-preview{display:flex;min-height:260px;padding-top:8px}.home-v4-editor-window{height:250px;max-width:390px}.home-v4-feature-copy{padding:28px 28px 12px}
 .home-v4-tool-grid{grid-template-columns:repeat(3,1fr)}.home-v4-explore-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
 .ttg-home-v4 main .container,.ttg-home-v4 footer .container{width:min(100% - 30px,1420px)}
 .home-v4-hero{padding-top:34px}.home-v4-hero-grid{grid-template-columns:1fr}.home-v4-hero-copy h1{font-size:clamp(3rem,11vw,4.6rem)}.home-v4-featured{min-height:0;grid-template-columns:1fr 1fr}.home-v4-feature-copy{padding:26px}.home-v4-pdf-preview{min-height:360px;padding:22px}.home-v4-editor-window{height:285px;max-width:420px}.home-v4-tool-grid,.home-v4-category-grid,.home-v4-explore-grid{grid-template-columns:repeat(2,1fr)}.home-v4-personal-grid{grid-template-columns:1fr}.home-v4-trust-strip{grid-template-columns:auto 1fr}.home-v4-trust-strip .primary-btn{grid-column:1/-1;justify-self:start}
 .ttg-home-v4 .home-v4-footer .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
 .home-v4-hero-copy h1{font-size:clamp(2.65rem,13vw,3.8rem)}.home-v4-hero-copy>p{font-size:1rem}.home-v4-featured{grid-template-columns:1fr}.home-v4-pdf-preview{min-height:260px}.home-v4-editor-window{height:235px}.home-v4-signature{right:12px;bottom:14px;width:92px;height:58px}.home-v4-signature i{font-size:34px}.home-v4-search-form{grid-template-columns:1fr}.home-v4-search-form .primary-btn{width:100%}.home-v4-search-form .suggestions{right:0;top:126px}.home-v4-trust{grid-template-columns:1fr}.home-v4-tool-grid,.home-v4-category-grid,.home-v4-explore-grid{grid-template-columns:1fr}.home-v4-tool-card>a{min-height:178px}.home-v4-section{padding:34px 0}.home-v4-section-head{align-items:flex-start;flex-direction:column}.home-v4-personal-card{min-height:300px}.home-v4-trust-strip{grid-template-columns:1fr;text-align:left}.home-v4-shield{width:50px;height:50px}.ttg-home-v4 .home-v4-footer .footer-grid{grid-template-columns:1fr}
}

.home-v4-feature-category{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:#f6ebe7;color:#9b5c49;font-size:.72rem;font-weight:800;letter-spacing:.02em}
.home-v4-tool-category{display:inline-flex;align-items:center;width:max-content;margin-top:12px;align-self:start;padding:5px 9px;border-radius:999px;background:#f3f5f8;color:#6c7585;font-size:.68rem;font-weight:800;line-height:1}


/* Homepage polish: muted icons, contained preview and stable mobile layout */
.ttg-home-v4 .home-v4-links a[aria-current="page"],
.ttg-home-v4 .home-v4-links a[aria-current="page"]:hover{color:#fff!important}
.home-v4-pdf-preview{overflow:hidden;isolation:isolate}
.home-v4-signature{right:26px;bottom:28px;max-width:calc(100% - 52px);transform:rotate(-2deg)}
.home-v4-signature i{display:block;line-height:1}
.home-v4-category-icon,.home-v4-row-icon{box-shadow:none}
.home-v4-tool-category,.home-v4-row-bubble{white-space:nowrap}

@media (max-width:1280px){
 .ttg-home-v4 .home-v4-nav{grid-template-columns:auto 1fr auto;gap:20px}
 .ttg-home-v4 .home-v4-links{justify-content:flex-end}
 .home-v4-pdf-preview{overflow:hidden}
 .home-v4-signature{right:22px;bottom:20px}
}
@media (max-width:900px){
 .ttg-home-v4 main .container,.ttg-home-v4 footer .container{width:calc(100% - 24px);max-width:100%}
 .ttg-home-v4 .home-v4-nav{display:flex;min-height:66px;padding-inline:0;gap:12px}
 .home-v4-hero{padding:28px 0 24px}
 .home-v4-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .home-v4-hero-copy{padding-left:0;min-width:0}
 .home-v4-featured{grid-template-columns:minmax(0,1fr);min-height:0}
 .home-v4-feature-copy{padding:24px 22px 18px}
 .home-v4-pdf-preview{min-height:300px;padding:18px 18px 24px}
 .home-v4-editor-window{width:min(100%,420px);height:270px}
 .home-v4-signature{right:28px;bottom:24px;width:96px;height:58px}
 .home-v4-tool-grid,.home-v4-category-grid,.home-v4-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-v4-tool-card>a{min-height:210px}
 .home-v4-section-head{align-items:flex-end;flex-direction:row}
}
@media (max-width:620px){
 .ttg-home-v4 .container{width:calc(100% - 20px)}
 .home-v4-hero-copy h1{font-size:clamp(2.45rem,12.5vw,3.25rem);line-height:1.02}
 .home-v4-hero-copy>p{font-size:.96rem;line-height:1.6}
 .home-v4-search-form{grid-template-columns:minmax(0,1fr);gap:10px}
 .home-v4-search-form .home-search-field{height:54px;padding-inline:14px}
 .home-v4-search-form .primary-btn{min-height:50px}
 .home-v4-search-form .suggestions{top:116px;right:0}
 .home-v4-trust{grid-template-columns:minmax(0,1fr);gap:12px}
 .home-v4-feature-copy h2{font-size:1.65rem}
 .home-v4-feature-copy li{font-size:.86rem}
 .home-v4-pdf-preview{min-height:248px;padding:14px 12px 20px}
 .home-v4-editor-window{width:94%;height:222px;border-radius:14px}
 .home-v4-editor-top{height:34px}
 .home-v4-editor-body{height:calc(100% - 34px);grid-template-columns:38px 1fr}
 .home-v4-editor-page{margin:12px;padding:16px}
 .home-v4-selected-text{width:72px;height:52px;font-size:1.6rem;margin-bottom:16px}
 .home-v4-signature{right:18px;bottom:17px;width:78px;height:48px;border-radius:11px}
 .home-v4-signature i{font-size:28px}
 .home-v4-section{padding:30px 0}
 .home-v4-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:18px}
 .home-v4-section-head h2{font-size:1.35rem;line-height:1.25}
 .home-v4-section-head>a{font-size:.82rem;white-space:nowrap}
 .home-v4-tool-grid,.home-v4-category-grid,.home-v4-explore-grid{grid-template-columns:minmax(0,1fr)}
 .home-v4-tool-card>a{min-height:176px;padding:17px}
 .home-v4-icon{width:54px;height:54px;border-radius:15px}
 .home-v4-icon i{font-size:27px}
 .home-v4-category-grid>a{min-height:74px;padding:14px}
 .home-v4-personal-card{min-height:0}
 .home-v4-personal-head{padding:16px}
 .home-v4-list{padding:6px 14px 10px}
 .home-v4-row{grid-template-columns:38px minmax(0,1fr) 22px;gap:10px}
 .home-v4-row>span:nth-child(2){grid-template-columns:minmax(0,1fr);gap:5px}
 .home-v4-row-bubble{justify-self:start}
 .home-v4-row-end{justify-self:end}
 .home-v4-trust-strip{padding:22px}
}
@media (max-width:390px){
 .home-v4-section-head{grid-template-columns:1fr}
 .home-v4-section-head>a{justify-self:start}
 .home-v4-feature-copy{padding:22px 18px 16px}
 .home-v4-pdf-preview{min-height:224px}
 .home-v4-editor-window{height:202px}
 .home-v4-signature{right:14px;bottom:14px;width:72px;height:44px}
}

/* Mobile featured-card layout requested: icon beside title, category below title, full-width description */
@media (max-width:620px){
 .home-v4-tool-card>a{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 22px;
  grid-template-areas:
   "icon title arrow"
   "icon category arrow"
   "description description arrow";
  column-gap:12px;
  row-gap:4px;
  min-height:0;
  padding:17px;
  align-items:start;
 }
 .home-v4-tool-card .home-v4-icon{
  grid-area:icon;
  align-self:center;
  margin:0;
 }
 .home-v4-tool-card h3{
  grid-area:title;
  margin:0;
  align-self:end;
  line-height:1.25;
 }
 .home-v4-tool-card .home-v4-tool-category{
  grid-area:category;
  margin:2px 0 0;
  align-self:start;
 }
 .home-v4-tool-card p{
  grid-area:description;
  width:100%;
  max-width:none;
  margin:10px 0 0;
  padding:0;
  align-self:start;
 }
 .home-v4-tool-card .card-arrow{
  grid-area:arrow;
  position:static;
  right:auto;
  bottom:auto;
  align-self:center;
  justify-self:end;
 }
 .home-v4-signature{
  right:45px;
  bottom:78px;
  max-width:calc(100% - 52px);
  transform:rotate(-2deg);
 }
}
@media (max-width:390px){
 .home-v4-signature{
  right:45px;
  bottom:78px;
  max-width:calc(100% - 52px);
  transform:rotate(-2deg);
 }
}

/* Final signature position fix: keep the signature inside the PDF preview */
.ttg-home-v4 .home-v4-pdf-preview{
  position:relative;
  overflow:hidden;
}
.ttg-home-v4 .home-v4-signature{
  position:absolute;
  inset:auto 28px 28px auto;
  width:104px;
  height:64px;
  max-width:none;
  margin:0;
  transform:rotate(-2deg);
  transform-origin:center;
  z-index:3;
  box-sizing:border-box;
}
.ttg-home-v4 .home-v4-signature i{
  display:block;
  font-size:40px;
  line-height:1;
}

@media (max-width:900px){
  .ttg-home-v4 .home-v4-signature{
    inset:auto 22px 22px auto;
    width:92px;
    height:56px;
  }
  .ttg-home-v4 .home-v4-signature i{font-size:34px}
}

@media (max-width:620px){
  .ttg-home-v4 .home-v4-signature{
    inset:auto 16px 16px auto;
    width:76px;
    height:46px;
    border-radius:11px;
    transform:rotate(-2deg);
  }
  .ttg-home-v4 .home-v4-signature i{font-size:27px}
}

@media (max-width:390px){
  .ttg-home-v4 .home-v4-signature{
    inset:auto 12px 12px auto;
    width:70px;
    height:42px;
  }
  .ttg-home-v4 .home-v4-signature i{font-size:25px}
}


/* Definitive signature placement — contained inside the editor preview */
.home-v4-pdf-preview{overflow:hidden!important}
.home-v4-editor-window{position:relative!important;overflow:hidden!important}
.home-v4-editor-window>.home-v4-signature{
 position:absolute!important;
 right:16px!important;
 bottom:14px!important;
 left:auto!important;
 top:auto!important;
 width:96px!important;
 height:58px!important;
 max-width:none!important;
 margin:0!important;
 transform:none!important;
 z-index:10!important;
 border-radius:13px!important;
}
.home-v4-editor-window>.home-v4-signature i{font-size:36px!important;line-height:1!important}
@media (max-width:900px){
 .home-v4-editor-window>.home-v4-signature{right:13px!important;bottom:12px!important;width:84px!important;height:52px!important}
 .home-v4-editor-window>.home-v4-signature i{font-size:32px!important}
}
@media (max-width:620px){
 .home-v4-editor-window>.home-v4-signature{right:10px!important;bottom:9px!important;width:68px!important;height:42px!important;border-radius:10px!important}
 .home-v4-editor-window>.home-v4-signature i{font-size:26px!important}
}

/* Signature placement requested by owner — allow overlap without clipping */
.home-v4-pdf-preview{overflow:hidden!important}
.home-v4-editor-window{position:relative!important;overflow:visible!important}
.home-v4-editor-window>.home-v4-signature{
 position:absolute!important;
 right:30px!important;
 bottom:-15px!important;
 left:auto!important;
 top:auto!important;
 width:96px!important;
 height:58px!important;
 max-width:none!important;
 margin:0!important;
 transform:none!important;
 z-index:10!important;
 border-radius:13px!important;
}

/* The header and mobile drawer are styled entirely by site.css so they are
   identical to every other page; the wide v4 container applies to the page
   body only. */

/* ===========================================================================
   Homepage featured showcase
   One card, three flagship tools. Each slide carries its own accent so the
   colour tells you which toolbox you are looking at, and the art is a
   miniature of that tool's own interface rather than a stock image.
   Accents come from the site palette: brand orange, the teal-green success
   tone and the gold/warning tone.
   =========================================================================== */
.home-showcase{
  /* Each tool keeps its own identity colour from the catalog. Anything that
     carries white or small text uses the darkened companion so it clears
     4.5:1, since the raw tool colours sit around 2.2-3.1:1 on white. */
  --hs-accent:#ef6a47;
  --hs-strong:#c15539;
  --hs-tint:#fdf0ec;
  --hs-chip-ink:#b55035;
  position:relative;
  display:grid;
  /* A single track that cannot outgrow the card, so the art window and the
     tab bar stay inside it on narrow screens. */
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding:14px 0 0;
  border:1px solid var(--home-line);
  border-radius:26px;
  background:#fff;
  box-shadow:0 26px 60px rgba(16,24,39,.08);
  overflow:hidden;
}
.home-showcase[data-accent="pdf"],
.home-showcase [data-accent="pdf"]{--hs-accent:#ef6a47;--hs-strong:#c15539;--hs-tint:#fdf0ec;--hs-chip-ink:#b55035}
.home-showcase[data-accent="image"],
.home-showcase [data-accent="image"]{--hs-accent:#69a14c;--hs-strong:#4c7437;--hs-tint:#f1f7ee;--hs-chip-ink:#456b32}
.home-showcase[data-accent="seo"],
.home-showcase [data-accent="seo"]{--hs-accent:#d97b12;--hs-strong:#9c590d;--hs-tint:#fdf5eb;--hs-chip-ink:#8d500b}

/* ----- tab bar ----- */
.hs-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 22px 14px;
  border-bottom:1px solid var(--home-line);
}
.hs-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.hs-tabs::-webkit-scrollbar{display:none}
.hs-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-height:42px;
  padding:0 15px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--home-muted);
  font-family:Manrope,sans-serif;
  font-size:.92rem;
  font-weight:750;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.hs-tab .ti{font-size:19px;line-height:1}
.hs-tab:hover{background:#f6f7f9;color:var(--home-ink)}
.hs-tab.is-active{
  background:var(--hs-accent);
  border-color:var(--hs-accent);
  color:#fff;
  box-shadow:0 8px 18px color-mix(in srgb,var(--hs-accent) 26%,transparent);
}
.hs-tab.is-active:hover{background:var(--hs-strong);border-color:var(--hs-strong);color:#fff}

.hs-nav{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.hs-nav-btn{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid var(--home-line);
  border-radius:11px;
  background:#fff;
  color:var(--home-muted);
  transition:border-color .18s ease,color .18s ease,background-color .18s ease;
}
.hs-nav-btn .ti{font-size:17px;line-height:1}
.hs-nav-btn:hover{border-color:#cfd6e0;color:var(--home-ink);background:#f9fafb}
.hs-nav-btn[aria-pressed="true"]{border-color:var(--hs-accent);color:var(--hs-accent);background:var(--hs-tint)}

/* ----- slides ----- */
/* All three slides share one grid cell, so the card is always as tall as the
   tallest slide and never resizes when you switch tools. Inactive slides use
   visibility rather than display, which keeps them out of the tab order and
   the accessibility tree while still contributing their height. */
.hs-stage{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  min-width:0;
  padding:26px 22px 22px;
}
.hs-slide{
  grid-area:1/1;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:34px;
  visibility:hidden;
  opacity:0;
}
.hs-slide.is-active{
  visibility:visible;
  opacity:1;
  animation:hsFade .26s ease-out;
}
@keyframes hsFade{from{opacity:0}to{opacity:1}}

.hs-copy{min-width:0}
.hs-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 11px;
  border-radius:999px;
  background:var(--hs-tint);
  color:var(--hs-chip-ink);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.01em;
}
.hs-copy h3{
  margin:14px 0 10px;
  font-family:'Plus Jakarta Sans',Manrope,sans-serif;
  font-size:clamp(2.1rem,3vw,2.85rem);
  line-height:1.03;
  letter-spacing:-.035em;
  color:var(--hs-accent);
}
.hs-copy>p{
  margin:0 0 18px;
  max-width:36ch;
  color:var(--home-muted);
  font-size:1rem;
  line-height:1.6;
}
.hs-copy ul{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none}
.hs-copy li{
  display:flex;
  align-items:center;
  gap:10px;
  color:#2c3444;
  font-size:.95rem;
  font-weight:650;
}
.hs-copy li .ti{flex:0 0 auto;font-size:19px;color:var(--hs-accent)}
.hs-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:50px;
  padding:0 22px;
  border-radius:13px;
  background:var(--hs-accent);
  color:#fff;
  font-size:.98rem;
  font-weight:800;
  box-shadow:0 12px 26px color-mix(in srgb,var(--hs-accent) 30%,transparent);
  transition:background-color .18s ease,box-shadow .18s ease;
}
.hs-cta:hover{background:var(--hs-strong);box-shadow:0 14px 30px color-mix(in srgb,var(--hs-accent) 38%,transparent)}
.hs-cta .ti{font-size:18px}

/* ----- interface miniatures ----- */
.hs-art{display:flex;justify-content:center;min-width:0}
.hs-window{
  position:relative;
  width:min(100%,430px);
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--home-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 40px rgba(16,24,39,.10);
}
.hs-window-top{display:flex;align-items:center;gap:6px}
.hs-window-top i{width:9px;height:9px;border-radius:50%;background:#e4e8ee}
.hs-window-top i:first-child{background:#f8a09b}
.hs-window-top i:nth-child(2){background:#f6cf7d}
.hs-window-top i:nth-child(3){background:#8ed7a8}
.hs-window-field{
  flex:1 1 auto;
  height:22px;
  margin-left:8px;
  border-radius:7px;
  background:#f2f4f7;
}
.hs-window-field.is-url{
  display:grid;
  place-items:center;
  color:#98a2b3;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.68rem;
}
.hs-window-meta{
  margin-left:auto;
  color:#98a2b3;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.66rem;
}
.hs-window-badge{
  position:absolute;
  right:14px;
  bottom:14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  border:1px solid var(--home-line);
  border-radius:10px;
  background:#fff;
  color:var(--home-ink);
  font-size:.74rem;
  font-weight:750;
  box-shadow:0 8px 18px rgba(16,24,39,.10);
}
.hs-window-badge .ti{font-size:16px;color:var(--hs-accent)}

/* PDF page */
.hs-window-body{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}
.hs-window-rail{display:grid;gap:8px;align-content:start}
.hs-window-rail i{height:24px;border-radius:7px;background:#f2f4f7}
.hs-page{
  display:grid;
  gap:9px;
  align-content:start;
  min-height:190px;
  padding:16px;
  border-radius:12px;
  background:#fbfbfd;
}
.hs-page-title{height:11px;width:44%;border-radius:4px;background:var(--hs-accent)}
.hs-page-select{
  display:grid;
  place-items:center;
  height:56px;
  border:1.5px dashed #3b82f6;
  border-radius:6px;
  background:rgba(59,130,246,.06);
  color:var(--home-ink);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:1.3rem;
  font-weight:700;
}
.hs-page-line{height:8px;border-radius:4px;background:#eceff3}
.hs-page-line.is-short{width:62%}

/* Image canvas */
.hs-canvas{
  position:relative;
  display:grid;
  place-items:center;
  min-height:196px;
  border-radius:12px;
  background:linear-gradient(135deg,#0f766e,#1f8a62 55%,#5ac59a);
}
.hs-crop{
  display:grid;
  place-items:center;
  width:76%;
  height:70%;
  border:1.5px dashed rgba(255,255,255,.92);
  border-radius:4px;
}
.hs-crop b{
  padding:5px 10px;
  border-radius:8px;
  background:rgba(9,26,23,.72);
  color:#fff;
  font-size:.72rem;
  font-weight:750;
}
.hs-slider-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hs-slider-row span{position:relative;height:6px;border-radius:999px;background:#eceff3}
.hs-slider-row i{
  position:absolute;
  top:50%;
  left:var(--at,50%);
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--hs-accent);
  transform:translate(-50%,-50%);
}

/* SEO report */
.hs-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hs-score{
  display:grid;
  gap:2px;
  justify-items:center;
  padding:14px 8px;
  border:1px solid var(--home-line);
  border-radius:12px;
  text-align:center;
}
.hs-score b{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.45rem;line-height:1.05}
.hs-score small{color:var(--home-muted);font-size:.68rem;font-weight:700}
.hs-score.is-pass{background:#eaf7f0}
.hs-score.is-pass b{color:#1f8a62}
.hs-score.is-warn{background:#fdf1d8}
.hs-score.is-warn b{color:#b5761a}
.hs-score.is-info{background:#eef3fb}
.hs-score.is-info b{color:#3b6ea5;font-size:1.1rem}
.hs-code{
  display:grid;
  gap:5px;
  padding:13px 14px;
  border-radius:12px;
  background:#101827;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.68rem;
  line-height:1.5;
}
.hs-code-comment{color:#7c8aa5}
.hs-code-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-code-tag{color:#7dd3c0}
.hs-code-ok{color:#f6cf7d}

/* ----- progress rail ----- */
.hs-rail{height:4px;background:#f2f4f7}
.hs-rail span{display:block;height:100%;width:0;background:var(--hs-accent);border-radius:0 999px 999px 0}
@keyframes hsProgress{from{width:0}to{width:100%}}

/* ----- responsive ----- */
@media (max-width:1080px){
  .hs-slide{grid-template-columns:minmax(0,1fr);gap:24px}
  .hs-art{order:-1}
  .hs-copy h3{font-size:clamp(1.9rem,6vw,2.4rem)}
}
@media (max-width:640px){
  .home-showcase{border-radius:20px}
  .hs-bar{flex-wrap:wrap;padding:0 14px 12px}
  .hs-nav{margin-left:auto}
  .hs-stage{padding:20px 14px 18px}
  /* All three tools stay reachable without scrolling the strip: the tabs share
     the width and long names truncate visually only. */
  .hs-tabs{overflow:visible;width:100%;gap:5px}
  .hs-tab{flex:1 1 0;min-width:0;min-height:38px;gap:6px;padding:0 10px;font-size:.82rem}
  .hs-tab .ti{font-size:16px}
  .hs-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hs-bar{gap:10px}
  .hs-nav{width:100%;justify-content:flex-end}
  .hs-copy>p{max-width:none;margin-bottom:14px;font-size:.96rem}
  .hs-cta{width:100%;justify-content:center;min-height:48px}
  /* Keep the card from filling the whole screen: the miniatures carry the idea
     at a smaller size, and the list tightens rather than losing an item. */
  .hs-window{gap:10px;padding:12px}
  .hs-page{min-height:146px;padding:13px}
  .hs-canvas{min-height:152px}
  .hs-copy h3{margin:11px 0 8px}
  .hs-copy ul{gap:7px;margin-bottom:18px}
  .hs-copy li{font-size:.92rem}
  .hs-slide{gap:20px}
  .hs-score{padding:11px 6px}
  .hs-score b{font-size:1.3rem}
}

/* ----- quality floor ----- */
.hs-tab:focus-visible,
.hs-nav-btn:focus-visible,
.hs-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--hs-accent) 60%,#fff);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .hs-slide.is-active{animation:none}
  .hs-tab,.hs-nav-btn,.hs-cta{transition:none}
  .hs-rail span{transition:none;animation:none!important}
}

/* Full homepage dark theme. The page predates the shared colour tokens, so its
   light-only surfaces are mapped explicitly to the current theme here. */
[data-theme=dark]{--home-ink:#f5f7f3;--home-muted:#aebcb7;--home-line:#30413d;--home-soft:#1b2926}
[data-theme=dark] .ttg-home-v4{background:var(--page);color:var(--home-ink)}
[data-theme=dark] .home-v4-hero{background:linear-gradient(180deg,#0d1514 0%,#0f1917 64%,#151d1b 100%)}
[data-theme=dark] .home-v4-hero-copy h1,
[data-theme=dark] .home-v4-trust b,
[data-theme=dark] .home-v4-section-head h2,
[data-theme=dark] .home-v4-tool-card h3,
[data-theme=dark] .home-v4-category-grid b,
[data-theme=dark] .home-v4-row b,
[data-theme=dark] .home-v4-explore-grid h3,
[data-theme=dark] .home-v4-personal-head h2,
[data-theme=dark] .home-v4-trust-strip h2{color:var(--home-ink)}
[data-theme=dark] .home-v4-hero-copy>p,
[data-theme=dark] .home-v4-trust small,
[data-theme=dark] .home-v4-section-head span,
[data-theme=dark] .home-v4-tool-card p,
[data-theme=dark] .home-v4-category-grid small,
[data-theme=dark] .home-v4-row-end,
[data-theme=dark] .home-v4-explore-grid a,
[data-theme=dark] .home-v4-trust-strip p{color:var(--home-muted)}
[data-theme=dark] .home-v4-search-form .home-search-field,
[data-theme=dark] .home-v4-tool-card,
[data-theme=dark] .home-v4-category-grid>a,
[data-theme=dark] .home-v4-personal-card,
[data-theme=dark] .home-v4-explore-grid article{border-color:var(--home-line);background:var(--surface);box-shadow:var(--shadow-xs)}
[data-theme=dark] .home-v4-flagships,
[data-theme=dark] .home-v4-categories,
[data-theme=dark] .home-v4-personal-section,
[data-theme=dark] .home-v4-explore,
[data-theme=dark] .home-v4-trust-strip-section{background:transparent}
[data-theme=dark] .home-v4-personal-head,
[data-theme=dark] .home-v4-row{border-color:var(--home-line)}
[data-theme=dark] .home-v4-personal-head a{border-color:var(--home-line);background:var(--surface-2);color:var(--home-ink)}
[data-theme=dark] .home-v4-tool-category,
[data-theme=dark] .home-v4-row-bubble{background:var(--surface-3);color:var(--home-muted)!important}
[data-theme=dark] .home-v4-row-end i,[data-theme=dark] .home-v4-tool-card .card-arrow{color:var(--home-muted)}
[data-theme=dark] .home-v4-trust-strip{border-color:color-mix(in srgb,var(--brand) 28%,var(--home-line));background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 11%,var(--surface)),var(--surface))}
[data-theme=dark] .ttg-home-v4 .home-v4-footer{border-top-color:var(--line)}

/* Featured-tool showcase. */
[data-theme=dark] .home-showcase{border-color:var(--home-line);background:var(--surface);box-shadow:var(--shadow)}
[data-theme=dark] .hs-bar,[data-theme=dark] .hs-window,[data-theme=dark] .hs-window-badge,[data-theme=dark] .hs-nav-btn{border-color:var(--home-line);background:var(--surface)}
[data-theme=dark] .hs-tab{color:var(--home-muted)}
[data-theme=dark] .hs-tab:hover,[data-theme=dark] .hs-nav-btn:hover{border-color:var(--line-strong);background:var(--surface-2);color:var(--home-ink)}
[data-theme=dark] .hs-tab.is-active,[data-theme=dark] .hs-tab.is-active:hover{border-color:var(--hs-accent);background:var(--hs-accent);color:#fff}
[data-theme=dark] .hs-copy p,[data-theme=dark] .hs-score small{color:var(--home-muted)}
[data-theme=dark] .hs-copy li,[data-theme=dark] .hs-window-title{color:var(--home-ink)}
[data-theme=dark] .hs-page,[data-theme=dark] .hs-canvas{border-color:var(--home-line);background:var(--surface-2)}
[data-theme=dark] .hs-page-line,[data-theme=dark] .hs-slider-row span,[data-theme=dark] .hs-rail{background:var(--surface-3)}
[data-theme=dark] .hs-score.is-pass{background:rgba(31,138,98,.16)}
[data-theme=dark] .hs-score.is-warn{background:rgba(181,118,26,.17)}
[data-theme=dark] .hs-score.is-info{background:rgba(59,110,165,.18)}

/* Dark-mode polish: neutral depth, dark search, and theme-aware badges. */
[data-theme=dark] body[data-page="home"] .home-v4-search-form.ttg-home-action-search{border-color:var(--home-line);background:var(--surface);box-shadow:0 10px 28px rgba(0,0,0,.2)}
[data-theme=dark] body[data-page="home"] .home-v4-search-form.ttg-home-action-search:focus-within{border-color:color-mix(in srgb,var(--brand) 62%,var(--home-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}
[data-theme=dark] body[data-page="home"] .home-v4-search-form.ttg-home-action-search .home-search-field,
[data-theme=dark] body[data-page="home"] .home-v4-search-form.ttg-home-action-search input{background:transparent!important;color:var(--home-ink)!important}
[data-theme=dark] body[data-page="home"] .home-v4-search-form.ttg-home-action-search input::placeholder{color:var(--home-muted)}
[data-theme=dark] .hs-chip{border:1px solid color-mix(in srgb,var(--hs-accent) 30%,var(--home-line));background:color-mix(in srgb,var(--hs-accent) 12%,var(--surface-2));color:color-mix(in srgb,var(--hs-accent) 78%,#fff)}
[data-theme=dark] .home-v4-tool-category,[data-theme=dark] .home-v4-row-bubble{border:1px solid var(--home-line);background:var(--surface-2);color:var(--home-muted)!important}
[data-theme=dark] body[data-page="home"] .primary-btn,
[data-theme=dark] body[data-page="home"] .hs-cta,
[data-theme=dark] body[data-page="home"] .hs-tab.is-active,
[data-theme=dark] body[data-page="home"] .home-v4-tool-card,
[data-theme=dark] body[data-page="home"] .home-v4-featured,
[data-theme=dark] body[data-page="home"] .home-showcase{box-shadow:0 8px 22px rgba(0,0,0,.18)}
[data-theme=dark] body[data-page="home"] .primary-btn:hover,[data-theme=dark] body[data-page="home"] .hs-cta:hover{box-shadow:0 10px 24px rgba(0,0,0,.22)}
[data-theme=dark] body[data-page="home"] .home-v4-search-form.ttg-home-action-search>.primary-btn{box-shadow:0 7px 16px rgba(0,0,0,.22)}
[data-theme=dark] body[data-page="home"] .home-v4-search-form.ttg-home-action-search>.primary-btn:hover{box-shadow:0 9px 20px rgba(0,0,0,.26)}
[data-theme=dark] body[data-page="home"] .ttg-home-search-shortcut{border-color:var(--home-line);background:var(--surface-2);color:var(--home-muted)}
[data-theme=dark] body[data-page="home"] .ttg-home-search-clear{background:var(--surface-2);color:var(--home-muted)}
[data-theme=dark] body[data-page="home"] .ttg-home-search-clear:hover,
[data-theme=dark] body[data-page="home"] .ttg-home-search-clear:focus-visible{background:var(--surface-3);color:var(--home-ink)}
[data-theme=dark] body[data-page="home"] .home-v4-search-form.ttg-home-action-search .home-search-field>i{color:var(--home-muted)}