.ext{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art copy";align-items:center;gap:64px;padding-top:56px;display:grid}.ext-copy{flex-direction:column;grid-area:copy;gap:20px;max-width:500px;display:flex}.ext-badge{background:var(--well);height:28px;color:var(--ink2);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:12px;display:inline-flex}.ext-badge i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 0 3px var(--lime100);border-radius:50%}.ext-head{flex-direction:column;gap:12px;display:flex}.ext-head h1{letter-spacing:-.04em;color:var(--ink);text-wrap:balance;font-size:44px;line-height:1.08}.ext-head p{color:var(--ink2);text-wrap:pretty;font-size:16px;line-height:1.55}.ext-actions{flex-wrap:wrap;gap:10px;display:flex}.btn.ext-btn{border-radius:12px;height:48px;padding:0 22px;font-size:15px}.ext-note{color:var(--ink3);margin-top:-8px;font-size:13px}.ext-list{box-shadow:inset 0 1px 0 var(--track);flex-direction:column;gap:10px;margin:0;padding:16px 0 0;list-style:none;display:flex}.ext-list li{color:var(--ink);gap:10px;font-size:15px;line-height:1.5;display:flex}.ext-list .s{color:var(--ink);margin-top:3px}.ext-plate{grid-area:art;min-height:520px}.site-plate.ext-plate:before{-webkit-mask-image:radial-gradient(80% 75% at 50% 48%,#000 0%,#00000080 34%,#0000 68%);mask-image:radial-gradient(80% 75% at 50% 48%,#000 0%,#00000080 34%,#0000 68%)}.ext-art{width:100%;height:100%;position:absolute;inset:0}.ext-art path{fill:none;stroke:#8c8c96;stroke-width:1px;stroke-linejoin:round}.ext-art .face{fill:#fff}.ext-art .side{fill:#f2f2f4}.ext-art .o60{stroke-opacity:.6}.ext-art .o55{stroke-opacity:.55}.ext-art .o50{stroke-opacity:.5}.ext-art .o35{stroke-opacity:.35}.ext-art .drop{stroke-opacity:.22;stroke-dasharray:3 4}.ext-art .dot{fill:#c9c9d1}.ext-art .slot{fill:var(--limeend);stroke:var(--acc);stroke-width:1.6px;animation:2.4s ease-in-out infinite ext-slot}.ext-art .hl{stroke:var(--acc);stroke-width:1.6px;stroke-linecap:round;animation:2.4s ease-in-out infinite ext-hl}@keyframes ext-slot{0%,to{stroke-opacity:1}50%{stroke-opacity:.35}}@keyframes ext-hl{0%,to{stroke-opacity:.35}50%{stroke-opacity:1}}.ext-browsers{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:22px;left:24px}.ext-browsers span{height:28px;color:var(--ink2);background:#ffffffa6;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #5c7f2747}@media (prefers-reduced-motion:reduce){.ext-art .slot,.ext-art .hl{animation:none}}@media (max-width:900px){.ext{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""art";gap:40px;padding-top:40px}.ext-copy{max-width:560px}.ext-plate{min-height:380px}}@media (max-width:560px){.ext{padding-top:28px}.ext-head h1{font-size:32px}.ext-actions .btn{width:100%}.ext-plate{min-height:320px}.ext-browsers{bottom:16px;left:16px}}
