/* ToolsNova V2 — homepage-only visual layer. Tool functionality untouched. */
:root{--v2-glow:#8b5cf6}
body{background:radial-gradient(ellipse 65% 28% at 50% 3%,#30245d66,transparent 75%),#090e1c}
.topbar{border-bottom:1px solid #ffffff12}
.hero{padding-top:88px;padding-bottom:82px}
.hero::before{inset:0 4% auto;height:440px;background:radial-gradient(ellipse,#7c3aed33 0%,#2563eb12 42%,transparent 75%)}
.hero-kicker{display:inline-flex;align-items:center;padding:9px 15px;border:1px solid #a78bfa55;border-radius:99px;background:#a78bfa12}
.hero h1{font-size:clamp(48px,7.8vw,88px);line-height:1.07;letter-spacing:-.055em;text-shadow:0 12px 50px #0003}
.hero p{max-width:660px;font-size:clamp(16px,1.8vw,19px)}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.hero-actions a{min-height:50px;display:inline-flex;align-items:center;justify-content:center}
.hero .primary{background:linear-gradient(110deg,#7c5cf0,#9968f8);box-shadow:0 12px 38px #8b5cf63b}
.hero-secondary{padding:13px 22px;border:1px solid #445071;border-radius:12px;background:#1a2440;color:#e9edff;font-weight:700}
.hero-secondary:hover{border-color:#a78bfa}
.v2-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:680px;margin:37px auto 0}
.v2-stat{padding:18px 12px;border:1px solid #4b427b66;border-radius:16px;background:linear-gradient(155deg,#222444bb,#111b32cc);box-shadow:0 12px 32px #0002}
.v2-stat strong{display:block;font-size:clamp(22px,3vw,30px);letter-spacing:-.04em;color:#fff}
.v2-stat span{display:block;margin-top:5px;font-size:12px;color:#b6c3df}
.popular-tools{position:relative}
.popular-grid a{border:1px solid #465175;background:linear-gradient(135deg,#1c2541,#111b30);box-shadow:0 14px 35px #0002;transition:transform .2s,border-color .2s}
.popular-grid a:hover{transform:translateY(-4px);border-color:#a78bfa}
.category-tile,.tool-card{background:linear-gradient(150deg,#1a2440,#111a2d);border-color:#364363}
.tool-card:hover,.category-tile:hover{border-color:#a78bfa;box-shadow:0 18px 45px #070a1e77}
.catalog .section-head h2{font-size:clamp(32px,4vw,44px)}
.v2-stat:focus-visible,.hero-secondary:focus-visible{outline:3px solid #c2b1ff;outline-offset:3px}
@media(max-width:600px){.hero{padding-top:65px;padding-bottom:60px}.v2-stats{gap:8px;margin-top:27px}.v2-stat{padding:14px 6px}.v2-stat span{font-size:10px}.hero-actions a{flex:1 1 160px}.hero h1{letter-spacing:-.045em}}
@media(prefers-reduced-motion:reduce){.popular-grid a{transition:none}.popular-grid a:hover{transform:none}}

/* V2.1: truly distinct split hero with a static, explicitly illustrative demo */
.hero{max-width:1220px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:44px;align-items:center;text-align:left;padding-top:95px;padding-bottom:72px}
.v2-hero-copy{min-width:0}
.hero h1{font-size:clamp(48px,5.8vw,76px);letter-spacing:-.052em}
.hero p{margin:0 0 30px;max-width:580px}
.hero-actions{justify-content:flex-start}
.hero .trust{justify-content:flex-start}
.v2-stats{grid-column:1/-1;max-width:none;width:100%;margin-top:38px}
.v2-demo{position:relative;overflow:hidden;border:1px solid #7769bb77;border-radius:23px;background:linear-gradient(155deg,#1b2340,#0d1529);box-shadow:0 35px 90px #0008,0 0 75px #8b5cf624;transform:rotate(1deg)}
.v2-demo::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#d0baff,transparent)}
.v2-demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;border-bottom:1px solid #ffffff15;font-size:10px;font-weight:800;letter-spacing:1px;color:#b7c3e2}
.v2-demo-dots{letter-spacing:3px;color:#8e80c3}
.v2-demo-local{font-size:10px;letter-spacing:0;color:#85e8bd}
.v2-demo-inner{padding:22px}
.v2-demo-art{position:relative;overflow:hidden;height:175px;border-radius:13px;background:linear-gradient(155deg,#82a2e8,#b29aff 55%,#e8a9bc)}
.v2-demo-sun{position:absolute;top:27px;right:58px;width:46px;height:46px;border-radius:50%;background:#fff3cf;box-shadow:0 0 30px #fff8}
.v2-demo-mountain{position:absolute;inset:auto -10px 0;height:110px;background:linear-gradient(135deg,#2b426e,#476da5);clip-path:polygon(0 100%,0 75%,23% 25%,42% 76%,63% 6%,100% 87%,100% 100%)}
.v2-demo-file{display:flex;justify-content:space-between;gap:10px;margin:16px 0;color:#e3eaff;font-size:13px;font-weight:650}
.v2-demo-file span:last-child{color:#9caed0}
.v2-demo-progress{height:8px;border-radius:9px;background:#283550;overflow:hidden}
.v2-demo-progress span{display:block;width:65%;height:100%;background:linear-gradient(90deg,#9c72ff,#5bd7e9);border-radius:9px}
.v2-demo-result{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}
.v2-demo-result div{display:grid;gap:6px}
.v2-demo-result small{font-size:10px;color:#9eafd2;letter-spacing:1px}
.v2-demo-result strong{font-size:24px;color:#fff}
.v2-demo-arrow{font-size:23px;color:#aa9aff}
.v2-demo-saving{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding:12px 14px;border:1px solid #65dfad55;border-radius:11px;background:#1a493b66;color:#8bf4c5;font-size:13px;font-weight:750}
.v2-demo-saving span{font-size:11px;font-weight:500;color:#b8c6db}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:28px;text-align:center;padding-top:66px}.hero p{margin:0 auto 28px}.hero-actions,.hero .trust{justify-content:center}.v2-demo{width:min(100%,520px);margin:auto;transform:none}.v2-stats{margin-top:0}}
@media(max-width:520px){.hero{padding:55px 18px 50px}.v2-demo-inner{padding:15px}.v2-demo-art{height:135px}.v2-demo-result strong{font-size:20px}.v2-demo-top{padding:12px 10px;font-size:9px}.v2-demo-local{font-size:9px}}

/* V2.2: compact, single-directory discovery layout */
.popular-tools,.category-grid,.tool-list-heading{display:none!important}
.hero{padding-bottom:48px}
.catalog{padding-top:32px}
.catalog .section-head{margin-bottom:22px}
.catalog .tool-filters{padding:18px;border:1px solid #3b456b;border-radius:18px;background:#131d33;gap:16px}
.catalog .tool-search{max-width:100%;flex:1 1 280px;background:#0d1528}
.catalog .filter-tabs{justify-content:flex-start}
.catalog .filter-tab[data-filter="pdf"]{border-color:#7666b4;color:#ded3ff}
.about{padding-top:38px;padding-bottom:50px}
.v2-stats{margin-top:25px}
@media(max-width:900px){.hero{padding-bottom:40px}}

/* V2.3: clearer supporting text, focus states and responsive polish */
.hero p,.section-subtitle,.tool-card small,.category-tile small,.about p{color:#c8d3e8}
.tool-card .card-link,.popular-heading>a{color:#c3b6ff}
.tool-card strong{color:#f4f6ff}
.v2-stat span,.v2-demo-result small,.v2-demo-file span:last-child{color:#c4d1e8}
.trust,.count,.home-footer small{color:#bdcbe3}
.filter-tab{color:#d0dbef}
.hero-secondary:focus-visible,.filter-tab:focus-visible,.tool-card:focus-visible,.topbar a:focus-visible{outline:3px solid #d2c4ff;outline-offset:3px}
@media(max-width:760px){.hero{gap:24px}.v2-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog .tool-filters{padding:14px}.catalog .filter-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.catalog .filter-tab{flex-shrink:0}}
@media(max-width:420px){.hero h1{font-size:clamp(42px,12vw,56px)}.hero-actions{flex-direction:column}.hero-actions a{width:100%;flex:auto}.v2-stat{padding:12px 5px}.v2-stat strong{font-size:23px}.v2-stat span{font-size:10px}.v2-demo-top{flex-wrap:wrap}.v2-demo-result strong{font-size:19px}}

/* Compact tools-count badge in catalog heading */
.catalog .section-head .count{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;white-space:nowrap;padding:10px 16px;border:1px solid #6553a5;border-radius:999px;background:linear-gradient(135deg,#1b2040,#19152e);box-shadow:0 5px 18px #00000024;color:#ddd5ff;line-height:1.1}
.catalog .section-head .count strong{font-size:22px;line-height:1;font-weight:800;color:#fff;letter-spacing:-.7px}
.catalog .section-head .count span{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#c7b7ff}
@media(max-width:520px){.catalog .section-head .count{align-self:flex-start;padding:9px 14px}.catalog .section-head .count strong{font-size:20px}}

/* Catalog benefit highlights */
.catalog .section-subtitle.catalog-benefits{display:flex;flex-wrap:wrap;align-items:center;gap:9px 11px;margin-top:15px}
.catalog-benefits span{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 12px;border:1px solid #343b60;border-radius:999px;background:#151d32;color:#d7def6;font-size:13px;font-weight:600;line-height:1.3}
@media(max-width:520px){.catalog .section-subtitle.catalog-benefits{gap:8px}.catalog-benefits span{padding:7px 10px;font-size:12px}}

/* Floating back-to-top control */
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:90;width:48px;height:48px;display:grid;place-items:center;border:1px solid #7564b5;border-radius:50%;background:linear-gradient(145deg,#302650,#1a1a35);color:#f5f1ff;box-shadow:0 8px 24px #0007;cursor:pointer;font:700 25px/1 system-ui,sans-serif;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.back-to-top[hidden]{display:none!important}
.back-to-top:hover{transform:translateY(-3px);border-color:#b9a6ff;background:#3b2d68}
.back-to-top:focus-visible{outline:3px solid #d2c4ff;outline-offset:3px}
@media(max-width:600px){.back-to-top{right:16px;bottom:18px;width:44px;height:44px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

/* Homepage: useful category discovery links and editorial context. */
.tn-category-section{max-width:1150px;margin:0 auto;padding:58px 24px 84px;border-top:1px solid #263047}
.tn-category-intro{max-width:790px;margin-bottom:30px}
.tn-category-intro h2{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.04em;margin:12px 0 14px;color:#f3f2ff}
.tn-category-intro>p{font-size:16px;line-height:1.75;color:#c9d3e9;margin:0}
.tn-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tn-category-card{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid #40436b;border-radius:18px;background:linear-gradient(145deg,#1a2340,#121a31);box-shadow:0 12px 36px #00000021;transition:border-color .18s ease,transform .18s ease}
.tn-category-card:hover{border-color:#a88fff;transform:translateY(-2px)}
.tn-category-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tn-category-icon{display:grid;place-items:center;width:47px;height:47px;padding:2px;border:1px solid #8062be77;border-radius:12px;background:#39275a;color:#d8c3ff;font-size:21px;font-weight:800;line-height:1}
.tn-category-count{color:#c4b6f9;font-size:11px;font-weight:800;letter-spacing:1.1px;white-space:nowrap}
.tn-category-card h3{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:22px 0 11px;color:#f7f5ff}
.tn-category-card h3 a:hover{color:#d7c6ff}
.tn-category-card p{font-size:14px;line-height:1.7;color:#c3cee4;margin:0 0 22px;flex:1}
.tn-category-cta{align-self:flex-start;color:#d2bfff;font-size:14px;font-weight:800;line-height:1.4}
.tn-category-cta:hover{text-decoration:underline;text-underline-offset:5px}
.tn-category-card a:focus-visible{outline:3px solid #d2c4ff;outline-offset:4px;border-radius:3px}
@media(max-width:940px){.tn-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tn-category-section{padding:44px 18px 62px}.tn-category-intro{margin-bottom:24px}.tn-category-intro>p{font-size:15px}.tn-category-cards{grid-template-columns:1fr;gap:13px}.tn-category-card{padding:22px}.tn-category-card h3{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.tn-category-card{transition:none}.tn-category-card:hover{transform:none}}


/* v2.6: readability polish — preserve ToolsNova dark/violet brand and layout. */
body:not([data-tool-page]) .hero-kicker{font-size:12px;letter-spacing:.09em}
body:not([data-tool-page]) .trust{font-size:14px;line-height:1.5}
body:not([data-tool-page]) .v2-stat span{font-size:13px;line-height:1.5}
body:not([data-tool-page]) .v2-demo-top{font-size:12px;line-height:1.5}
body:not([data-tool-page]) .v2-demo-local{font-size:12px}
body:not([data-tool-page]) .v2-demo-result small{font-size:12px;letter-spacing:.06em}
body:not([data-tool-page]) .v2-demo-saving span{font-size:12px}
body:not([data-tool-page]) .catalog .section-head .count span{font-size:12px;letter-spacing:.07em}
body:not([data-tool-page]) .filter-tab{font-size:14px}
body:not([data-tool-page]) .tool-search{font-size:16px}
body:not([data-tool-page]) .tn-category-count{font-size:12px}
body:not([data-tool-page]) .tool-card .card-link{font-size:14px}
body:not([data-tool-page]) .home-footer{font-size:14px;color:#b2bfd7}
body:not([data-tool-page]) .home-footer small{font-size:14px;color:#becae3}
@media(max-width:600px){
  body:not([data-tool-page]) .v2-stat span{font-size:12px}
  body:not([data-tool-page]) .v2-demo-top{font-size:11px}
  body:not([data-tool-page]) .v2-demo-local{font-size:11px}
  body:not([data-tool-page]) .hero-kicker{font-size:12px;letter-spacing:.06em}
}