:root{--purple: #965ff5;--purple-2: #a855f7;--pink: #f872b5;--ink: #0b1020;--muted: #6b7280}.opt-section{padding:30px 0}.pill{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #ececf3;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:#111;box-shadow:0 1px 2px #1018280a;transition:transform .25s ease,box-shadow .25s ease}.pill:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7c3aed2e}.pill i{color:var(--purple)}h2.section-title{font-weight:800;font-size:48px;line-height:1.1;letter-spacing:-1px;margin:20px 0 14px}.lead-text{color:#5b6473;font-size:17px;max-width:520px}.feature{display:flex;gap:14px;margin-top:22px}.feature .ic{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--purple);color:var(--purple);display:flex;align-items:center;justify-content:center;font-size:11px;margin-top:3px;transition:background .25s ease,color .25s ease,transform .25s ease}.feature:hover .ic{background:var(--purple);color:#fff;transform:scale(1.1)}.feature h6{font-weight:700;margin:0 0 4px;font-size:16px}.feature p{color:#6b7280;margin:0;font-size:15px}.diagram{position:relative;width:100%;max-width:560px;aspect-ratio:1/1;margin:0 auto}.ring{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:1.5px dashed #c7b6f3;border-radius:50%;background:radial-gradient(circle at 50% 50%,#a855f733,#a855f700 62%)}.node{position:absolute;background:#fff;border-radius:18px;box-shadow:0 12px 30px #5028a01a,0 2px 6px #5028a00f;padding:18px 22px;text-align:center;min-width:180px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.node:hover{transform:translate(var(--tx, 0),var(--ty, 0)) scale(1.5);box-shadow:0 20px 40px #7c3aed40,0 4px 10px #7c3aed1f}.node .icon{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:18px;box-shadow:0 6px 16px #a855f773;transition:transform .35s ease}.node h6{font-weight:700;margin:6px 0 8px;font-size:15px}.tag{display:inline-block;background:#efe7ff;color:#6d28d9;font-size:8px;font-weight:600;padding:6px 3px;border-radius:999px}.node.top{top:0;left:50%;--tx: -50%;--ty: 0;transform:translate(-50%)}.node.right{top:50%;right:0;--tx: 0;--ty: -50%;transform:translateY(-50%)}.node.bottom{bottom:0;left:50%;--tx: -50%;--ty: 0;transform:translate(-50%)}.node.left{top:50%;left:0;--tx: 0;--ty: -50%;transform:translateY(-50%)}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:18px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 12px 30px #a855f773}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.arrow{position:absolute;width:38px;height:38px;border-radius:50%;background:#7c3aed;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #7c3aed66;transition:transform .25s ease,background .25s ease}.arrow:hover{transform:scale(1.15);background:#6d28d9}.a-tr{top:20%;right:24%}.a-tl{top:20%;left:24%}.a-br{bottom:20%;right:24%}.a-bl{bottom:20%;left:24%}@media (max-width: 1199px){.node{min-width:150px;padding:14px 16px}h2.section-title{font-size:42px}}@media (max-width: 991px){.opt-section{padding:60px 0}h2.section-title{font-size:36px}.diagram{margin-top:60px;max-width:520px}}@media (max-width: 575px){h2.section-title{font-size:30px}.node{min-width:130px;padding:12px 14px}.node h6{font-size:13px}.node .icon{width:38px;height:38px;font-size:15px}.tag{font-size:11px;padding:3px 8px}.arrow{width:30px;height:30px;font-size:14px}.center{width:54px;height:54px;font-size:20px}}