.hub-page{--hub-ink:#17172b;--hub-muted:#64647a;--hub-line:#ececf4;--hub-brand:#4f46e5;--hub-brand2:#4338ca;--hub-soft:#eef2ff;--hub-bg:#f8fafc;color:var(--hub-ink);-webkit-font-smoothing:antialiased;background:#fff;line-height:1.6}.hub-container{width:90%;max-width:1200px;margin:auto}.hub-btn{cursor:pointer;border:none;border-radius:40px;margin:14px 10px 0 0;padding:15px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.hub-btn:hover{transform:translateY(-2px)}.hub-btn-primary{background:linear-gradient(90deg,var(--hub-brand),var(--hub-brand2));color:#fff;box-shadow:0 12px 30px #4f46e559}.hub-btn-secondary{color:#222;background:#fff;border:1px solid #ddd}.hub-hero{background:linear-gradient(180deg,var(--hub-bg),#fff);padding:72px 0 80px}.hub-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hub-hero h1{letter-spacing:-.02em;color:var(--hub-ink);margin:0 0 .4em;font-size:54px;line-height:1.08}.hub-gradient{background:linear-gradient(90deg,var(--hub-brand),var(--hub-brand2));color:#0000;-webkit-background-clip:text;background-clip:text}.hub-lead{color:#4b4b63;margin:0 0 1em;font-size:20px}.hub-tag{background:var(--hub-soft);color:var(--hub-brand);border-radius:30px;margin-bottom:18px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.hub-trust{color:var(--hub-muted);flex-wrap:wrap;gap:22px;margin-top:26px;font-size:14px;display:flex}.hub-trust span{align-items:center;gap:7px;display:inline-flex}.hub-mockup{background:#fff;border:1px solid #eee;border-radius:24px;padding:30px;box-shadow:0 30px 70px #14143c1f}.hub-mockup-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.hub-mockup h3{color:var(--hub-ink);margin:0;font-size:20px}.hub-mockup-sub{color:var(--hub-muted);margin:0;font-size:13px}.hub-pill{color:#0f9d58;white-space:nowrap;background:#eafff2;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.hub-mockup hr{border:none;border-top:1px solid var(--hub-line);margin:18px 0}.hub-mockup h4{text-transform:uppercase;letter-spacing:.05em;color:var(--hub-brand);margin:0 0 12px;font-size:14px}.hub-mockup-line{color:var(--hub-ink);align-items:center;gap:10px;margin-bottom:10px;font-size:15px;display:flex}.hub-section{padding:78px 0}.hub-section-alt{background:var(--hub-bg)}.hub-center{text-align:center}.hub-section h2,.hub-cta h2{letter-spacing:-.02em;color:var(--hub-ink);margin:0 0 .4em;font-size:38px}.hub-intro{max-width:760px;margin:0 auto 12px}.hub-intro p,.hub-section p.hub-intro-text{color:var(--hub-muted);margin:0 0 1em;font-size:18px}.hub-eyebrow{color:var(--hub-brand);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:14px;font-weight:700}.hub-grid{gap:22px;margin-top:44px;display:grid}.hub-grid-2{grid-template-columns:repeat(2,1fr)}.hub-grid-3{grid-template-columns:repeat(3,1fr)}.hub-grid-4{grid-template-columns:repeat(4,1fr)}.hub-grid-5{grid-template-columns:repeat(5,1fr)}.hub-card{border:1px solid var(--hub-line);text-align:center;background:#fff;border-radius:22px;padding:30px;box-shadow:0 10px 30px #0000000a}.hub-card h3{color:var(--hub-ink);margin:0 0 .4em;font-size:20px}.hub-card p{color:var(--hub-muted);margin:0;font-size:16px}.hub-card-link{color:var(--hub-brand);margin-top:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.hub-card-link:hover{text-decoration:underline}.hub-ico{background:var(--hub-soft);width:46px;height:46px;color:var(--hub-brand);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.hub-ico-logo{border:1px solid var(--hub-line);background:#fff;padding:8px}.hub-ico-logo img{object-fit:contain;width:28px;height:28px}.hub-mockup-logos{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;display:flex}.hub-mockup-logo{border:1px solid var(--hub-line);background:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:flex}.hub-mockup-logo img{object-fit:contain;width:22px;height:22px}.hub-th-logo{object-fit:contain;vertical-align:middle;width:20px;height:20px;margin-right:8px;display:inline-block}.hub-step{border:1px solid var(--hub-line);text-align:center;background:#fff;border-radius:20px;padding:26px}.hub-step-num{color:var(--hub-brand);letter-spacing:.05em;font-size:14px;font-weight:800}.hub-step h3{color:var(--hub-ink);margin:10px 0 8px;font-size:17px}.hub-step p{color:var(--hub-muted);margin:0;font-size:15px}.hub-table-wrap{margin-top:44px;overflow-x:auto}.hub-table{border-collapse:separate;border-spacing:0;border:1px solid var(--hub-line);background:#fff;border-radius:20px;width:100%;font-size:16px;overflow:hidden}.hub-table th,.hub-table td{text-align:left;border-bottom:1px solid var(--hub-line);padding:18px 22px}.hub-table thead th{color:var(--hub-ink);background:#eef2ff;font-size:15px}.hub-table thead th.hub-us{color:var(--hub-brand)}.hub-table tbody tr:last-child td{border-bottom:none}.hub-table td.hub-old{color:var(--hub-muted)}.hub-table td.hub-new{color:var(--hub-ink);background:#fbfaff;font-weight:600}.hub-x{color:#e0507a;margin-right:6px;font-weight:700}.hub-tick{color:#0f9d58;margin-right:6px;font-weight:700}.hub-faq{text-align:left;max-width:860px;margin:44px auto 0}.hub-faq details{border:1px solid var(--hub-line);background:#fff;border-radius:14px;margin-bottom:14px;padding:4px 22px}.hub-faq summary{cursor:pointer;color:var(--hub-ink);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:18px;font-weight:600;list-style:none;display:flex}.hub-faq summary::-webkit-details-marker{display:none}.hub-faq summary:after{content:"+";color:var(--hub-brand);font-size:24px;font-weight:400}.hub-faq details[open] summary:after{content:"–"}.hub-faq p{color:var(--hub-muted);margin:0;padding:0 0 18px;font-size:16px}.hub-cta-wrap{padding:40px 0 90px}.hub-cta{background:linear-gradient(135deg,var(--hub-brand),var(--hub-brand2));text-align:center;color:#fff;border-radius:30px;padding:64px 40px}.hub-cta h2{color:#fff}.hub-cta p{color:#ffffffe6;max-width:620px;margin:0 auto 8px;font-size:19px}.hub-cta .hub-btn-primary{color:var(--hub-brand);background:#fff;box-shadow:0 12px 30px #0000002e}.hub-related{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.hub-related a{border:1px solid var(--hub-line);color:var(--hub-ink);background:#fff;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none}.hub-related a:hover{border-color:var(--hub-brand);color:var(--hub-brand)}.hub-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.hub-chip{border:1px solid var(--hub-line);color:var(--hub-ink);background:#fff;border-radius:30px;padding:10px 18px;font-size:14px;font-weight:600}.hub-example{border:1px solid var(--hub-line);text-align:left;background:#fff;border-radius:22px;max-width:680px;margin:44px auto 0;padding:28px 32px;box-shadow:0 10px 30px #0000000a}.hub-example-meta{color:var(--hub-muted);margin-bottom:16px;font-size:13px}.hub-example p{color:var(--hub-ink);margin:0 0 12px;font-size:16px}@media (max-width:900px){.hub-hero-grid,.hub-grid-2,.hub-grid-3,.hub-grid-4,.hub-grid-5{grid-template-columns:1fr}.hub-hero h1{font-size:38px}.hub-section h2,.hub-cta h2{font-size:30px}.hub-table{font-size:14px}.hub-table th,.hub-table td{padding:12px 14px}}