/* 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}}