.hero{overflow:hidden;background:var(--bg-primary)}.hero,.hero__container{position:relative;min-height:calc(100vh - var(--header-height));display:flex;align-items:center}.hero__container{z-index:2;padding-top:var(--space-8)}.hero__blob{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at center,oklch(75% .12 55/.15) 0,oklch(75% .12 55/.05) 40%,transparent 70%);filter:blur(60px);top:0;left:0;transform:translate(calc(var(--mouse-x, 20%) - 50%),calc(var(--mouse-y, 30%) - 50%));transition:transform .8s var(--ease-out-expo);pointer-events:none;will-change:transform;contain:layout style}.hero__blob--2{width:400px;height:400px;background:radial-gradient(circle at center,oklch(72% .08 185/.12) 0,transparent 60%);transform:translate(calc(var(--mouse-x, 60%) + 10% - 50%),calc(var(--mouse-y, 50%) + 20% - 50%));transition:transform .8s var(--ease-out-expo) .1s}.hero__particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero__particle{position:absolute;width:4px;height:4px;background:var(--accent-warm);border-radius:50%;opacity:.4;animation:float 15s ease-in-out infinite;animation-delay:calc(var(--i) * -2.5s)}.hero__particle:first-child{top:20%;left:10%}.hero__particle:nth-child(2){top:60%;left:85%}.hero__particle:nth-child(3){top:80%;left:25%}.hero__particle:nth-child(4){top:30%;left:70%}.hero__particle:nth-child(5){top:70%;left:50%}.hero__particle:nth-child(6){top:15%;left:90%}@keyframes float{0%,to{transform:translateY(0) translateX(0);opacity:.4}25%{transform:translateY(-30px) translateX(10px);opacity:.8}50%{transform:translateY(-15px) translateX(-15px);opacity:.5}75%{transform:translateY(-40px) translateX(5px);opacity:.7}}.hero__content{max-width:800px}.hero__bracket{font-family:var(--font-mono);font-weight:200;color:var(--accent-warm);opacity:.4;margin-right:var(--space-3);transition:opacity var(--duration-normal) var(--ease-out-expo)}.hero__bracket--close{margin-right:0;margin-left:var(--space-3)}.hero__title:hover .hero__bracket{opacity:.7}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:oklch(20% .02 55/.5);border:1px solid oklch(75% .12 55/.2);border-radius:var(--radius-2xl);font-size:var(--text-xs);color:var(--accent-warm);margin-bottom:var(--space-8);backdrop-filter:blur(8px);animation:fadeInUp var(--duration-slow) var(--ease-out-expo) both}.hero__badge-ping{width:6px;height:6px;background:var(--success);border-radius:50%;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.hero__title{font-size:clamp(3rem,10vw,6rem);font-weight:700;line-height:1.2;letter-spacing:-.04em;margin-bottom:var(--space-8)}.hero__title-line{display:block;height:1.2em;opacity:1;transform:translateY(0)}.hero__title-line--1{color:var(--text-primary);animation:heroSlideUp .6s var(--ease-out-expo) forwards}.hero__title-line--2{animation:heroSlideUp .6s var(--ease-out-expo) .05s forwards}@keyframes heroSlideUp{0%{transform:translateY(20px);opacity:.7}to{transform:translateY(0);opacity:1}}.hero__typewriter-container{position:relative;display:inline-block;white-space:nowrap}.hero__typewriter-container:before{content:attr(data-placeholder);visibility:hidden;display:inline-block;white-space:nowrap}.hero__typewriter-live{position:absolute;left:0;top:0;display:inline-flex;align-items:baseline;white-space:nowrap}.hero__title-typed{display:inline-block;color:var(--accent-warm)}.hero__title-typed--gradient{color:transparent;background:linear-gradient(135deg,#eeb055,#fec060 50%,#eeb055);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(78% .14 40) 50%,var(--accent-warm) 100%);background-size:200% 200%;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:gradientShift 4s ease infinite}.hero__title-typed--gradient:empty,.hero__title-typed--gradient[data-ssr=true]{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:var(--accent-warm)!important;color:var(--accent-warm)!important}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero__cursor{display:inline-block;width:4px;height:1em;background:var(--accent-warm);margin-left:var(--space-2);border-radius:2px;animation:blink .8s step-end infinite;box-shadow:0 0 12px var(--accent-warm);flex-shrink:0;contain:layout style;will-change:opacity}.hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-10);max-width:560px;animation:fadeInUp .8s var(--ease-out-expo) .3s both}.hero__subtitle-highlight{color:var(--text-primary);font-weight:500}.hero__actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-12);animation:fadeInUp .8s var(--ease-out-expo) .4s both}.hero__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.hero__cta-text{position:relative;z-index:2}.hero__cta--primary{color:var(--text-primary);background:var(--bg-secondary);border:none}.hero__cta--primary:before{content:"";position:absolute;inset:0;padding:1px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(72% .08 185) 50%,var(--accent-warm) 100%);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderGradient 3s linear infinite}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero__cta--primary:after{content:"";position:absolute;inset:1px;border-radius:calc(var(--radius-lg) - 1px);background:var(--bg-secondary);z-index:1;transition:background var(--duration-normal) var(--ease-out-expo)}.hero__cta--primary:hover:after{background:oklch(18% .02 55)}.hero__cta--primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px oklch(75% .12 55/.2),0 0 40px oklch(75% .12 55/.1)}.hero__cta--primary:active{transform:translateY(0) scale(.98)}.hero__cta--primary .hero__cta-arrow{position:relative;z-index:2;display:flex;transition:transform var(--duration-fast) var(--ease-out-expo)}.hero__cta--primary:hover .hero__cta-arrow{transform:translateX(3px)}.hero__cta--secondary{color:var(--text-secondary);background:transparent;border:1px solid var(--border-subtle)}.hero__cta--secondary:before{bottom:0;left:50%;width:0;height:1px;transition:all var(--duration-normal) var(--ease-out-expo);transform:translateX(-50%)}.hero__cta--secondary:after,.hero__cta--secondary:before{content:"";position:absolute;background:var(--accent-warm)}.hero__cta--secondary:after{inset:0;border-radius:var(--radius-lg);opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo)}.hero__cta--secondary:hover{color:var(--text-primary);border-color:var(--accent-warm)}.hero__cta--secondary:hover:before{width:calc(100% - var(--space-6))}.hero__cta--secondary:hover:after{opacity:.05}.hero__cta--secondary:active{transform:scale(.98)}.hero__stack{display:flex;align-items:center;gap:var(--space-4);animation:fadeInUp .8s var(--ease-out-expo) .5s both}.hero__stack-label{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.hero__stack-items{display:flex;gap:var(--space-2)}.hero__stack-item{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);animation:fadeIn .5s var(--ease-out-expo) both;animation-delay:calc(.6s + var(--delay));transition:all var(--duration-fast) var(--ease-out-expo)}.hero__stack-item:hover{border-color:var(--accent-warm);color:var(--accent-warm)}.hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out-expo);animation:fadeIn 1s var(--ease-out-expo) .8s both}.hero__scroll:hover{color:var(--accent-warm)}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(180deg,transparent 0,currentColor 50%,transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@media (max-width:1024px){.hero__content{text-align:center}.hero__subtitle{margin-left:auto;margin-right:auto}.hero__actions,.hero__stack{justify-content:center}.hero__stack{flex-wrap:wrap}}@media (max-width:640px){.hero__actions{flex-direction:column;align-items:center}.hero__cta{width:100%;max-width:280px}.hero__stack-items{flex-wrap:wrap;justify-content:center}}