.er3{--er3-wb:min(698px, 52vw);--er3-dot:14.3;background:var(--gt-bg)}.er3:has([value=ds]:checked){--er3-dot:39.1}.er3:has([value=la]:checked){--er3-dot:59.3}.er3-grid{grid-template-columns:minmax(0, 460px) var(--er3-wb);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:".dev""copy dev""caps dev""note dev"".dev";justify-content:space-between;column-gap:40px;padding-top:112px;display:grid;position:relative}.er3-copy{flex-direction:column;grid-area:copy;align-items:flex-start;gap:18px;display:flex}.er3-copy .kicker{margin:0}.er3-copy h2{font-size:clamp(2rem,1rem + 2.4vw,2.75rem);line-height:1.09}.er3-lead{font-size:1.125rem;line-height:1.67}.er3-pick{color:var(--ink-soft);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.er3-pick svg{flex:none;width:18px;height:18px}.er3-device{width:var(--er3-wb);aspect-ratio:1/.7854;grid-area:dev;align-self:end;min-height:0;overflow:clip}.er3-device .er3-ipad{width:129.81%;margin-left:-9.955%}.er3-over{position:absolute;inset:0}.er3-vector{--gt-w:calc(996 * var(--pt));opacity:0;position:absolute;top:20.49%;left:1.744%}.er3-vector .gt{letter-spacing:-.02em}.er3-vector .gt-timeline__head{translate:0 calc(5.5 * var(--pt));letter-spacing:-.035em}.er3-vector .gt-timeline__track{translate:0 calc(5 * var(--pt))}.er3-vector :is(.gt-timeline__days,.gt-timeline__name){translate:0 calc(-5 * var(--pt))}.er3-rows{border:0;min-width:0;margin:0;padding:0;position:absolute;inset:0}.er3-row{left:2.7%;top:calc(var(--er3-y) * 1%);border-radius:calc(23 * var(--pt));cursor:pointer;pointer-events:auto;border:2px solid #2880e947;width:94.6%;height:6%;position:absolute}.er3-row:after,.er3-hint{content:"";border-radius:inherit;opacity:0;border:2px solid #2880e9;position:absolute;inset:-2px}.er3-row:after{scale:.985;box-shadow:0 0 12px #2880e940}.er3-row:has(:checked):after{opacity:1;scale:1}.er3-row:has(:focus-visible){outline:2px solid var(--ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.er3-row:hover{border-color:#2880e999}}.er3-ring{width:calc(54 * var(--pt));aspect-ratio:1;margin:calc(-27 * var(--pt));translate:calc(var(--er3-dot) * 1cqw) 0;border:2px solid #2880e9;border-radius:50%;position:absolute;top:25.4%;left:0;box-shadow:0 0 12px #2880e959}.er3-vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.er3-caps{grid-area:caps;margin-top:24px;display:grid}.er3-cap{border:1px solid var(--line-subtle);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;grid-area:1/1;gap:10px;padding:16px;display:grid}.er3-cap:not(:first-child){visibility:hidden;opacity:0}.er3:has(:is([value=ds],[value=la]):checked) .er3-cap:first-child{visibility:hidden;opacity:0}:is(.er3:has([value=ds]:checked) [data-er3=ds],.er3:has([value=la]:checked) [data-er3=la]){visibility:visible;opacity:1}.er3-cap__head{align-items:center;gap:8px;font-size:17px;font-weight:650;line-height:22px;display:flex}.er3-cap__dot{border-radius:50%;flex:none;width:10px;height:10px}.er3-cap__name{color:var(--ink);flex:1;font-weight:600}.er3-cap__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:14px;line-height:20px;display:flex}.er3-cap svg{width:13px;height:13px}.er3-risk{color:#c2410c;--er3-tint:#feeee3}.er3-ok{color:#0e7a45;--er3-tint:#def6eb}.er3-pill{background:var(--er3-tint);border-radius:13px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.er3-days{align-items:center;gap:5px;display:inline-flex}.er3-days svg{width:12px;height:12px}.er3-note{color:var(--muted-light);grid-area:note;margin-top:18px;font-size:12px;font-weight:550;line-height:16px}@media (width<=899px){.er3{--er3-wb:min(100%, 560px)}.er3-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""dev""caps""note";padding-block:76px 48px}.er3-device{justify-self:center;margin-top:32px;-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#000 calc(100% - 12px),#0000)}.er3-caps{margin-top:16px}.er3-note{text-align:center;margin-top:14px}}@media (width<=719px){.er3-copy{gap:10px}.er3-lead{font-size:1rem;line-height:1.5}.er3-pick{font-size:14px}}@keyframes er3-zoom{0%{scale:3.2}}@keyframes er3-in{0%{opacity:0}}@keyframes er3-vec{0%{opacity:1}to{opacity:0}}@keyframes er3-up{to{opacity:0;translate:0 -16px}}@keyframes er3-rise{0%{opacity:0;translate:0 16px}}@keyframes er3-pulse{0%,50%{opacity:.45;scale:1}49.9%,to{opacity:0;scale:1.012 1.1}}@media screen and (prefers-reduced-motion:no-preference){.er3-row:after{transition:opacity .22s var(--ease-out), scale .22s var(--ease-out)}.er3-ring{transition:translate .32s var(--ease-out)}.er3-cap{transition:opacity .18s var(--ease-out), visibility .18s}}@supports (animation-timeline:view()){@media screen and (prefers-reduced-motion:no-preference) and (width>=1024px) and (height>=700px){.er3{--er3-wb:min(698px, 52vw, calc((100svh - 225px) / .7854))}.er3-grid{height:100%;padding-top:0}.er3-device{overflow:visible}.er3-zoom{left:40px;top:calc(100% - .4364 * var(--er3-wb) - .5 * clamp(80px, 8.4vw, 120px));color:var(--ink);gap:22px;display:grid;position:absolute}.er3-zoom__big{letter-spacing:-.05em;font-size:clamp(80px,8.4vw,120px);font-weight:700;line-height:1}.er3-zoom__sub{color:var(--muted);font-size:22px;line-height:30px}.er3-ipad,.er3-ipad :is(.device-floor,.device-screen,.device-plate),.er3-vector,.er3-zoom,.er3-copy,.er3-caps,.er3-note,.er3-rows,.er3-ring,.er3-hint{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--scene}.er3-ipad{transform-origin:21.59% 26.42%;animation-name:er3-zoom;animation-range:contain contain 55%}.er3-ipad :is(.device-floor,.device-screen,.device-plate){animation-name:er3-in;animation-range:contain 22% contain 32%}.er3-vector{animation-name:er3-vec;animation-range:contain 22% contain 32%}.er3-zoom{animation-name:er3-up;animation-range:contain 30% contain 42%}.er3-copy,.er3-caps,.er3-note{animation-name:er3-rise;animation-range:contain 45% contain 60%}.er3-rows,.er3-ring{animation-name:er3-in;animation-range:contain 45% contain 60%}.er3-hint{animation-name:er3-pulse;animation-fill-mode:none;animation-range:contain 62% contain 84%}.er3-rows:focus-within{animation:none}.er3-device:has(:focus-visible) .er3-ring{animation:none}.er3-grid:has(.er3-rows :focus-visible) :is(.er3-copy,.er3-caps,.er3-note,.er3-ipad,.er3-vector,.er3-zoom){animation:none}.er3-grid:has(.er3-rows :focus-visible) .er3-ipad :is(.device-floor,.device-screen,.device-plate){animation:none}.er3-grid:has(.er3-rows :focus-visible) .er3-zoom{opacity:0}}}