.brand-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 10px 25px rgba(24,92,255,.22);position:relative}.brand-badge::before,.brand-badge::after{content:"";position:absolute;background:#fff;border-radius:999px;opacity:.96}.brand-badge::before{width:18px;height:18px;left:6px;top:11px}.brand-badge::after{width:8px;height:8px;right:7px;top:16px}.hero-card{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid rgba(217,228,251,.95);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.diagram{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px}.diagram h3{margin-bottom:18px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:center}.node{background:linear-gradient(180deg,#f9fbff,#eef5ff);border:1px solid var(--line);border-radius:18px;padding:18px 14px;text-align:center;font-weight:700;color:#28405e;min-height:92px;display:flex;align-items:center;justify-content:center}.arrow{display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800}.tag-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.tag{padding:8px 12px;border-radius:999px;background:var(--accent);border:1px solid var(--line);font-size:13px;font-weight:600;color:#244567}.cta-box{background:linear-gradient(135deg,#123f7f 0%,#185cff 50%,#00a9b8 100%);color:#fff;border-radius:28px;padding:34px;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow)}.cta-box p{color:rgba(255,255,255,.88)}footer{padding:28px 0 48px;color:#5f738f;font-size:14px}@media (max-width:1080px){.flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}}