.cx{--ink:#1d1f45;--ink-soft:#3d3d4e;--muted:#76778b;--primary:#6369d1;--violet:#993df5;--teal:#3bbcb5;--surface:#f2f3fa;--bg:#fff;--gold:#ffb400;--coral:#f4658a;--line:#e7e8f3;--wa:#25d366;--r-sm:10px;--r-md:18px;--r-lg:26px;--pill:9999px;--shadow:0 18px 44px rgba(29,31,69,.12);--shadow-sm:0 8px 22px rgba(29,31,69,.08);--maxw:1160px;font-family:var(--fx-body,"Mulish",system-ui,sans-serif);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}.cx *{box-sizing:border-box}.cx h1,.cx h2,.cx h3{font-family:var(--fx-display,"Plus Jakarta Sans",sans-serif);color:var(--ink);line-height:1.1;letter-spacing:-.02em;margin:0}.cx a{color:inherit;text-decoration:none}.cx img{max-width:100%;display:block}.cx p{margin:0}.cx .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}.cx .eyebrow{font-family:var(--fx-display,"Plus Jakarta Sans",sans-serif);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.cx .grad-text{background:linear-gradient(100deg,var(--primary) 10%,var(--violet) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.cx .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;font-family:var(--fx-display,"Plus Jakarta Sans",sans-serif);font-weight:700;font-size:1rem;border:none;border-radius:var(--pill);padding:14px 26px;transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s}.cx .btn-primary{color:#fff;background:linear-gradient(135deg,var(--violet),var(--primary));box-shadow:0 14px 30px rgba(153,61,245,.32)}.cx .btn-primary:hover{transform:translateY(-3px)}.cx .btn-wa{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 10px 24px rgba(18,140,126,.3)}.cx .btn-wa:hover{transform:translateY(-3px)}.cx .btn-ghost{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.cx .btn-ghost:hover{transform:translateY(-3px)}.cx .btn-sm{padding:11px 18px;font-size:.9rem}.cx .btn-block{width:100%}.cx .crumbs{display:flex;align-items:center;flex-wrap:wrap;font-size:.8rem;font-weight:600;padding:18px 0 0;color:var(--muted)}.cx .crumbs a{color:var(--muted);transition:color .15s}.cx .crumbs a:hover{color:var(--primary)}.cx .crumbs .sep{margin:0 4px;color:#c7c9dc;font-weight:400;transform:translateY(-.5px)}.cx .crumbs .cur{color:var(--ink);font-weight:700}.cx section{position:relative}.cx .band{padding:56px 0}.cx .band.alt{background:var(--surface)}.cx .sec-head{max-width:660px;margin:0 0 30px}.cx .sec-head.center{text-align:center;margin-left:auto;margin-right:auto}.cx .sec-head h2{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;margin-bottom:10px}.cx .sec-head p{color:var(--ink-soft);font-size:1.04rem}.cx .hero{position:relative;overflow:hidden;padding:38px 0 34px;background:radial-gradient(120% 120% at 85% -10%,rgba(153,61,245,.12),transparent 55%),radial-gradient(90% 80% at 5% 0,rgba(102,215,209,.16),transparent 50%),linear-gradient(180deg,#fbfbfe,var(--bg))}.cx .hero-inner{position:relative;z-index:2;max-width:720px}.cx .hero h1{font-size:clamp(1.9rem,4.4vw,2.85rem);font-weight:800;margin:10px 0 12px}.cx .hero .sub{font-size:1.05rem;color:var(--ink-soft);max-width:56ch;margin-bottom:18px}.cx .chips{display:flex;flex-wrap:wrap;gap:10px}.cx .chip{display:inline-flex;align-items:center;gap:.5em;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--pill);padding:7px 14px;font-weight:700;font-size:.82rem;color:var(--ink)}.cx .stars{color:var(--gold);letter-spacing:2px}.cx .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:940px){.cx .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.cx .grid{grid-template-columns:1fr}}.cx .card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s}.cx .card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.cx .card .top{position:relative;padding:26px 24px 20px;color:#fff}.cx .card .top .ic{font-size:2rem;line-height:1;margin-bottom:12px}.cx .card .top h3{color:#fff;font-size:1.35rem;font-weight:800;margin-bottom:6px}.cx .card .top .tag{font-size:.9rem;font-weight:600;opacity:.94}.cx .card .body{display:flex;flex-direction:column;gap:14px;padding:20px 24px 24px;flex:1}.cx .card .desc{color:var(--ink-soft);font-size:.97rem}.cx .card .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.cx .card .meta span{background:var(--surface);border-radius:var(--pill);padding:6px 12px;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.cx .badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.22);border:1px solid hsla(0,0%,100%,.4);border-radius:var(--pill);padding:5px 11px;font-family:var(--fx-display,"Plus Jakarta Sans",sans-serif);font-weight:800;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;backdrop-filter:blur(4px)}.cx .badge .dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.28)}.cx .a-hoop .top{background:linear-gradient(135deg,#6c50a0,#4b3675)}.cx .a-dance .top{background:linear-gradient(135deg,#d6386f,#96204b)}.cx .a-draw .top{background:linear-gradient(135deg,#0f7f79,#0a5754)}.cx .a-cube .top{background:linear-gradient(135deg,#c2571c,#8c3d12)}.cx .a-sketch .top{background:linear-gradient(135deg,#3f5aa6,#2b3e75)}.cx .a-chess .top{background:linear-gradient(135deg,#4a4a5c,#2b2b38)}.cx .cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:900px){.cx .cards4{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.cx .cards4{grid-template-columns:1fr}}.cx .whycard{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:22px}.cx .whycard .ic{font-size:1.6rem;margin-bottom:10px}.cx .whycard h3{font-size:1.05rem;font-weight:800;margin-bottom:6px}.cx .whycard p{color:var(--ink-soft);font-size:.93rem}.cx .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:820px){.cx .steps{grid-template-columns:1fr}}.cx .step{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:24px}.cx .stepn{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--fx-display,"Plus Jakarta Sans",sans-serif);font-weight:800;color:#fff;background:linear-gradient(135deg,var(--violet),var(--primary));margin-bottom:12px}.cx .step h3{font-size:1.05rem;font-weight:800;margin-bottom:6px}.cx .step p{color:var(--ink-soft);font-size:.93rem}.cx .xlink{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:26px 28px}.cx .xlink h3{font-size:1.2rem;font-weight:800;margin-bottom:6px}.cx .xlink p{color:var(--ink-soft);font-size:.97rem;max-width:62ch}.cx .cta-band{padding:56px 0;text-align:center;color:#fff;background:linear-gradient(135deg,#2b2d63,#5258ca)}.cx .cta-band h2{color:#fff;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:800;margin-bottom:10px}.cx .cta-band p{color:hsla(0,0%,100%,.86);margin-bottom:20px}@media(prefers-reduced-motion:reduce){.cx .btn,.cx .card{transition:none}.cx .btn:hover,.cx .card:hover{transform:none}}