.hero[data-astro-cid-wcolddp2]{background:radial-gradient(60% 50% at 80% 0%, var(--accent-soft) 0%, transparent 70%), linear-gradient(180deg, var(--bg-2), var(--bg) 70%);border-bottom:1px solid var(--border);padding-block:96px 72px;position:relative}.hero[data-astro-cid-wcolddp2]:before{content:"";pointer-events:none;background-image:radial-gradient(#0b122029 1px,#0000 1.2px),linear-gradient(#0b12200b 1px,#0000 1px),linear-gradient(90deg,#0b12200b 1px,#0000 1px);background-size:22px 22px,88px 88px,88px 88px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(200deg,#000000e6,#0000 75%);mask-image:linear-gradient(200deg,#000000e6,#0000 75%)}.hero[data-astro-cid-wcolddp2] .wrap[data-astro-cid-wcolddp2]{position:relative}.bits[data-astro-cid-wcolddp2]{pointer-events:none;-webkit-mask-composite:source-in;width:52%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000d9 55%,#000 100%),linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000000d9 55%,#000 100%),linear-gradient(#000 60%,#0000 100%);mask-composite:intersect}@media (width<=800px){.bits[data-astro-cid-wcolddp2]{opacity:.6;width:100%}}.hero[data-astro-cid-wcolddp2] h1[data-astro-cid-wcolddp2]{max-width:18ch;margin-top:18px;font-size:clamp(36px,5.2vw,66px)}.lead[data-astro-cid-wcolddp2]{color:var(--text-muted);max-width:62ch;margin-top:24px;font-size:20px}.hero[data-astro-cid-wcolddp2] .actions[data-astro-cid-wcolddp2]{margin-top:32px}.frameworks[data-astro-cid-wcolddp2]{gap:10px;margin-top:56px;font-size:13px;display:grid}.frameworks[data-astro-cid-wcolddp2] ul[data-astro-cid-wcolddp2]{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.frameworks[data-astro-cid-wcolddp2] li[data-astro-cid-wcolddp2]{font:500 12px var(--mono);letter-spacing:.06em;border:1px solid var(--border-strong);color:var(--text-muted);background:#fff;border-radius:999px;padding:6px 10px}.tools-strip[data-astro-cid-wcolddp2] .wrap[data-astro-cid-wcolddp2]{text-align:center}.strip-head[data-astro-cid-wcolddp2]{justify-items:center;gap:14px;display:grid}.strip-text[data-astro-cid-wcolddp2]{max-width:62ch}.tiles[data-astro-cid-wcolddp2]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:1040px;margin:36px auto 0;padding-bottom:36px;display:flex}.tiles[data-astro-cid-wcolddp2]:hover{text-decoration:none}.asign[data-astro-cid-wcolddp2]{border:1px solid var(--border);height:52px;box-shadow:var(--shadow-card);background:#fff;border-radius:14px;place-items:center;margin-right:6px;padding:0 18px;display:grid}.asign[data-astro-cid-wcolddp2] img[data-astro-cid-wcolddp2]{width:auto;height:34px}.tile-wrap[data-astro-cid-wcolddp2]{animation:.6s cubic-bezier(.22,1,.36,1) both tile-in;animation-delay:calc(var(--i) * 60ms);display:block;position:relative}.tile-name[data-astro-cid-wcolddp2]{white-space:nowrap;font:500 11.5px var(--mono);letter-spacing:.04em;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;z-index:3;background:#fff;border-radius:999px;padding:4px 9px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.tile-wrap[data-astro-cid-wcolddp2]:hover .tile-name[data-astro-cid-wcolddp2]{opacity:1;transform:translate(-50%)}.tile[data-astro-cid-wcolddp2]{background:color-mix(in srgb, var(--tool) 10%, white);border-radius:12px;width:52px;height:52px;transition:transform .3s,box-shadow .3s;display:block;position:relative}.tile[data-astro-cid-wcolddp2] svg{width:100%;height:100%;display:block}.tile[data-astro-cid-wcolddp2].soon{opacity:.45;filter:saturate(.6)}.tile[data-astro-cid-wcolddp2]:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--tool) 25%, transparent);transform:translateY(-3px)}@keyframes tile-in{0%{opacity:0;transform:translateY(10px)}}.strip-actions[data-astro-cid-wcolddp2]{justify-content:center;margin-top:32px}@media (prefers-reduced-motion:reduce){.tile-wrap[data-astro-cid-wcolddp2]{animation:none}.tile[data-astro-cid-wcolddp2],.tile-name[data-astro-cid-wcolddp2]{transition:none}}.why[data-astro-cid-wcolddp2] .card[data-astro-cid-wcolddp2]{align-content:start;gap:10px;display:grid}.num[data-astro-cid-wcolddp2]{font:500 12px var(--mono);letter-spacing:.1em;color:var(--accent)}.why[data-astro-cid-wcolddp2] h3[data-astro-cid-wcolddp2]{font-size:20px}.why[data-astro-cid-wcolddp2] p[data-astro-cid-wcolddp2]{font-size:15.5px}@media (width<=800px){.hero[data-astro-cid-wcolddp2]{padding-block:56px 44px}}
