.hero{padding:0;position:relative;overflow:hidden}.hero-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-inner{z-index:1;min-height:max(640px, calc(100svh - var(--header-h) - var(--announce-h)));pointer-events:none;flex-direction:column;justify-content:space-between;padding-block:clamp(40px,6vh,88px) clamp(32px,5vh,64px);display:flex;position:relative}.hero-inner a,.hero-inner button{pointer-events:auto}.hero h1{max-width:9.6em}.hero-bottom{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;margin-top:56px;display:grid}.hero-copy{grid-column:1/6}.hero-copy .lead{max-width:40ch}.hero-copy .actions{margin-top:32px}.hero-tag{border:1px solid var(--hairline);background:var(--white);transition:border-color .4s var(--ease);border-radius:8px;grid-column:9/13;justify-self:end;align-items:center;gap:16px;padding:14px 18px 14px 14px;text-decoration:none;display:flex}.hero-tag:hover{border-color:var(--ink)}.hero-tag .pulse{flex:none;width:10px;height:10px;position:relative}.hero-tag .pulse:before,.hero-tag .pulse:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:0}.hero-tag .pulse:after{animation:pulse 2.2s var(--ease-out) infinite}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.hero-tag b{letter-spacing:-.005em;font-size:15px;font-weight:600;display:block}.hero-tag small{color:var(--dim);font-size:13px;line-height:1.3;display:block}.hero-tag .i{transition:transform .45s var(--ease-out);margin-left:8px}.hero-tag:hover .i{transform:translateY(3px)}.fork{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fork-card{flex-direction:column;display:flex}.fork-media{aspect-ratio:5/4}.fork-card:hover .fork-media img{transform:scale(1.04)}.fork-tag{background:var(--white);border-radius:9999px;align-items:center;gap:8px;padding:8px 12px 8px 10px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;top:16px;left:16px}.fork-body{row-gap:14px;padding-top:28px;display:grid}.fork-body p{color:var(--dim);max-width:44ch}.a3{background:var(--black);color:var(--white);padding:0;position:relative}.a3 .label{color:#ffffff80}.a3 .label .idx{color:var(--white)}.a3-intro{padding-block:var(--section) 0}.a3-intro .lead{color:#ffffffa3;max-width:52ch;margin-top:28px}.a3-brand{letter-spacing:-.01em;color:var(--white);font-weight:600}.a3-track{height:360vh;position:relative}.a3-stage{height:100svh;position:sticky;top:0;overflow:hidden}.a3-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.a3-stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#000 0%,#000000eb 28%,#0000008c 40%,#0000 54%);position:absolute;inset:0}.a3-ui{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.a3-steps{max-width:430px;margin:0;padding:0;list-style:none}.a3-step{opacity:.34;transition:opacity .6s var(--ease);border-top:1px solid #ffffff24;padding:22px 0}.a3-step:last-child{border-bottom:1px solid #ffffff24}.a3-step.is-active{opacity:1}.a3-step .t{align-items:baseline;gap:18px;display:flex}.a3-step .t span{font-size:var(--t-caption);color:#ffffff80;font-variant-numeric:tabular-nums;flex:none;width:22px}.a3-step .b{transition:grid-template-rows .7s var(--ease-out);grid-template-rows:0fr;display:grid}.a3-step.is-active .b{grid-template-rows:1fr}.a3-step .b>div{overflow:hidden}.a3-step .b p{color:#ffffffa8;max-width:44ch;padding:14px 0 0 40px}.a3-progress{background:#ffffff24;max-width:430px;height:1px;margin-top:28px;position:relative}.a3-progress span{background:var(--white);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.a3-note{z-index:2;left:0;right:0;bottom:calc(28px + var(--announce-h));color:#ffffff6b;pointer-events:none;font-size:13px;position:absolute}.a3-label{z-index:2;pointer-events:none;opacity:0;letter-spacing:.01em;color:var(--white);white-space:nowrap;will-change:transform,opacity;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex;position:absolute;top:0;left:0}.a3-label:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.a3-label i{background:#ffffff59;width:28px;height:1px;display:block}.a3-label.hi{color:var(--yellow);font-weight:600}.a3.is-static .a3-track{height:auto}.a3.is-static .a3-stage{height:auto;min-height:760px;padding-block:64px;position:relative}.a3.is-static .a3-step{opacity:1}.a3.is-static .a3-step .b{grid-template-rows:1fr}.a3.no-gl .a3-canvas{display:none}.steps-line{background:var(--hairline);height:1px;position:relative}.steps-line span{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.steps{column-gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));row-gap:48px;margin:0;padding:0;list-style:none;display:grid}.steps li{padding-top:32px;position:relative}.steps li:before{content:"";background:var(--white);border:1px solid var(--ghost);width:9px;height:9px;transition:background-color .4s var(--ease), border-color .4s var(--ease), transform .5s var(--ease-out);border-radius:50%;position:absolute;top:-5px;left:0}.steps li.on:before{background:var(--ink);border-color:var(--ink);transform:scale(1.3)}.steps .n{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ghost);transition:color .6s var(--ease);margin-bottom:clamp(40px,5vw,80px);font-size:clamp(56px,3rem + 2.4vw,96px);font-weight:400;line-height:1;display:block}.steps li.on .n{color:var(--ink)}.steps h3{margin-bottom:8px}.steps p{color:var(--dim);max-width:26ch}.steps-foot{margin-top:56px}@media (prefers-reduced-motion:reduce){.hero-tag .pulse:after{animation:none}}@media (width<=1199px){.hero-copy{grid-column:1/8}.hero-tag{grid-column:8/13}}@media (width<=899px){.hero{flex-direction:column;display:flex}.hero-inner{min-height:0;padding-block:40px 24px}.hero-canvas{order:2;height:min(96vw,560px);margin-top:-8px;position:relative}.hero-bottom{grid-template-columns:1fr;row-gap:32px;margin-top:32px}.hero-copy,.hero-tag{grid-column:1/-1;justify-self:start}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.a3-track{height:320vh}.a3-ui{padding-bottom:calc(72px + var(--announce-h));justify-content:flex-end}.a3-stage:before{background:linear-gradient(#0000 38%,#000000f0 58%,#000 100%)}.a3-step{padding:16px 0}.a3-step .b p{font-size:15px}.a3-note{bottom:calc(24px + var(--announce-h))}}@media (width<=767px){.fork{grid-template-columns:1fr;row-gap:56px}}@media (width<=639px){.steps-line{display:none}.steps{grid-template-columns:1fr;row-gap:0}.steps li{border-top:1px solid var(--hairline);grid-template-columns:72px 1fr;column-gap:16px;padding:24px 0;display:grid}.steps li:before{display:none}.steps .n{grid-row:1/3;margin:0;font-size:44px;line-height:1.1}.hero-tag{width:100%}}
