.hero{padding:clamp(60px,10vw,100px)var(--pad-x)clamp(50px,8vw,80px);max-width:var(--max-w);margin:0 auto}.hero-meta{color:var(--ink-3);border:1px solid var(--line);border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 12px;font-size:12px;display:inline-flex}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot-live{background:var(--accent);box-shadow:0 0 12px var(--accent);animation:2s infinite pulse}@keyframes pulse{50%{opacity:.4}}.hero-h1{font-family:var(--serif);letter-spacing:-.04em;color:var(--ink);margin-bottom:32px;font-size:clamp(40px,8vw,128px);font-weight:400;line-height:.95}.hero-sub{max-width:580px;color:var(--ink-2);margin-bottom:40px;font-size:clamp(15px,2vw,17px);line-height:1.6}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:64px;display:flex}.btn{font-family:var(--mono);letter-spacing:.02em;border:1px solid var(--line-2);color:var(--ink);border-radius:4px;align-items:center;gap:8px;padding:14px 22px;font-size:13px;font-weight:500;transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{box-shadow:var(--shadow-pop);transform:translateY(-2px)}.btn-ghost{background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{padding:18px 28px;font-size:14px}.hero-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:24px;max-width:760px;padding-top:32px;display:grid}.hero-stats li{flex-direction:column;gap:4px;display:flex}.hero-stats strong{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:clamp(28px,4vw,36px);font-weight:600;line-height:1}.hero-stats span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-family:var(--mono)}.section-h2{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);margin:12px 0 16px;font-size:clamp(32px,5vw,72px);font-weight:400;line-height:1}.section-lede{color:var(--ink-2);max-width:520px;font-size:15px}.tools{padding:clamp(60px,8vw,80px)var(--pad-x);max-width:var(--max-w);border-top:1px solid var(--line);margin:0 auto}.section-head{grid-template-columns:1fr auto;align-items:end;gap:40px;margin-bottom:48px;display:grid}.cats{flex-wrap:wrap;gap:8px;display:flex}.cat{color:var(--ink-2);border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-size:12px;transition:all .2s}.cat:hover{border-color:var(--accent);color:var(--accent)}.tool-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;display:grid}.tool-card{background:var(--bg);transition:background .25s}.tool-card:hover{background:var(--surface)}.tool-link{flex-direction:column;height:100%;min-height:240px;padding:28px;display:flex}.tool-top{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.tool-icon{font-family:var(--serif);color:var(--accent);font-size:32px;line-height:1}.tool-cat{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);border:1px solid var(--line-2);border-radius:100px;padding:4px 8px;font-size:10px}.tool-name{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:12px;font-size:24px;font-weight:600;line-height:1.1}.tool-desc{color:var(--ink-2);flex:1;margin-bottom:20px;font-size:13px;line-height:1.55}.tool-arrow{color:var(--ink-3);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;transition:color .2s;display:flex}.tool-card:hover .tool-arrow{color:var(--accent)}.tool-card:hover .tool-arrow span{transform:translate(4px)}.tool-arrow span{transition:transform .2s;display:inline-block}.seo-copy{background:var(--surface);border:1px solid var(--line);max-width:880px;box-shadow:var(--shadow-soft);margin-top:64px;padding:clamp(24px,4vw,40px)}.seo-copy h3{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:20px;font-size:24px;font-weight:600}.seo-copy p{color:var(--ink-2);margin-bottom:16px;font-size:14px;line-height:1.7}.seo-copy strong{color:var(--ink);font-weight:500}.seo-copy em{color:var(--ink-2);font-style:italic}.why{padding:clamp(60px,10vw,100px)var(--pad-x);max-width:var(--max-w);border-top:1px solid var(--line);margin:0 auto}.why-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;margin-top:48px;display:grid}.why-card{background:var(--bg);padding:32px}.why-num{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;font-size:11px}.why-card h3{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:12px 0 8px;font-size:22px;font-weight:600}.why-card p{color:var(--ink-2);font-size:13px}.faq{padding:clamp(60px,10vw,100px)var(--pad-x);max-width:var(--max-w);border-top:1px solid var(--line);margin:0 auto}.faq-list{margin-top:48px}.faq-item{border-bottom:1px solid var(--line);padding:24px 0}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-q{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:clamp(18px,2.5vw,22px);font-weight:600}.faq-toggle{color:var(--accent);flex-shrink:0;font-size:24px;transition:transform .2s}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-item p{color:var(--ink-2);max-width:720px;margin-top:16px;font-size:14px;line-height:1.7}.cta{padding:clamp(80px,12vw,120px)var(--pad-x);text-align:center;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent)5%,transparent))}.cta h2{font-family:var(--serif);letter-spacing:-.03em;max-width:880px;color:var(--ink);margin:0 auto 40px;font-size:clamp(28px,5vw,64px);font-weight:400;line-height:1.05}@media (max-width:768px){.section-head{grid-template-columns:1fr;gap:24px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}.hero-cta .btn{flex:1;justify-content:center}}
