.folder-rules{position:relative;overflow:hidden}.folder-rules:before{content:"";position:absolute;inset:0;background:var(--bg-white);opacity:.9;pointer-events:none}.folder-rules .container{position:relative}.folder-rules .header-content .header-badge{width:fit-content;margin:0 auto 20px}.folder-rules .section-intro{max-width:70ch;margin-left:auto;margin-right:auto}.folder-rules .rules-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;margin-top:32px;align-items:start}.folder-rules .rules-left{position:relative}.folder-rules .rules-benefits{position:relative;border-radius:18px;padding:30px 25px;background:var(--primary-color);color:#fff;border:1px solid rgba(255,255,255,.1);overflow:hidden}.folder-rules .rules-benefits h3{margin:0 0 14px;color:#fff;font-size:var(--font-size-h3)}.folder-rules .rules-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.folder-rules .rules-list li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:10px;border-radius:14px;background:#ffffff0a;transition:transform .18s ease,background .18s ease,border-color .18s ease}.folder-rules .rules-list li:hover{transform:translateY(-2px);background:#ffffff0f;border-color:#ffffff1f}.folder-rules .rules-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#ffffffe6}.folder-rules .rules-list p{margin:6px 0 0;opacity:.9}.folder-rules .rules-microcopy{margin:14px 0 0;opacity:.85;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.folder-rules .rules-right{position:relative;border-radius:18px;display:flex;flex-direction:column;gap:25px}.folder-rules .rules-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}.folder-rules .flow-node{display:flex;flex-direction:column;border-radius:16px;padding:16px 14px;background:var(--bg-light);border:1px solid rgba(15,23,42,.08);gap:10px;color:var(--text-secondary)}.folder-rules .flow-chip{width:fit-content;font-size:.8rem;font-weight:600;padding:6px 10px;border-radius:5px;background:#0f172a0f;border:1px solid rgba(15,23,42,.08)}.folder-rules .flow-arrow{display:grid;place-items:center;font-weight:800;color:#0f172a73;font-size:1.1rem;padding:0 2px}.folder-rules .flow-node--event .flow-chip{color:var(--primary-dark)}.folder-rules .flow-node--condition .flow-chip{color:var(--primary-color)}.folder-rules .flow-node--action .flow-chip{color:var(--primary-light)}.folder-rules .rules-example{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--bg-light);border:1px solid rgba(15,23,42,.08);border-radius:16px;gap:10px}.folder-rules .rules-image{border-radius:14px;overflow:hidden;display:flex;justify-content:center;align-items:center}.folder-rules .rules-image img{width:350px;height:auto;display:block}.folder-rules .rules-note{border-radius:14px;padding:14px;background:var(--bg-light);border:1px dashed rgba(15,23,42,.14)}.folder-rules .example{margin:0;color:var(--text-secondary)}.folder-rules .example b{font-weight:600}@media (max-width: 900px){.folder-rules .rules-layout,.folder-rules .rules-flow{grid-template-columns:1fr}.folder-rules .rules-flow{display:flex;flex-direction:column;align-items:center;gap:5px}.folder-rules .flow-node{flex-direction:row;align-items:center;justify-content:center}.folder-rules .flow-chip{padding:3px 5px}.folder-rules .flow-arrow{transform:rotate(90deg)}.folder-rules .rules-example{padding:10px;gap:20px}.folder-rules .rules-image{order:2}.folder-rules .rules-image img{width:250px}.folder-rules .rules-note{order:1}}@media (max-width: 600px){.folder-rules .flow-node{width:100%}}@media (max-width: 545px){.folder-rules .header-content .header-badge p{font-size:12px}}.folder-rules .flow-node,.folder-rules .rules-note,.folder-rules .rules-benefits,.folder-rules .rules-list li{transform:translateY(8px);opacity:0;animation:folderRulesIn .52s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(var(--d, 1) * 90ms)}@keyframes folderRulesIn{to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.folder-rules .flow-node,.folder-rules .rules-note,.folder-rules .rules-benefits,.folder-rules .rules-list li{animation:none;transform:none;opacity:1}}