:root{--su-brand:#0983c6;--su-brand-d:#076aa3;--su-ink:#0f172a;--su-body:#334155;--su-muted:#64748b;--su-line:#e2e8f0;--su-soft:#f8fafc;--su-dark:#0b1220}.su-wrap{background:#fff;color:var(--su-body)}.su-section{padding:56px 0}.su-section--soft{background:var(--su-soft)}.su-container{max-width:1200px}.su-container,.su-narrow{margin:0 auto;padding-left:16px;padding-right:16px}.su-narrow{max-width:760px}.su-hero{padding:120px 0 56px;background:linear-gradient(180deg,var(--su-soft),#fff);border-bottom:1px solid #eef2f7}.su-hero--dark{padding:120px 0 56px;background:linear-gradient(135deg,#0f172a,#0f172a 45%,#0a2a44)}.su-hero--dark,.su-hero--dark a,.su-hero--dark h1,.su-hero--dark li,.su-hero--dark p,.su-hero--dark span{color:#fff}.su-hero--dark p{color:#ffffffd9}.su-hero--dark .su-bc a{color:#ffffffbf}.su-hero--dark .su-bc a:hover{color:#fff}.su-hero--dark .su-chip{background:#ffffff1a;border-color:#fff3;color:#fff}.su-bc{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:14px}.su-bc,.su-bc a{color:var(--su-muted)}.su-bc a{text-decoration:none}.su-bc a:hover{color:var(--su-brand)}.su-bc .sep{color:#cbd5e1}.su-bc .cur{color:var(--su-body)}.su-h1{font-size:clamp(28px,4vw,44px);line-height:1.12;font-weight:800;color:var(--su-ink);margin:0 0 16px;letter-spacing:-.01em}.su-lead{font-size:clamp(17px,2vw,20px);line-height:1.7;color:var(--su-body);margin:0 0 14px;max-width:880px}.su-h2{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--su-ink);margin:0 0 24px;letter-spacing:-.01em}.su-h2.left{margin-bottom:18px}.su-eyebrow{display:inline-block;background:#0983c61a;color:var(--su-brand);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:999px;margin-bottom:12px}.su-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--su-muted)}.su-meta .who{color:var(--su-body);font-weight:600}.su-chips{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}.su-chip{border:1px solid var(--su-line);background:#fff;color:var(--su-body);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;box-shadow:0 1px 2px #0206170a}.su-card{display:block;height:100%;background:#fff;border:1px solid var(--su-line);border-radius:18px;padding:24px;box-shadow:0 1px 2px #0206170d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none}a.su-card:hover{transform:translateY(-4px);border-color:var(--su-brand);box-shadow:0 12px 28px #0206171a}.su-card h3{font-size:20px;font-weight:700;color:var(--su-ink);margin:0 0 10px}a.su-card:hover h3{color:var(--su-brand)}.su-card p{font-size:14px;line-height:1.6;color:var(--su-muted);margin:0 0 12px}.su-card .more{color:var(--su-brand);font-weight:600;font-size:14px}.su-step .num{color:var(--su-brand);font-size:24px;font-weight:800;margin-bottom:8px}.su-step h3{font-size:16px}.su-checklist{list-style:none;margin:0;padding:0;display:grid;gap:14px}.su-checklist li{display:flex;gap:12px;color:var(--su-body);line-height:1.6}.su-checklist .tick{flex:0 0 22px;height:22px;background:#0983c61a;color:var(--su-brand);justify-content:center;font-size:12px;font-weight:700;margin-top:2px}.su-btn,.su-checklist .tick{border-radius:999px;display:inline-flex;align-items:center}.su-btn{gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;border:1px solid #0000;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.su-btn-primary{background:var(--su-brand);color:#fff}.su-btn-primary:hover{background:var(--su-brand-d);color:#fff}.su-btn-outline{background:#0000;border-color:var(--su-line);color:var(--su-ink)}.su-btn-outline:hover{border-color:var(--su-brand);color:var(--su-brand)}.su-btn-light{background:#ffffff26;color:#fff;border-color:#fff6}.su-btn-light:hover{background:#ffffff40;color:#fff}.su-cta{background:linear-gradient(135deg,var(--su-brand),var(--su-brand-d));border-radius:24px;padding:48px 24px;text-align:center;color:#fff;box-shadow:0 16px 40px #0983c640}.su-cta h2{color:#fff;margin:0 0 12px}.su-cta p{color:#ffffffe0;font-size:18px;margin:0 0 28px}.su-cta-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.su-cta-box{margin:40px 0;border:1px solid #0983c633;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:18px;padding:28px}.su-cta-box h3{font-size:22px;font-weight:800;color:var(--su-ink);margin:0 0 8px}.su-cta-box p{color:var(--su-muted);margin:0 0 20px}.su-cta-box .row-btns{display:flex;flex-wrap:wrap;gap:12px}.su-faq{display:grid;gap:12px}.su-faq-item{border:1px solid var(--su-line);border-radius:14px;background:#fff;overflow:hidden}.su-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:none;border:0;text-align:left;font-size:16px;font-weight:600;color:var(--su-ink);cursor:pointer}.su-faq-q .pm{color:var(--su-brand);font-size:22px;line-height:1}.su-faq-a{padding:0 20px 16px;font-size:15px;line-height:1.7;color:var(--su-muted)}.su-faq-grid{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width:768px){.su-faq-grid{grid-template-columns:1fr 1fr}}.su-article{max-width:760px;margin:0 auto;padding:40px 16px}.su-figure{margin:32px 0;border:1px solid var(--su-line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #0206170d}.su-figure img{display:block;width:100%;height:auto}.su-prose p{font-size:17px;line-height:1.85;color:#334155;margin:0 0 18px}.su-prose h2{font-size:26px;font-weight:800;color:var(--su-ink);margin:40px 0 16px;letter-spacing:-.01em}.su-prose h3{font-size:20px;font-weight:700;color:var(--su-ink);margin:26px 0 12px}.su-prose ol,.su-prose ul{margin:0 0 24px;padding-left:0;list-style:none}.su-prose ol{counter-reset:li}.su-prose ol li{counter-increment:li;position:relative;padding-left:38px;margin-bottom:12px;font-size:17px;line-height:1.7;color:#334155}.su-prose ol li:before{content:counter(li);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:999px;background:#0983c61a;color:var(--su-brand);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.su-prose ul li{display:flex;gap:12px;margin-bottom:12px;font-size:17px;line-height:1.7;color:#334155}.su-prose ul li .tick{flex:0 0 22px;height:22px;border-radius:999px;background:#0983c61a;color:var(--su-brand);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:2px}.su-quote{margin:24px 0;border-left:4px solid var(--su-brand);padding:16px 20px;font-style:italic;color:#334155;font-size:18px}.su-quote,.su-related{background:var(--su-soft)}.su-related{border-top:1px solid #eef2f7}.su-thumb{aspect-ratio:16/9;overflow:hidden}.su-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}a.su-card:hover .su-thumb img{transform:scale(1.05)}.su-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.su-grid-2{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:576px){.su-grid-2{grid-template-columns:1fr 1fr}}.su-tags{display:flex;flex-wrap:wrap;gap:12px}.su-tag{border:1px solid var(--su-line);background:#fff;color:var(--su-body);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none}.su-tag:hover{border-color:var(--su-brand);color:var(--su-brand)}.su-price{font-size:30px;font-weight:800;color:var(--su-ink)}.su-price small{font-size:14px;font-weight:500;color:var(--su-muted)}.su-badge-pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--su-brand);color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px}.su-card--pop{border-color:var(--su-brand);box-shadow:0 12px 28px #0983c626}