.hero-banner{--hb-blue: #2563eb;--hb-blue-deep: #1d4ed8;--hb-blue-soft: rgba(37, 99, 235, .35);--hb-blue-faint: rgba(37, 99, 235, .07);--hb-green: #22c55e;--hb-ink: #1e293b;--hb-ink-soft: #475569;--hb-ink-mute: #7c8aa0;--hb-line: #e8edf4;--hb-mono: ui-monospace, "Cascadia Code", Consolas, monospace;position:relative;min-height:calc(100vh - 60px);display:flex;align-items:center;padding-top:40px;padding-bottom:7vh;overflow:hidden}.hero-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.09) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 95% 85% at 50% 40%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 95% 85% at 50% 40%,#000 30%,transparent 100%)}.hero-banner .hb-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 24px;width:100%}.hero-banner .hb-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media(min-width:960px){.hero-banner .hb-grid{grid-template-columns:1.1fr .9fr}}.hero-banner .hb-rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--d, 0ms)}.hero-banner .hb-rv.in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.hero-banner .hb-rv{opacity:1;transform:none;transition:none}}html.no-js .hero-banner .hb-rv{opacity:1;transform:none}.hero-banner .hb-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--hb-mono);font-size:12px;color:var(--hb-blue);border:1px solid var(--hb-blue-soft);border-radius:999px;background:#fff;padding:5px 14px;letter-spacing:.08em}.hero-banner .hb-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hb-green);animation:hb-pulse 2s infinite}@keyframes hb-pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-banner .hb-title{margin:22px 0 0;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.16;letter-spacing:-.02em;color:var(--hb-ink);text-wrap:balance}.hero-banner .hb-hl{color:var(--hb-blue);box-shadow:inset 0 -.16em 0 var(--hb-blue-faint)}.hero-banner .hb-lead{margin:18px 0 0;max-width:34em;color:var(--hb-ink-soft);font-size:1.02rem;line-height:1.65}.hero-banner .hb-term{display:flex;align-items:center;gap:10px;margin-top:26px;width:fit-content;max-width:100%;font-family:var(--hb-mono);font-size:12.5px;color:var(--hb-ink-soft);background:#fff;border:1px solid var(--hb-line);border-radius:10px;padding:9px 14px}.hero-banner .hb-ps{color:var(--hb-green);font-weight:700}.hero-banner .hb-term .hb-out{color:var(--hb-blue)}.hero-banner .hb-caret{display:inline-block;width:7px;height:14px;background:var(--hb-blue);animation:hb-blink 1s steps(1) infinite}@keyframes hb-blink{50%{opacity:0}}.hero-banner .hb-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-banner .hb-cta{display:inline-flex;align-items:center;gap:6px;background:var(--hb-blue);color:#fff;font-weight:600;font-size:14px;padding:10px 22px;border-radius:999px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s}.hero-banner .hb-cta:hover{transform:translateY(-2px);background:var(--hb-blue-deep)}.hero-banner .hb-ghost{display:inline-flex;align-items:center;border:1px solid var(--hb-line);background:#fff;color:var(--hb-ink);padding:10px 22px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .25s,color .25s}.hero-banner .hb-ghost:hover{border-color:var(--hb-blue-soft);color:var(--hb-blue)}.hero-banner .hb-stats{display:flex;gap:36px;margin-top:42px}.hero-banner .hb-s b{display:block;font-size:1.45rem;font-weight:800;letter-spacing:-.01em;color:var(--hb-ink)}.hero-banner .hb-s span{font-size:12px;color:var(--hb-ink-mute)}.hero-banner .hb-stage{position:relative;margin:0 auto;aspect-ratio:1;width:100%;max-width:480px;touch-action:pan-y}.hero-banner .hb-stage canvas{display:block;width:100%;height:100%;cursor:grab}.hero-banner .hb-stage canvas:active{cursor:grabbing}.hero-banner .hb-corner{position:absolute;width:20px;height:20px;border-left:2px solid var(--hb-blue-soft);border-top:2px solid var(--hb-blue-soft)}.hero-banner .hb-corner.tl{left:0;top:0}.hero-banner .hb-corner.tr{right:0;top:0;transform:rotate(90deg)}.hero-banner .hb-corner.br{right:0;bottom:0;transform:rotate(180deg)}.hero-banner .hb-corner.bl{left:0;bottom:0;transform:rotate(-90deg)}.hero-banner .hb-stage-label{pointer-events:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-family:var(--hb-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--hb-ink-mute)}.hero-banner .hb-chip{pointer-events:none;position:absolute;z-index:2;display:flex;align-items:center;gap:7px;font-family:var(--hb-mono);font-size:11px;color:var(--hb-ink);background:#ffffffeb;border:1px solid var(--hb-line);border-radius:999px;padding:5px 12px;box-shadow:0 6px 18px #0f172a14;animation:hb-bob 5s ease-in-out infinite;transition:opacity .5s}.hero-banner .hb-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hb-green)}.hero-banner .hb-chip b{color:var(--hb-blue);font-weight:700}@keyframes hb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:959px){.hero-banner .hb-chip{max-width:calc(100% - 24px)}}.hero-banner .hb-scroll-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--hb-mono);font-size:10px;letter-spacing:.3em;color:var(--hb-ink-mute)}.hero-banner .hb-scroll-hint:after{content:"";width:1px;height:26px;background:linear-gradient(var(--hb-blue-soft),transparent);animation:hb-drip 1.8s ease-out infinite}@keyframes hb-drip{0%{transform:scaleY(0);transform-origin:top}55%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.hero-banner .hb-badge:before,.hero-banner .hb-caret,.hero-banner .hb-chip,.hero-banner .hb-scroll-hint:after{animation:none}}html[data-theme=dark] .hero-banner{--hb-blue: #60a5fa;--hb-blue-deep: #3b82f6;--hb-blue-soft: rgba(96, 165, 250, .4);--hb-blue-faint: rgba(96, 165, 250, .12);--hb-ink: #e6ebf4;--hb-ink-soft: #aab6c8;--hb-ink-mute: #6b7890;--hb-line: rgba(148, 163, 184, .18);background:radial-gradient(720px 420px at 82% 30%,rgba(59,130,246,.16),transparent 72%),radial-gradient(520px 300px at 10% 90%,rgba(59,130,246,.07),transparent 70%),linear-gradient(180deg,#0b1220,#0d1526)}html[data-theme=dark] .hero-banner:before{background-image:linear-gradient(rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px)}html[data-theme=dark] .hero-banner .hb-badge,html[data-theme=dark] .hero-banner .hb-term,html[data-theme=dark] .hero-banner .hb-ghost{background:#0f172ab8}html[data-theme=dark] .hero-banner .hb-cta{color:#0b1220}html[data-theme=dark] .hero-banner .hb-chip{background:#0f172ae0;box-shadow:0 6px 18px #00000059}.tool-card-all{align-items:flex-start;justify-content:center;border:1px dashed var(--blue-soft);background:linear-gradient(135deg,var(--card),rgba(37,99,235,.05))}.tool-card-all .tool-all-arrow{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--blue);background:var(--blue-soft)}.tool-card-all h3{margin-top:16px}