body{line-height:1.55}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}a{color:inherit}.nav-in{max-width:1120px}.hero{border-bottom:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}.hero .wrap{z-index:2;text-align:center;padding:64px 20px 58px;position:relative}.hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:24ch;margin:20px auto 14px;font-size:clamp(2.1rem,4.9vw,3.2rem);font-weight:900;line-height:1.02}.hero .lead{max-width:58ch;color:var(--muted);margin:0 auto;font-size:clamp(1rem,2.2vw,1.15rem)}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:8px;padding:13px 20px;font-weight:800;text-decoration:none;transition:all .16s;display:inline-flex}.btn-ghost:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateY(-2px)}.stats{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:38px;display:flex}.stat{flex-direction:column;line-height:1;display:flex}.stat b{letter-spacing:-.02em;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900}.stat span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:6px;font-size:.78rem;font-weight:700}main{padding:52px 0 20px}.sect-h{text-align:center;max-width:40ch;margin:0 auto 28px}.sect-h h2{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:900}.sect-h p{color:var(--muted);margin:0}.cats{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;display:grid}.cat{color:inherit;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate;border-radius:22px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.cat:before{content:"";background:var(--grad);-webkit-mask-composite:xor;opacity:0;z-index:1;pointer-events:none;border-radius:22px;padding:1px;transition:all .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.cat:hover{transform:translateY(-6px)}.cat:hover:before{opacity:1}.cat-top{background:radial-gradient(120% 130% at 50% 130%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),linear-gradient(180deg,var(--panel-2),var(--panel));place-items:center;height:160px;display:grid;position:relative;overflow:hidden}.cat-top:after{content:"";background:var(--grad-soft);opacity:0;transition:all .25s;position:absolute;inset:0}.cat:hover .cat-top:after{opacity:1}.cat-emoji{filter:drop-shadow(0 10px 18px #00000047);z-index:1;font-size:3.6rem;transition:all .25s}.cat:hover .cat-emoji{transform:scale(1.12)rotate(-4deg)}.cat-body{flex-direction:column;flex:1;gap:9px;padding:20px 20px 22px;display:flex}.pill{text-transform:uppercase;letter-spacing:.09em;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.68rem;font-weight:800}.cat h3{letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:900}.cat p{color:var(--muted);flex:1;margin:0;font-size:.95rem}.cat-go{color:var(--accent-ink);align-items:center;gap:7px;margin-top:4px;font-size:.93rem;font-weight:800;display:inline-flex}.cat-go .arrow{transition:all .18s}.cat:hover .cat-go .arrow{transform:translate(5px)}.cat.soon{opacity:.68;pointer-events:none}.why{margin-top:60px}.why-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.wcard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;transition:all .18s}.wcard:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-3px)}.wcard .ic{font-size:1.7rem}.wcard h3{margin:10px 0 6px;font-size:1.08rem;font-weight:800}.wcard p{color:var(--muted);margin:0;font-size:.92rem}
