.hero{width:100%;max-width:1280px;padding:clamp(40px, 5.4vh, var(--spacing-3xl)) clamp(20px, 5vw, var(--spacing-lg)) clamp(var(--spacing-xl), 6.5vh, var(--spacing-4xl));z-index:1;margin:0 auto;position:relative}.hero-grid{gap:var(--spacing-3xl);grid-template-columns:1.15fr .95fr;align-items:center;display:grid}.hero-right{position:relative}.hero-headline{color:var(--charcoal);margin-top:clamp(16px, 2.2vh, var(--spacing-md));max-width:14ch}.hero-headline .italic{color:var(--primary);font-style:italic;position:relative}.hero-headline .italic:after{content:"";height:.05em;position:absolute;bottom:-.03em;left:0;right:0}.hero-headline .word{animation:reveal-up .8s var(--ease-smooth) both;display:inline-block}.hero-headline .word-1{animation-delay:.1s}.hero-headline .word-2{animation-delay:.2s}.hero-headline .word-3{margin-left:0;animation-delay:.3s}.hero-headline .word-4{animation-delay:.42s}.hero-sub{font-size:var(--fs-body-lg);color:var(--charcoal-75);max-width:54ch;animation:reveal-up .8s .54s var(--ease-smooth) both;margin-top:clamp(18px,2.5vh,28px);line-height:1.55}.hero-sub .emph{color:var(--charcoal);font-weight:500}.hero-ctas{gap:var(--spacing-xs);margin-top:clamp(var(--spacing-md), 3.2vh, 36px);animation:reveal-up .8s .64s var(--ease-smooth) both;display:flex}.hero-proof{margin-top:clamp(20px, 2.8vh, var(--spacing-lg));align-items:stretch;gap:var(--spacing-xs);animation:reveal-up .8s .74s var(--ease-smooth) both;display:flex}.hero-proof .stat{-webkit-backdrop-filter:var(--backdrop-blur-base);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:inset 0 1px 0 #ffffffe6, 0 1px 2px #0000000a, 0 4px 16px #0000000f, 0 12px 40px var(--primary-08);background:#ffffffd9;border:1px solid #ffffffe6}.hero-right .demo-player{padding:var(--spacing-md);animation:reveal-player .9s .4s var(--ease-spring) both}.hero-right .play-btn{width:44px;height:44px;overflow:hidden}.hero-right .play-btn:after{content:"";background:var(--primary-dark);transition:transform var(--duration-slow) var(--ease-smooth);z-index:0;border-radius:50%;position:absolute;inset:0;transform:scale(0)}.hero-right .play-btn:hover:after{transform:scale(1)}.hero-right .play-btn:hover{box-shadow:0 6px 18px var(--primary-35);transform:none}.hero-right .play-btn svg{z-index:1;position:relative}.hero-right .waveform{height:44px}.hero-right .transcript{min-height:160px}.hero-right .transcript-bubble{padding:var(--spacing-xs) 15px;font-size:var(--fs-body-base);animation:bubble-in .5s var(--ease-smooth) both}.hero-right .transcript-bubble:first-child{animation-delay:.8s}.hero-right .transcript-bubble:nth-child(2){animation-delay:1.2s}.hero-right .player-controls{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.demo-tabs{gap:var(--spacing-2xs);padding:var(--spacing-2xs);background:var(--primary-06);border-radius:var(--radius-pill);width:fit-content;margin-bottom:var(--spacing-md);display:flex}.demo-tab{padding:var(--spacing-2xs) var(--spacing-sm);font-size:var(--fs-ui-lg);color:var(--primary-55);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-weight:500}.demo-tab:hover{color:var(--primary)}.demo-tab.active{background:var(--white);color:var(--primary);box-shadow:0 2px 6px var(--primary-12), 0 0 0 1px var(--primary-08)}.lang-chip{padding:var(--spacing-2xs) var(--spacing-xs);background:var(--primary-08);border-radius:var(--radius-pill);font-size:var(--fs-label-md);letter-spacing:.1em;color:var(--primary);font-weight:600}.floating-stat{-webkit-backdrop-filter:var(--backdrop-blur-base);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:inset 0 1px 0 #ffffffe6, 0 1px 2px #0000000a, 0 4px 16px #0000000f, 0 12px 40px var(--primary-08);align-items:center;gap:var(--spacing-xs);font-size:var(--fs-ui-md);animation:float-reveal .9s var(--ease-spring) both;background:#ffffffd9;border:1px solid #ffffffe6;display:flex;position:absolute}.floating-stat.br{animation-delay:1.1s;bottom:60px;right:-32px}.floating-stat .stat-num,.hero-proof .stat-num{color:var(--primary)}.floating-stat .stat-label,.hero-proof .stat-label{font-size:var(--fs-label-md);color:var(--primary-60);letter-spacing:.04em;margin-top:3px;line-height:1.2}.scroll-hint{align-items:center;gap:var(--spacing-2xs);font-size:var(--fs-label-md);letter-spacing:.15em;text-transform:uppercase;color:var(--primary-45);animation:reveal-up .8s 1.3s var(--ease-smooth) both;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scroll-hint-line{width:1px;height:28px;position:relative;overflow:hidden}@media (width<=960px){.hero-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.hero-headline{max-width:none}.floating-stat{display:none}.hero-proof{gap:var(--spacing-xs) var(--spacing-md);flex-wrap:wrap}.hero-ctas{flex-direction:column;align-items:flex-start}.hero-right{min-width:0}.demo-tabs{scrollbar-width:none;width:100%;overflow-x:auto}.demo-tabs::-webkit-scrollbar{display:none}}