.demo-page[data-v-7c4ea43c]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:85vh;padding:120px 40px 80px}.demo-title[data-v-7c4ea43c]{color:#fff;font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.demo-sub[data-v-7c4ea43c]{color:var(--t2);font-size:16px;margin-bottom:56px}.demo-cards[data-v-7c4ea43c]{display:flex;gap:28px;max-width:880px;width:100%}.demo-card[data-v-7c4ea43c]{background:var(--bg1);border:1px solid var(--line);border-radius:20px;color:inherit;cursor:pointer;display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.demo-card[data-v-7c4ea43c]:hover{border-color:#ffffff1f;box-shadow:0 20px 60px #0006;transform:translateY(-4px)}.demo-card-illust[data-v-7c4ea43c]{background:linear-gradient(180deg,rgba(59,130,246,.03),transparent);padding:24px 16px 8px}.demo-card:last-child .demo-card-illust[data-v-7c4ea43c]{background:linear-gradient(180deg,rgba(239,68,68,.03),transparent)}.demo-card-illust-img[data-v-7c4ea43c]{aspect-ratio:320/200;display:block;height:auto;width:100%}.demo-card-body[data-v-7c4ea43c]{flex:1;padding:8px 28px 28px}.demo-card-title[data-v-7c4ea43c]{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.demo-card-desc[data-v-7c4ea43c]{color:var(--t2);font-size:14px;line-height:1.7}.demo-card-arrow[data-v-7c4ea43c]{align-items:center;background:#ffffff0a;border:1px solid var(--line);border-radius:10px;color:var(--t3);display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:36px}.demo-card:hover .demo-card-arrow[data-v-7c4ea43c]{background:#ffffff0f;border-color:#ffffff26;color:var(--t1)}.demo-info[data-v-7c4ea43c]{color:var(--t2);margin-top:80px;max-width:880px;padding:0 8px;width:100%}.demo-info-title[data-v-7c4ea43c]{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:36px 0 14px}.demo-info-title[data-v-7c4ea43c]:first-child{margin-top:0}.demo-info-q[data-v-7c4ea43c]{color:#fff;font-size:16px;font-weight:600;margin:20px 0 8px}.demo-info-text[data-v-7c4ea43c]{font-size:15px;line-height:1.7;margin-bottom:14px}@media(max-width:700px){.demo-cards[data-v-7c4ea43c]{flex-direction:column}}