.hero{--hero-header-offset: 68px;position:relative;background:var(--color-white);overflow:hidden}.hero__inner{position:relative;max-width:calc(var(--page-max-width) + var(--page-padding-x) * 2);margin-inline:auto;padding-inline:var(--page-padding-x);padding-top:clamp(96px,14vh,160px);padding-bottom:72px}.hero__frame{position:absolute;top:calc(var(--hero-header-offset) + 20px);left:var(--page-padding-x);right:var(--page-padding-x);bottom:40px;border:1px solid var(--color-gray-100);border-radius:12px;pointer-events:none;z-index:0;opacity:0;filter:blur(6px);transform:translateY(6px);will-change:opacity,filter,transform;animation:heroTextReveal 2.4s cubic-bezier(.25,1,.5,1) .2s forwards}.hero__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(to right,#F2F2F2 1px,transparent 1px),linear-gradient(to bottom,#F2F2F2 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;opacity:.6;pointer-events:none}.hero__tech{position:absolute;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray-300);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1;background:var(--color-white);padding:0 4px}.hero__tech--tl{top:-6px;left:16px}.hero__tech--tr{top:-6px;right:16px}.hero__tech--bl{bottom:-6px;left:16px}.hero__tech--br{bottom:-6px;right:16px}.hero__runner-track{position:absolute;top:0;left:0;right:0;height:0;pointer-events:none;z-index:3}.hero__runner-track .pixel-runner{top:0;bottom:auto;transform:translateY(calc(-100% + 2px))}.hero__layout{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(48px,7vh,88px)}.hero__content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:880px;padding-top:clamp(40px,6vh,80px)}.hero__eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--color-orange)}.hero__headline{font-family:var(--font-primary);font-weight:500;font-size:clamp(40px,5.2vw,64px);line-height:1.02;letter-spacing:-.03em;color:var(--color-dark);margin:0;max-width:20ch}.hero__headline-clip{display:block}.hero__headline-line{display:block;opacity:0;filter:blur(8px);transform:translateY(6px);will-change:opacity,filter,transform;animation:heroTextReveal 2.2s cubic-bezier(.25,1,.5,1) forwards}.hero__subline-clip{display:block}.hero__subline{margin:0;max-width:60ch;font-family:var(--font-primary);font-weight:400;font-size:clamp(16px,1.3vw,19px);line-height:1.5;letter-spacing:-.01em;color:var(--color-gray-700);white-space:pre-line;opacity:0;filter:blur(8px);transform:translateY(6px);will-change:opacity,filter,transform;animation:heroTextReveal 2.2s cubic-bezier(.25,1,.5,1) .8s forwards}.hero__ctas{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;opacity:0;filter:blur(8px);transform:translateY(6px);will-change:opacity,filter,transform;animation:heroTextReveal 2.2s cubic-bezier(.25,1,.5,1) 1s forwards}.hero__btn{display:inline-flex;align-items:center;justify-content:center;height:52px;min-width:200px;padding:0 32px;font-family:var(--font-primary);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap}.hero__btn--primary{background:var(--color-orange);color:#fff;border-radius:4px}.hero__btn--primary:hover{background:var(--color-orange-hover)}.hero__btn--secondary{background:#ebebeb;color:var(--color-dark);border-radius:4px}.hero__btn--secondary:hover{background:#ddd}.hero__visual{position:relative;z-index:1;width:100%;display:flex;justify-content:center;margin-bottom:0;opacity:0;filter:blur(8px);transform:translateY(30px);will-change:opacity,filter,transform;animation:heroTextReveal 2.8s cubic-bezier(.25,1,.5,1) .6s forwards}.hero__image-wrap{width:100%;max-width:1100px;border-radius:12px;overflow:hidden;background:var(--color-white);position:relative}.hero__image{width:100%;height:auto;display:block}.hero__image-wrap--mockup{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.hero__image-wrap--mockup .pm-frame{border-radius:12px;border:1px solid var(--color-gray-100);box-shadow:0 1px 2px #00000008,0 16px 48px #0000000f}.hero__image-wrap--mockup .hero__image-fade,.hero__image-fade{display:none}@keyframes heroTextReveal{0%{opacity:0;filter:blur(8px);transform:translateY(6px)}50%{opacity:.85;filter:blur(1px);transform:translateY(1px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero__headline-line,.hero__subline,.hero__ctas,.hero__visual,.hero__frame{opacity:1!important;animation:none!important;filter:none!important;transform:none!important}}@media (max-width: 900px){.hero__inner{padding-top:100px;padding-bottom:24px}.hero__frame,.hero__runner-track{display:none}.hero__layout{gap:40px}.hero__content{padding-top:16px;gap:16px}.hero__headline{font-size:clamp(36px,8vw,56px);letter-spacing:-.02em}.hero__image-wrap{max-width:100%;border-radius:12px}.hero__image-wrap--mockup .pm-frame{border-radius:12px}.hero__visual{margin-bottom:0}.hero__btn{min-width:160px}}@media (max-width: 480px){.hero__image-wrap--mockup{opacity:.92}}