:root{
    --sx-primary:#5b2ee6;
    --sx-primary-2:#2368ed;
    --sx-dark:#12102f;
    --sx-dark-2:#191542;
    --sx-text:#182238;
    --sx-muted:#65718a;
    --sx-line:#e3e8f2;
    --sx-bg:#f7f9fd;
    --sx-white:#fff;
    --sx-success:#20b96b;
    --sx-shadow:0 24px 70px rgba(20,22,60,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    color:var(--sx-text);
    background:var(--sx-white);
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.sx-container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.sx-header{
    position:sticky;top:0;z-index:100;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(226,231,241,.92);
    backdrop-filter:blur(14px);
}
.sx-header-inner{
    min-height:78px;display:flex;align-items:center;
    justify-content:space-between;gap:30px;
}
.sx-brand img{display:block;width:210px;max-height:54px;object-fit:contain}
.sx-nav{display:flex;align-items:center;gap:26px;font-weight:650;font-size:14px}
.sx-nav a:hover{color:var(--sx-primary)}
.sx-nav-login{
    padding:12px 18px;border-radius:12px;
    color:#fff!important;
    background:linear-gradient(135deg,var(--sx-primary),var(--sx-primary-2));
}
.sx-menu-button{display:none;background:none;border:0;padding:8px}
.sx-menu-button span{display:block;width:24px;height:2px;background:#202944;margin:5px}
.sx-hero{
    overflow:hidden;padding:88px 0 92px;
    background:
      radial-gradient(circle at 90% 10%,rgba(64,104,255,.22),transparent 34%),
      radial-gradient(circle at 20% 90%,rgba(100,45,230,.16),transparent 38%),
      linear-gradient(135deg,#fafbff,#f2f4ff);
}
.sx-hero-grid,.sx-drive-grid{
    display:grid;grid-template-columns:1.08fr .92fr;
    align-items:center;gap:70px;
}
.sx-kicker{
    display:inline-block;color:#5a42de;font-size:12px;
    font-weight:850;letter-spacing:.14em;margin-bottom:14px;
}
.sx-hero h1,.sx-page-hero h1{
    margin:0;color:#17152e;line-height:1.08;letter-spacing:-.045em;
}
.sx-hero h1{font-size:clamp(42px,5vw,68px)}
.sx-hero p{max-width:650px;color:var(--sx-muted);font-size:19px}
.sx-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sx-button{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:48px;padding:0 22px;border-radius:12px;
    font-weight:750;font-size:14px;transition:.2s ease;
}
.sx-button:hover{transform:translateY(-2px)}
.sx-button-primary{
    color:#fff;background:linear-gradient(135deg,var(--sx-primary),var(--sx-primary-2));
    box-shadow:0 12px 26px rgba(74,65,220,.24);
}
.sx-button-secondary{background:#fff;border:1px solid #dce2ee;color:#27324a}
.sx-button-light{background:#fff;color:#3420a7}
.sx-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#53617b;font-size:13px}
.sx-console{
    padding:22px;border:1px solid rgba(255,255,255,.8);
    border-radius:26px;background:rgba(255,255,255,.76);
    box-shadow:var(--sx-shadow);transform:rotate(1deg);
}
.sx-console-top{display:flex;align-items:center;gap:10px;font-size:13px}
.sx-console-top span:last-child{margin-left:auto;color:#71809a}
.sx-live-dot{width:10px;height:10px;border-radius:50%;background:#23c875;box-shadow:0 0 0 6px rgba(35,200,117,.13)}
.sx-console-card{
    margin-top:22px;padding:26px;border-radius:18px;color:#fff;
    background:linear-gradient(135deg,#191641,#4124b7 60%,#176ee7);
}
.sx-console-card small{display:block;opacity:.72;letter-spacing:.11em}
.sx-console-card strong{display:block;font-size:22px;margin-top:6px}
.sx-wave{height:70px;display:flex;align-items:center;gap:6px;margin-top:18px}
.sx-wave i{width:7px;border-radius:8px;background:linear-gradient(#66e3ff,#fff);animation:sxwave 1s ease-in-out infinite alternate}
.sx-wave i:nth-child(1){height:24px}.sx-wave i:nth-child(2){height:48px}.sx-wave i:nth-child(3){height:34px}.sx-wave i:nth-child(4){height:60px}.sx-wave i:nth-child(5){height:42px}.sx-wave i:nth-child(6){height:66px}.sx-wave i:nth-child(7){height:36px}.sx-wave i:nth-child(8){height:54px}.sx-wave i:nth-child(9){height:28px}.sx-wave i:nth-child(10){height:62px}.sx-wave i:nth-child(11){height:44px}.sx-wave i:nth-child(12){height:30px}
@keyframes sxwave{to{transform:scaleY(.55);opacity:.72}}
.sx-console-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.sx-console-stats div{padding:14px;border:1px solid var(--sx-line);border-radius:13px;background:#fff}
.sx-console-stats strong,.sx-console-stats span{display:block}
.sx-console-stats span{font-size:12px;color:var(--sx-muted)}
.sx-section{padding:90px 0}
.sx-heading{text-align:center;max-width:720px;margin:0 auto 45px}
.sx-heading h2,.sx-drive-grid h2,.sx-cta h2{font-size:clamp(31px,4vw,48px);line-height:1.13;letter-spacing:-.035em;margin:0 0 14px}
.sx-heading p,.sx-drive-grid p{color:var(--sx-muted);font-size:17px}
.sx-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sx-features article,.sx-contact-grid article{
    padding:28px;border:1px solid var(--sx-line);border-radius:18px;background:#fff;
    box-shadow:0 10px 34px rgba(35,44,80,.055);
}
.sx-features h3{margin:14px 0 8px}
.sx-features p,.sx-contact-grid p{margin:0;color:var(--sx-muted)}
.sx-icon{
    display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;
    border-radius:13px;color:#fff;font-weight:900;
    background:linear-gradient(135deg,var(--sx-primary),var(--sx-primary-2));
}
.sx-dark{color:#fff;background:linear-gradient(135deg,var(--sx-dark),var(--sx-dark-2))}
.sx-dark h2{color:#fff}
.sx-dark p{color:#c3c9de}
.sx-check-list{padding:0;list-style:none}
.sx-check-list li{margin:12px 0}
.sx-check-list li:before{content:"✓";color:#5ee1a0;font-weight:900;margin-right:10px}
.sx-security-card{
    padding:38px;border:1px solid rgba(255,255,255,.16);
    border-radius:24px;background:rgba(255,255,255,.08);
}
.sx-security-card a{color:#7fdcff;font-weight:700}
.sx-shield{
    display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;
    border-radius:18px;background:#dff9eb;color:#138d50;font-size:28px;font-weight:900;
}
.sx-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.sx-plans-home{grid-template-columns:repeat(3,1fr)}
.sx-plans article{
    position:relative;padding:30px;border:1px solid var(--sx-line);
    border-radius:20px;background:#fff;display:flex;flex-direction:column;
}
.sx-plans h2,.sx-plans h3{font-size:28px;margin:7px 0}
.sx-plan-label{color:#6b57d8;font-size:11px;font-weight:850;letter-spacing:.12em}
.sx-plan-badge{
    position:absolute;right:16px;top:16px;padding:5px 9px;
    border-radius:20px;color:#fff;background:#6a39e7;font-size:9px;font-weight:850;
}
.sx-plan-featured{border:2px solid #673be3!important;box-shadow:0 20px 50px rgba(72,48,194,.15)}
.sx-price{display:block;font-size:20px;margin:6px 0 12px;color:#2a3150}
.sx-plans ul{padding-left:0;list-style:none;flex:1}
.sx-plans li{padding:8px 0;border-bottom:1px solid #eef1f6;color:#58647b;font-size:14px}
.sx-plans li:before{content:"✓";color:#20ad67;font-weight:900;margin-right:8px}
.sx-plans .sx-button{margin-top:18px}
.sx-cta{padding:66px 0;color:#fff;background:linear-gradient(135deg,#6630e3,#1f6eea)}
.sx-cta .sx-container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.sx-cta h2{margin:0;max-width:700px}
.sx-cta .sx-kicker{color:#d9d3ff}
.sx-page-hero{padding:76px 0;color:#fff;background:linear-gradient(135deg,#171438,#4021a0 58%,#1765d8)}
.sx-page-hero h1{color:#fff;font-size:clamp(38px,5vw,58px)}
.sx-page-hero p{max-width:720px;color:#d9dded;font-size:17px}
.sx-page-hero .sx-kicker{color:#9edfff}
.sx-legal{max-width:900px}
.sx-legal h2{margin:38px 0 10px;font-size:24px}
.sx-legal p,.sx-legal li{color:#566278}
.sx-legal a{color:#3e47cf;text-decoration:underline}
.sx-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sx-contact-grid h2{margin:15px 0 8px}
.sx-contact-grid .sx-button{margin-top:22px}
.sx-interest{margin-top:15px!important;padding:10px;border-radius:10px;background:#f1edff}
.sx-notice,.sx-payment-card{
    margin-top:34px;padding:26px;border:1px solid #dfe5ef;
    border-radius:18px;background:#f7f9fd;
}
.sx-notice p{margin-bottom:0;color:var(--sx-muted)}
.sx-payment-card{max-width:760px;text-align:center;margin:0 auto}
.sx-payment-card p{color:var(--sx-muted)}
.sx-payment-card .sx-actions{justify-content:center}
.sx-footer{padding:64px 0 24px;color:#c5cbda;background:#100e2b}
.sx-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}
.sx-footer-logo{width:190px;filter:brightness(0) invert(1)}
.sx-footer h2{font-size:14px;color:#fff;margin:0 0 14px}
.sx-footer a{display:block;margin:8px 0;font-size:13px}
.sx-footer a:hover{color:#fff}
.sx-footer p{max-width:330px;font-size:13px}
.sx-footer-bottom{
    display:flex;justify-content:space-between;gap:20px;margin-top:45px;
    padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;
}
@media(max-width:920px){
    .sx-menu-button{display:block}
    .sx-nav{
        display:none;position:absolute;left:20px;right:20px;top:70px;
        padding:20px;flex-direction:column;align-items:stretch;
        background:#fff;border:1px solid var(--sx-line);border-radius:16px;
        box-shadow:var(--sx-shadow);
    }
    .sx-nav.sx-open{display:flex}
    .sx-hero-grid,.sx-drive-grid{grid-template-columns:1fr;gap:45px}
    .sx-features{grid-template-columns:repeat(2,1fr)}
    .sx-plans,.sx-plans-home{grid-template-columns:repeat(2,1fr)}
    .sx-contact-grid{grid-template-columns:1fr}
    .sx-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
    .sx-container{width:min(100% - 28px,1160px)}
    .sx-header-inner{min-height:68px}
    .sx-brand img{width:170px}
    .sx-hero,.sx-section{padding:64px 0}
    .sx-features,.sx-plans,.sx-plans-home{grid-template-columns:1fr}
    .sx-console-stats{grid-template-columns:1fr}
    .sx-cta .sx-container,.sx-footer-bottom{align-items:flex-start;flex-direction:column}
    .sx-footer-grid{grid-template-columns:1fr}
}