@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap);.aio-showcase{--aio-title-plain:#0a0a0a;--aio-sub:#6b7280;--aio-grad-t1:#2563eb;--aio-grad-t2:#2563eb;--aio-badge-border:#c4b5fd;--aio-follow-divider-text:#94a3b8;--aio-follow-line:#e2e8f0;--aio-follow-pill-g1:#0f766e;--aio-follow-pill-g2:#22d3ee;--aio-follow-inactive-bd:#e5e7eb;--aio-follow-inactive-tx:#374151;--aio-follow-stat-val:#1e3a5f;--aio-follow-stat-lab:#94a3b8;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:clamp(3rem, 8vw, 5rem) clamp(1rem, 5vw, 4rem) clamp(3.5rem, 9vw, 5.5rem);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff;overflow:hidden}.aio-showcase__inner{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}.aio-showcase__header{text-align:center;width:100%;max-width:none;margin:0 0 clamp(2rem, 5vw, 3rem)}.aio-showcase__badge{display:inline-block;margin:0 0 1.25rem;padding:.45rem 1.15rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#4c1d95;border:1px solid var(--aio-badge-border);border-radius:999px;background:#fff}.aio-showcase__title{margin:0 0 1rem;font-size:clamp(1.75rem, 4.5vw, 2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem .5rem}.aio-showcase__title-plain{color:var(--aio-title-plain)}.aio-showcase__title-gradient{background:linear-gradient(105deg,var(--aio-grad-t1) 0%,var(--aio-grad-t2) 100%);-webkit-background-clip:text;background-clip:text;color:#fff0;-webkit-text-fill-color:#fff0}.aio-showcase__subtitle{margin:0;color:var(--aio-sub);font-size:clamp(0.9375rem, 2vw, 1.0625rem);line-height:1.6}.aio-showcase__subtitle p{margin:.35rem 0 0}.aio-showcase__subtitle p:first-child{margin-top:0}.aio-showcase__parent-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .65rem;margin:0 0 clamp(1.5rem, 4vw, 2.25rem);padding:0}.aio-showcase__parent-tabs .aio-follow__pill{border:none;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.aio-showcase__family-wrap{width:100%;position:relative}.aio-showcase__family-panel{display:none;width:100%}.aio-showcase__family-panel.is-active{display:block}.aio-showcase__card-kind{position:absolute;top:.5rem;left:.5rem;z-index:4;padding:.2rem .45rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgb(15 23 42 / .72);border-radius:4px;pointer-events:none}.aio-showcase__card--child .aio-showcase__card-kind{background:rgb(124 58 237 / .88)}.aio-showcase__products{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(0.65rem, 2vw, 1.15rem);width:100%;max-width:none;margin:0;align-items:stretch;box-sizing:border-box}@media (min-width:900px){.aio-showcase__products{grid-template-columns:repeat(4,1fr)}}.aio-showcase__card{display:block;text-decoration:none;color:inherit;border-radius:clamp(14px, 2vw, 18px);border:1px solid #fff0;overflow:hidden;box-shadow:0 4px 18px rgb(15 23 42 / .06);transition:transform 0.25s ease,box-shadow 0.25s ease}.aio-showcase__card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgb(15 23 42 / .1)}.aio-showcase__pastel-0{background:#eff6ff;border-color:#bfdbfe}.aio-showcase__pastel-1{background:#ecfeff;border-color:#a5f3fc}.aio-showcase__pastel-2{background:#ecfdf5;border-color:#a7f3d0}.aio-showcase__pastel-3{background:#fefce8;border-color:#fde047}.aio-showcase__pastel-4{background:#fdf2f8;border-color:#f9a8d4}.aio-showcase__pastel-5{background:#f5f3ff;border-color:#ddd6fe}.aio-showcase__card-media{position:relative;display:block;width:100%;background:rgb(255 255 255 / .5);overflow:hidden}.aio-showcase__card-img,.aio-showcase__card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease}.aio-showcase__card:hover .aio-showcase__card-media img{transform:scale(1.06)}.aio-showcase__card-hover{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;background:rgb(15 23 42 / .58);opacity:0;transform:translateY(8px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:auto}.aio-showcase__card:hover .aio-showcase__card-hover,.aio-showcase__card:focus-visible .aio-showcase__card-hover{opacity:1;transform:translateY(0)}.aio-showcase__card-actions{display:flex;flex-direction:column;gap:.6rem;width:min(86%, 180px)}.aio-showcase__card-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.52rem .85rem;border-radius:999px;text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:.01em;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease,color 0.2s ease}.aio-showcase__card-btn--detail{background:#fff;color:#0f172a}.aio-showcase__card-btn--demo{background:#2563eb;color:#fff}.aio-showcase__card-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgb(15 23 42 / .2)}.aio-showcase__card-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (hover:none){.aio-showcase__card-hover{opacity:1;transform:translateY(0);background:rgb(15 23 42 / .5)}.aio-showcase__card:hover .aio-showcase__card-media img{transform:none}}@media (prefers-reduced-motion:reduce){.aio-showcase__card,.aio-showcase__card-media img,.aio-showcase__card-hover{transition:none}.aio-showcase__card:hover .aio-showcase__card-media img{transform:none}}.aio-follow{width:100%;max-width:none;margin-top:clamp(2.5rem, 6vw, 4rem);padding-top:clamp(1.5rem, 4vw, 2.5rem);box-sizing:border-box}.aio-follow__divider{display:flex;align-items:center;gap:1rem;width:100%;margin:0 0 clamp(1.75rem, 4vw, 2.5rem)}.aio-follow__divider-line{flex:1;height:1px;background:var(--aio-follow-line);min-width:0}.aio-follow__divider-text{flex-shrink:0;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--aio-follow-divider-text)}.aio-follow__pills{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .65rem;margin:0 0 clamp(2rem, 5vw, 3rem);padding:0}.aio-follow__pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem .6rem;font-size:.8125rem;font-weight:600;line-height:1.25;text-decoration:none;border-radius:999px;border:1px solid var(--aio-follow-inactive-bd);background:#fff;color:var(--aio-follow-inactive-tx);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.aio-follow__pill:hover{transform:translateY(-1px);border-color:#d1d5db}.aio-follow__pill--active{color:#fff;font-weight:700;border-color:#fff0;background:linear-gradient(105deg,var(--aio-follow-pill-g1) 0%,var(--aio-follow-pill-g2) 100%);box-shadow:0 10px 28px rgb(15 118 110 / .28),0 4px 12px rgb(34 211 238 / .2)}.aio-follow__pill--active:hover{color:#fff;border-color:#fff0;transform:translateY(-2px);box-shadow:0 14px 34px rgb(15 118 110 / .32),0 6px 16px rgb(34 211 238 / .22)}.aio-follow__pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--aio-dot,#64748b)}.aio-follow__pill-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(200px, 42vw)}@media (min-width:768px){.aio-follow__pill-label{max-width:220px}}.aio-follow__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem, 3vw, 2rem);width:100%;max-width:none;margin:0 auto;text-align:center}@media (max-width:600px){.aio-follow__stats{grid-template-columns:1fr;gap:1.5rem}}.aio-follow__stat-value{font-size:clamp(1.35rem, 3.5vw, 1.85rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--aio-follow-stat-val)}.aio-follow__stat-label{margin-top:.4rem;font-size:.8125rem;font-weight:500;line-height:1.4;color:var(--aio-follow-stat-lab)}