@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
.sv{font-family:Inter,system-ui,sans-serif;color:#000;background:#faf9fd;line-height:1.65}.sv *{box-sizing:border-box}.sv a{color:inherit}.sv .wrap{max-width:1180px;margin:auto;padding:0 28px}.sv header{background:#fff;border-bottom:1px solid #e8e3f0}.sv nav{min-height:86px;display:flex;align-items:center;gap:28px}.sv .logo{font-size:23px;font-weight:800;text-decoration:none;display:flex;gap:10px;align-items:center;letter-spacing:-1px}.sv .mark{display:grid;place-items:center;background:#6d28d9;color:white;width:40px;height:40px;border-radius:12px;letter-spacing:0}.sv nav .links{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.sv nav a{text-decoration:none}.sv .btn{display:inline-block;padding:13px 23px;border-radius:9px;background:#6d28d9;color:white;text-decoration:none;font-weight:700;border:1px solid #6d28d9}.sv .btn.secondary{background:white;color:#000;border-color:#ddd4ee}.sv .eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#6d28d9}.sv .hero{padding:78px 0 66px;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:60px}.sv h1{font-size:clamp(36px,5vw,66px);line-height:1.06;letter-spacing:-3px;margin:20px 0 24px;font-weight:800}.sv h1 em{font-style:normal;color:#6d28d9}.sv h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:12px 0 20px;font-weight:800}.sv h3{font-size:20px;line-height:1.3;font-weight:700;margin:14px 0}.sv p{margin:0 0 20px}.sv .intro{font-size:18px;max-width:600px}.sv .actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.sv .notes{font-size:13px;display:flex;gap:18px;flex-wrap:wrap}.sv .visual{background:#171025;color:white;border-radius:22px;padding:32px;box-shadow:0 24px 60px #3f16691a;position:relative}.sv .visual p{color:#d8c7f2}.sv .visual .bar{display:flex;gap:6px;margin-bottom:24px}.sv .visual .bar i{width:7px;height:7px;background:#a78bfa;border-radius:100%}.sv .visual .row{padding:17px 0;display:flex;justify-content:space-between;border-bottom:1px solid #39274e;font-size:14px}.sv .visual .tag{font-size:11px;background:#3c2258;color:#e5d7ff;padding:4px 9px;border-radius:20px}.sv .visual pre{white-space:pre-wrap;font-size:12px;background:#241833;padding:20px;border-radius:10px;color:#d9c7ef;margin:24px 0 0}.sv .strip{padding:22px 0;border-block:1px solid #e8e3f0;background:white;text-align:center;font-size:14px;font-weight:600}.sv section{padding:62px 0}.sv .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sv .card{background:white;border:1px solid #e7e0ef;border-radius:14px;padding:28px}.sv .card a{font-size:14px;font-weight:700;color:#6d28d9;text-decoration:none}.sv .icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#eee6fc;color:#6d28d9;font-size:15px;font-weight:800}.sv .split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.sv .band{background:#f0e9fc}.sv .step{display:flex;gap:18px;margin-bottom:22px}.sv .step span{background:#6d28d9;color:white;width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%}.sv details{border-bottom:1px solid #e5dcec;padding:18px 0}.sv summary{cursor:pointer;font-weight:700}.sv details p{margin:12px 0 0}.sv footer{background:#171025;color:white;padding:48px 0 24px}.sv footer .grid{grid-template-columns:1.4fr 1fr 1fr}.sv footer a{display:block;color:#e6d9fa;text-decoration:none;font-size:14px;margin:9px 0}.sv footer p{font-size:14px;color:#e6d9fa}.sv .fine{font-size:12px!important;border-top:1px solid #39274e;padding-top:20px;margin-top:28px!important}.sv .mobile-menu{display:none}.sv .article{max-width:830px;padding-top:60px;padding-bottom:60px}.sv .article h1{font-size:44px;letter-spacing:-1.8px}.sv .article h2{font-size:25px;margin-top:32px}.sv .notice{padding:16px 20px;border-left:3px solid #6d28d9;background:#f0e9fc}.sv ul{padding-left:22px}.sv .platforms{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
@media(max-width:760px){.sv .wrap{padding:0 18px}.sv nav{min-height:70px;justify-content:space-between}.sv nav .links{display:none}.sv .mobile-menu{display:block;position:relative}.sv .mobile-menu summary{list-style:none;width:44px;height:44px;border:1px solid #d4c4ec;border-radius:8px;display:grid;place-items:center;font-size:24px;padding:0;color:#6d28d9}.sv .mobile-menu summary::-webkit-details-marker{display:none}.sv .mobile-menu .drop{position:absolute;right:0;top:54px;background:white;border:1px solid #ddd4ee;border-radius:12px;padding:16px;min-width:220px;z-index:100;box-shadow:0 14px 30px #0002}.sv .drop a{display:block;padding:10px}.sv .hero{grid-template-columns:1fr;gap:32px;padding:38px 0}.sv h1{letter-spacing:-1.7px}.sv h2{font-size:28px}.sv .grid,.sv .split,.sv footer .grid{grid-template-columns:1fr;gap:18px}.sv section{padding:40px 0}.sv .visual{padding:24px;border-radius:14px}.sv .article h1{font-size:35px}.sv .platforms{gap:14px}}

/* socio-home-shell: homepage supplies its own navigation/footer */
#root:has(>.sv)>header,#root:has(>.sv)>footer{display:none!important}

/* socio-color-isolation */
.sv h1,.sv h2,.sv h3,.sv p{color:#000!important}.sv h1 em{color:#6d28d9!important}.sv .visual h2,.sv footer h3{color:#fff!important}.sv .visual p,.sv footer p{color:#e6d9fa!important}