.hero{padding:54px 0 30px;position:relative}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;display:grid}.hero h1{letter-spacing:-.03em;margin:0 0 18px;font-size:48px;font-weight:800;line-height:1.08}.hero h1 .g-tg{color:var(--tg-2)}.hero h1 .g-wa{color:#16a34a}.hero h1 .g-dc{color:var(--dc)}.hero h1 .g-sg{color:var(--sg)}.hero .lead{color:var(--ink-2);max-width:430px;margin:0 0 26px;font-size:16.5px}.hero-search{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;max-width:480px;padding:7px 7px 7px 16px;display:flex}.hero-search .s{width:19px;height:19px;color:var(--ink-4);flex:none;place-items:center;display:grid}.hero-search .s svg{width:19px;height:19px}.hero-search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-family:inherit;font-size:15px}.hero-search input::placeholder{color:var(--ink-4)}.pop-label{color:var(--ink-3);margin:24px 0 12px;font-size:13px;font-weight:700}.pop-chips{flex-wrap:wrap;gap:12px;display:flex}.pchip{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-xs);border-radius:12px;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:700;display:inline-flex}.pchip:hover{border-color:#d5deec}.pchip .gl{color:#fff;border-radius:7px;place-items:center;width:20px;height:20px;display:grid}.pchip .gl svg{width:13px;height:13px}.pchip .grid-ico{color:var(--ink-3);place-items:center;display:grid}.pchip .grid-ico svg{width:20px;height:20px}.pchip-all{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px #2e6bf042}.pchip-all:hover{background:var(--primary-600);border-color:var(--primary-600)}.pchip-all .grid-ico{color:#fff}.hero-art{height:420px;position:relative}.blob{color:#fff;border-radius:30px;place-items:center;display:grid;position:absolute;box-shadow:0 26px 50px #1c2e5c2e}.blob svg{filter:drop-shadow(0 4px 6px #0000001f)}.b-tg{z-index:3;background:linear-gradient(155deg,#39b6f4,#1c8fd6);border-radius:50%;width:150px;height:150px;top:42%;left:42%;transform:translate(-50%,-50%)}.b-tg svg{width:74px;height:74px}.b-wa{z-index:2;background:linear-gradient(155deg,#3be07c,#1fb957);width:96px;height:96px;top:18%;left:6%}.b-wa svg{width:48px;height:48px}.b-dc{z-index:2;background:linear-gradient(155deg,#6b77f5,#4b57e0);border-radius:26px;width:92px;height:92px;top:8%;right:8%}.b-dc svg{width:46px;height:46px}.b-sg{z-index:2;background:linear-gradient(155deg,#4f86f4,#2e63e6);width:84px;height:84px;bottom:8%;right:14%}.b-sg svg{width:40px;height:40px}.card-ghost{background:var(--surface);z-index:1;border-radius:24px;position:absolute;box-shadow:0 20px 40px #1c2e5c1a}.cg1{width:120px;height:120px;top:30%;right:24%;transform:rotate(8deg)}.cg2{width:90px;height:90px;bottom:14%;left:20%;transform:rotate(-6deg)}.spark{color:var(--violet);opacity:.5;position:absolute}.spark svg{width:100%;height:100%}.stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);grid-template-columns:repeat(4,1fr);margin-top:14px;display:grid;overflow:hidden}.stat{text-align:center;border-right:1px solid var(--line-2);padding:30px 24px}.stat:last-child{border-right:0}.stat .si{background:var(--primary-50);width:46px;height:46px;color:var(--primary);border-radius:14px;place-items:center;margin:0 auto 12px;display:grid}.stat .si svg{width:24px;height:24px}.stat b{letter-spacing:-.02em;font-size:21px;font-weight:800;display:block}.stat span{color:var(--ink-3);font-size:13px;font-weight:600}.section{padding:52px 0 0}.pcards{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-xs);flex-direction:column;align-items:center;padding:22px 16px;transition:all .18s;display:flex}.pcard:hover{box-shadow:var(--shadow);border-color:#d7e0f0;transform:translateY(-3px)}.pcard .av{width:60px;height:60px;margin:0 auto 14px}.pcard h3{letter-spacing:-.01em;margin:0 0 3px;font-size:14.5px;font-weight:800}.pcard .mem{color:var(--ink-3);margin-bottom:10px;font-size:12px;font-weight:600}.pcard .pdesc{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin:10px 0 14px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.pcard .btn{width:auto;margin-top:auto;padding:8px 16px;font-size:13px}.pbanner{border-radius:var(--radius-lg);background:linear-gradient(110deg,#eff3ff,#f3f1fe);border:1px solid #e4e9fb;align-items:center;gap:24px;margin:42px 0 0;padding:26px 32px;display:flex}.pbanner .stack{display:flex}.pbanner .stack>div{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;margin-left:-12px;display:grid}.pbanner .stack>div:first-child{margin-left:0}.pbanner .stack svg{width:22px;height:22px}.pbanner .more{font-size:18px;font-weight:800;color:var(--ink-3)!important;background:#e8ecf6!important}.pbanner .ptext{flex:1}.pbanner h3{margin:0 0 3px;font-size:18px;font-weight:800}.pbanner p{color:var(--ink-3);margin:0;font-size:13.5px}html[data-theme=dark] .pbanner{background:linear-gradient(110deg,#15203a,#1a1830);border-color:#2a3654}html[data-theme=dark] .pbanner .more{background:#26324a!important}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero h1{font-size:38px}.stats{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid var(--line-2)}.pcards{grid-template-columns:repeat(3,1fr)}.pbanner{text-align:center;flex-direction:column}}@media (max-width:600px){.pcards{grid-template-columns:1fr 1fr}.hero h1{font-size:32px}}
