.mark-hero{--mark-hero-yours:var(--accent-primary);--mark-hero-theirs:var(--sun);width:min(clamp(240px,128.8svh - 697px,494px),76vw);color:var(--text-primary);margin:49px auto 95px;position:relative;transform:translate(-3.95%)}.mark-hero-svg{width:100%;height:auto;display:block;overflow:visible}.mark-hero-svg path{fill:currentColor;transform-box:fill-box;transform-origin:50%}.mark-hero-svg .mark-hero-dot--yours{fill:var(--mark-hero-yours)}.mark-hero-svg .mark-hero-dot--theirs{fill:var(--mark-hero-theirs)}.mark-hero-ann{left:var(--x);color:var(--text-primary);white-space:nowrap;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.2;display:flex;position:absolute;transform:translate(-50%)}.mark-hero-ann:before{content:"";background:var(--line);flex:1;width:1.5px}.mark-hero-ann--yours{--x:48.1%;--line:var(--mark-hero-yours);color:var(--link-body);top:calc(60.87% + 6px);bottom:-36px}.mark-hero-ann--theirs{--x:67.6%;--line:var(--mark-hero-theirs);flex-direction:column-reverse;top:-40px;bottom:calc(60.85% + 6px)}.mark-hero-ann--note{--x:9.3%;--line:var(--text-muted);color:var(--text-muted);flex-direction:column-reverse;top:-40px;bottom:calc(100% + 6px)}.mark-hero-shared{border:1.5px solid var(--text-muted);border-top:0;border-radius:0 0 4px 4px;height:10px;position:absolute;top:calc(100% + 48px);left:29.55%;right:21.65%}.mark-hero-shared>span{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;position:absolute;top:14px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.mark-hero-svg path,.mark-hero-ann,.mark-hero-shared{animation:none}.mark-hero-svg .mark-hero-dot--yours{animation-name:mark-hero-from-left;animation-duration:.75s;animation-delay:.2s}.mark-hero-ann--yours{animation-name:mark-hero-fade;animation-delay:.6s}.mark-hero-svg .mark-hero-dot--theirs{animation-name:mark-hero-from-right;animation-duration:.75s;animation-delay:1.2s}.mark-hero-ann--theirs{animation-name:mark-hero-fade;animation-delay:1.6s}.mark-hero-svg .mark-hero-slash--left{animation-name:mark-hero-slash-left;animation-delay:2.2s}.mark-hero-svg .mark-hero-slash--right{animation-name:mark-hero-slash-right;animation-delay:2.2s}.mark-hero-shared{animation-name:mark-hero-fade;animation-delay:2.6s}.mark-hero-svg .mark-hero-tick{animation:1.4s ease-out 3.2s both mark-hero-tick}.mark-hero-ann--note{animation-name:mark-hero-fade;animation-delay:3.5s}}@keyframes mark-hero-from-left{0%{opacity:0;transform:translate(-140%)scale(.6)}}@keyframes mark-hero-from-right{0%{opacity:0;transform:translate(140%)scale(.6)}}@keyframes mark-hero-slash-left{0%{opacity:0;transform:translate(-30%)rotate(-6deg)}}@keyframes mark-hero-slash-right{0%{opacity:0;transform:translate(30%)rotate(6deg)}}@keyframes mark-hero-fade{0%{opacity:0}}@keyframes mark-hero-tick{0%{opacity:0;fill:var(--sun);transform:translateY(-70%)}30%{opacity:1;fill:var(--sun);transform:none}65%{fill:var(--sun)}to{fill:currentColor}}.access-hero--mark .access-inner{grid-template-columns:minmax(0,1fr);justify-items:center}.access-hero--mark .access-copy{text-align:center;max-width:760px}.access-hero--mark .access-actions{margin-top:16px}@media (min-width:900px){.access-hero--mark .access-copy{max-width:840px}}.access-hero--mark .access-lede{max-width:42em;margin:0 auto}.homepage-main .access-hero.access-hero--mark{padding-top:clamp(12px,2svh,32px)}@media (min-width:901px){.homepage-main .access-hero--mark .access-hero-title{font-size:clamp(36px,min(4.1vw,6.45svh),61px)}.homepage-main .access-hero--mark .access-lede{font-size:17px}}@media (min-width:901px) and (max-height:700px){.homepage-main .access-hero--mark .mark-hero{width:clamp(200px,128.8svh - 697px,240px);margin:40px auto 84px}.homepage-main .access-hero--mark .access-actions{margin-top:16px}}@media (max-width:639.98px){.mark-hero{width:76vw}}@media (max-width:639.98px),(max-height:759.98px){.mark-hero-ann--note{display:none}}