@layer components{.hero3{position:relative;overflow:clip;background-color:var(--color-graphite-990);color:var(--color-white);--part:min(76vw,340px)}.hero3:before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.03;pointer-events:none}.hero3-wrap{position:relative;z-index:1;padding-block:32px 24px}.hero3-title{margin:0 0 16px}.hero3-lead{margin:0 0 24px;max-inline-size:44ch;color:var(--color-fog-300);text-wrap:pretty}:lang(zh) .hero3-lead{max-inline-size:26em}.hero3-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.hero3-primary{font-size:17px;padding-inline:28px}.hero3-link{align-self:flex-start;color:var(--color-white)}.hero3-proof{margin:16px 0 0;color:var(--color-fog-400)}.hero3-stage{position:relative;padding:0 var(--gutter) 32px}.hero3-stage .hs{inset-inline-start:12px;margin-inline:auto}@media (max-width:767px){.hero3-stage .hs{inline-size:100%;max-inline-size:350px;block-size:auto;aspect-ratio:1;inset-inline-start:0;--stage-center:40%}}@media (min-width:768px){.hero3{--part:min(56vw,460px)}.hero3-stage .hs{inset-inline-start:0}.hero3-actions{flex-direction:row;align-items:center;gap:16px}.hero3-link{align-self:center}}@media (min-width:1024px){.hero3{--part:clamp(380px,min(68svh,44vw),760px);--bleed:calc(var(--part) * 0.07);display:flex;align-items:center;min-block-size:max(640px,calc(var(--part) + 176px))}.hero3-wrap{padding-block:56px}.hero3-text{inline-size:calc((100% - 11 * var(--col-gap)) / 12 * 7 + 6 * var(--col-gap))}.hero3-title{margin-block-end:24px}.hero3-lead{margin-block-end:32px}.hero3-proof{margin-block-start:20px}.hero3-stage{position:absolute;inset:0;padding:0;pointer-events:none}.hero3-stage .hs{position:absolute;inset-inline-start:calc(100% + var(--bleed) - var(--part) / 2 - var(--u) * var(--ox));inset-block-start:calc(50% - var(--u) * var(--oy));margin:0}.hero3-stage .hs-foot{position:absolute;inset-block-end:12px;inset-inline:calc(100% + var(--bleed) - var(--part)) var(--gutter)}}}