.hero{align-items:center;background-color:var(--color-bg);display:flex;min-height:100svh;overflow:hidden;padding-bottom:5rem;padding-top:7rem;position:relative}.hero:before{background-image:linear-gradient(var(--color-border-light) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-light) 1px,transparent 1px);background-size:60px 60px;content:"";inset:0;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 0,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 0,transparent 100%);opacity:.4;pointer-events:none;position:absolute}.hero__inner{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero__content{display:flex;flex-direction:column;gap:1.75rem}.hero__headline{color:var(--color-text-primary);font-size:clamp(2.75rem,5.5vw,var(--text-8xl));font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1.05}.hero__headline br{display:block}.hero__subtext{color:var(--color-text-secondary);font-size:clamp(var(--text-base),1.5vw,var(--text-lg));line-height:1.7;max-width:44ch}.hero__actions{flex-wrap:wrap;gap:.75rem}.hero__actions,.hero__proof{align-items:center;display:flex}.hero__proof{border-top:1px solid var(--color-border-light);gap:1.5rem;margin-top:.5rem;padding-top:.5rem}.hero__proof-item{display:flex;flex-direction:column;gap:.15rem}.hero__proof-num{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.2}.hero__proof-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em}.hero__proof-divider{background-color:var(--color-border);flex-shrink:0;height:2rem;width:1px}.hero__visual{position:relative}.hero__visual-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;position:relative;z-index:2}.hvc__header{align-items:center;background-color:var(--color-bg-off);border-bottom:1px solid var(--color-border-light);display:flex;gap:.4rem;padding:.85rem 1.25rem}.hvc__dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.hvc__dot--red{background-color:#ff5f57}.hvc__dot--yellow{background-color:#ffbd2e}.hvc__dot--green{background-color:#28c840}.hvc__filename{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);margin-left:.5rem}.hvc__body{background-color:#0f1117;padding:1.25rem 1.5rem}.hvc__code{color:#e2e8f0;font-family:var(--font-mono);font-size:.8rem;line-height:1.75;margin:0;white-space:pre}.hvc__kw{color:#c084fc}.hvc__var{color:#60a5fa}.hvc__fn{color:#34d399}.hvc__prop{color:#93c5fd}.hvc__num{color:#fbbf24}.hvc__metrics{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem}.hvc__metric{align-items:center;display:flex;gap:.75rem}.hvc__metric-label{color:var(--color-text-secondary);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-medium);width:120px}.hvc__metric-bar{background-color:var(--color-border-light);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.hvc__metric-fill{animation:bar-grow 1.2s cubic-bezier(.16,1,.3,1) .6s both;background:linear-gradient(90deg,#e08900,#ffa113);border-radius:var(--radius-full);display:block;height:100%}@keyframes bar-grow{0%{width:0!important}}.hvc__metric-val{color:var(--color-text-primary);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:right;width:40px}.hero__visual-bg{background:radial-gradient(circle,rgba(255,161,19,.06) 0,transparent 70%);border-radius:50%;height:200px;pointer-events:none;position:absolute;right:-2rem;top:-2rem;width:200px;z-index:1}.hero__scroll-hint{align-items:center;bottom:2rem;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}.hero__scroll-line{animation:scroll-line 1.8s ease-in-out infinite;background:linear-gradient(180deg,var(--color-border),transparent);height:48px;width:1px}@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media (max-width:1024px){.hero__inner{gap:3rem;grid-template-columns:1fr}.hero__visual{margin:0 auto;max-width:500px}}@media (max-width:768px){.hero{padding-top:5.5rem}.hero__actions{align-items:stretch;flex-direction:column}.hero__actions .btn{justify-content:center;width:100%}.hero__proof{gap:1rem}.hero__scroll-hint{display:none}}