*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#f5f7fb;--card:#fff;--text:#111827;--muted:#667085;--line:#e5e7eb;--primary:#6d5dfc;--primary2:#8649f5;--soft:#f1efff;--success:#0a7b4f;--successbg:#eafaf2;--warning:#9a6700;--warningbg:#fff8dd;--shadow:0 18px 60px rgba(16,24,40,.08)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{height:72px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-icon{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:20px;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 10px 28px rgba(109,93,252,.24)}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:16px;letter-spacing:-.3px}.brand-copy small{font-size:10px;color:#98a2b3;margin-top:4px}.header-link{font-size:14px;font-weight:700;color:#344054;text-decoration:none}.hero{text-align:center;padding:72px 20px 54px}.eyebrow{display:inline-flex;border:1px solid #ddd9ff;background:#f3f1ff;color:#5749d8;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:850;letter-spacing:.08em}.hero h1{max-width:880px;margin:18px auto 16px;font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-3.3px}.hero h1 span{background:linear-gradient(90deg,var(--primary),var(--primary2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:690px;margin:auto;color:var(--muted);font-size:17px;line-height:1.65}.primary-link{display:inline-block;margin-top:27px;background:#111827;color:white;text-decoration:none;font-weight:800;font-size:14px;padding:13px 18px;border-radius:12px;box-shadow:0 10px 26px rgba(17,24,39,.15)}.toolbox-shell{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.tool-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:#fbfbfd}.tool-tab{border:0;border-right:1px solid #f0f1f3;background:transparent;padding:15px 8px;display:flex;align-items:center;justify-content:center;gap:7px;color:#667085;cursor:pointer;font-size:12px}.tool-tab:last-child{border-right:0}.tool-tab span{font-size:16px}.tool-tab.active{color:#4d3ed2;background:#f1efff;box-shadow:inset 0 -2px 0 var(--primary)}.tool-panel{padding:30px}.panel-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.tool-eyebrow{font-size:10px;letter-spacing:.11em;font-weight:900;color:#6d5dfc}.panel-top h2{margin:7px 0 7px;font-size:26px;letter-spacing:-.6px}.panel-top p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.tool-badge{flex:none;background:#f8f9fb;border:1px solid var(--line);color:#667085;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.field label{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:#344054}.field label span{color:#d92d20}.field textarea,.field input,.field select{width:100%;border:1px solid #d0d5dd;border-radius:11px;background:#fff;color:#111827;font:inherit;font-size:14px;padding:12px 13px;outline:none;transition:.15s}.field textarea{min-height:120px;resize:vertical}.field textarea:focus,.field input:focus,.field select:focus{border-color:#8f83ff;box-shadow:0 0 0 3px rgba(109,93,252,.10)}.field-foot{display:flex;justify-content:space-between;gap:15px;margin-top:6px;color:#98a2b3;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.dynamic-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.actions-row{display:flex;gap:10px;margin-top:21px}.generate-btn,.ghost-btn,.copy-all-btn,.copy-btn{font:inherit;cursor:pointer}.generate-btn{border:0;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:11px;padding:13px 18px;font-size:13px;font-weight:850;box-shadow:0 10px 25px rgba(109,93,252,.24)}.generate-btn:hover{transform:translateY(-1px)}.ghost-btn{border:1px solid var(--line);background:#fff;color:#475467;border-radius:11px;padding:12px 16px;font-size:13px;font-weight:750}.status-box{display:none;margin-top:18px;border-radius:11px;padding:11px 13px;font-size:12px}.status-box.show{display:block}.status-box.info{background:#eff6ff;color:#175cd3;border:1px solid #d1e9ff}.status-box.error{background:#fff1f1;color:#b42318;border:1px solid #fecdca}.results-section{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.hidden{display:none}.results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.results-head h3{margin:0;font-size:16px}.results-head p{margin:4px 0 0;color:#98a2b3;font-size:11px}.copy-all-btn{border:1px solid var(--line);background:#fff;color:#475467;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800}.results-list{display:grid;gap:10px}.result-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.result-index{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:#594acb;font-size:10px;font-weight:900}.result-body{min-width:0}.result-text{font-size:14px;line-height:1.55;color:#1d2939;white-space:pre-wrap;word-break:break-word}.score-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.score-pill,.type-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:850}.score-pill.high{background:var(--successbg);color:var(--success)}.score-pill.mid{background:var(--warningbg);color:var(--warning)}.type-pill{background:#f2f4f7;color:#667085}.copy-btn{border:0;background:#f2f4f7;color:#475467;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800}.copy-btn.copied,.copy-all-btn.copied{background:var(--successbg);color:var(--success)}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;margin-bottom:70px}.feature-strip div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.feature-strip strong{display:block;font-size:12px}.feature-strip span{display:block;color:#98a2b3;font-size:10px;margin-top:5px;line-height:1.4}.site-footer{background:#fff;border-top:1px solid var(--line);color:#98a2b3;font-size:11px}.footer-inner{height:68px;display:flex;align-items:center;justify-content:space-between}@media(max-width:850px){.tool-tabs{grid-template-columns:repeat(3,1fr)}.tool-tab:nth-child(3){border-right:0}.feature-strip{grid-template-columns:1fr 1fr}.hero{padding-top:52px}.tool-panel{padding:22px}}@media(max-width:560px){.wrap{width:min(100% - 24px,1180px)}.site-header{height:64px}.brand-copy small,.header-link{display:none}.hero{padding:43px 4px 34px}.hero h1{letter-spacing:-2.1px}.hero p{font-size:15px}.tool-tabs{grid-template-columns:1fr 1fr}.tool-tab{padding:12px 6px}.tool-tab:nth-child(3){border-right:1px solid #f0f1f3}.tool-tab:nth-child(even){border-right:0}.tool-panel{padding:18px}.panel-top{display:block}.tool-badge{display:inline-block;margin-top:12px}.panel-top h2{font-size:22px}.form-grid,.dynamic-grid{grid-template-columns:1fr}.actions-row{flex-direction:column}.generate-btn,.ghost-btn{width:100%}.result-card{grid-template-columns:auto minmax(0,1fr)}.copy-btn{grid-column:2;justify-self:start}.feature-strip{grid-template-columns:1fr}.footer-inner{height:auto;padding:18px 0;gap:6px;flex-direction:column;align-items:flex-start}}
\n.header-nav{display:flex;align-items:center;gap:10px}.header-pro-link{font-size:13px;font-weight:850;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--primary),var(--primary2));padding:9px 12px;border-radius:10px;box-shadow:0 8px 20px rgba(109,93,252,.18)}.pro-section{margin-top:26px;margin-bottom:72px}.pro-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:30px;background:linear-gradient(135deg,#15172a 0%,#242044 55%,#382b73 100%);border-radius:22px;padding:34px;color:#fff;box-shadow:0 22px 70px rgba(45,34,105,.2)}.pro-card:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-140px;top:-160px;background:rgba(134,73,245,.28)}.pro-copy,.pro-offer{position:relative;z-index:1}.pro-eyebrow{font-size:10px;letter-spacing:.11em;font-weight:900;color:#c9c2ff}.pro-copy h2{font-size:clamp(28px,4vw,43px);letter-spacing:-1.5px;line-height:1.05;margin:9px 0 12px;max-width:650px}.pro-intro{max-width:710px;margin:0;color:#d5d7e4;font-size:14px;line-height:1.65}.pro-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:23px}.pro-list div{display:flex;align-items:center;gap:8px;color:#f2f1fb;font-size:13px}.pro-list span{width:21px;height:21px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(118,255,191,.13);color:#83f0bc;font-weight:900;font-size:11px}.pro-list b{color:#fff}.pro-note{margin:22px 0 0;color:#aaaec2;font-size:11px}.pro-offer{align-self:center;background:rgba(255,255,255,.97);color:#171827;border-radius:18px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.17)}.offer-label{display:inline-block;font-size:9px;letter-spacing:.1em;font-weight:900;color:#5d4bdb;background:#f0edff;border-radius:999px;padding:6px 9px}.offer-price{font-size:44px;letter-spacing:-2px;font-weight:900;margin:14px 0 1px}.offer-price small{font-size:13px;letter-spacing:0;color:#6b7280}.offer-once{font-size:12px;color:#6b7280;margin-bottom:18px}.launching-btn{width:100%;border:0;border-radius:11px;padding:13px 16px;color:#fff;background:linear-gradient(135deg,#8077d8,#958ce3);font-weight:850;font-size:13px;cursor:not-allowed;opacity:.95}.pro-offer p{font-size:10px;line-height:1.5;color:#858a99;text-align:center;margin:11px 2px 0}.compare-card{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(16,24,40,.05)}.compare-head,.compare-row{display:grid;grid-template-columns:1fr 1fr}.compare-head>div,.compare-row>div{padding:15px 20px}.compare-head{background:#fafafe;border-bottom:1px solid var(--line)}.compare-head>div:first-child,.compare-row>div:first-child{border-right:1px solid var(--line)}.compare-head span{display:block;color:#98a2b3;font-size:9px;letter-spacing:.12em;font-weight:900;margin-bottom:3px}.compare-head div:last-child span{color:#6557df}.compare-head strong{font-size:13px}.compare-row{border-bottom:1px solid #f0f1f3;color:#525866;font-size:12px}.compare-row:last-child{border-bottom:0}.compare-row b{color:#1f2937}@media(max-width:760px){.header-nav{gap:6px}.header-pro-link{padding:8px 10px;font-size:11px}.pro-card{grid-template-columns:1fr;padding:25px}.pro-list{grid-template-columns:1fr}.pro-offer{width:100%}.compare-head>div,.compare-row>div{padding:12px 13px}.compare-row{font-size:11px}}@media(max-width:480px){.header-link{display:none}.pro-section{margin-bottom:48px}.pro-card{padding:21px;border-radius:17px}.pro-copy h2{font-size:29px}.compare-card{overflow-x:auto}.compare-head,.compare-row{min-width:560px}}\n
.footer-expanded{gap:20px}
.footer-links{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.footer-links a{color:#667085;text-decoration:none;font-size:11px}
.footer-links a:hover{text-decoration:underline;color:#4d3ed2}
@media(max-width:760px){.footer-expanded{height:auto;padding:18px 0;align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}}
.buy-pro-btn{display:block;width:100%;border:0;border-radius:11px;padding:13px 16px;color:#fff;background:linear-gradient(135deg,#6d5dfc,#8649f5);font-weight:850;font-size:13px;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 9px 22px rgba(109,93,252,.22);transition:transform .15s ease,box-shadow .15s ease}.buy-pro-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(109,93,252,.28)}
/* Subtitle Maker promo */
.nav-beta{font-size:8px;padding:2px 5px;border-radius:999px;background:#eeeafe;color:#5b43d6;margin-left:3px}
.subtitle-promo{margin:28px auto}
.subtitle-promo-card{display:flex;justify-content:space-between;gap:22px;align-items:center;background:linear-gradient(135deg,#f7f5ff,#fff);border:1px solid #ded8ff;border-radius:18px;padding:22px 24px;box-shadow:0 14px 34px rgba(109,93,252,.08)}
.subtitle-promo-badge{font-size:10px;font-weight:900;letter-spacing:.08em;color:#6d5dfc}
.subtitle-promo-card h2{margin:6px 0;font-size:24px;color:#202334}
.subtitle-promo-card p{margin:0;max-width:700px;color:#667085;font-size:13px;line-height:1.55}
.subtitle-promo-btn{white-space:nowrap;text-decoration:none;color:#fff;background:linear-gradient(135deg,#6d5dfc,#8649f5);padding:12px 15px;border-radius:11px;font-weight:850;font-size:12px}
@media(max-width:700px){.subtitle-promo-card{flex-direction:column;align-items:flex-start}.subtitle-promo-btn{white-space:normal;width:100%;text-align:center}}
/* Beta 0.5 — separate tool pages + shared account nav */
.header-right{display:flex;align-items:center;gap:13px}
.site-account-nav{display:flex;align-items:center;gap:7px}
.site-account-login,.site-account-create{border-radius:9px;padding:8px 10px;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}
.site-account-login{border:1px solid #e4e7ec;background:#fff;color:#344054}
.site-account-create{border:0;background:#111827;color:#fff}
.site-account-summary{display:flex;flex-direction:column;text-decoration:none;border:1px solid #e4e7ec;background:#fff;border-radius:10px;padding:6px 9px;line-height:1.15;max-width:180px}
.site-account-summary span{font-size:9px;color:#344054;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-account-summary small{font-size:8px;color:#7f56d9;margin-top:3px;font-weight:800}
.home-hero{padding-bottom:42px}
.home-hero-actions{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}
.home-secondary-action{margin-top:27px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-weight:850;font-size:13px;padding:12px 16px;border-radius:12px;cursor:pointer}
.home-account-note{font-size:10px!important;color:#98a2b3!important;margin-top:13px!important}
.home-tools-section{margin-bottom:24px}
.home-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}
.home-section-head h2{font-size:30px;margin:5px 0 4px;letter-spacing:-.7px}
.home-section-head p{margin:0;color:#667085;font-size:12px}
.home-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.home-tool-card{display:flex;flex-direction:column;min-height:245px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 12px 35px rgba(16,24,40,.05);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.home-tool-card:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(16,24,40,.08);border-color:#d9d4ff}
.home-tool-card-featured{background:linear-gradient(145deg,#faf9ff,#fff);border-color:#dcd6ff}
.home-tool-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#f3f1ff;font-size:21px;margin-bottom:14px}
.home-tool-copy{flex:1}.home-tool-label{font-size:8px;font-weight:900;letter-spacing:.09em;color:#7f56d9}.home-tool-copy h3{margin:6px 0 7px;font-size:17px;letter-spacing:-.3px}.home-tool-copy p{margin:0;color:#667085;font-size:11px;line-height:1.55}.home-tool-mini{font-size:9px;color:#7f56d9;font-weight:750;margin-top:9px}
.home-tool-open{margin-top:16px;text-decoration:none;color:#5b43d6;font-size:11px;font-weight:900}
.home-feature-strip{margin-bottom:38px}
.tool-page-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding-top:40px;padding-bottom:18px;position:relative}
.tool-page-back{grid-column:1/-1;color:#667085;text-decoration:none;font-size:10px;font-weight:800;margin-bottom:2px}
.tool-page-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#f0edff;font-size:28px}
.tool-page-hero h1{font-size:34px;letter-spacing:-1px;margin:5px 0 6px}.tool-page-hero p{margin:0;color:#667085;font-size:12px;line-height:1.55;max-width:760px}
.tool-page-switcher{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.tool-page-switch-link{font-size:9px;font-weight:800;text-decoration:none;color:#667085;background:#fff;border:1px solid #e4e7ec;border-radius:999px;padding:7px 9px}
.tool-page-switch-link.active{color:#5b43d6;background:#f1efff;border-color:#d8d1ff}.subtitle-switch-link{color:#067647;background:#f0fbf5}
.single-tool-shell{margin-bottom:14px}.single-tool-note{font-size:10px;color:#667085;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:11px 13px;margin-bottom:50px}
.site-auth-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px}
.site-auth-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.64);backdrop-filter:blur(4px)}
.site-auth-card{position:relative;z-index:1;width:min(420px,100%);background:#fff;border-radius:18px;padding:25px;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.site-auth-close{position:absolute;right:13px;top:11px;border:0;background:#f2f4f7;width:30px;height:30px;border-radius:50%;font-size:20px;cursor:pointer;color:#667085}
.site-auth-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);color:#fff;font-size:20px;margin-bottom:13px}
.site-auth-kicker{font-size:9px;font-weight:900;letter-spacing:.1em;color:#6d5dfc}
.site-auth-card h2{font-size:22px;margin:3px 0 5px}.site-auth-card>p{font-size:10px;color:#667085;line-height:1.5}
.site-auth-card form{display:grid;gap:7px}.site-auth-card label{font-size:10px;font-weight:800;color:#475467;margin-top:5px}.site-auth-card input{border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;font-size:12px;outline:none}.site-auth-card input:focus{border-color:#8b7cff;box-shadow:0 0 0 3px rgba(109,93,252,.10)}
.site-auth-submit{border:0;border-radius:10px;padding:12px;margin-top:9px;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);color:#fff;font-weight:850;font-size:12px;cursor:pointer}.site-auth-submit:disabled{opacity:.55}
.site-auth-message{min-height:18px;font-size:10px;margin-top:8px;color:#667085}.site-auth-message.error{color:#b42318}.site-auth-message.success{color:#067647}
.site-auth-switch{text-align:center}.site-auth-switch button{border:0;background:transparent;color:#6d5dfc;font-weight:850;font-size:10px;cursor:pointer}.site-auth-fineprint{border-top:1px solid #eceef2;padding-top:11px;font-size:8px!important;color:#98a2b3!important}
@media(max-width:980px){
.home-tools-grid{grid-template-columns:repeat(2,1fr)}
.header-right{gap:7px}
.site-account-summary{display:none}
}
@media(max-width:760px){
.site-account-create{display:none}
.site-account-login{padding:7px 9px}
.home-tools-grid{grid-template-columns:1fr}
.home-tool-card{min-height:0}
.tool-page-hero{padding-top:28px}
}
@media(max-width:560px){
.header-right .header-nav .header-link{display:none}
.tool-page-hero{grid-template-columns:auto 1fr;gap:12px}
.tool-page-icon{width:49px;height:49px;font-size:23px}
.tool-page-hero h1{font-size:27px}
}
/* =========================================================
Beta 0.6 — click-only login + premium dark tone
========================================================= */
/* Critical modal fix:
The login/create-account dialog MUST NOT appear on page load.
It only opens after the user clicks Log in / Create account. */
.site-auth-modal.hidden{display:none!important}
/* Dark premium shell */
:root{
--bg:#0b1020;
--card:#121a2b;
--text:#f7f8fc;
--muted:#9ba6bb;
--line:#25304a;
--primary:#7c68ff;
--primary2:#a855f7;
--soft:#211d47;
--success:#44d39a;
--successbg:#102f29;
--warning:#f6c65b;
--warningbg:#322817;
--shadow:0 20px 60px rgba(0,0,0,.28);
}
body{
background:
radial-gradient(circle at 15% 0%,rgba(124,104,255,.16),transparent 30%),
radial-gradient(circle at 90% 12%,rgba(168,85,247,.10),transparent 26%),
#0b1020;
color:var(--text);
}
.site-header{
background:rgba(10,15,30,.92);
border-bottom:1px solid rgba(148,163,184,.14);
box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.brand{color:#f8fafc}
.brand-copy strong{color:#fff}
.brand-copy small{color:#7f8ca5}
.header-link{color:#c8d0df}
.header-link:hover{color:#fff}
.header-pro-link{
color:#fff!important;
background:linear-gradient(135deg,#6d5dfc,#a855f7)!important;
box-shadow:0 8px 24px rgba(124,104,255,.28)
}
.site-account-login{
background:#151e31;
color:#dce3ef;
border-color:#2b3853
}
.site-account-login:hover{background:#1c2740;color:#fff}
.site-account-create{
background:linear-gradient(135deg,#7c68ff,#a855f7);
color:#fff;
box-shadow:0 8px 24px rgba(124,104,255,.26)
}
.site-account-summary{
background:#111a2d;
border-color:#293650
}
.site-account-summary span{color:#eef2f8}
.site-account-summary small{color:#a99bff}
/* Homepage hero becomes a strong dark focal area */
.home-hero{
margin-top:34px;
border:1px solid rgba(148,163,184,.13);
border-radius:28px;
background:
linear-gradient(145deg,rgba(19,27,47,.96),rgba(12,18,34,.98)),
#111827;
box-shadow:0 30px 90px rgba(0,0,0,.28);
padding-top:70px;
padding-bottom:62px;
}
.eyebrow{
background:rgba(124,104,255,.12);
border-color:rgba(151,137,255,.28);
color:#b7acff
}
.hero h1{color:#f8fafc}
.hero p{color:#a8b3c7}
.primary-link{
background:linear-gradient(135deg,#7c68ff,#9b5cf6);
box-shadow:0 12px 30px rgba(124,104,255,.30)
}
.home-secondary-action{
background:#161f33;
border-color:#303c57;
color:#e6ebf4
}
.home-secondary-action:hover{background:#1c2942}
.home-account-note{color:#7f8ca5!important}
/* Homepage tool directory */
.home-section-head h2{color:#f8fafc}
.home-section-head p{color:#8793a9}
.home-tool-card{
background:linear-gradient(160deg,#131b2d,#101727);
border-color:#24314b;
box-shadow:0 18px 44px rgba(0,0,0,.18)
}
.home-tool-card:hover{
border-color:#6558c9;
box-shadow:0 22px 55px rgba(0,0,0,.28)
}
.home-tool-card-featured{
background:linear-gradient(150deg,#1a1740,#11192c);
border-color:#52469f
}
.home-tool-icon{background:#211d47}
.home-tool-label{color:#a899ff}
.home-tool-copy h3{color:#f7f8fc}
.home-tool-copy p{color:#95a0b5}
.home-tool-mini{color:#a99bff}
.home-tool-open{color:#b6aaff}
/* Feature strip */
.feature-strip div{
background:#11192a;
border-color:#24314a
}
.feature-strip strong{color:#f3f6fb}
.feature-strip span{color:#8390a6}
/* Separate tool pages */
.tool-page-back{color:#8d99ae}
.tool-page-icon{background:#211d47}
.tool-page-hero h1{color:#f8fafc}
.tool-page-hero p{color:#95a0b5}
.tool-page-switch-link{
background:#121a2b;
border-color:#2a3650;
color:#a8b2c5
}
.tool-page-switch-link:hover{border-color:#5d52af;color:#fff}
.tool-page-switch-link.active{
color:#d7d0ff;
background:#211d47;
border-color:#6558c9
}
.subtitle-switch-link{
background:#102c2b;
color:#70dfb0;
border-color:#205548
}
.toolbox-shell{
background:#11192a;
border-color:#25314a;
box-shadow:var(--shadow)
}
.tool-panel{background:#11192a}
.panel-top h2{color:#f8fafc}
.panel-top p{color:#94a0b5}
.tool-badge{
background:#161f33;
border-color:#2a3650;
color:#9eabc0
}
.field label{color:#d8deea}
.field textarea,.field input,.field select{
background:#0d1525;
border-color:#2d3952;
color:#f5f7fb
}
.field textarea::placeholder,.field input::placeholder{color:#65738d}
.field textarea:focus,.field input:focus,.field select:focus{
border-color:#7c68ff;
box-shadow:0 0 0 3px rgba(124,104,255,.14)
}
.field-foot{color:#6f7c93}
.ghost-btn,.copy-all-btn{
background:#151f32;
border-color:#2d3952;
color:#c7d0df
}
.results-section{border-color:#25314a}
.results-head h3{color:#f5f7fb}
.results-head p{color:#7f8ba1}
.result-card{
background:#0e1727;
border-color:#25324a
}
.result-text{color:#e9edf5}
.result-index{background:#211d47;color:#b9adff}
.type-pill{background:#182235;color:#9eabc0}
.copy-btn{background:#182235;color:#b7c0d0}
.single-tool-note{
background:#11192a;
border-color:#25314a;
color:#8f9bb0
}
/* Pro section */
.pro-card{
background:linear-gradient(145deg,#151c31,#101727)!important;
border-color:#2d3952!important;
box-shadow:0 24px 70px rgba(0,0,0,.26)!important
}
.pro-copy h2,.pro-copy h3{color:#fff!important}
.pro-copy p,.pro-note{color:#98a4b8!important}
.pro-list div{
background:#111a2c!important;
border-color:#2a3650!important;
color:#dce3ef!important
}
.pro-offer{
background:linear-gradient(145deg,#211d47,#151a31)!important;
border-color:#5145a0!important
}
.offer-price,.offer-once{color:#fff!important}
/* Footer */
.site-footer{
background:#090e1b;
border-color:#202b41;
color:#748198
}
.footer-links a{color:#8c98ad}
.footer-links a:hover{color:#fff}
/* Shared login/create-account modal stays dark and elegant */
.site-auth-card{
background:#11192a;
border:1px solid #2a3650;
color:#f8fafc;
box-shadow:0 34px 100px rgba(0,0,0,.50)
}
.site-auth-close{background:#1b263c;color:#a8b2c5}
.site-auth-card h2{color:#fff}
.site-auth-card>p{color:#93a0b5}
.site-auth-card label{color:#d6dce7}
.site-auth-card input{
background:#0b1322;
color:#f5f7fb;
border-color:#2d3952
}
.site-auth-card input::placeholder{color:#65738d}
.site-auth-switch button{color:#a899ff}
.site-auth-fineprint{
border-color:#29354d;
color:#748198!important
}
/* Responsive dark hero */
@media(max-width:760px){
.home-hero{
margin-top:18px;
border-radius:20px;
padding-top:48px;
padding-bottom:44px
}
}
/* =========================================================
Beta 0.7 — final homepage polish
========================================================= */
/* Slightly larger, easier-to-scan tool cards */
.home-tool-copy h3{
font-size:19px;
line-height:1.2;
margin-top:7px;
}
.home-tool-copy p{
font-size:12px;
line-height:1.62;
}
.home-tool-open{
font-size:12px;
display:inline-flex;
align-items:center;
gap:5px;
width:max-content;
}
/* Stronger hover while staying premium */
.home-tool-card{
position:relative;
overflow:hidden;
transition:
transform .20s ease,
box-shadow .20s ease,
border-color .20s ease,
background .20s ease;
}
.home-tool-card::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(135deg,rgba(124,104,255,.00),rgba(124,104,255,.055));
opacity:0;
transition:opacity .20s ease;
}
.home-tool-card:hover{
transform:translateY(-5px);
border-color:#7568d8;
box-shadow:
0 24px 58px rgba(0,0,0,.34),
0 0 0 1px rgba(124,104,255,.08) inset;
}
.home-tool-card:hover::after{opacity:1}
.home-tool-card:hover .home-tool-open{
color:#d0c8ff;
transform:translateX(2px);
}
.home-tool-open{transition:color .18s ease,transform .18s ease}
/* Make Subtitle Maker visibly the primary monetized AI feature */
.home-tool-card-featured{
border-color:#6557c8;
background:
radial-gradient(circle at 85% 15%,rgba(168,85,247,.18),transparent 34%),
linear-gradient(150deg,#201a49,#12192d);
box-shadow:
0 22px 58px rgba(0,0,0,.30),
0 0 34px rgba(124,104,255,.08);
}
.home-tool-card-featured:hover{
border-color:#9c8cff;
box-shadow:
0 28px 66px rgba(0,0,0,.38),
0 0 42px rgba(124,104,255,.16);
}
.featured-ribbon{
position:absolute;
top:15px;
right:15px;
z-index:1;
padding:6px 8px;
border-radius:999px;
border:1px solid rgba(184,171,255,.32);
background:rgba(111,86,255,.16);
color:#c7bcff;
font-size:7px;
line-height:1;
font-weight:950;
letter-spacing:.10em;
}
.home-tool-card-featured .home-tool-icon{
background:linear-gradient(135deg,#6d5dfc,#a855f7);
box-shadow:0 10px 24px rgba(124,104,255,.28);
}
.home-tool-card-featured .home-tool-copy h3{
font-size:20px;
}
.featured-open{
padding:9px 12px;
border-radius:10px;
color:#fff!important;
background:linear-gradient(135deg,#6d5dfc,#9b5cf6);
box-shadow:0 9px 24px rgba(124,104,255,.22);
}
/* Slightly improve section rhythm */
.home-section-head{margin-bottom:18px}
.home-tools-grid{gap:16px}
.home-feature-strip{margin-top:10px}
@media(max-width:760px){
.featured-ribbon{
top:13px;
right:13px;
}
.home-tool-copy h3{font-size:18px}
.home-tool-copy p{font-size:11.5px}
}
/* Beta 1.1 — YouTube Title Generator SEO content */
.generator-seo-content{margin-top:24px;margin-bottom:32px;display:grid;gap:16px}
.generator-seo-intro,.generator-seo-two-col>div,.generator-seo-examples,.generator-seo-faq,.generator-related-tools{
background:linear-gradient(160deg,#121a2c,#0f1727);border:1px solid #26334d;border-radius:18px;
padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.18)
}
.generator-seo-intro h2,.generator-seo-two-col h2,.generator-seo-examples h2,.generator-seo-faq h2,.generator-related-tools h2{
color:#f8fafc;margin:6px 0 8px;letter-spacing:-.02em
}
.generator-seo-intro h2{font-size:27px}
.generator-seo-intro p,.generator-seo-two-col p,.generator-related-tools p{
color:#96a3b8;font-size:12px;line-height:1.75;margin:0
}
.generator-seo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.generator-seo-grid article{
background:linear-gradient(160deg,#121a2c,#0f1727);border:1px solid #26334d;border-radius:16px;padding:18px
}
.generator-seo-grid article>span{
display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#211d47;color:#b8adff;
font-size:9px;font-weight:900
}
.generator-seo-grid h3{color:#f7f8fc;font-size:14px;margin:12px 0 7px}
.generator-seo-grid p{color:#8f9cb0;font-size:10.5px;line-height:1.65;margin:0}
.generator-seo-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.generator-seo-two-col h2{font-size:19px}
.generator-seo-examples h2,.generator-seo-faq h2{font-size:22px}
.generator-angle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.generator-angle-grid>div{background:#0d1626;border:1px solid #293650;border-radius:12px;padding:13px}
.generator-angle-grid strong{display:block;color:#b9adff;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.generator-angle-grid span{color:#e8edf5;font-size:10.5px;line-height:1.5}
.generator-seo-faq details{border-top:1px solid #28344d;padding:14px 0}
.generator-seo-faq details:first-of-type{margin-top:8px}
.generator-seo-faq summary{color:#edf1f7;cursor:pointer;font-size:12px;font-weight:800}
.generator-seo-faq details p{color:#8f9cb0;font-size:10.5px;line-height:1.7;margin:8px 0 0}
.generator-related-tools{display:flex;justify-content:space-between;align-items:center;gap:20px}
.generator-related-tools h2{font-size:20px}
.generator-related-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.generator-related-links a{
text-decoration:none;color:#d9d3ff;background:#211d47;border:1px solid #4f4693;border-radius:10px;
padding:9px 11px;font-size:10px;font-weight:850
}
.generator-related-links a:hover{border-color:#8d7eff;color:#fff}
@media(max-width:900px){
.generator-seo-grid,.generator-angle-grid{grid-template-columns:1fr 1fr}
.generator-related-tools{align-items:flex-start;flex-direction:column}
.generator-related-links{justify-content:flex-start}
}
@media(max-width:600px){
.generator-seo-grid,.generator-seo-two-col,.generator-angle-grid{grid-template-columns:1fr}
.generator-seo-intro,.generator-seo-two-col>div,.generator-seo-examples,.generator-seo-faq,.generator-related-tools{padding:18px}
.generator-seo-intro h2{font-size:22px}
}
/* Beta 1.2 — Description Generator SEO refinement */
body[data-tool="descriptions"] .generator-angle-grid span{
display:block;
line-height:1.55;
}
/* Beta 1.3 — Hook Generator SEO refinement */
body[data-tool="hooks"] .generator-angle-grid span{
display:block;
line-height:1.55;
}
/* Beta 1.4 — remaining generator SEO refinements */
body[data-tool="scripts"] .generator-angle-grid span,
body[data-tool="hashtags"] .generator-angle-grid span,
body[data-tool="ideas"] .generator-angle-grid span{
display:block;
line-height:1.55;
}
/* Beta 2.0 — Collage Studio + ToolMint homepage cards */
.collage-home-card{border-color:#7b6af0!important}
.toolmint-home-card{border-color:#315b54!important}
/* CreatorToolPilot Beta 3.1 — desktop header navigation spacing */
@media (min-width: 761px) {
.header-nav {
display: flex;
align-items: center;
gap: 18px !important;
}
.header-nav .header-link {
display: inline-flex;
align-items: center;
white-space: nowrap;
padding: 4px 1px;
line-height: 1.2;
}
}
@media (min-width: 761px) and (max-width: 980px) {
.header-nav {
gap: 10px !important;
}
.header-nav .header-link {
font-size: 12px;
}
}
/* Marketplace nav spacing */
@media (min-width: 981px) and (max-width: 1240px){.header-nav{gap:10px!important}.header-link{font-size:12px!important}.header-right{gap:10px!important}}
/* =========================================================
Beta 4.7 — Homepage refresh: white + light green
Scoped to .home-refresh so existing tool pages stay intact.
========================================================= */
.home-refresh{
--home-green:#169b62;
--home-green-dark:#08794a;
--home-mint:#e8f8ef;
--home-mint-2:#f5fcf8;
--home-ink:#12251c;
--home-muted:#62716a;
--home-line:#dcebe3;
background:#fff;
color:var(--home-ink);
}
.home-refresh::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:#fff}
.home-refresh .site-header{background:#fff;border-bottom:1px solid #e5ebe7;box-shadow:none}
.home-refresh .brand{color:var(--home-ink)}
.home-refresh .brand-icon{background:#9be7bb;box-shadow:none}
.home-refresh .brand-copy strong{color:var(--home-ink)}
.home-refresh .brand-copy small{color:#7b8e84}
.home-refresh .header-link{color:#43564c}
.home-refresh .header-link:hover{color:var(--home-green-dark)}
.home-refresh .header-pro-link{background:#effaf4!important;color:var(--home-green-dark)!important;border:1px solid #cfeedd;box-shadow:none}
.home-refresh .site-account-login{background:#fff;color:#385048;border-color:#d7e9df}
.home-refresh .site-account-login:hover{background:#f4fbf7;color:#176942}
.home-refresh .site-account-create{background:#7edda7;box-shadow:none;color:#173b28}
.home-refresh .site-account-summary{background:#f8fcfa;border-color:#dcebe3}
.home-refresh .site-account-summary span{color:#233a2f}
.home-refresh .site-account-summary small{color:#188a58}
.home-refresh .home-hero-v47{margin-top:36px;padding:58px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:52px;text-align:left;align-items:center;border:1px solid #dfe7e2;border-radius:32px;background:#fff;box-shadow:none;position:relative;overflow:hidden}
.home-refresh .home-hero-v47:after{content:none}
.home-refresh .hero-copy-v47,.home-refresh .hero-showcase-v47{position:relative;z-index:1}
.home-refresh .eyebrow{background:#eaf9f0;border:1px solid #ccebd9;color:#127b4e;font-size:10px;font-weight:900;letter-spacing:.12em}
.home-refresh .hero h1{margin:18px 0 18px;max-width:730px;font-size:clamp(46px,5.8vw,74px);line-height:.98;letter-spacing:-3.5px;color:var(--home-ink)}
.home-refresh .hero h1 span{background:none;color:#2e9f68;-webkit-background-clip:initial;background-clip:initial}
.home-refresh .hero p{margin:0;max-width:730px;color:var(--home-muted);font-size:17px;line-height:1.72}
.home-refresh .home-hero-actions-v47{justify-content:flex-start;margin-top:29px;gap:11px}
.home-refresh .primary-link{margin-top:0;background:#84dfa9;color:#173b28;padding:14px 20px;border-radius:13px;box-shadow:none;border:1px solid #68cf95}
.home-refresh .primary-link:hover{transform:translateY(-1px);box-shadow:none;background:#75d79f}
.home-refresh .home-secondary-action{margin-top:0;background:#fff;border:1px solid #cfe5d8;color:#24563e;padding:13px 18px;border-radius:13px}
.home-refresh .home-secondary-action:hover{background:#f2fbf6}
.home-refresh .home-secondary-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.home-refresh .hero-proof-v47{display:flex;flex-wrap:wrap;gap:16px;margin-top:19px;color:#6a7f74;font-size:10px;font-weight:800}
.home-refresh .hero-proof-v47 span{display:inline-flex;align-items:center;gap:5px}
.home-refresh .hero-showcase-v47{background:#f4fbf6;border:1px solid #d8e7dd;border-radius:24px;padding:21px;box-shadow:none;backdrop-filter:none}
.home-refresh .showcase-top-v47{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.home-refresh .showcase-badge-v47{font-size:9px;font-weight:900;letter-spacing:.11em;color:#117648;background:#e9f8ef;border-radius:999px;padding:6px 9px}
.home-refresh .showcase-status-v47{font-size:9px;color:#75847c;font-weight:800}.home-refresh .showcase-status-v47 i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#67cc92;margin-right:5px;box-shadow:none}
.home-refresh .showcase-grid-v47{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-refresh .showcase-card-v47{display:flex;flex-direction:column;min-height:124px;padding:15px;border:1px solid #e2eee7;border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:.15s ease}
.home-refresh .showcase-card-v47:hover{transform:translateY(-2px);border-color:#9fd8b9;box-shadow:none;background:#f8fcf9}
.home-refresh .showcase-card-v47 b{font-size:24px;margin-bottom:12px}.home-refresh .showcase-card-v47 span{font-size:12px;font-weight:900;color:#1c3a2c}.home-refresh .showcase-card-v47 small{font-size:9px;color:#819087;margin-top:4px;line-height:1.35}
.home-refresh .showcase-foot-v47{text-align:center;margin-top:14px;color:#3f6e57;font-size:10px;font-weight:900;letter-spacing:.08em}
.home-refresh .home-trust-v47{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;margin-bottom:54px;background:#eef9f2;border:1px solid #d9e8de;border-radius:18px;overflow:hidden}
.home-refresh .home-trust-v47>div{padding:19px 20px;text-align:center;border-right:1px solid #e1eee7}.home-refresh .home-trust-v47>div:last-child{border-right:0}
.home-refresh .home-trust-v47 strong{display:block;color:#126e46;font-size:21px;letter-spacing:-.6px}.home-refresh .home-trust-v47 span{display:block;color:#728078;font-size:10px;margin-top:3px;font-weight:700}
.home-refresh .popular-tools-v47{margin-bottom:64px}
.home-refresh .home-section-head h2{color:var(--home-ink);font-size:34px;letter-spacing:-1.1px}
.home-refresh .home-section-head p{color:#75857d;font-size:12px}
.home-refresh .tool-eyebrow{color:#168858}
.home-refresh .popular-head-v47{align-items:end}
.home-refresh .section-link-v47{font-size:11px;font-weight:900;color:#137b4e;text-decoration:none;background:#eef9f3;border:1px solid #d0ebdc;border-radius:10px;padding:9px 11px}
.home-refresh .popular-grid-v47{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.home-refresh .popular-card-v47{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-decoration:none;color:inherit;background:#fff;border:1px solid #dde7e1;border-radius:16px;padding:15px;box-shadow:none;transition:.15s ease}
.home-refresh .popular-card-v47:hover{transform:translateY(-2px);border-color:#97d4b4;box-shadow:none;background:#f8fcf9}
.home-refresh .popular-icon-v47{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#eaf8f0;color:#147c4e;font-size:18px;font-weight:900}
.home-refresh .popular-card-v47 b{display:block;font-size:11px;color:#203b2e}.home-refresh .popular-card-v47 small{display:block;font-size:9px;color:#87958d;margin-top:4px;line-height:1.35}.home-refresh .popular-card-v47 i{font-style:normal;color:#37ad72;font-weight:900}
.home-refresh .home-tools-section{padding-top:6px;margin-bottom:28px}
.home-refresh .home-tool-card{background:#fff;border-color:#dde7e1;box-shadow:none}
.home-refresh .home-tool-card:hover{border-color:#9bd7b6;box-shadow:none;background:#f8fcf9}
.home-refresh .home-tool-card-featured{background:#f2faf5;border-color:#cfe9da}
.home-refresh .home-tool-icon{background:#eaf8f0}
.home-refresh .home-tool-label{color:#168858}.home-refresh .home-tool-copy h3{color:#1d3529}.home-refresh .home-tool-copy p{color:#718079}.home-refresh .home-tool-mini{color:#23845b}.home-refresh .home-tool-open{color:#0f8450}
.home-refresh .featured-ribbon{background:#dff5e9!important;color:#147b4d!important}
.home-refresh .feature-strip div{background:#f7fcf9;border-color:#deece5}.home-refresh .feature-strip strong{color:#21392d}.home-refresh .feature-strip span{color:#7d8b84}
.home-refresh .home-feature-strip{margin-bottom:42px}
.home-refresh .pro-section{margin-top:20px}.home-refresh .pro-card{background:#eaf8ef;box-shadow:none;border:1px solid #cfe6d7;color:#173b28}.home-refresh .pro-card:before{display:none}.home-refresh .pro-card h2,.home-refresh .pro-card p{color:#173b28}.home-refresh .pro-eyebrow{color:#23784d}.home-refresh .pro-list span{background:#fff;color:#24513b;border:1px solid #d8e7dd}.home-refresh .offer-label{background:#fff;color:#19794d;border:1px solid #d6e6dc}.home-refresh .buy-pro-btn{background:#7edda7!important;color:#173b28!important;box-shadow:none!important}
.home-refresh .site-footer{background:#f8fcfa;border-top-color:#dcebe3;color:#7e8d85}.home-refresh .footer-links a{color:#65766d}
@media(max-width:980px){
.home-refresh .home-hero-v47{grid-template-columns:1fr;padding:42px;gap:34px}
.home-refresh .popular-grid-v47{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
.home-refresh .home-hero-v47{margin-top:20px;padding:31px 22px;border-radius:24px}
.home-refresh .hero h1{font-size:clamp(40px,12vw,58px);letter-spacing:-2.4px}
.home-refresh .hero p{font-size:15px}
.home-refresh .showcase-grid-v47{grid-template-columns:1fr 1fr}
.home-refresh .home-trust-v47{grid-template-columns:1fr 1fr}.home-refresh .home-trust-v47>div:nth-child(2){border-right:0}.home-refresh .home-trust-v47>div:nth-child(-n+2){border-bottom:1px solid #e1eee7}
.home-refresh .popular-head-v47{display:block}.home-refresh .section-link-v47{display:inline-block;margin-top:12px}
.home-refresh .popular-grid-v47{grid-template-columns:1fr}
}
@media(max-width:480px){
.home-refresh .showcase-grid-v47{grid-template-columns:1fr}
.home-refresh .home-trust-v47{grid-template-columns:1fr}.home-refresh .home-trust-v47>div{border-right:0;border-bottom:1px solid #e1eee7}.home-refresh .home-trust-v47>div:last-child{border-bottom:0}
.home-refresh .home-hero-actions-v47{align-items:stretch}.home-refresh .home-hero-actions-v47>*{width:100%;text-align:center}
}
/* =========================================================
Beta 4.9 — Homepage refresh: soft black + purple
Keeps Beta 4.7 structure, replaces white/green with a
lighter charcoal palette and purple accents.
========================================================= */
.home-refresh{
--home-bg:#17181d;
--home-surface:#1f2027;
--home-surface-2:#24252d;
--home-purple:#8b5cf6;
--home-purple-2:#a78bfa;
--home-ink:#f5f5f7;
--home-muted:#b5b6c1;
--home-line:#343640;
background:var(--home-bg);
color:var(--home-ink);
}
.home-refresh::before{background:var(--home-bg)}
.home-refresh .site-header{background:#1a1b20;border-bottom:1px solid #30313a;box-shadow:none}
.home-refresh .brand{color:var(--home-ink)}
.home-refresh .brand-icon{background:#6d4ce8;color:#fff;box-shadow:none}
.home-refresh .brand-copy strong{color:var(--home-ink)}
.home-refresh .brand-copy small{color:#a7a8b3}
.home-refresh .header-link{color:#d2d3dc}
.home-refresh .header-link:hover{color:#c4b5fd}
.home-refresh .header-pro-link{background:#2a233e!important;color:#d9ccff!important;border:1px solid #56448d;box-shadow:none}
.home-refresh .site-account-login{background:#23242b;color:#e6e6eb;border-color:#3a3c46}
.home-refresh .site-account-login:hover{background:#292a32;color:#fff}
.home-refresh .site-account-create{background:#8b5cf6;box-shadow:none;color:#fff}
.home-refresh .site-account-summary{background:#23242b;border-color:#383a44}
.home-refresh .site-account-summary span{color:#efeff4}
.home-refresh .site-account-summary small{color:#b7a5ff}
.home-refresh .home-hero-v47{background:#1d1e24;border:1px solid #343640;box-shadow:none}
.home-refresh .eyebrow{background:#2b2440;border:1px solid #52427f;color:#d4c7ff}
.home-refresh .hero h1{color:#f7f7fa}
.home-refresh .hero h1 span{background:none;color:#a78bfa;-webkit-background-clip:initial;background-clip:initial}
.home-refresh .hero p{color:#b9bac4}
.home-refresh .primary-link{background:#8b5cf6;color:#fff;border:1px solid #9a72fa;box-shadow:none}
.home-refresh .primary-link:hover{background:#7c4feb;box-shadow:none}
.home-refresh .home-secondary-action{background:#25262e;border:1px solid #41434e;color:#ececf2}
.home-refresh .home-secondary-action:hover{background:#2b2c35}
.home-refresh .hero-proof-v47{color:#aeb0ba}
.home-refresh .hero-showcase-v47{background:#22232a;border:1px solid #363842;box-shadow:none}
.home-refresh .showcase-badge-v47{color:#d7ccff;background:#2c2442}
.home-refresh .showcase-status-v47{color:#a6a8b2}
.home-refresh .showcase-status-v47 i{background:#9b7cf8}
.home-refresh .showcase-card-v47{background:#292a32;border:1px solid #393b45;color:inherit}
.home-refresh .showcase-card-v47:hover{border-color:#735bc1;background:#2e3039;box-shadow:none}
.home-refresh .showcase-card-v47 span{color:#f0f0f5}
.home-refresh .showcase-card-v47 small{color:#a7a9b4}
.home-refresh .showcase-foot-v47{color:#bcaeff}
.home-refresh .home-trust-v47{background:#202128;border:1px solid #363842}
.home-refresh .home-trust-v47>div{border-right:1px solid #343640}
.home-refresh .home-trust-v47 strong{color:#b7a5ff}
.home-refresh .home-trust-v47 span{color:#a8aab4}
.home-refresh .home-section-head h2{color:#f4f4f7}
.home-refresh .home-section-head p{color:#a9abb5}
.home-refresh .tool-eyebrow{color:#a78bfa}
.home-refresh .section-link-v47{color:#d2c5ff;background:#2a233d;border:1px solid #4b3d75}
.home-refresh .popular-card-v47{background:#202128;border:1px solid #343640;box-shadow:none;color:inherit}
.home-refresh .popular-card-v47:hover{border-color:#6f58b4;background:#26272f;box-shadow:none}
.home-refresh .popular-icon-v47{background:#2d2543;color:#c6b8ff}
.home-refresh .popular-card-v47 b{color:#ececf1}
.home-refresh .popular-card-v47 small{color:#a7a9b3}
.home-refresh .popular-card-v47 i{color:#a78bfa}
.home-refresh .home-tool-card{background:#202128;border-color:#343640;box-shadow:none}
.home-refresh .home-tool-card:hover{border-color:#6d58ad;background:#26272f;box-shadow:none}
.home-refresh .home-tool-card-featured{background:#24212f;border-color:#514173}
.home-refresh .home-tool-icon{background:#2d2543}
.home-refresh .home-tool-label{color:#aa91ff}
.home-refresh .home-tool-copy h3{color:#f0f0f4}
.home-refresh .home-tool-copy p{color:#aeb0ba}
.home-refresh .home-tool-mini{color:#bcaeff}
.home-refresh .home-tool-open{color:#b9a6ff}
.home-refresh .featured-ribbon{background:#32264d!important;color:#d5c8ff!important;border-color:#594786!important}
.home-refresh .feature-strip div{background:#202128;border-color:#343640}
.home-refresh .feature-strip strong{color:#ececf1}
.home-refresh .feature-strip span{color:#a9abb5}
.home-refresh .pro-card{background:#24212f;box-shadow:none;border:1px solid #514173;color:#f4f4f7}
.home-refresh .pro-card h2,.home-refresh .pro-card p{color:#f4f4f7}
.home-refresh .pro-eyebrow{color:#bcaeff}
.home-refresh .pro-list span{background:#2a2b33;color:#eeeeF4;border:1px solid #41434e}
.home-refresh .offer-label{background:#2d2543;color:#d6cbff;border:1px solid #554486}
.home-refresh .buy-pro-btn{background:#8b5cf6!important;color:#fff!important;box-shadow:none!important}
.home-refresh .site-footer{background:#191a1f;border-top-color:#30313a;color:#9799a4}
.home-refresh .footer-links a{color:#b6b7c1}
@media(max-width:700px){
.home-refresh .home-trust-v47>div:nth-child(-n+2){border-bottom:1px solid #343640}
}
@media(max-width:480px){
.home-refresh .home-trust-v47>div{border-bottom:1px solid #343640}
}