._4oi-Yq_srOnly{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._4oi-Yq_grid{gap:16px;display:grid}@media (min-width:960px){._4oi-Yq_grid{grid-template-columns:1.35fr 1fr;gap:20px}._4oi-Yq_feature{grid-row:span 2}}._4oi-Yq_card{background:var(--dl-card);border:1px solid var(--dl-line);border-radius:var(--dl-r);box-shadow:var(--dl-shadow);color:var(--dl-text);transition:border-color .2s var(--dl-ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}a._4oi-Yq_card:hover{border-color:var(--dl-worker)}._4oi-Yq_img{overflow:hidden}._4oi-Yq_img img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .8s var(--dl-ease)}._4oi-Yq_feature ._4oi-Yq_img img{aspect-ratio:16/10}@media (min-width:960px){._4oi-Yq_card:not(._4oi-Yq_feature) ._4oi-Yq_img img{aspect-ratio:21/8}}a._4oi-Yq_card:hover ._4oi-Yq_img img{transform:scale(1.03)}._4oi-Yq_body{flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:22px 22px 24px;display:flex}._4oi-Yq_body>h3{font-size:1.2rem}._4oi-Yq_feature ._4oi-Yq_body>h3{letter-spacing:-.03em;font-size:1.6rem}._4oi-Yq_body>p{color:var(--dl-text-2);max-width:52ch;font-size:15px}._4oi-Yq_go{color:var(--dl-worker-deep);margin-top:auto;font-size:14.5px;font-weight:500}._4oi-Yq_soon{font:500 12px/1 var(--dl-mono);color:var(--dl-text-3);border:1px solid var(--dl-line-strong);border-radius:4px;margin-top:auto;padding:6px 9px;display:inline-block}._4oi-Yq_read{gap:32px;display:grid}@media (min-width:900px){._4oi-Yq_read{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:72px}}._4oi-Yq_read>div>h2{margin-top:14px}._4oi-Yq_notes{border-top:1px solid var(--dl-line-strong);margin:0;padding:0;list-style:none}._4oi-Yq_notes li{border-bottom:1px solid var(--dl-line);color:var(--dl-text-2);padding:18px 0}._4oi-Yq_notes li b{color:var(--dl-text);font-weight:600}._4oi-Yq_demo{background:var(--dl-card);border:1px solid var(--dl-line);border-radius:var(--dl-r);border-top:3px solid var(--dl-worker);gap:28px;padding:clamp(28px,4vw,48px);display:grid}._4oi-Yq_demo div>h2{margin:12px 0 14px;font-size:clamp(1.6rem,2.6vw,2.3rem)}._4oi-Yq_demo div>p{color:var(--dl-text-2);max-width:52ch}._4oi-Yq_demoAct{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}@media (min-width:900px){._4oi-Yq_demo{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:center;gap:56px}}
