:root{--ink:#10141c;--muted:#647080;--blue:#3564ff;--cyan:#39d8ff;--dark:#07101c;--line:#dfe5ec;--soft:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}h1,h2,h3,h4,h5,h6,.navbar-brand{font-family:'Space Grotesk',sans-serif}a{text-decoration:none}.topbar{position:absolute;z-index:1031;top:0;left:0;width:100%;padding:9px 0;background:#050a12;color:#aeb9c8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.main-nav{top:30px;background:rgba(7,16,28,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0}.navbar-brand{font-size:24px;font-weight:700;color:#fff;display:flex;align-items:center;gap:9px}.navbar-brand>span:last-child>span{color:#59d8ff}.brand-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#4edcff);color:#07101c;font-weight:800}.nav-link{color:#dbe2ec!important;font-size:13px;padding:9px 11px!important}.nav-link:hover{color:#fff!important}.nav-cta{font-size:13px;padding:10px 17px}.btn-primary{background:var(--blue);border-color:var(--blue)}.hero{min-height:100vh;background:radial-gradient(circle at 75% 45%,rgba(53,100,255,.22),transparent 30%),linear-gradient(135deg,#06101e,#0c1b2f 58%,#06101d);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#6480a2;margin-bottom:20px}.hero .eyebrow{color:#7ddfff}.display-title{font-size:clamp(54px,7vw,104px);line-height:.94;letter-spacing:-.055em;max-width:950px;margin-bottom:28px}.display-title span,.dark-section h2 span,.contact-section h2 span{color:#61ddff}.hero-copy{font-size:19px;color:#c6d1df;max-width:720px;margin-bottom:34px}.hero-proof{display:flex;gap:35px;margin-top:58px}.hero-proof div{border-left:1px solid rgba(255,255,255,.25);padding-left:15px}.hero-proof strong{display:block;font-family:'Space Grotesk';font-size:17px}.hero-proof span{font-size:11px;color:#94a4b7}.orbit-wrap{height:570px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(87,218,255,.2);border-radius:50%;animation:spin 24s linear infinite}.o1{width:400px;height:400px}.o2{width:290px;height:290px;animation-direction:reverse;animation-duration:18s}.o3{width:500px;height:500px;animation-duration:34s}.core{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#254d8c,#071321 68%);border:1px solid rgba(100,220,255,.45);box-shadow:0 0 80px rgba(57,216,255,.22)}.core span{font-size:42px;font-weight:700}.core small{font-size:8px;letter-spacing:.16em;color:#9eb3cb}.node{position:absolute;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#0e2037;border:1px solid #315170;color:#62ddff;font-size:20px}.n1{top:95px;left:80px}.n2{right:45px;top:190px}.n3{right:100px;bottom:95px}.n4{left:65px;bottom:120px}@keyframes spin{to{transform:rotate(360deg)}}.logo-band{padding:26px 0;border-bottom:1px solid var(--line);background:#fff}.logo-band p{text-align:center;font-size:9px;letter-spacing:.2em;color:#8b96a4;margin:0 0 14px}.logo-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#8c97a4;font-family:'Space Grotesk';font-weight:700;font-size:16px}.section-pad{padding:115px 0}.intro-section h2,.section-head h2,.security-section h2,.talent h2,.partner-band h2{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.045em}.lead-copy{font-size:21px;color:#4c5969}.metric{font-family:'Space Grotesk';font-size:12px;color:var(--blue);margin-bottom:13px}.intro-section h5{font-size:17px}.intro-section .row p{font-size:14px;color:var(--muted)}.dark-section{background:var(--dark);color:#fff}.dark-section .eyebrow{color:#6c8cab}.section-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:55px}.section-head>p{max-width:470px;color:#8fa0b3;font-size:17px}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cap-card{min-height:300px;padding:30px;border:1px solid #203044;background:linear-gradient(145deg,#0c1928,#08121e);position:relative;overflow:hidden;transition:.35s}.cap-card:hover{transform:translateY(-5px);border-color:#3a5a79}.cap-card.feature{grid-row:span 2;min-height:616px}.card-number{font-size:10px;color:#66819e;letter-spacing:.12em}.cap-card>i{font-size:28px;color:#60dcff;display:block;margin:50px 0 25px}.cap-card h3{font-size:29px;max-width:410px}.cap-card p{color:#8fa0b3;max-width:480px}.cap-card a,.text-link,.service-row i{color:#66dcff;font-size:13px}.card-art{position:absolute;right:-50px;bottom:-80px;width:280px;height:280px;border-radius:50%;border:1px solid #1b4b66}.card-art span{position:absolute;border:1px solid #1b4b66;border-radius:50%}.card-art span:nth-child(1){inset:35px}.card-art span:nth-child(2){inset:75px}.card-art span:nth-child(3){inset:110px}.card-art span:nth-child(4){inset:135px;background:#4cdcff;box-shadow:0 0 40px #4cdcff}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1fr 30px;gap:25px;align-items:center;padding:28px 5px;border-bottom:1px solid var(--line);transition:.25s}.service-row:hover{padding-left:18px;background:var(--soft)}.service-row>span{font-size:11px;color:#8793a2}.service-row h4{margin:0 0 5px;font-size:22px}.service-row p{margin:0;color:var(--muted);font-size:13px}.data-section{background:#f5f8fb}.data-visual{height:420px;position:relative;background:#fff;border:1px solid var(--line);overflow:hidden;background-image:radial-gradient(#cdd7e1 1px,transparent 1px);background-size:24px 24px}.data-node{position:absolute;padding:16px 22px;border:1px solid #b9c7d6;background:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;z-index:2;box-shadow:0 10px 30px rgba(20,35,55,.08)}.n-a{left:8%;top:17%}.n-b{left:37%;top:45%;background:#0b1a2b;color:#fff;border-color:#0b1a2b}.n-c{right:9%;top:16%}.n-d{right:7%;bottom:17%}.n-e{left:39%;bottom:12%;text-align:center}.data-line{position:absolute;height:1px;background:#9fb3c8;transform-origin:left center}.l1{width:220px;left:20%;top:29%;transform:rotate(24deg)}.l2{width:190px;left:49%;top:48%;transform:rotate(-25deg)}.l3{width:180px;left:51%;top:61%;transform:rotate(22deg)}.l4{width:130px;left:22%;top:69%;transform:rotate(-28deg)}.data-cards{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-cards div{padding:25px 18px;border-right:1px solid var(--line)}.data-cards div:last-child{border:0}.data-cards span{font-size:10px;color:var(--blue)}.data-cards h5{font-size:15px;margin:16px 0 0}.security-section{background:#eef3f7}.security-visual{height:500px;position:relative;display:grid;place-items:center}.shield{width:150px;height:170px;clip-path:polygon(50% 0,90% 15%,85% 63%,50% 100%,15% 63%,10% 15%);background:linear-gradient(145deg,#0b1b2d,#3564ff);display:grid;place-items:center;color:#fff;font-size:50px;z-index:2;box-shadow:0 30px 60px rgba(18,50,95,.25)}.sec-ring{position:absolute;border:1px solid #b5c7d8;border-radius:50%}.r1{width:270px;height:270px}.r2{width:390px;height:390px}.r3{width:490px;height:490px}.sec-label{position:absolute;font-size:10px;letter-spacing:.14em;color:#6b7d90;font-weight:700}.ltop{top:8%}.lright{right:2%;top:48%}.lbottom{bottom:6%}.lleft{left:0;top:48%}.mini-links{margin-top:30px}.mini-links a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #cbd6e0;color:#253444;font-weight:600;font-size:14px}.talent{background:#dff7ff}.talent-box{padding:65px;background:linear-gradient(120deg,#b9effc,#e9fbff);display:flex;align-items:end;justify-content:space-between;gap:40px}.talent-box p{max-width:620px;color:#536474;font-size:17px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.resource-img{height:250px;margin-bottom:22px;display:flex;align-items:end;padding:22px;overflow:hidden;position:relative}.resource-img span{font-family:'Space Grotesk';font-size:54px;color:rgba(255,255,255,.75);font-weight:700}.gradient-a{background:radial-gradient(circle at 70% 30%,#4b8fff,#09172d 70%)}.gradient-b{background:radial-gradient(circle at 30% 40%,#55d5c0,#13253a 70%)}.gradient-c{background:radial-gradient(circle at 65% 50%,#c8a3ff,#172033 70%)}.resource-grid small{font-size:10px;color:#7b8795;letter-spacing:.12em}.resource-grid h4{font-size:22px;line-height:1.25;margin:10px 0 18px}.resource-grid a{font-size:13px;color:var(--blue)}.partner-band{background:#0b1624;color:#fff;padding:100px 0}.partner-band .eyebrow{color:#70a4c8}.partner-band p{max-width:680px;color:#95a7ba;font-size:18px}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #243448;border-bottom:1px solid #243448}.partner-grid span{padding:35px 20px;text-align:center;border-right:1px solid #243448;color:#b8c5d4;font-family:'Space Grotesk';font-weight:700}.partner-grid span:last-child{border:0}.contact-section{padding:120px 0;background:linear-gradient(135deg,#06101d,#11243c);color:#fff}.contact-section .eyebrow{color:#70dfff}.contact-section h2{font-size:clamp(45px,6vw,75px);line-height:1;letter-spacing:-.05em}.contact-section p{color:#aab8c8;font-size:18px;max-width:620px}.contact-card{background:#fff;padding:28px;color:#10141c}.contact-card .form-control{border:0;border-bottom:1px solid #d8e0e8;border-radius:0;padding:14px 0;margin-bottom:12px;box-shadow:none}.thanks{display:none;margin-top:14px;padding:10px;background:#e8f8ef;color:#187345;font-size:12px}.dropdown-menu{border:0;border-radius:0;box-shadow:0 20px 50px rgba(0,0,0,.18)}
/* Mega navigation — centered to the viewport and aligned with the main site container. */
.main-nav{z-index:1030}
.main-nav .container{position:static}
.main-nav .navbar-collapse{position:static}
.main-nav .navbar-nav > .dropdown{position:static}
.mega-menu{
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(1400px,calc(100vw - 48px));
    margin:0 !important;
    padding:28px 30px;
    display:none;
    grid-template-columns:1.05fr 1fr 1fr;
    gap:28px;
    background:#fff;
    border:0;
    border-radius:0;
    box-shadow:0 24px 60px rgba(0,0,0,.18);
    z-index:1050;
}
.mega-menu.show{display:grid}
.mega-menu.single{grid-template-columns:1.05fr 1fr}
.mega-intro{padding-right:24px;border-right:1px solid #e4e9ef}
.mega-intro small{font-size:9px;letter-spacing:.15em;color:var(--blue);font-weight:700}
.mega-intro h5{font-size:23px;line-height:1.15;margin:13px 0}
.mega-intro p{font-size:12px;color:#697789;max-width:430px}
.mega-intro>a{font-size:12px;color:var(--blue)}
.mega-menu>div>a{display:block;padding:12px 8px;border-bottom:1px solid #edf0f3;color:#152235}
.mega-menu>div>a:first-child{padding-top:4px}
.mega-menu>div>a:last-child{border-bottom:0}
.mega-menu>div>a strong{display:block;font-size:12px}
.mega-menu>div>a span{display:block;color:#7a8796;font-size:10px;margin-top:3px}
.compact .dropdown-item{font-size:12px;padding:10px 18px}
.compact .dropdown-item:hover{background:#f2f6fa;color:var(--blue)}
footer{background:#050a12;color:#fff;padding:75px 0 25px}footer .footer-brand{margin-bottom:20px}footer p{color:#8998aa;font-size:13px;max-width:430px}footer h6{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#73849a;margin-bottom:18px}footer a:not(.navbar-brand){display:block;color:#aeb9c8;font-size:13px;margin-bottom:10px}footer a:hover{color:#5edcff}.footer-contact{color:#61dcff!important}.footer-bottom{border-top:1px solid #172332;margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;color:#627286;font-size:11px}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 8px 25px rgba(0,0,0,.15);opacity:0;pointer-events:none;transition:.25s;z-index:100}.back-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(18px);transition:.8s}.reveal.visible{opacity:1;transform:none}@media(max-width:991px){.main-nav{top:0}.topbar{display:none}.main-nav .navbar-nav > .dropdown{position:relative}.mega-menu,.mega-menu.single{position:static!important;width:100%;display:none;transform:none!important;left:auto!important;right:auto!important;box-shadow:none;padding:12px}.mega-menu.show,.mega-menu.single.show{display:block}.mega-intro{border:0;border-bottom:1px solid #e5e9ee;padding-bottom:15px;margin-bottom:8px}.section-head{display:block}.section-head>p{margin-top:20px}.cap-grid{grid-template-columns:1fr}.cap-card.feature{grid-row:auto;min-height:360px}.data-cards{grid-template-columns:1fr 1fr}.data-cards div:nth-child(2n){border-right:0}.data-cards div{border-bottom:1px solid var(--line)}.resource-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:1fr 1fr}.partner-grid span:nth-child(2){border-right:0}.talent-box{display:block}.talent-box .btn{margin-top:25px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}}@media(max-width:575px){.hero-copy{font-size:16px}.hero-proof{gap:15px;flex-wrap:wrap}.section-pad{padding:80px 0}.data-cards{grid-template-columns:1fr}.data-cards div{border-right:0}.security-visual{height:370px}.r3{width:350px;height:350px}.r2{width:280px;height:280px}.r1{width:200px;height:200px}.display-title{font-size:54px}.logo-row{justify-content:center}.partner-grid{grid-template-columns:1fr}.partner-grid span{border-right:0;border-bottom:1px solid #243448}.partner-grid span:last-child{border-bottom:0}}


/* FINAL MEGA MENU FIX */
@media (min-width: 992px){
  .main-nav .navbar-nav > .dropdown{position:static !important;}
  .main-nav .navbar-collapse{position:static !important;}
  .main-nav > .container{position:relative !important;}
  .main-nav .mega-menu{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(1280px, calc(100vw - 80px)) !important;
    max-width:1280px !important;
    margin:0 !important;
    padding:30px 34px !important;
    grid-template-columns:1.05fr 1fr 1fr !important;
    gap:34px !important;
    background:#fff !important;
    box-shadow:0 24px 60px rgba(0,0,0,.18) !important;
    z-index:2000 !important;
  }
  .main-nav .mega-menu.single{grid-template-columns:1.05fr 1fr !important;}
  .main-nav .nav-item.dropdown.show > .mega-menu{display:grid !important;}
  .main-nav .mega-menu.show{display:grid !important;}
}
@media (max-width:991.98px){
  .main-nav .mega-menu{display:none !important;}
  .main-nav .nav-item.dropdown.show > .mega-menu,
  .main-nav .mega-menu.show{display:block !important;}
}

/* Compact dropdowns (Resources / Partnership) stay anchored to their own nav item. */
@media (min-width: 992px){
  .main-nav .navbar-nav > .compact-parent{
    position:relative !important;
  }
  .main-nav .navbar-nav > .compact-parent > .compact{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:auto !important;
    transform:none !important;
    min-width:190px;
    margin-top:0 !important;
    padding:8px 0 !important;
    display:none;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.18);
    z-index:2001;
  }
  .main-nav .navbar-nav > .compact-parent.show > .compact{
    display:block !important;
  }
  .main-nav .navbar-nav > .compact-parent > .compact .dropdown-item{
    white-space:nowrap;
  }
}
@media (max-width: 991.98px){
  .main-nav .navbar-nav > .compact-parent{
    position:relative !important;
  }
  .main-nav .navbar-nav > .compact-parent > .compact{
    position:static !important;
    width:100%;
    box-shadow:none;
  }
}


/* MOBILE NAVIGATION — keep the hamburger/collapse independent from dropdowns */
@media (max-width: 991.98px){
  .main-nav{
    background:#071321;
    min-height:78px;
    box-shadow:0 8px 30px rgba(0,0,0,.18);
  }
  .main-nav > .container{
    min-height:78px;
    flex-wrap:wrap;
    position:relative !important;
  }
  .main-nav .navbar-brand{margin-right:auto;}
  .main-nav .navbar-toggler{
    border:1px solid rgba(255,255,255,.35);
    border-radius:10px;
    padding:.55rem .7rem;
    box-shadow:none !important;
  }
  .main-nav .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(93,220,255,.18) !important;}
  .main-nav .navbar-collapse{
    flex-basis:100%;
    width:100%;
    max-height:calc(100vh - 78px);
    overflow-y:auto;
    overflow-x:hidden;
    background:#071321;
    border-top:1px solid rgba(255,255,255,.09);
    margin-top:0;
    padding:8px 0 22px;
  }
  .main-nav .navbar-collapse.collapsing{height:auto;overflow:hidden;}
  .main-nav .navbar-nav{
    width:100%;
    align-items:stretch !important;
    gap:0 !important;
  }
  .main-nav .navbar-nav > .nav-item{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .main-nav .navbar-nav > .nav-item > .nav-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:15px 4px;
    color:#eaf2f8;
    font-size:15px;
  }
  .main-nav .navbar-nav > .nav-item > .nav-link:hover,
  .main-nav .navbar-nav > .nav-item > .nav-link:focus{color:#63ddff;}

  /* Mega dropdowns become accordion-style panels on phones */
  .main-nav .nav-item.dropdown{position:relative !important;}
  .main-nav .mega-menu,
  .main-nav .mega-menu.single{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 4px 14px !important;
    display:none !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    background:#0b1a2b !important;
    box-shadow:none !important;
    border-radius:0 !important;
    border:0 !important;
  }
  .main-nav .nav-item.dropdown.show > .mega-menu,
  .main-nav .mega-menu.show{display:block !important;}
  .main-nav .mega-intro{
    padding:17px 12px 18px !important;
    margin:0 0 4px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.1) !important;
  }
  .main-nav .mega-intro small{font-size:9px;}
  .main-nav .mega-intro h5{font-size:21px;color:#fff;margin:10px 0;}
  .main-nav .mega-intro p{font-size:12px;color:#9fb1c3;line-height:1.6;margin-bottom:14px;}
  .main-nav .mega-intro>a{font-size:12px;color:#61dcff;}
  .main-nav .mega-menu > div:not(.mega-intro){padding:0 8px;}
  .main-nav .mega-menu > div > a{
    padding:13px 8px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    color:#eef5fa !important;
  }
  .main-nav .mega-menu > div > a strong{font-size:13px;}
  .main-nav .mega-menu > div > a span{font-size:10px;color:#8ea2b5;margin-top:4px;}

  /* Compact Resources / Partnership */
  .main-nav .compact-parent > .compact{
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:5px 8px 12px !important;
    display:none !important;
    background:#0b1a2b !important;
    box-shadow:none !important;
    border:0 !important;
  }
  .main-nav .compact-parent.show > .compact{display:block !important;}
  .main-nav .compact .dropdown-item{
    padding:12px 12px !important;
    color:#b8c8d6 !important;
    font-size:13px;
    background:transparent !important;
  }
  .main-nav .compact .dropdown-item:hover,
  .main-nav .compact .dropdown-item:focus{color:#61dcff !important;}

  /* CTA belongs visually to the mobile menu */
  .main-nav .nav-cta{
    display:block;
    width:calc(100% - 8px);
    margin:16px 4px 0 !important;
    text-align:center;
  }
}

@media (max-width:575.98px){
  .main-nav .navbar-brand{font-size:23px;}
  .main-nav .brand-mark{width:34px;height:34px;font-size:19px;}
  .main-nav .navbar-collapse{max-height:calc(100vh - 72px);}
  .main-nav > .container{min-height:72px;}
}

/* FINAL NAV STATE FIX — do not let Bootstrap's dropdown rules override custom nav state */
@media (min-width: 992px){
  .main-nav .navbar-nav > .nav-item.dropdown:not(.compact-parent){position:static !important;}
  .main-nav .navbar-nav > .nav-item.dropdown:not(.compact-parent) > .mega-menu.show{display:grid !important;}
  .main-nav .navbar-nav > .compact-parent{position:relative !important;}
  .main-nav .navbar-nav > .compact-parent > .compact.show{display:block !important;}
}

@media (max-width: 991.98px){
  .main-nav .navbar-nav > .nav-item.dropdown{position:relative !important;}
  .main-nav .navbar-nav > .nav-item.dropdown > .mega-menu.show{display:block !important;}
  .main-nav .navbar-nav > .compact-parent > .compact.show{display:block !important;}
  .main-nav .navbar-collapse.show,
  .main-nav .navbar-collapse.collapsing{visibility:visible !important;}
}

.navbar-brand .brand-logo {
    width: 180px;
    height: 42px;
    object-fit: contain;
}
@media (max-width: 991.98px) {
    .navbar-brand .brand-logo {
        width: 155px;
        height: 38px;
    }
}


.sx-about-section {position:relative; padding:125px 0 115px; overflow:hidden; background:#ffffff; color:#071426;}
.sx-about-section::before {content:""; position:absolute; width:520px; height:520px; right:-250px; top:80px; border-radius:50%; background:radial-gradient( circle, rgba(34, 148, 255, .07), transparent 68% ); pointer-events:none;}
.sx-about-heading {position:relative; margin-bottom:75px;}
.sx-about-eyebrow {display:flex; align-items:center; gap:10px; margin-bottom:22px; font-size:11px; font-weight:700; letter-spacing:.2em; color:#2475ff;}
.sx-about-eyebrow span {width:30px; height:2px; background:linear-gradient( 90deg, #2bd7ff, #2475ff );}
.sx-about-title {max-width:820px; margin:0; font-size:clamp( 43px, 5.2vw, 72px ); line-height:.98; font-weight:600; letter-spacing:-.055em;}
.sx-about-title span {display:block; color:#8a9caf;}
.sx-about-intro {max-width:470px; margin:0 0 4px auto; font-size:17px; line-height:1.75; color:#687d91;}
.sx-about-main {position:relative; display:grid; grid-template-columns:minmax(280px, .75fr) minmax(0, 1.5fr); border-top:1px solid #dce5ed; border-bottom:1px solid #dce5ed;}
.sx-about-statement {padding:50px 55px 55px 0; border-right:1px solid #dce5ed;}
.sx-about-statement-number {margin-bottom:75px; font-size:12px; font-weight:700; letter-spacing:.15em; color:#2475ff;}
.sx-about-statement h3 {max-width:350px; margin:0 0 24px; font-size:39px; line-height:1.08; letter-spacing:-.04em; font-weight:600;}
.sx-about-statement h3 span {display:block; color:#2475ff;}
.sx-about-statement p {max-width:370px; margin:0 0 28px; font-size:15px; line-height:1.75; color:#728599;}
.sx-about-link {display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:700; text-decoration:none; color:#126cff; transition:gap .25s ease;}
.sx-about-link:hover {gap:14px; color:#0752c7;}
.sx-about-pillars {display:grid; grid-template-columns:repeat(3, 1fr);}
.sx-about-pillar {position:relative; min-height:390px; padding:40px 32px; border-right:1px solid #dce5ed; background:#fff; transition:background .3s ease, transform .3s ease, box-shadow .3s ease;}
.sx-about-pillar:last-child {border-right:0;}
.sx-about-pillar:hover {z-index:2; background:#f8fbfe; transform:translateY(-5px); box-shadow:0 25px 50px rgba(20, 60, 100, .08);}
.sx-about-pillar-top {display:flex; align-items:center; justify-content:space-between; margin-bottom:55px;}
.sx-about-pillar-number {font-size:11px; font-weight:700; letter-spacing:.14em; color:#9aabba;}
.sx-about-pillar-top i {font-size:16px; color:#2475ff; opacity:.35; transition:opacity .25s ease, transform .25s ease;}
.sx-about-pillar:hover.sx-about-pillar-top i {opacity:1; transform:translate( 3px, -3px );}
.sx-about-pillar-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin-bottom:25px; border-radius:11px; border:1px solid #dce8f2; background:linear-gradient( 145deg, #ffffff, #f3f8fc ); color:#2475ff; font-size:20px;}
.sx-about-pillar h4 {margin:0 0 13px; font-size:20px; font-weight:600; letter-spacing:-.02em;}
.sx-about-pillar p {margin:0; font-size:14px; line-height:1.75; color:#788b9e;}
.sx-about-flow {padding-top:50px;}
.sx-about-flow-label {margin-bottom:22px; font-size:10px; font-weight:700; letter-spacing:.2em; color:#9aabba;}
.sx-about-flow-track {display:flex; align-items:center;}
.sx-about-flow-item {display:flex; align-items:center; gap:10px; white-space:nowrap;}
.sx-about-flow-index {display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; border:1px solid #d8e4ee; font-size:9px; font-weight:700; color:#2475ff;}
.sx-about-flow-item strong {font-size:12px; font-weight:600; color:#263d55;}
.sx-about-flow-final strong {color:#2475ff;}
.sx-about-flow-line {flex:1; height:1px; min-width:30px; margin:0 18px; background:linear-gradient( 90deg, #dce6ee, #c7d7e5 );}

@media (max-width: 991.98px) {
.sx-about-section {padding:90px 0;}
.sx-about-heading {margin-bottom:55px;}
.sx-about-intro {margin:25px 0 0;}
.sx-about-main {display:block;}
.sx-about-statement {padding:40px 0; border-right:0; border-bottom:1px solid #dce5ed;}
.sx-about-statement-number {margin-bottom:35px;}
.sx-about-statement h3 {max-width:600px;}
.sx-about-pillars {grid-template-columns:repeat(3, 1fr);}
.sx-about-pillar {min-height:330px; padding:30px 22px;}
.sx-about-pillar-top {margin-bottom:35px;}
.sx-about-flow-track {overflow-x:auto; padding-bottom:10px;}
}

@media (max-width: 767.98px) {
.sx-about-section {padding:75px 0;}
.sx-about-title {font-size:43px;}
.sx-about-intro {font-size:16px;}
.sx-about-pillars {display:block;}
.sx-about-pillar {min-height:auto; padding:30px 0; border-right:0; border-bottom:1px solid #dce5ed;}
.sx-about-pillar:last-child {border-bottom:0;}
.sx-about-pillar-top {margin-bottom:25px;}
.sx-about-flow {padding-top:35px;}
.sx-about-flow-track {display:grid; grid-template-columns:repeat(5, max-content); gap:20px; overflow-x:auto;}
.sx-about-flow-line {display:none;}
}

@media (prefers-reduced-motion: reduce) {
.sx-hero-ring, .sx-hero-node, .sx-hero-core {animation:none !important;}
}

.sx-ai-section {position:relative; padding:125px 0 115px; overflow:hidden; background:radial-gradient( circle at 75% 30%, rgba(32, 116, 255, .12), transparent 32% ), linear-gradient( 135deg, #04101d 0%, #06182a 55%, #030c17 100% ); color:#fff;}
.sx-ai-bg {position:absolute; inset:0; pointer-events:none;}
.sx-ai-grid {position:absolute; inset:0; opacity:.25; background-image:linear-gradient( rgba(76, 181, 255, .07) 1px, transparent 1px ), linear-gradient( 90deg, rgba(76, 181, 255, .07) 1px, transparent 1px ); background-size:55px 55px; mask-image:linear-gradient( to bottom, transparent, black 20%, black 75%, transparent );}
.sx-ai-glow {position:absolute; border-radius:50%; filter:blur(100px); opacity:.16;}
.sx-ai-glow-one {width:420px; height:420px; right:-150px; top:80px; background:#087cff;}
.sx-ai-glow-two {width:300px; height:300px; left:-150px; bottom:0; background:#00d9ff;}
.sx-ai-header {position:relative; margin-bottom:65px;}
.sx-ai-eyebrow {display:flex; align-items:center; gap:10px; margin-bottom:22px; font-size:11px; font-weight:700; letter-spacing:.2em; color:#51d7ff;}
.sx-ai-eyebrow span {width:30px; height:2px; background:linear-gradient( 90deg, #38dcff, #2671ff );}
.sx-ai-title {margin:0; max-width:760px; font-size:clamp( 50px, 6vw, 82px ); line-height:.95; letter-spacing:-.055em; font-weight:600;}
.sx-ai-title span {display:block; background:linear-gradient( 100deg, #5ce1ff, #278cff 65%, #7086ff ); -webkit-background-clip:text; background-clip:text; color:transparent;}
.sx-ai-intro {max-width:430px; margin:0 0 4px auto; font-size:16px; line-height:1.8; color:rgba(214, 231, 248, .67);}
.sx-ai-grid-layout {position:relative; display:grid; grid-template-columns:minmax(0, 1.65fr) minmax(270px, .85fr) minmax(270px, .85fr); grid-template-rows:repeat(2, minmax(270px, 1fr)); border-top:1px solid rgba(140, 190, 225, .15); border-left:1px solid rgba(140, 190, 225, .15);}
.sx-ai-card {position:relative; padding:32px; border-right:1px solid rgba(140, 190, 225, .15); border-bottom:1px solid rgba(140, 190, 225, .15); background:linear-gradient( 145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .008) ); transition:background .35s ease, transform .35s ease, box-shadow .35s ease;}
.sx-ai-card:hover {z-index:2; background:linear-gradient( 145deg, rgba(45, 155, 255, .10), rgba(255, 255, 255, .025) ); box-shadow:inset 0 0 0 1px rgba(67, 198, 255, .08), 0 25px 60px rgba(0, 0, 0, .18); transform:translateY(-3px);}
.sx-ai-featured {grid-row:1 / span 2; min-height:600px; overflow:hidden; background:radial-gradient( circle at 75% 45%, rgba(29, 124, 255, .13), transparent 38% ), rgba(255, 255, 255, .025);}
.sx-ai-card-top {display:flex; align-items:center; justify-content:space-between;}
.sx-ai-number {font-size:10px; font-weight:700; letter-spacing:.16em; color:#5d7d9d;}
.sx-ai-tag {padding:6px 9px; border:1px solid rgba(65, 194, 255, .18); border-radius:4px; font-size:8px; font-weight:700; letter-spacing:.13em; color:#4cd9ff; background:rgba(40, 177, 255, .05);}
.sx-ai-feature-content {position:relative; z-index:3; width:55%; padding-top:75px;}
.sx-ai-icon {width:52px; height:52px; display:flex; align-items:center; justify-content:center; margin-bottom:24px; border-radius:12px; border:1px solid rgba(65, 201, 255, .25); background:linear-gradient( 145deg, rgba(46, 177, 255, .13), rgba(40, 80, 180, .06) ); color:#5cddff; font-size:22px;}
.sx-ai-featured h3 {margin:0 0 20px; font-size:35px; line-height:1.05; letter-spacing:-.04em; font-weight:600;}
.sx-ai-featured h3 span {display:block; color:#54d9ff;}
.sx-ai-featured p {max-width:420px; margin:0 0 30px; font-size:14px; line-height:1.75; color:rgba(210, 229, 246, .63);}
.sx-ai-link, .sx-ai-small-link, .sx-ai-bottom-link {display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:700; color:#54d9ff; text-decoration:none; transition:gap .25s ease, color .25s ease;}
.sx-ai-link:hover, .sx-ai-small-link:hover, .sx-ai-bottom-link:hover {gap:13px; color:#fff;}
.sx-ai-system {position:absolute; width:360px; height:360px; right:-15px; top:50%; transform:translateY(-50%);}
.sx-ai-system-orbit {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(25deg); border:1px solid rgba(54, 176, 255, .16); border-radius:50%;}
.sx-ai-system-orbit::after {content:""; position:absolute; width:7px; height:7px; top:-3px; left:50%; border-radius:50%; background:#50d9ff; box-shadow:0 0 18px rgba(50,210,255,.8);}
.orbit-a {width:300px; height:300px; animation:sxAiOrbit 18s linear infinite;}
.orbit-b {width:225px; height:225px; transform:translate(-50%, -50%) rotate(-35deg); animation:sxAiOrbitReverse 13s linear infinite;}
.orbit-c {width:155px; height:155px; animation:sxAiOrbit 9s linear infinite;}
.sx-ai-system-core {position:absolute; left:50%; top:50%; width:95px; height:95px; display:flex; align-items:center; justify-content:center; transform:translate(-50%, -50%); border-radius:50%; border:1px solid rgba(69, 215, 255, .55); background:radial-gradient( circle at 35% 30%, #195ca3, #061b32 60%, #020914 ); box-shadow:0 0 55px rgba(20, 132, 255, .22);}
.sx-ai-system-core span {font-size:30px; font-weight:700; letter-spacing:-.06em; color:#fff;}
.sx-ai-system-node {position:absolute; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid rgba(66, 197, 255, .22); background:rgba(5, 22, 39, .88); color:#4edaff; box-shadow:0 8px 25px rgba(0, 0, 0, .25);}
.node-a {top:15px; left:50%; transform:translateX(-50%);}
.node-b {right:12px; top:50%; transform:translateY(-50%);}
.node-c {bottom:15px; left:50%; transform:translateX(-50%);}
.node-d {left:12px; top:50%; transform:translateY(-50%);}
.sx-ai-feature-footer {position:absolute; left:32px; right:32px; bottom:25px; display:flex; align-items:center; gap:10px; font-size:8px; font-weight:700; letter-spacing:.15em; color:#526f8b;}
.sx-ai-feature-footer i {width:20px; height:1px; background:#274b69;}
.sx-ai-small-icon {width:45px; height:45px; display:flex; align-items:center; justify-content:center; margin:42px 0 24px; border-radius:10px; border:1px solid rgba(70, 194, 255, .18); background:rgba(30, 160, 255, .045); color:#50d9ff; font-size:19px;}
.sx-ai-card:not(.sx-ai-featured) h3 {margin:0 0 14px; max-width:250px; font-size:21px; line-height:1.15; letter-spacing:-.025em; font-weight:600;}
.sx-ai-card:not(.sx-ai-featured) h3 span {display:block; color:#9bb0c5;}
.sx-ai-card:not(.sx-ai-featured) p {max-width:260px; margin:0 0 24px; font-size:13px; line-height:1.7; color:#6f879d;}
.sx-ai-small-link {color:#7897b3;}
.sx-ai-small-link:hover {color:#53d9ff;}
.sx-ai-card-arrow {font-size:16px; color:#40627f; transition:color .25s ease, transform .25s ease;}
.sx-ai-card:hover .sx-ai-card-arrow {color:#4bd8ff; transform:translate( 3px, -3px );}
.sx-ai-bottom {padding-top:45px;}
.sx-ai-bottom-line {width:100%; height:1px; margin-bottom:25px; background:rgba(140,190,225,.12);}
.sx-ai-bottom-label {margin-bottom:8px; font-size:9px; font-weight:700; letter-spacing:.18em; color:#4f6f8b;}
.sx-ai-bottom p {margin:0; font-size:16px; color:#7890a7;}
.sx-ai-bottom strong {color:#dcefff;}
.sx-ai-bottom-link {justify-content:flex-end; color:#4edaff;}

@keyframes sxAiOrbit {
from {transform:translate(-50%, -50%) rotate(0deg);}
to {transform:translate(-50%, -50%) rotate(360deg);}
}

@keyframes sxAiOrbitReverse {
from {transform:translate(-50%, -50%) rotate(360deg);}
to {transform:translate(-50%, -50%) rotate(0deg);}
}

@media (max-width: 1199.98px) {
.sx-ai-grid-layout {grid-template-columns:minmax(0, 1.4fr) repeat(2, minmax(230px, .8fr));}
.sx-ai-feature-content {width:60%;}
.sx-ai-system {width:290px; height:290px; right:-40px;}
.orbit-a {width:250px; height:250px;}
.orbit-b {width:190px; height:190px;}
.orbit-c {width:135px; height:135px;}
}

@media (max-width: 991.98px) {
.sx-ai-section {padding:90px 0;}
.sx-ai-header {margin-bottom:50px;}
.sx-ai-intro {margin:25px 0 0;}
.sx-ai-grid-layout {display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:auto;}
.sx-ai-featured {grid-column:1 / -1; grid-row:auto; min-height:520px;}
.sx-ai-feature-content {width:55%;}
.sx-ai-card:not(.sx-ai-featured) {min-height:310px;}
}

@media (max-width: 767.98px) {
.sx-ai-section {padding:75px 0;}
.sx-ai-title {font-size:48px;}
.sx-ai-grid-layout {display:block;}
.sx-ai-featured {min-height:650px;}
.sx-ai-feature-content {width:100%;}
.sx-ai-featured h3 {font-size:31px;}
.sx-ai-system {width:250px; height:250px; top:auto; right:50%; bottom:45px; transform:translateX(50%);}
.orbit-a {width:220px; height:220px;}
.orbit-b {width:165px; height:165px;}
.orbit-c {width:115px; height:115px;}
.sx-ai-feature-footer {display:none;}
.sx-ai-card:not(.sx-ai-featured) {min-height:auto; padding:30px;}
.sx-ai-small-icon {margin-top:30px;}
.sx-ai-bottom-link {justify-content:flex-start; margin-top:20px;}
}

@media (prefers-reduced-motion: reduce) {
.sx-ai-system-orbit {animation:none !important;}
}

.sx-cloud-section {position:relative; padding:125px 0 115px; overflow:hidden; background:#f5f8fb; color:#071426;}
.sx-cloud-bg {position:absolute; inset:0; pointer-events:none;}
.sx-cloud-grid {position:absolute; inset:0; opacity:.55; background-image:linear-gradient( rgba(25, 91, 140, .045) 1px, transparent 1px ), linear-gradient( 90deg, rgba(25, 91, 140, .045) 1px, transparent 1px ); background-size:60px 60px; mask-image:linear-gradient( to bottom, transparent, black 20%, black 75%, transparent );}
.sx-cloud-glow {position:absolute; width:600px; height:600px; right:-300px; top:120px; border-radius:50%; background:radial-gradient( circle, rgba(24, 137, 255, .09), transparent 68% );}
.sx-cloud-header {position:relative; margin-bottom:55px;}
.sx-cloud-eyebrow {display:flex; align-items:center; gap:10px; margin-bottom:22px; font-size:11px; font-weight:700; letter-spacing:.2em; color:#2374ff;}
.sx-cloud-eyebrow span {width:30px; height:2px; background:linear-gradient( 90deg, #27d8ff, #2473ff );}
.sx-cloud-title {margin:0; font-size:clamp( 50px, 6vw, 78px ); line-height:.95; letter-spacing:-.055em; font-weight:600;}
.sx-cloud-title span {display:block; color:#8b9caf;}
.sx-cloud-intro {max-width:450px; margin:0 0 3px auto; font-size:16px; line-height:1.8; color:#687d91;}
.sx-cloud-platform {position:relative; margin-bottom:35px; padding:22px 28px; border:1px solid #d9e5ee; background:linear-gradient( 100deg, rgba(255,255,255,.8), rgba(248, 251, 253, .65) );}
.sx-cloud-platform-label {display:flex; align-items:center; gap:10px; margin-bottom:20px; font-size:8px; letter-spacing:.17em; color:#8195a8;}
.sx-cloud-platform-label i {width:30px; height:1px; background:#c8d7e3;}
.sx-cloud-platform-label strong {color:#2475ff; font-weight:700;}
.sx-cloud-flow {display:flex; align-items:center;}
.sx-cloud-flow-node {display:flex; align-items:center; gap:10px; padding:9px 14px; border:1px solid #dce7ef; border-radius:7px; background:#fff; white-space:nowrap;}
.sx-cloud-flow-node i {font-size:16px; color:#2475ff;}
.sx-cloud-flow-node span {font-size:9px; font-weight:700; letter-spacing:.12em; color:#526b83;}
.sx-cloud-flow-active {border-color:rgba(36,117,255,.3); box-shadow:0 5px 20px rgba(36, 117, 255, .08);}
.sx-cloud-flow-active i {color:#00aee8;}
.sx-cloud-flow-line {flex:1; height:1px; position:relative; margin:0 10px; background:linear-gradient( 90deg, #cbdbe7, #9fc5df, #cbdbe7 );}
.sx-cloud-flow-line::after {content:""; position:absolute; top:-2px; right:0; width:5px; height:5px; border-radius:50%; background:#42c9ff;}
.sx-cloud-services {position:relative; display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid #d8e4ec; border-left:1px solid #d8e4ec;}
.sx-cloud-service {position:relative; min-height:285px; display:flex; flex-direction:column; padding:30px; border-right:1px solid #d8e4ec; border-bottom:1px solid #d8e4ec; background:rgba(255,255,255,.58); color:inherit; text-decoration:none; overflow:hidden; transition:background .3s ease, transform .3s ease, box-shadow .3s ease;}
.sx-cloud-service::after {content:""; position:absolute; width:100px; height:100px; right:-45px; bottom:-45px; border-radius:50%; background:radial-gradient( circle, rgba(35, 130, 255, .10), transparent 70% ); transition:transform .4s ease;}
.sx-cloud-service:hover {z-index:2; background:#fff; transform:translateY(-4px); box-shadow:0 22px 45px rgba(28, 70, 105, .09);}
.sx-cloud-service:hover::after {transform:scale(2.5);}
.sx-cloud-service-number {font-size:10px; font-weight:700; letter-spacing:.15em; color:#a0b1c0;}
.sx-cloud-service-icon {width:48px; height:48px; display:flex; align-items:center; justify-content:center; margin-top:28px; margin-bottom:22px; border-radius:10px; border:1px solid #dce8f1; background:linear-gradient( 145deg, #fff, #f3f8fc ); color:#2475ff; font-size:20px; transition:transform .3s ease, border-color .3s ease;}
.sx-cloud-service:hover.sx-cloud-service-icon {transform:translateY(-3px); border-color:#a9d9ee;}
.sx-cloud-service-content {position:relative; z-index:1;}
.sx-cloud-service h3 {margin:0 0 13px; font-size:20px; line-height:1.12; letter-spacing:-.025em; font-weight:600;}
.sx-cloud-service h3 span {display:block; color:#73879a;}
.sx-cloud-service p {max-width:280px; margin:0; font-size:13px; line-height:1.7; color:#788c9f;}
.sx-cloud-service-action {position:absolute; right:28px; bottom:27px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #dce7ef; border-radius:50%; color:#2475ff; background:#fff; transition:background .25s ease, color .25s ease, transform .25s ease;}
.sx-cloud-service:hover.sx-cloud-service-action {background:#2475ff; color:#fff; transform:translate( 3px, -3px );}
.sx-cloud-footer {padding-top:45px;}
.sx-cloud-footer-line {width:100%; height:1px; margin-bottom:25px; background:#d8e4ec;}
.sx-cloud-footer-label {display:block; margin-bottom:8px; font-size:9px; font-weight:700; letter-spacing:.17em; color:#9aabba;}
.sx-cloud-footer p {margin:0; font-size:16px; color:#71869a;}
.sx-cloud-footer strong {color:#162d45;}
.sx-cloud-footer-link {display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:700; text-decoration:none; color:#2475ff; transition:gap .25s ease;}
.sx-cloud-footer-link:hover {gap:13px; color:#0754c9;}

@media (max-width: 991.98px) {
.sx-cloud-section {padding:90px 0;}
.sx-cloud-header {margin-bottom:45px;}
.sx-cloud-intro {margin:25px 0 0;}
.sx-cloud-services {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width: 767.98px) {
.sx-cloud-section {padding:75px 0;}
.sx-cloud-title {font-size:48px;}
.sx-cloud-platform {padding:18px;}
.sx-cloud-flow {overflow-x:auto; padding-bottom:5px;}
.sx-cloud-flow-line {min-width:25px;}
.sx-cloud-services {display:block;}
.sx-cloud-service {min-height:auto; padding:28px;}
.sx-cloud-footer-link {margin-top:20px;}
}

.sx-mnc-hero {position:relative; min-height:780px; display:flex; align-items:center; padding:145px 0 120px; overflow:hidden; background:radial-gradient( circle at 78% 42%, rgba(22, 111, 218, 0.15), transparent 30% ), radial-gradient( circle at 20% 80%, rgba(0, 184, 255, 0.05), transparent 25% ), linear-gradient( 120deg, #020a13 0%, #041321 48%, #020914 100% ); color:#ffffff;}
.sx-mnc-hero-bg {position:absolute; inset:0; z-index:0; pointer-events:none;}
.sx-mnc-grid {position:absolute; inset:0; opacity:0.22; background-image:linear-gradient( rgba(90, 178, 225, 0.055) 1px, transparent 1px ), linear-gradient( 90deg, rgba(90, 178, 225, 0.055) 1px, transparent 1px ); background-size:65px 65px; mask-image:linear-gradient( 90deg, transparent 0%, black 18%, black 78%, transparent 100% );}
.sx-mnc-glow {position:absolute; border-radius:50%; pointer-events:none; filter:blur(100px);}
.sx-mnc-glow-1 {width:520px; height:520px; right:-100px; top:80px; background:rgba( 22, 115, 255, 0.15 ); animation:sxMncGlowOne 8s ease-in-out infinite;}
.sx-mnc-glow-2 {width:300px; height:300px; left:-130px; bottom:20px; background:rgba( 0, 210, 255, 0.07 ); animation:sxMncGlowTwo 10s ease-in-out infinite;}

@keyframes sxMncGlowOne {
0%, 100% {opacity:.75; transform:scale(1);}
50% {opacity:1; transform:scale(1.12);}
}

@keyframes sxMncGlowTwo {
0%, 100% {opacity:.55; transform:scale(1);}
50% {opacity:.8; transform:scale(1.15);}
}

.sx-mnc-vignette {position:absolute; inset:0; background:linear-gradient( 90deg, rgba(1, 8, 15, .82), rgba(1, 8, 15, .15) 55%, rgba(1, 8, 15, .32) ); pointer-events:none;}
.sx-mnc-hero .container {position:relative; z-index:2;}
.sx-mnc-hero-row {position:relative; min-height:570px;}
.sx-mnc-eyebrow {display:flex; align-items:center; gap:12px; margin-bottom:30px; font-size:10px; font-weight:700; line-height:1; letter-spacing:.22em; color:#72ddff;}
.sx-mnc-eyebrow-line {width:38px; height:1px; flex:0 0 auto; background:linear-gradient( 90deg, #48dcff, #2876ff );}
.sx-mnc-title {max-width:790px; margin:0; font-family:"Space Grotesk", "DM Sans", Arial, sans-serif; font-size:clamp( 55px, 6.2vw, 88px ); font-weight:600; line-height:.94; letter-spacing:-.067em; color:#ffffff;}
.sx-mnc-title span {display:block; margin-top:7px; background:linear-gradient( 100deg, #ffffff 0%, #8de4ff 43%, #3b8dff 100% ); -webkit-background-clip:text; background-clip:text; color:transparent;}
.sx-mnc-description {max-width:650px; margin:34px 0 35px; font-family:"DM Sans", Arial, sans-serif; font-size:16px; font-weight:400; line-height:1.8; color:rgba( 219, 234, 247, .68 );}
.sx-mnc-actions {display:flex; flex-wrap:wrap; align-items:center; gap:13px;}
.sx-mnc-btn {min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 20px; border-radius:5px; font-family:"DM Sans", Arial, sans-serif; font-size:12px; font-weight:700; line-height:1; letter-spacing:.01em; text-decoration:none; transition:transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;}
.sx-mnc-btn-primary {color:#03101d; background:#ffffff; border:1px solid #ffffff; box-shadow:0 12px 32px rgba( 0, 0, 0, .22 );}
.sx-mnc-btn-primary span {width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#176dff; color:#ffffff; transition:transform .25s ease;}
.sx-mnc-btn-primary:hover {color:#03101d; background:#eaf8ff; transform:translateY(-2px); box-shadow:0 18px 40px rgba( 0, 0, 0, .30 );}
.sx-mnc-btn-primary:hover span {transform:translate( 2px, -2px );}
.sx-mnc-btn-secondary {color:rgba( 255, 255, 255, .82 ); border:1px solid rgba( 183, 218, 240, .23 ); background:rgba( 255, 255, 255, .025 );}
.sx-mnc-btn-secondary:hover {color:#ffffff; border-color:rgba( 100, 213, 255, .48 ); background:rgba( 60, 184, 255, .075 ); transform:translateY(-2px);}
.sx-mnc-proof {max-width:680px; display:grid; grid-template-columns:repeat(4, 1fr); margin-top:55px; border-top:1px solid rgba( 160, 202, 230, .14 );}
.sx-mnc-proof-item {min-height:70px; display:flex; align-items:center; gap:11px; padding:18px 18px 18px 0; border-right:1px solid rgba( 160, 202, 230, .12 );}
.sx-mnc-proof-item:not(:first-child) {padding-left:18px;}
.sx-mnc-proof-item:last-child {border-right:0;}
.sx-mnc-proof-number {flex:0 0 auto; font-size:9px; font-weight:700; letter-spacing:.12em; color:#4d7697;}
.sx-mnc-proof-item strong {display:block; font-size:10px; line-height:1.2; font-weight:700; letter-spacing:.08em; color:#e2f3ff;}
.sx-mnc-proof-item small {display:block; margin-top:4px; font-size:8px; line-height:1.2; letter-spacing:.04em; color:#607e98;}
.sx-mnc-architecture {position:relative; width:100%; height:520px; overflow:hidden; border:1px solid rgba( 130, 190, 225, .17 ); background:linear-gradient( 145deg, rgba( 255, 255, 255, .045 ), rgba( 255, 255, 255, .008 ) ); box-shadow:0 35px 90px rgba( 0, 0, 0, .30 ); backdrop-filter:blur(10px);}
.sx-mnc-architecture-header {position:absolute; top:0; left:0; right:0; height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid rgba( 130, 190, 225, .12 ); background:rgba( 3, 16, 29, .28 );}
.sx-mnc-architecture-header > span {font-size:8px; font-weight:700; letter-spacing:.18em; color:#60839d;}
.sx-mnc-architecture-header div {display:flex; align-items:center; gap:5px;}
.sx-mnc-architecture-header i {display:block; width:5px; height:5px; border-radius:50%; background:#2e6385;}
.sx-mnc-architecture-header i:first-child {background:#4bdcff; box-shadow:0 0 8px rgba( 75, 220, 255, .65 );}
.sx-mnc-architecture-body {position:absolute; top:48px; right:0; bottom:42px; left:0; overflow:hidden; background:radial-gradient( circle at center, rgba( 16, 100, 170, .06 ), transparent 48% );}
.sx-mnc-architecture-body::before {content:""; position:absolute; inset:0; opacity:.35; background-image:linear-gradient( rgba( 90, 170, 215, .035 ) 1px, transparent 1px ), linear-gradient( 90deg, rgba( 90, 170, 215, .035 ) 1px, transparent 1px ); background-size:35px 35px;}
.sx-mnc-architecture-ring {position:absolute; left:50%; top:50%; border:1px solid rgba( 70, 190, 255, .14 ); border-radius:50%; pointer-events:none;}
.sx-mnc-architecture-ring::before {content:""; position:absolute; width:5px; height:5px; left:50%; top:-3px; border-radius:50%; background:#4ddcff; box-shadow:0 0 14px rgba( 56, 207, 255, .9 );}
.ring-1 {width:335px; height:335px; transform:translate( -50%, -50% ) rotate(20deg); animation:sxMncRingOne 28s linear infinite;}
.ring-2 {width:240px; height:240px; transform:translate( -50%, -50% ) rotate(-20deg); border-color:rgba( 75, 130, 255, .17 ); animation:sxMncRingTwo 20s linear infinite;}

@keyframes sxMncRingOne {
from {transform:translate( -50%, -50% ) rotate(0deg);}
to {transform:translate( -50%, -50% ) rotate(360deg);}
}

@keyframes sxMncRingTwo {
from {transform:translate( -50%, -50% ) rotate(360deg);}
to {transform:translate( -50%, -50% ) rotate(0deg);}
}

.sx-mnc-connection {position:absolute; left:50%; top:50%; width:175px; height:1px; transform-origin:left center; background:linear-gradient( 90deg, rgba( 65, 204, 255, .34 ), transparent ); opacity:.55;}
.sx-mnc-connection::after {content:""; position:absolute; left:35%; top:-2px; width:5px; height:5px; border-radius:50%; background:#3ed6ff; box-shadow:0 0 10px rgba( 62, 214, 255, .75 ); animation:sxMncDataPulse 2.8s ease-in-out infinite;}
.connection-1 {transform:rotate(-38deg);}
.connection-2 {transform:rotate(42deg); animation-delay:-.7s;}
.connection-3 {transform:rotate(138deg); animation-delay:-1.2s;}
.connection-4 {transform:rotate(220deg); animation-delay:-1.8s;}

@keyframes sxMncDataPulse {
0%, 100% {opacity:.25;}
50% {opacity:1;}
}

.sx-mnc-core {position:absolute; left:50%; top:50%; width:125px; height:125px; display:flex; align-items:center; justify-content:center; transform:translate( -50%, -50% ); border-radius:50%; border:1px solid rgba( 83, 215, 255, .50 ); background:radial-gradient( circle at 35% 28%, #1b6eb2, #082743 58%, #020c17 100% ); box-shadow:0 0 65px rgba( 20, 130, 255, .22 ), inset 0 0 35px rgba( 50, 200, 255, .10 ); animation:sxMncCorePulse 4s ease-in-out infinite; z-index:5;}
.sx-mnc-core::before {content:""; position:absolute; inset:7px; border:1px solid rgba( 100, 220, 255, .13 ); border-radius:50%;}
.sx-mnc-core-inner {position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; text-align:center;}
.sx-mnc-core-inner strong {font-family:"Space Grotesk", sans-serif; font-size:34px; line-height:1; font-weight:600; letter-spacing:-.08em; color:#ffffff;}
.sx-mnc-core-inner span {margin-top:8px; font-size:7px; font-weight:700; letter-spacing:.18em; color:#8bdfff;}
.sx-mnc-core-inner small {margin-top:4px; font-size:6px; font-weight:600; letter-spacing:.18em; color:#5f83a0;}

@keyframes sxMncCorePulse {
0%, 100% {box-shadow:0 0 55px rgba( 20, 130, 255, .18 ), inset 0 0 30px rgba( 50, 200, 255, .08 );}
50% {box-shadow:0 0 85px rgba( 20, 150, 255, .30 ), inset 0 0 40px rgba( 50, 220, 255, .14 );}
}

.sx-mnc-node {position:absolute; min-width:125px; display:flex; align-items:center; gap:10px; padding:9px 11px; border:1px solid rgba( 110, 175, 215, .18 ); background:rgba( 3, 18, 32, .84 ); box-shadow:0 12px 25px rgba( 0, 0, 0, .20 ); backdrop-filter:blur(8px); z-index:4; animation:sxMncNodeFloat 5s ease-in-out infinite;}
.sx-mnc-node-icon {width:29px; height:29px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; border:1px solid rgba( 70, 200, 255, .20 ); color:#55dcff; font-size:12px;}
.sx-mnc-node strong {display:block; font-size:9px; line-height:1.2; font-weight:700; letter-spacing:.10em; color:#e4f5ff;}
.sx-mnc-node small {display:block; margin-top:3px; font-size:6px; line-height:1.2; font-weight:500; letter-spacing:.10em; color:#557a95;}
.sx-mnc-node-ai {top:55px; left:28px;}
.sx-mnc-node-data {top:55px; right:24px; animation-delay:-.9s;}
.sx-mnc-node-cloud {bottom:55px; left:24px; animation-delay:-1.7s;}
.sx-mnc-node-security {bottom:55px; right:24px; animation-delay:-2.4s;}

@keyframes sxMncNodeFloat {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-5px);}
}

.sx-mnc-status {position:absolute; display:flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid rgba( 80, 190, 230, .13 ); background:rgba( 3, 17, 30, .68 ); backdrop-filter:blur(6px); z-index:6;}
.sx-mnc-status > span {width:5px; height:5px; flex:0 0 auto; border-radius:50%; background:#45d9ff; box-shadow:0 0 10px rgba( 69, 217, 255, .8 ); animation:sxMncStatusPulse 2s ease-in-out infinite;}
.sx-mnc-status strong {display:block; font-size:7px; line-height:1.2; font-weight:700; letter-spacing:.12em; color:#9bdfff;}
.sx-mnc-status small {display:block; margin-top:2px; font-size:5px; line-height:1.2; letter-spacing:.10em; color:#4f718b;}
.status-top {left:50%; top:15px; transform:translateX(-50%);}
.status-bottom {left:50%; bottom:15px; transform:translateX(-50%);}

@keyframes sxMncStatusPulse {
0%, 100% {opacity:.45;}
50% {opacity:1;}
}

.sx-mnc-architecture-footer {position:absolute; left:0; right:0; bottom:0; height:42px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-top:1px solid rgba( 130, 190, 225, .12 ); background:rgba( 3, 16, 29, .25 );}
.sx-mnc-architecture-footer span {font-size:7px; font-weight:700; letter-spacing:.17em; color:#52718a;}
.sx-mnc-architecture-footer strong {font-size:8px; font-weight:700; color:#4fd9ff;}
.sx-mnc-bottom {position:absolute; left:0; right:0; bottom:0; height:64px; z-index:10; border-top:1px solid rgba( 150, 200, 230, .12 ); background:rgba( 2, 10, 18, .48 ); backdrop-filter:blur(10px);}
.sx-mnc-bottom-inner {height:64px; display:flex; align-items:center; justify-content:space-between;}
.sx-mnc-bottom-title {display:flex; align-items:center; gap:10px; font-size:9px; font-weight:700; letter-spacing:.15em; color:#91aabd;}
.sx-mnc-live-dot {width:6px; height:6px; flex:0 0 auto; border-radius:50%; background:#45d9ff; box-shadow:0 0 12px rgba( 69, 217, 255, .8 ); animation:sxMncLivePulse 2.5s ease-in-out infinite;}

@keyframes sxMncLivePulse {
0%, 100% {opacity:.45; transform:scale(.85);}
50% {opacity:1; transform:scale(1);}
}

.sx-mnc-bottom-services {display:flex; align-items:center; gap:14px; font-size:8px; font-weight:700; letter-spacing:.13em; color:#58748d;}
.sx-mnc-bottom-services i {width:18px; height:1px; flex:0 0 auto; background:#29465d;}

@media (max-width: 1199.98px) {
.sx-mnc-title {font-size:70px;}
.sx-mnc-architecture {height:490px;}
.sx-mnc-node {min-width:112px; transform:scale(.92);}
.sx-mnc-node-ai {left:15px;}
.sx-mnc-node-data {right:12px;}
.sx-mnc-node-cloud {left:12px;}
.sx-mnc-node-security {right:12px;}
.sx-mnc-architecture-ring.ring-1 {width:310px; height:310px;}
.sx-mnc-architecture-ring.ring-2 {width:220px; height:220px;}
}

@media (max-width: 991.98px) {
.sx-mnc-hero {min-height:720px; padding:130px 0 100px;}
.sx-mnc-hero-row {min-height:auto;}
.sx-mnc-title {max-width:800px; font-size:clamp( 52px, 8vw, 72px );}
.sx-mnc-description {max-width:700px;}
.sx-mnc-proof {max-width:700px;}
.sx-mnc-bottom {position:absolute;}
}

@media (max-width: 767.98px) {
.sx-mnc-hero {min-height:720px; display:block; padding:110px 0 105px;}
.sx-mnc-grid {background-size:42px 42px; opacity:.14;}
.sx-mnc-glow-1 {width:300px; height:300px; right:-150px; top:120px;}
.sx-mnc-glow-2 {width:220px; height:220px; left:-130px; bottom:80px;}
.sx-mnc-vignette {background:linear-gradient( 180deg, rgba( 1, 8, 15, .82 ), rgba( 1, 8, 15, .35 ) );}
.sx-mnc-eyebrow {margin-bottom:23px; font-size:9px; letter-spacing:.17em;}
.sx-mnc-eyebrow-line {width:27px;}
.sx-mnc-title {font-size:48px; line-height:.98; letter-spacing:-.06em;}
.sx-mnc-title span {margin-top:4px;}
.sx-mnc-description {margin:25px 0 28px; font-size:15px; line-height:1.75;}
.sx-mnc-actions {display:block;}
.sx-mnc-btn {width:100%; margin-bottom:10px;}
.sx-mnc-proof {display:grid; grid-template-columns:repeat(2, 1fr); margin-top:38px;}
.sx-mnc-proof-item {min-height:64px; padding:15px 10px !important; border-bottom:1px solid rgba( 160, 202, 230, .12 );}
.sx-mnc-proof-item:nth-child(2) {border-right:0;}
.sx-mnc-proof-item:nth-child(3), .sx-mnc-proof-item:nth-child(4) {border-bottom:0;}
.sx-mnc-bottom {height:auto;}
.sx-mnc-bottom-inner {height:auto; display:block; padding:13px 0;}
.sx-mnc-bottom-title {font-size:8px; letter-spacing:.12em;}
.sx-mnc-bottom-services {display:none;}
}

@media (max-width: 400px) {
.sx-mnc-hero {padding-top:100px;}
.sx-mnc-title {font-size:43px;}
.sx-mnc-description {font-size:14px;}
.sx-mnc-proof-item strong {font-size:9px;}
.sx-mnc-proof-item small {font-size:7px;}
}

@media (prefers-reduced-motion: reduce) {
.sx-mnc-glow-1, .sx-mnc-glow-2, .sx-mnc-architecture-ring, .sx-mnc-core, .sx-mnc-node, .sx-mnc-status > span, .sx-mnc-live-dot, .sx-mnc-connection::after {animation:none !important;}
}

@media print {
.sx-mnc-hero {min-height:auto; padding:40px 0; background:#ffffff; color:#000000;}
.sx-mnc-title, .sx-mnc-title span {color:#000000; background:none; -webkit-text-fill-color:#000000;}
.sx-mnc-architecture, .sx-mnc-bottom {display:none;}
}

.sx-menu-toggle {width:54px; height:48px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 12px; border:1px solid rgba(120, 190, 225, .28) !important; border-radius:6px !important; background:rgba(255, 255, 255, .035) !important; color:#ffffff !important; box-shadow:none !important; transition:border-color .25s ease, background .25s ease, transform .25s ease;}
.sx-menu-toggle .navbar-toggler-icon {display:none !important;}
.sx-menu-icon {width:22px; height:18px; display:flex; flex-direction:column; justify-content:space-between; flex:0 0 auto;}
.sx-menu-icon span {display:block; width:100%; height:2px; border-radius:10px; background:linear-gradient( 90deg, #ffffff, #54dcff ); transform-origin:center; transition:transform .3s ease, opacity .2s ease, width .3s ease;}
.sx-menu-icon span:nth-child(2) {width:72%; margin-left:auto;}
.sx-menu-icon span:nth-child(3) {width:88%;}
.sx-menu-label {display:none; font-size:8px; font-weight:700; letter-spacing:.12em; color:#8fb2c9;}
.sx-menu-toggle:hover {border-color:rgba( 74, 211, 255, .55 ) !important; background:rgba( 55, 190, 255, .07 ) !important; transform:translateY(-1px);}
.sx-menu-toggle:focus {box-shadow:0 0 0 3px rgba( 56, 200, 255, .12 ) !important;}
.sx-menu-toggle[aria-expanded="true"] {border-color:rgba( 72, 215, 255, .55 ) !important; background:rgba( 40, 150, 220, .09 ) !important;}
.sx-menu-toggle[aria-expanded="true"].sx-menu-icon span:nth-child(1) {transform:translateY(8px) rotate(45deg);}
.sx-menu-toggle[aria-expanded="true"].sx-menu-icon span:nth-child(2) {opacity:0; transform:scaleX(0);}
.sx-menu-toggle[aria-expanded="true"].sx-menu-icon span:nth-child(3) {transform:translateY(-8px) rotate(-45deg); width:100%;}

@media (max-width: 991.98px) {
.sx-menu-toggle {display:inline-flex;}
}

@media (min-width: 992px) {
.sx-menu-toggle {display:none !important;}
}

.sx-footer-brand img { height:40px;}




.sx-page {padding-top:78px; background:var(--paper);}
.sx-hero {position:relative; overflow:hidden; background:#061321; color:#fff; padding:110px 0 82px; min-height:590px;}
.sx-hero:before {content:""; position:absolute; inset:0; background:linear-gradient(115deg, rgba(5, 17, 30, 0.99) 12%, rgba(5, 17, 30, 0.86) 53%, rgba(5, 17, 30, 0.45)), radial-gradient(circle at 82% 36%, rgba(42, 216, 255, 0.15), transparent 27%), radial-gradient(circle at 74% 72%, rgba(38, 118, 255, 0.16), transparent 30%);}
.sx-grid-bg {position:absolute; inset:0; opacity:0.35; background-image:linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to right, transparent, black 45%, black);}
.sx-hero .container {position:relative; z-index:2;}
.sx-kicker {display:flex; align-items:center; gap:11px; color:#58ddff; font-size:10px; font-weight:700; letter-spacing:0.2em; margin-bottom:23px;}
.sx-kicker i {display:block; width:31px; height:2px; background:linear-gradient(90deg, #2ad8ff, #2676ff);}
.sx-hero h1 {font:600 clamp(46px, 6.6vw, 86px) / 0.95 "Space Grotesk"; letter-spacing:-0.06em; max-width:900px; margin:0 0 27px;}
.sx-hero h1 span {display:block; color:#56dcff;}
.sx-lead {font-size:18px; line-height:1.75; color:#b2c1d0; max-width:720px; margin:0;}
.sx-actions {display:flex; gap:12px; flex-wrap:wrap; margin-top:34px;}
.sx-btn {display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 19px; border:1px solid rgba(255, 255, 255, 0.2); text-decoration:none; font-size:12px; font-weight:700; transition:0.2s;}
.sx-btn-primary {background:#2676ff; color:#fff; border-color:#2676ff;}
.sx-btn-primary:hover {background:#fff; color:#061321; border-color:#fff;}
.sx-btn-ghost {color:#fff;}
.sx-btn-ghost:hover {background:#fff; color:#061321;}
.sx-hero-visual {position:absolute; right:-60px; top:90px; width:510px; height:420px; opacity:0.95;}
.sx-orbit {position:absolute; inset:40px 45px; border:1px solid rgba(85, 220, 255, 0.25); border-radius:50%; animation:sxSpin 22s linear infinite;}
.sx-orbit.o2 {inset:92px 5px; transform:rotate(62deg); animation-duration:29s;}
.sx-orbit.o3 {inset:10px 105px; transform:rotate(125deg); animation-duration:34s;}
.sx-core {position:absolute; left:50%; top:50%; width:130px; height:130px; transform:translate(-50%, -50%); border:1px solid rgba(88, 220, 255, 0.55); border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle, rgba(38, 118, 255, 0.3), rgba(5, 17, 30, 0.88) 67%); box-shadow:0 0 70px rgba(38, 118, 255, 0.18); animation:sxPulse 3.8s ease-in-out infinite;}
.sx-core:after {content:"SD"; font:700 28px "Space Grotesk"; color:#fff;}
.sx-node {position:absolute; padding:9px 12px; border:1px solid rgba(255, 255, 255, 0.13); background:rgba(7, 22, 38, 0.86); font-size:10px; color:#d8e6f2; backdrop-filter:blur(8px); box-shadow:0 12px 30px rgba(0, 0, 0, 0.2);}
.sx-node.n1 {left:2px; top:112px;}
.sx-node.n2 {right:0; top:55px;}
.sx-node.n3 {right:32px; bottom:60px;}
.sx-node.n4 {left:45px; bottom:34px;}
.sx-node b {display:block; color:#58ddff; font-size:9px; letter-spacing:0.1em;}
.sx-proof {display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid rgba(255, 255, 255, 0.1); margin-top:65px; padding-top:20px; max-width:780px;}
.sx-proof div {padding-right:20px; border-right:1px solid rgba(255, 255, 255, 0.1); margin-right:20px;}
.sx-proof div:last-child {border:0;}
.sx-proof small {display:block; color:#7890a4; font-size:9px; letter-spacing:0.16em; margin-bottom:6px;}
.sx-proof b {font-size:12px;}

@keyframes sxSpin {
to {transform:rotate(360deg);}
}

@keyframes sxPulse {
0%, 100% {box-shadow:0 0 55px rgba(38, 118, 255, 0.15); transform:translate(-50%, -50%) scale(1);}
50% {box-shadow:0 0 90px rgba(42, 216, 255, 0.22); transform:translate(-50%, -50%) scale(1.04);}
}

.sx-section {padding:92px 0;}
.sx-section.dark {background:#061321; color:#fff;}
.sx-section-head {display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:48px;}
.sx-section-head h2 {font:600 clamp(32px, 4.5vw, 55px) / 1 "Space Grotesk"; letter-spacing:-0.055em; margin:0; max-width:760px;}
.sx-section-head p {color:var(--muted); max-width:430px; line-height:1.7; margin:0;}
.dark .sx-section-head p {color:#93a6b8;}
.sx-eyebrow {font-size:10px; letter-spacing:0.2em; font-weight:700; color:#2676ff; margin-bottom:14px;}
.dark .sx-eyebrow {color:#55ddff;}
.sx-cap-grid {display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line);}
.sx-cap {background:#fff; padding:31px; min-height:245px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; overflow:hidden; transition:0.3s;}
.sx-cap:after {content:""; position:absolute; width:100px; height:100px; border-radius:50%; right:-55px; bottom:-55px; background:rgba(38, 118, 255, 0.06); transition:0.3s;}
.sx-cap:hover {transform:translateY(-5px); box-shadow:var(--shadow);}
.sx-cap:hover:after {transform:scale(2);}
.sx-num {font:700 10px "Space Grotesk"; color:#a2b3c2; letter-spacing:0.15em;}
.sx-icon {width:43px; height:43px; display:grid; place-items:center; margin:33px 0 21px; border:1px solid #dbe5ed; color:#2676ff;}
.sx-cap h3 {font:600 20px "Space Grotesk"; margin:0 0 10px; letter-spacing:-0.03em;}
.sx-cap p {font-size:13px; line-height:1.7; color:#73879a; margin:0; max-width:330px;}
.sx-flow {display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid rgba(255, 255, 255, 0.13);}
.sx-step {padding:27px 22px 5px 0; border-right:1px solid rgba(255, 255, 255, 0.13); margin-right:22px; min-height:180px;}
.sx-step:last-child {border:0;}
.sx-step b {font-size:11px; color:#55ddff; letter-spacing:0.13em;}
.sx-step h3 {font:600 21px "Space Grotesk"; margin:20px 0 10px;}
.sx-step p {font-size:13px; line-height:1.7; color:#91a5b8; margin:0;}
.sx-band {padding:30px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff;}
.sx-band-inner {display:flex; justify-content:space-between; gap:25px; align-items:center;}
.sx-band strong {font:600 24px "Space Grotesk"; letter-spacing:-0.035em;}
.sx-band span {font-size:12px; color:var(--muted);}
.sx-cta {padding:85px 0; background:#0b1b2d; color:#fff;}
.sx-cta-box {display:flex; justify-content:space-between; align-items:center; gap:35px;}
.sx-cta h2 {font:600 clamp(34px, 4.7vw, 60px) / 1 "Space Grotesk"; letter-spacing:-0.055em; margin:0 0 14px; max-width:760px;}
.sx-cta p {color:#9bb0c1; max-width:630px; line-height:1.7; margin:0;}
.sx-footer {background:#040c16; color:#dbe6ef; padding:65px 0 22px;}
.sx-footer-top {display:flex; justify-content:space-between; gap:70px; padding-bottom:55px;}
.sx-footer-brand {margin-bottom:17px;}
.sx-footer-top > div:first-child {max-width:340px;}
.sx-footer-top p {font-size:13px; line-height:1.7; color:#74889b;}
.sx-footer-links {display:grid; grid-template-columns:repeat(3, 150px); gap:45px;}
.sx-footer-links small {color:#5edfff;}
.sx-footer-links a {display:block; color:#9db0c0; text-decoration:none; font-size:12px; margin:11px 0;}
.sx-footer-links a:hover {color:#fff;}
.sx-footer-bottom {border-top:1px solid rgba(255, 255, 255, 0.09); padding-top:19px; display:flex; justify-content:space-between; gap:15px; color:#63788a; font-size:10px;}
.sx-footer-bottom a {color:#a7bac9; text-decoration:none;}
.sx-reveal {opacity:0; transform:translateY(18px); transition:0.7s ease;}
.sx-reveal.visible {opacity:1; transform:none;}
.sx-category-hero {min-height:620px;}
.sx-category-hero .sx-hero-visual {width:560px;}
.sx-matrix {position:absolute; inset:20px 0 0 auto; width:480px; display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; opacity:0.75;}
.sx-matrix span {border:1px solid rgba(88, 220, 255, 0.16); min-height:95px; background:linear-gradient(135deg, rgba(255, 255, 255, 0.025), transparent); position:relative;}
.sx-matrix span:after {content:""; position:absolute; left:13px; bottom:13px; width:22px; height:2px; background:#2676ff;}
.sx-matrix span:nth-child(2n):after {background:#2ad8ff; width:42px;}
.sx-resource-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;}
.sx-resource {background:#fff; border:1px solid var(--line); padding:30px; min-height:275px; text-decoration:none; color:var(--ink); display:flex; flex-direction:column; justify-content:space-between; transition:0.3s;}
.sx-resource:hover {transform:translateY(-5px); box-shadow:var(--shadow);}
.sx-resource small {font-size:9px; letter-spacing:0.17em; color:#2676ff; font-weight:700;}
.sx-resource h3 {font:600 25px/1.1 "Space Grotesk"; letter-spacing:-0.035em; margin:20px 0 12px;}
.sx-resource p {font-size:13px; line-height:1.7; color:var(--muted); margin:0;}
.sx-resource .arrow {font-size:18px; color:#2676ff;}
.sx-filter {display:flex; gap:8px; flex-wrap:wrap; margin-bottom:30px;}
.sx-pill {padding:9px 13px; border:1px solid var(--line); font-size:11px; color:#617486; background:#fff;}
.sx-partner-hero .sx-hero-visual {opacity:0.8;}
.sx-partner-lockup {font:600 44px "Space Grotesk"; letter-spacing:-0.05em; color:#fff; margin-bottom:22px;}
.sx-partner-lockup span {color:#55ddff;}
.sx-logo-tile {min-height:110px; background:#fff; border:1px solid var(--line); display:grid; place-items:center; font:600 24px "Space Grotesk"; color:#1b2a39; letter-spacing:-0.04em;}
.sx-logo-tile span {color:#2676ff;}
.sx-contact {padding:95px 0; background:var(--paper);}
.sx-contact-grid {display:grid; grid-template-columns:1fr 1fr; gap:70px;}
.sx-contact h1 {font:600 clamp(48px, 6vw, 82px) / 0.95 "Space Grotesk"; letter-spacing:-0.06em; margin:0 0 24px;}
.sx-contact-lead {font-size:17px; line-height:1.75; color:var(--muted); max-width:550px;}
.sx-form {background:#fff; border:1px solid var(--line); padding:38px; box-shadow:var(--shadow);}
.sx-form label {display:block; font-size:10px; font-weight:700; letter-spacing:0.13em; color:#5e7385; margin:0 0 8px;}
.sx-form .form-control, .sx-form .form-select {border-radius:0; border:1px solid #d6e1e9; padding:13px 14px; font-size:13px;}
.sx-form .form-control:focus {box-shadow:none; border-color:#2676ff;}
.sx-contact-item {padding:20px 0; border-top:1px solid var(--line);}
.sx-contact-item b {font:600 18px "Space Grotesk";}
.sx-contact-item p {font-size:13px; color:var(--muted); margin:7px 0 0; line-height:1.6;}

@media (max-width: 1199.98px) {
.sx-links > li > a {padding-left:7px; padding-right:7px; font-size:11px;}
.sx-nav-inner {gap:15px;}
.sx-menu-panel {gap:12px;}
.sx-nav-cta {padding:11px 13px;}
.sx-hero-visual {right:-150px; opacity:0.5;}
}

@media (max-width: 991.98px) {
.sx-nav-inner {min-height:72px;}
.sx-menu {display:block; margin-left:auto;}
.sx-menu-panel {display:none; position:absolute; top:72px; left:0; right:0; background:#061321; border-top:1px solid rgba(255, 255, 255, 0.08); max-height:calc(100vh - 72px); overflow:auto; padding:8px 20px 24px; align-items:stretch;}
.sx-nav.menu-open .sx-menu-panel {display:block;}
.sx-links {display:block;}
.sx-links > li > a {padding:15px 4px; border-bottom:1px solid rgba(255, 255, 255, 0.08); font-size:13px; justify-content:space-between;}
.sx-mega, .sx-small-menu {position:static; transform:none !important; width:auto; box-shadow:none; animation:none !important;}
.sx-drop.open > .sx-mega {display:block; padding:7px 0 13px; border:0; border-bottom:1px solid rgba(255, 255, 255, 0.08); background:#071a2b;}
.sx-mega-intro {border:0; padding:15px 10px;}
.sx-mega-intro strong {font-size:21px;}
.sx-mega-col {padding:0 4px;}
.sx-mega-col > a {padding:12px 10px;}
.sx-compact.open .sx-small-menu {display:block; padding:4px 0; background:#071a2b; border:0; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.sx-small-menu a {padding:12px 10px;}
.sx-nav-cta {display:flex; margin:18px 0 0; justify-content:center;}
.sx-hero {padding:88px 0 65px; min-height:auto;}
.sx-hero h1 {max-width:720px;}
.sx-hero-visual {display:none;}
.sx-proof {max-width:none;}
.sx-cap-grid, .sx-resource-grid {grid-template-columns:repeat(2, 1fr);}
.sx-flow {grid-template-columns:repeat(2, 1fr);}
.sx-step {border-bottom:1px solid rgba(255, 255, 255, 0.13); padding-bottom:25px;}
.sx-footer-top {display:block;}
.sx-footer-links {margin-top:40px;}
.sx-contact-grid {grid-template-columns:1fr; gap:40px;}
}

@media (max-width: 575.98px) {
.container {width:min(100% - 34px, 1240px);}
.sx-logo-word {font-size:16px;}
.sx-hero {padding:72px 0 55px;}
.sx-hero h1 {font-size:47px;}
.sx-lead {font-size:16px;}
.sx-proof {grid-template-columns:repeat(2, 1fr); gap:18px;}
.sx-proof div {border:0; margin:0;}
.sx-section {padding:65px 0;}
.sx-section-head {display:block; margin-bottom:32px;}
.sx-section-head p {margin-top:18px;}
.sx-cap-grid, .sx-resource-grid {display:block;}
.sx-cap {min-height:auto;}
.sx-flow {display:block;}
.sx-step {border-right:0; margin:0;}
.sx-cta {padding:65px 0;}
.sx-cta-box {display:block;}
.sx-cta .sx-btn {margin-top:25px;}
.sx-footer-links {grid-template-columns:repeat(2, 1fr); gap:25px;}
.sx-footer-bottom {display:block; line-height:1.8;}
.sx-footer-bottom > * {display:block; margin-top:5px;}
.sx-form {padding:24px;}
.sx-contact {padding:65px 0;}
}

@media (prefers-reduced-motion: reduce) {
*, *:before, *:after {animation:none !important; transition:none !important; scroll-behavior:auto !important;}
}

:root {--sx2-ink:#071321; --sx2-paper:#f4f7fa; --sx2-blue:#2a76ff; --sx2-cyan:#54ddff; --sx2-line:#d9e2e9; --sx2-muted:#687d8f; --sx2-dark:#061321;}
.sx2-hero {position:relative; overflow:hidden; min-height:660px; padding:145px 0 85px; background:#061321; color:#fff; isolation:isolate;}
.sx2-hero-grid {position:absolute; inset:0; background-image:linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom, #000, transparent 90%); z-index:-3;}
.sx2-hero-glow {position:absolute; width:720px; height:720px; right:-260px; top:-180px; background:radial-gradient(circle, rgba(42, 118, 255, 0.22), transparent 65%); filter:blur(5px); z-index:-2;}
.sx2-hero-layout {display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(390px, 0.8fr); gap:60px; align-items:center;}
.sx2-hero-copy {position:relative; z-index:2;}
.sx2-kicker {display:flex; align-items:center; gap:10px; color:#8fa6b9; font-size:10px; font-weight:700; letter-spacing:0.19em; margin-bottom:22px;}
.sx2-kicker > span {display:inline-block; width:32px; height:1px; background:var(--sx2-cyan);}
.sx2-hero h1 {font:600 clamp(52px, 6.8vw, 96px) / 0.91 "Space Grotesk", sans-serif; letter-spacing:-0.07em; max-width:950px; margin:0 0 25px;}
.sx2-hero-lead {font-size:18px; line-height:1.7; color:#a9bac8; max-width:700px; margin:0;}
.sx2-actions {display:flex; gap:12px; flex-wrap:wrap; margin-top:34px;}
.sx2-btn {display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:14px 18px; text-decoration:none; border:1px solid transparent; font-size:11px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; transition:0.25s;}
.sx2-btn span {font-size:16px;}
.sx2-btn-primary {background:linear-gradient(100deg, #2775ff, #42bfff); color:#fff;}
.sx2-btn-primary:hover {color:#fff; transform:translateY(-2px); box-shadow:0 15px 35px rgba(42, 118, 255, 0.24);}
.sx2-btn-ghost {border-color:rgba(255, 255, 255, 0.2); color:#dce7ef;}
.sx2-btn-ghost:hover {color:#fff; border-color:rgba(84, 221, 255, 0.7); background:rgba(255, 255, 255, 0.04);}
.sx2-btn-light {background:#fff; color:#071321;}
.sx2-btn-line {border-color:rgba(255, 255, 255, 0.2); color:#fff;}
.sx2-proof {display:flex; gap:0; margin-top:65px; border-top:1px solid rgba(255, 255, 255, 0.1); padding-top:18px;}
.sx2-proof > div {padding-right:27px; margin-right:27px; border-right:1px solid rgba(255, 255, 255, 0.1);}
.sx2-proof > div:last-child {border:0;}
.sx2-proof b {display:block; font-size:12px;}
.sx2-proof small {display:block; color:#6f8799; font-size:9px; letter-spacing:0.14em; margin-top:5px; text-transform:uppercase;}
.sx2-hero-art {height:430px; position:relative; display:grid; place-items:center;}
.sx2-art-label {position:absolute; right:0; top:0; color:#668094; font-size:9px; letter-spacing:0.2em;}
.sx2-art-core {position:absolute; width:122px; height:122px; border:1px solid rgba(84, 221, 255, 0.45); border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle, rgba(42, 118, 255, 0.2), rgba(6, 19, 33, 0.92) 65%); box-shadow:0 0 90px rgba(42, 118, 255, 0.18);}
.sx2-art-core span {font:700 28px "Space Grotesk"; color:#fff;}
.sx2-art-ring {position:absolute; border:1px solid rgba(84, 221, 255, 0.15); border-radius:50%; width:210px; height:210px; animation:sx2spin 16s linear infinite;}
.sx2-art-ring.r2 {width:310px; height:310px; border-color:rgba(42, 118, 255, 0.18); animation-duration:22s; animation-direction:reverse;}
.sx2-art-ring.r3 {width:420px; height:420px; border-style:dashed; border-color:rgba(255, 255, 255, 0.09); animation-duration:30s;}
.sx2-art-node {position:absolute; padding:9px 12px; background:rgba(7, 21, 35, 0.92); border:1px solid rgba(255, 255, 255, 0.12); font-size:9px; color:#7891a4; letter-spacing:0.04em; backdrop-filter:blur(10px);}
.sx2-art-node b {display:block; color:#dfeaf2; font-size:10px; letter-spacing:0.12em; margin-top:2px;}
.sx2-art-node.a1 {left:0; top:100px;}
.sx2-art-node.a2 {right:5px; top:75px;}
.sx2-art-node.a3 {right:35px; bottom:55px;}
.sx2-art-node.a4 {left:20px; bottom:65px;}
.sx2-art-scan {position:absolute; width:70%; height:1px; background:linear-gradient(90deg, transparent, #54ddff, transparent); opacity:0.45; animation:sx2scan 4s ease-in-out infinite;}
.sx2-blueprint .sx2-art-ring.r1 {border-radius:14px; transform:rotate(18deg);}
.sx2-blueprint .sx2-art-ring.r2 {border-radius:22px; transform:rotate(-28deg);}
.sx2-blueprint .sx2-art-ring.r3 {border-radius:30px; transform:rotate(43deg);}
.sx2-signal .sx2-art-ring {border-radius:8px;}
.sx2-signal .sx2-art-core {border-radius:14px;}
.sx2-ops .sx2-art-ring {border-radius:6px; border-style:solid;}
.sx2-editorial .sx2-art-ring.r1 {width:180px; height:300px; border-radius:50%;}
.sx2-editorial .sx2-art-ring.r2 {width:330px; height:170px; border-radius:50%;}
.sx2-editorial .sx2-art-ring.r3 {width:430px; height:250px; border-radius:50%;}

@keyframes sx2spin {
to {transform:rotate(360deg);}
}

@keyframes sx2scan {
0%, 100% {transform:translateY(-110px); opacity:0;}
40%, 60% {opacity:0.6;}
50% {transform:translateY(110px);}
}

.sx2-section {padding:105px 0; background:#fff;}
.sx2-section:nth-of-type(even) {background:#f4f7fa;}
.sx2-head {display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:52px;}
.sx2-eyebrow {font-size:10px; font-weight:700; letter-spacing:0.19em; color:var(--sx2-blue); margin-bottom:14px;}
.sx2-dark-band .sx2-eyebrow, .sx2-cta .sx2-eyebrow {color:var(--sx2-cyan);}
.sx2-head h2, .sx2-overview-lead h2 {font:600 clamp(34px, 4.4vw, 62px) / 0.98 "Space Grotesk"; letter-spacing:-0.055em; margin:0; max-width:790px; color:var(--sx2-ink);}
.sx2-head > p {max-width:430px; color:var(--sx2-muted); font-size:13px; line-height:1.8; margin:0;}
.sx2-overview {display:grid; grid-template-columns:0.9fr 1.1fr; gap:80px;}
.sx2-overview-lead h2 {font-size:clamp(38px, 4.6vw, 55px);}
.sx2-overview-body > p {font-size:16px; line-height:1.85; color:#5f7486; max-width:700px;}
.sx2-mini-grid {display:grid; grid-template-columns:repeat(2, 1fr); margin-top:35px; border-top:1px solid var(--sx2-line); border-left:1px solid var(--sx2-line);}
.sx2-mini-grid div {min-height:95px; padding:18px; border-right:1px solid var(--sx2-line); border-bottom:1px solid var(--sx2-line); display:flex; gap:16px; align-items:flex-start;}
.sx2-mini-grid b {font:700 11px "Space Grotesk"; color:#2a76ff;}
.sx2-mini-grid span {font-size:12px; color:#617789; line-height:1.5;}
.sx2-card-grid {display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--sx2-line); border-left:1px solid var(--sx2-line);}
.sx2-card {min-height:300px; padding:28px; border-right:1px solid var(--sx2-line); border-bottom:1px solid var(--sx2-line); position:relative; transition:0.3s; background:#fff;}
.sx2-card:hover {transform:translateY(-6px); box-shadow:0 24px 60px rgba(17, 47, 72, 0.09); z-index:2;}
.sx2-card-top {display:flex; justify-content:space-between; align-items:center;}
.sx2-card-top > span {font:700 10px "Space Grotesk"; color:#9aabba; letter-spacing:0.14em;}
.sx2-card-top i {font-size:20px; color:#2a76ff;}
.sx2-card h3 {font:600 22px/1.12 "Space Grotesk"; letter-spacing:-0.035em; margin:55px 0 12px;}
.sx2-card p {font-size:13px; line-height:1.75; color:#718596; max-width:350px;}
.sx2-arrow {position:absolute; bottom:25px; left:28px; color:#2a76ff; text-decoration:none; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.07em;}
.sx2-arrow span {font-size:15px; margin-left:10px;}
.sx2-metrics {padding:0; background:#eef3f7; border-top:1px solid #d7e0e7; border-bottom:1px solid #d7e0e7;}
.sx2-metric-grid {display:grid; grid-template-columns:repeat(4, 1fr);}
.sx2-metric-grid div {padding:29px 24px; border-right:1px solid #d7e0e7;}
.sx2-metric-grid div:last-child {border:0;}
.sx2-metric-grid strong {display:block; font:600 20px "Space Grotesk"; letter-spacing:-0.03em;}
.sx2-metric-grid span {display:block; margin-top:7px; color:#708495; font-size:10px; text-transform:uppercase; letter-spacing:0.12em;}
.sx2-dark-band {padding:100px 0; background:#061321; color:#fff;}
.sx2-dark-top {display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:55px;}
.sx2-dark-top h2, .sx2-dark-band .sx2-head h2 {color:#fff;}
.sx2-dark-top > p {color:#8ea3b5; line-height:1.8; font-size:14px; margin:0;}
.sx2-dark-grid {display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid rgba(255, 255, 255, 0.12);}
.sx2-dark-grid > div {padding:28px 24px 12px 0; margin-right:24px; border-right:1px solid rgba(255, 255, 255, 0.12); min-height:205px;}
.sx2-dark-grid > div:last-child {border:0;}
.sx2-dark-grid span {color:#54ddff; font:700 10px "Space Grotesk"; letter-spacing:0.13em;}
.sx2-dark-grid h3 {font:600 22px "Space Grotesk"; margin:27px 0 10px;}
.sx2-dark-grid p {font-size:12px; line-height:1.75; color:#8499ab;}
.sx2-use-grid {display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--sx2-line);}
.sx2-use {padding:28px 25px 20px 0; border-right:1px solid var(--sx2-line); margin-right:25px; min-height:220px;}
.sx2-use:last-child {border:0;}
.sx2-use span {font:700 10px "Space Grotesk"; color:#2a76ff;}
.sx2-use h3 {font:600 23px "Space Grotesk"; letter-spacing:-0.035em; margin:30px 0 10px;}
.sx2-use p {font-size:12px; color:#738798; line-height:1.75;}
.sx2-journey-grid {border-top:1px solid var(--sx2-line);}
.sx2-journey-step {display:grid; grid-template-columns:100px 1fr; gap:35px; padding:28px 0; border-bottom:1px solid var(--sx2-line);}
.sx2-step-no {font:700 11px "Space Grotesk"; color:#2a76ff; letter-spacing:0.13em;}
.sx2-journey-step h3 {font:600 25px "Space Grotesk"; margin:0 0 8px;}
.sx2-journey-step p {font-size:13px; color:#718596; line-height:1.7; margin:0; max-width:760px;}
.sx2-faq {background:#f4f7fa;}
.sx2-faq-grid {border-top:1px solid var(--sx2-line);}
.sx2-faq details {border-bottom:1px solid var(--sx2-line); padding:0;}
.sx2-faq summary {list-style:none; cursor:pointer; padding:23px 0; font:600 18px "Space Grotesk"; display:flex; justify-content:space-between;}
.sx2-faq summary::-webkit-details-marker {display:none;}
.sx2-faq summary span {color:#2a76ff;}
.sx2-faq details p {color:#6f8293; font-size:13px; line-height:1.8; max-width:760px; padding:0 50px 25px 0; margin:0;}
.sx2-cta {padding:100px 0; background:linear-gradient(120deg, #0a2035, #071421); color:#fff;}
.sx2-cta-grid {display:flex; justify-content:space-between; align-items:end; gap:50px;}
.sx2-cta h2 {font:600 clamp(38px, 5vw, 68px) / 0.96 "Space Grotesk"; letter-spacing:-0.06em; max-width:850px; margin:0 0 18px;}
.sx2-cta p {color:#91a7b9; max-width:700px; line-height:1.8; margin:0;}
.sx2-cta-actions {display:flex; gap:10px; flex-wrap:wrap; min-width:270px; justify-content:flex-end;}
.sx2-category-grid {display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--sx2-line); border-left:1px solid var(--sx2-line);}
.sx2-category-card {padding:30px; min-height:315px; border-right:1px solid var(--sx2-line); border-bottom:1px solid var(--sx2-line); text-decoration:none; color:var(--sx2-ink); transition:0.3s; background:#fff; position:relative;}
.sx2-category-card:hover {transform:translateY(-5px); box-shadow:0 20px 55px rgba(17, 47, 72, 0.09); color:var(--sx2-ink);}
.sx2-category-card > span {font:700 10px "Space Grotesk"; color:#9caeba;}
.sx2-category-card i {display:block; color:#2a76ff; font-size:23px; margin:42px 0 22px;}
.sx2-category-card h3 {font:600 25px "Space Grotesk"; letter-spacing:-0.04em; margin:0 0 10px;}
.sx2-category-card p {font-size:12px; line-height:1.75; color:#708496; max-width:320px;}
.sx2-category-card b {position:absolute; bottom:25px; font-size:10px; text-transform:uppercase; letter-spacing:0.1em; color:#2a76ff;}
.sx2-category-card em {font-style:normal; font-size:15px; margin-left:10px;}
.sx2-resource-grid2 {display:grid; grid-template-columns:repeat(2, 1fr); gap:16px;}
.sx2-resource-card {min-height:285px; padding:30px; background:#fff; border:1px solid var(--sx2-line); display:flex; flex-direction:column; justify-content:space-between; text-decoration:none; color:var(--sx2-ink); transition:0.3s;}
.sx2-resource-card:hover {transform:translateY(-5px); box-shadow:0 20px 50px rgba(17, 47, 72, 0.09); color:var(--sx2-ink);}
.sx2-resource-card small {font-size:9px; font-weight:700; letter-spacing:0.18em; color:#2a76ff;}
.sx2-resource-card h3 {font:600 30px/1.05 "Space Grotesk"; letter-spacing:-0.045em; margin:45px 0 12px; max-width:600px;}
.sx2-resource-card p {font-size:13px; line-height:1.75; color:#708496; max-width:580px;}
.sx2-resource-card > span {font-size:10px; text-transform:uppercase; letter-spacing:0.08em; color:#2a76ff;}
.sx2-theme-grid {display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid rgba(255, 255, 255, 0.13);}
.sx2-theme-grid a {padding:25px 18px 15px 0; margin-right:18px; border-right:1px solid rgba(255, 255, 255, 0.13); color:#fff; text-decoration:none; font:600 23px "Space Grotesk"; display:flex; justify-content:space-between;}
.sx2-theme-grid a:last-child {border:0;}
.sx2-partner-intro {display:grid; grid-template-columns:130px 1fr; gap:45px; align-items:start;}
.sx2-partner-icon {width:110px; height:110px; border:1px solid var(--sx2-line); display:grid; place-items:center; color:#2a76ff; font-size:40px;}
.sx2-partner-intro h2 {font:600 clamp(34px, 4vw, 57px) / 1 "Space Grotesk"; letter-spacing:-0.05em; max-width:900px; margin:0 0 20px;}
.sx2-partner-intro p {font-size:15px; line-height:1.8; color:#6c8091; max-width:760px;}
.sx2-partner-grid {display:grid; grid-template-columns:repeat(3, 1fr); margin-top:70px; border-top:1px solid var(--sx2-line);}
.sx2-partner-grid > div {padding:28px 25px 10px 0; margin-right:25px; border-right:1px solid var(--sx2-line);}
.sx2-partner-grid > div:last-child {border:0;}
.sx2-partner-grid span {font:700 10px "Space Grotesk"; color:#2a76ff;}
.sx2-partner-grid h3 {font:600 22px "Space Grotesk"; margin:28px 0 10px;}
.sx2-partner-grid p {font-size:12px; color:#718596; line-height:1.75;}
.sx2-logo-grid2 {display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}
.sx2-logo-grid2 a {min-height:160px; padding:25px; background:#fff; border:1px solid var(--sx2-line); display:flex; align-items:end; justify-content:space-between; text-decoration:none; color:#102131; font:600 25px "Space Grotesk"; letter-spacing:-0.04em; transition:0.3s;}
.sx2-logo-grid2 a:hover {border-color:#2a76ff; transform:translateY(-4px);}
.sx2-logo-grid2 span {font-size:16px; color:#2a76ff;}
.sx2-light-alt {background:#eef3f7 !important;}
.sx2-values {display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--sx2-line); margin-top:70px;}
.sx2-values > div {padding:30px 25px 15px 0; border-right:1px solid var(--sx2-line); margin-right:25px; min-height:210px;}
.sx2-values > div:nth-child(3n) {border:0;}
.sx2-values span {font:700 10px "Space Grotesk"; color:#2a76ff;}
.sx2-values h3 {font:600 23px "Space Grotesk"; margin:30px 0 10px;}
.sx2-values p {font-size:12px; color:#718596; line-height:1.75;}
.sx2-home-command {padding:95px 0; background:#eef3f7; border-top:1px solid #d7e0e7; border-bottom:1px solid #d7e0e7;}
.sx2-home-command-grid {display:grid; grid-template-columns:1.1fr 0.9fr; gap:80px;}
.sx2-home-command h2 {font:600 clamp(36px, 4.8vw, 64px) / 0.98 "Space Grotesk"; letter-spacing:-0.055em; max-width:760px; margin:0 0 18px;}
.sx2-home-command p {font-size:15px; line-height:1.8; color:#6e8293; max-width:650px;}
.sx2-command-list {border-top:1px solid #ccd8e0;}
.sx2-command-list a {display:grid; grid-template-columns:45px 1fr 20px; gap:15px; align-items:center; padding:20px 0; border-bottom:1px solid #ccd8e0; text-decoration:none; color:#102131;}
.sx2-command-list span {font:700 10px "Space Grotesk"; color:#2a76ff;}
.sx2-command-list b {font:600 15px "Space Grotesk";}
.sx2-command-list em {font-style:normal; color:#2a76ff;}
.sx2-contact-hero {position:relative; overflow:hidden; background:#061321; color:#fff; padding:150px 0 100px;}
.sx2-contact-bg {position:absolute; inset:0; background:radial-gradient(circle at 75% 25%, rgba(42, 118, 255, 0.2), transparent 35%), linear-gradient(90deg, transparent 0 49.8%, rgba(255, 255, 255, 0.05) 50%, transparent 50.2%); background-size:auto, 100% 100%; opacity:0.9;}
.sx2-contact-layout {position:relative; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start;}
.sx2-contact-hero h1 {font:600 clamp(50px, 6vw, 82px) / 0.94 "Space Grotesk"; letter-spacing:-0.065em; margin:0 0 25px;}
.sx2-contact-hero > div > .sx2-contact-layout > div:first-child > p {font-size:16px; line-height:1.8; color:#9bb0c1; max-width:620px;}
.sx2-contact-points {margin-top:55px; border-top:1px solid rgba(255, 255, 255, 0.12);}
.sx2-contact-points div {padding:17px 0; border-bottom:1px solid rgba(255, 255, 255, 0.12);}
.sx2-contact-points b {display:block; font:600 16px "Space Grotesk";}
.sx2-contact-points span {display:block; color:#7890a2; font-size:11px; margin-top:5px;}
.sx2-contact-form {background:#fff; color:#071321; padding:36px; box-shadow:0 25px 80px rgba(0, 0, 0, 0.24);}
.sx2-form-head small {font-size:9px; letter-spacing:0.18em; font-weight:700; color:#2a76ff;}
.sx2-form-head h2 {font:600 38px "Space Grotesk"; letter-spacing:-0.04em; margin:12px 0 28px;}
.sx2-contact-form label {display:block; font-size:9px; letter-spacing:0.1em; text-transform:uppercase; font-weight:700; color:#617789; margin-bottom:7px;}
.sx2-contact-form .form-control, .sx2-contact-form .form-select {border-radius:0; border:1px solid #d5e0e8; padding:13px; font-size:12px;}
.sx2-contact-form .form-control:focus, .sx2-contact-form .form-select:focus {box-shadow:none; border-color:#2a76ff;}
.sx2-form-success {display:none; margin-top:15px; padding:13px; background:#edf8f5; border:1px solid #c6e8dc; color:#28725f; font-size:11px; line-height:1.6;}
.sx2-form-success.show {display:block;}

@media (max-width: 991.98px) {
.sx2-hero {padding:110px 0 70px; min-height:auto;}
.sx2-hero-layout, .sx2-overview, .sx2-dark-top, .sx2-home-command-grid, .sx2-contact-layout {grid-template-columns:1fr; gap:45px;}
.sx2-hero-art {height:340px; max-width:600px;}
.sx2-card-grid, .sx2-category-grid {grid-template-columns:repeat(2, 1fr);}
.sx2-dark-grid {grid-template-columns:repeat(2, 1fr);}
.sx2-use-grid {grid-template-columns:repeat(2, 1fr);}
.sx2-metric-grid {grid-template-columns:repeat(2, 1fr);}
.sx2-metric-grid div:nth-child(2) {border-right:0;}
.sx2-theme-grid {grid-template-columns:repeat(2, 1fr);}
.sx2-logo-grid2 {grid-template-columns:repeat(2, 1fr);}
.sx2-values {grid-template-columns:repeat(2, 1fr);}
.sx2-values > div:nth-child(3n) {border-right:1px solid var(--sx2-line);}
.sx2-values > div:nth-child(2n) {border-right:0;}
.sx2-partner-grid {grid-template-columns:1fr 1fr;}
.sx2-partner-grid > div:nth-child(2) {border-right:0;}
.sx2-cta-grid {display:block;}
.sx2-cta-actions {justify-content:flex-start; margin-top:28px;}
.sx2-contact-form {margin-top:10px;}
}

@media (max-width: 575.98px) {
.sx2-hero h1 {font-size:48px;}
.sx2-hero-lead {font-size:16px;}
.sx2-proof {display:grid; grid-template-columns:1fr 1fr; gap:15px;}
.sx2-proof > div {border:0; margin:0; padding:0;}
.sx2-hero-art {display:none;}
.sx2-section, .sx2-dark-band, .sx2-cta {padding:72px 0;}
.sx2-head {display:block;}
.sx2-head > p {margin-top:20px;}
.sx2-card-grid, .sx2-category-grid, .sx2-resource-grid2, .sx2-dark-grid, .sx2-use-grid, .sx2-values, .sx2-partner-grid, .sx2-metric-grid, .sx2-logo-grid2, .sx2-theme-grid {grid-template-columns:1fr;}
.sx2-metric-grid div {border-right:0 !important;}
.sx2-card {min-height:280px;}
.sx2-journey-step {grid-template-columns:55px 1fr; gap:15px;}
.sx2-overview {gap:35px;}
.sx2-mini-grid {grid-template-columns:1fr;}
.sx2-partner-intro {grid-template-columns:1fr; gap:25px;}
.sx2-contact-hero {padding:110px 0 70px;}
.sx2-contact-form {padding:24px;}
.sx2-home-command {padding:72px 0;}
.sx2-home-command-grid {gap:35px;}
}

.sx2-variant {padding:90px 0; background:#edf3f7; border-top:1px solid #d8e2e9; border-bottom:1px solid #d8e2e9;}
.sx2-variant-grid {display:grid; grid-template-columns:0.8fr 1.2fr; gap:80px; align-items:center;}
.sx2-variant h2 {font:600 clamp(35px, 4.4vw, 58px) / 0.98 "Space Grotesk"; letter-spacing:-0.055em; color:#071321; margin:0;}
.sx2-variant p {font-size:14px; line-height:1.8; color:#6d8192; max-width:650px;}
.sx2-layers {border-left:1px solid #cbd7df;}
.sx2-layers div {display:grid; grid-template-columns:45px 130px 1fr; gap:15px; align-items:center; padding:17px 18px; border-top:1px solid #cbd7df; background:#f8fafb;}
.sx2-layers div:nth-child(odd) {background:#e8eef3;}
.sx2-layers span {font:700 10px "Space Grotesk"; color:#2a76ff;}
.sx2-layers b {font-size:10px; letter-spacing:0.13em;}
.sx2-layers em {font-style:normal; color:#7a8d9d; font-size:11px;}
.sx2-signal-layout {display:grid; grid-template-columns:0.75fr 1.25fr; gap:80px; align-items:center;}
.sx2-signal-board {display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.sx2-signal-board > div {min-height:160px; padding:23px; background:#071725; color:#fff; border:1px solid rgba(255, 255, 255, 0.08); display:flex; flex-direction:column; justify-content:space-between;}
.sx2-signal-board small {font-size:9px; color:#54ddff; letter-spacing:0.17em;}
.sx2-signal-board strong {font:600 20px "Space Grotesk";}
.sx2-signal-board span {font-size:10px; color:#8499aa;}
.sx2-variant-ops {background:#071725; color:#fff;}
.sx2-ops-head {display:flex; justify-content:space-between; align-items:end; margin-bottom:30px;}
.sx2-ops-head h2 {color:#fff;}
.sx2-ops-head > span {font-size:9px; color:#54ddff; letter-spacing:0.18em;}
.sx2-ops-board {display:grid; grid-template-columns:1.4fr 0.6fr; border:1px solid rgba(255, 255, 255, 0.1);}
.sx2-ops-main {padding:15px 28px;}
.sx2-ops-line {display:grid; grid-template-columns:90px 1fr 12px; align-items:center; gap:20px; padding:21px 0; border-bottom:1px solid rgba(255, 255, 255, 0.09);}
.sx2-ops-line:last-child {border:0;}
.sx2-ops-line span {font-size:9px; color:#688095; letter-spacing:0.14em;}
.sx2-ops-line b {font:500 15px "Space Grotesk";}
.sx2-ops-line i {width:7px; height:7px; border-radius:50%; background:#54ddff; box-shadow:0 0 14px #54ddff;}
.sx2-ops-side {padding:25px; border-left:1px solid rgba(255, 255, 255, 0.1); background:#0b2034;}
.sx2-ops-side div {padding:16px 0; border-bottom:1px solid rgba(255, 255, 255, 0.09);}
.sx2-ops-side div:last-child {border:0;}
.sx2-ops-side small {color:#54ddff; font-size:9px;}
.sx2-ops-side b {display:block; font-size:11px; margin:6px 0;}
.sx2-ops-side p {font-size:10px; color:#7e95a8; margin:0;}
.sx2-variant-editorial {background:#fff;}
.sx2-editorial-grid {display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center;}
.sx2-editorial-quote {padding-right:50px; border-right:1px solid #d8e2e9;}
.sx2-editorial-quote > span {font:600 80px/0 "Space Grotesk"; color:#2a76ff;}
.sx2-editorial-quote blockquote {font:500 clamp(25px, 3vw, 41px) / 1.12 "Space Grotesk"; letter-spacing:-0.045em; color:#071321; margin:18px 0 25px;}
.sx2-editorial-quote small {font-size:9px; letter-spacing:0.16em; color:#718697;}
.sx2-decision {border-top:1px solid #d8e2e9; margin-top:28px;}
.sx2-decision > div {padding:18px 0; border-bottom:1px solid #d8e2e9; display:grid; grid-template-columns:35px 1fr; column-gap:15px;}
.sx2-decision b {font-size:10px; color:#2a76ff;}
.sx2-decision h3 {font:600 19px "Space Grotesk"; margin:0 0 5px;}
.sx2-decision p {grid-column:2; margin:0; font-size:11px; line-height:1.65;}
.sx2-variant-command {background:#0d2134; color:#fff;}
.sx2-command-panel {display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;}
.sx2-command-panel h2 {color:#fff;}
.sx2-command-panel p {color:#8da2b4;}
.sx2-command-circles {height:360px; position:relative; border:1px solid rgba(255, 255, 255, 0.1); display:grid; place-items:center;}
.sx2-command-circles:before, .sx2-command-circles:after {content:""; position:absolute; border:1px solid rgba(84, 221, 255, 0.16); border-radius:50%; width:260px; height:260px;}
.sx2-command-circles:after {width:150px; height:150px; border-color:rgba(42, 118, 255, 0.25);}
.sx2-command-circles span {position:absolute; padding:8px 10px; border:1px solid rgba(255, 255, 255, 0.12); background:#0a1a2a; font-size:9px; color:#a9bac8;}
.sx2-command-circles span:nth-child(1) {top:35px;}
.sx2-command-circles span:nth-child(2) {right:25px;}
.sx2-command-circles span:nth-child(3) {bottom:35px;}
.sx2-command-circles span:nth-child(4) {left:25px;}
.sx2-command-circles strong {position:relative; z-index:2; font:600 17px "Space Grotesk"; color:#fff;}

@media (max-width: 991.98px) {
.sx2-variant-grid, .sx2-signal-layout, .sx2-editorial-grid, .sx2-command-panel {grid-template-columns:1fr; gap:45px;}
.sx2-ops-board {grid-template-columns:1fr;}
.sx2-ops-side {border-left:0; border-top:1px solid rgba(255, 255, 255, 0.1);}
.sx2-editorial-quote {border-right:0; border-bottom:1px solid #d8e2e9; padding:0 0 40px;}
.sx2-layers div {grid-template-columns:35px 110px 1fr;}
}

@media (max-width: 575.98px) {
.sx2-variant {padding:70px 0;}
.sx2-layers div {grid-template-columns:30px 1fr; gap:8px;}
.sx2-layers em {grid-column:2;}
.sx2-signal-board {grid-template-columns:1fr;}
.sx2-ops-head {display:block;}
.sx2-ops-head > span {display:block; margin-top:12px;}
.sx2-ops-line {grid-template-columns:70px 1fr 10px; gap:10px;}
.sx2-command-circles {height:290px;}
}

.data-section-v2 {position:relative; overflow:hidden; background:radial-gradient(circle at 75% 35%, rgba(0,190,255,.08), transparent 32%), #071018; border-top:1px solid rgba(255, 255, 255, .06);}
.data-v2-header {display:flex; justify-content:space-between; align-items:flex-end; gap:60px; margin-bottom:70px;}
.data-v2-header h2 {margin:16px 0 0; max-width:720px; font-size:clamp(42px,5vw,72px); color:#d2d2d2; line-height:.98; letter-spacing:-.045em; font-weight:600;}
.data-v2-header h2 span {color:#6bdcff;}
.data-v2-intro {max-width:390px;}
.data-v2-intro p {margin:0 0 25px; color:rgba(255,255,255,.62); font-size:16px; line-height:1.7;}
.data-v2-link {display:inline-flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-weight:600; border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:7px; transition:.3s ease;}
.data-v2-link:hover {color:#6bdcff; border-color:#6bdcff;}
.data-v2-stage {min-height:520px; display:grid; grid-template-columns:180px 1fr 300px; border:1px solid rgba(255,255,255,.08); background:rgba(255, 255, 255, .018);}
.data-v2-signal {padding:30px 25px; border-right:1px solid rgba(255,255,255,.08); display:flex; flex-direction:column;}
.signal-top {display:flex; justify-content:space-between; gap:10px; font-size:9px; letter-spacing:.14em; color:rgba(255,255,255,.45);}
.signal-live {color:#6bdcff;}
.signal-live i {display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:#6bdcff; box-shadow:0 0 12px #6bdcff;}
.signal-number {margin-top:auto; font-size:100px; line-height:.8; font-weight:700; letter-spacing:-.08em; color:rgba(255,255,255,.08);}
.signal-label {margin-top:18px; color:rgba(255,255,255,.5); font-size:12px;}
.data-v2-architecture {position:relative; min-height:520px; overflow:hidden; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px); background-size:42px 42px;}
.data-orbit {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid rgba(91, 218, 255, .16); border-radius:50%;}
.orbit-1 {width:290px; height:290px;}
.orbit-2 {width:440px; height:440px; border-color:rgba(91,218,255,.07);}
.data-center {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:155px; height:155px; border-radius:50%; border:1px solid rgba(102, 220, 255, .45); background:rgba(4, 18, 28, .95); box-shadow:0 0 50px rgba(0, 190, 255, .12), inset 0 0 35px rgba(0, 190, 255, .06); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.center-icon {width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(107,220,255,.35); border-radius:10px; color:#6bdcff; margin-bottom:12px;}
.data-center strong {font-size:11px;  color:#d2d2d2; line-height:1.35; letter-spacing:.08em;}
.data-center small {margin-top:8px; font-size:7px; letter-spacing:.12em; color:rgba(255,255,255,.38);}
.data-pill {position:absolute; display:flex; align-items:center; gap:9px; padding:11px 15px; border:1px solid rgba(255,255,255,.11); background:rgba(5, 16, 24, .9); backdrop-filter:blur(10px); color:#fff; font-size:11px; white-space:nowrap;}
.data-pill i {color:#6bdcff;}
.pill-1 {top:17%; left:12%;}
.pill-2 {top:16%; right:12%;}
.pill-3 {bottom:18%; left:10%;}
.pill-4 {bottom:18%; right:13%;}
.pill-5 {left:50%; bottom:7%; transform:translateX(-50%);}
.data-v2-outcome {border-left:1px solid rgba(255,255,255,.08); display:flex; flex-direction:column; justify-content:center;}
.outcome-item {display:flex; gap:18px; padding:28px 25px; border-bottom:1px solid rgba(255,255,255,.07);}
.outcome-item:last-child {border-bottom:0;}
.outcome-item > span {font-size:10px; color:#6bdcff; letter-spacing:.1em;}
.outcome-item strong {display:block; color:#d2d2d2; margin-bottom:7px; font-size:14px;}
.outcome-item p {margin:0; color:rgba(255,255,255,.48); font-size:12px; line-height:1.55;}
.data-v2-capabilities {display:grid; grid-template-columns:repeat(5,1fr); border-left:1px solid rgba(255, 255, 255, .08); border-bottom:1px solid rgba(255, 255, 255, .08);}
.data-v2-capabilities a {position:relative; min-height:145px; padding:24px; color:#fff; text-decoration:none; border-right:1px solid rgba(255,255,255,.08); background:rgba(255, 255, 255, .012); transition:.35s ease;}
.data-v2-capabilities a:hover {background:rgba(107,220,255,.06); transform:translateY(-5px);}
.data-v2-capabilities span {display:block; margin-bottom:28px; color:#6bdcff; font-size:10px;}
.data-v2-capabilities strong {font-size:13px; line-height:1.45;}
.data-v2-capabilities i {position:absolute; right:20px; bottom:20px; opacity:.4; transition:.3s;}
.data-v2-capabilities a:hover i {opacity:1; transform:translate(3px,-3px);}

@media(max-width:1199px) {
.data-v2-stage {grid-template-columns:130px 1fr 260px;}
.data-v2-capabilities {grid-template-columns:repeat(3,1fr);}
}

@media(max-width:991px) {
.data-v2-header {display:block;}
.data-v2-intro {margin-top:30px;}
.data-v2-stage {grid-template-columns:1fr;}
.data-v2-signal {min-height:110px; border-right:0; border-bottom:1px solid rgba(255,255,255,.08);}
.signal-number {display:none;}
.data-v2-architecture {min-height:480px;}
.data-v2-outcome {border-left:0; border-top:1px solid rgba(255,255,255,.08);}
}

@media(max-width:767px) {
.data-v2-header h2 {font-size:42px;}
.data-v2-architecture {min-height:420px;}
.orbit-2 {width:350px; height:350px;}
.orbit-1 {width:230px; height:230px;}
.data-pill {font-size:9px; padding:8px 10px;}
.pill-1 {left:5%;}
.pill-2 {right:5%;}
.pill-3 {left:4%;}
.pill-4 {right:4%;}
.data-v2-capabilities {grid-template-columns:1fr;}
.data-v2-capabilities a {min-height:120px; border-bottom:1px solid rgba(255,255,255,.08);}
}

.sx2-form-success, .sx2-form-error {display:none; margin-top:20px; padding:18px 20px; align-items:center; gap:14px; border:1px solid rgba(60, 210, 160, .35); background:rgba(60, 210, 160, .08);}
.sx2-form-success.show, .sx2-form-error.show {display:flex;}
.success-icon, .error-icon {width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:50%; font-size:19px;}
.success-icon {color:#42e6ae; border:1px solid rgba(66, 230, 174, .4); background:rgba(66, 230, 174, .1);}
.sx2-form-success strong, .sx2-form-error strong {display:block; margin-bottom:4px; color:#333; font-size:14px;}
.sx2-form-success p, .sx2-form-error p {margin:0; color:#333; font-size:12px; line-height:1.5;}
.sx2-form-error {border-color:rgba(255, 100, 100, .3); background:rgba(255, 80, 80, .07);}
.error-icon {color:#ff8585; border:1px solid rgba(255, 100, 100, .35);}

.thanks, .form-error {display:none; margin-top:15px; padding:16px 18px; border:1px solid rgba(66, 230, 174, .3); background:rgba(66, 230, 174, .08);}
.thanks.show, .form-error.show {display:block;}
.thanks strong {display:block; color:#42e6ae; margin-bottom:5px;}
.thanks span {display:block; color:rgba(255,255,255,.65); font-size:13px; line-height:1.5;}
.form-error {border-color:rgba(255, 100, 100, .3); background:rgba(255, 80, 80, .07); color:#ff8585;}

.home-form-success, .home-form-error {display:none !important; margin-top:16px; padding:15px 18px; align-items:flex-start; gap:12px; border-radius:4px;}
.home-form-success.show, .home-form-error.show {display:flex !important;}
.home-form-success {background:rgba(40, 200, 140, .08); border:1px solid rgba(40, 200, 140, .3);}
.home-form-success i {color:#35d99b; font-size:20px;}
.home-form-success strong, .home-form-error strong {display:block; margin-bottom:3px; font-size:14px;}
.home-form-success span, .home-form-error span {display:block; font-size:12px; line-height:1.5; color:#777;}
.home-form-error {background:rgba(220, 70, 70, .07); border:1px solid rgba(220, 70, 70, .25);}
.home-form-error i {color:#e85d5d; font-size:20px;}

.sx-about-story, .sx-about-practices, .sx-about-approach, .sx-about-value, .sx-about-engagement, .sx-about-ecosystem, .sx-about-final {padding:120px 0; background:#fff; color:#071018;}
.sx-about-eyebrow {display:block; margin-bottom:20px; color:#168ed0; font-size:11px; font-weight:700; letter-spacing:.16em;}
.sx-about-story-grid, .sx-about-ecosystem-grid, .sx-about-final-grid {display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start;}
.sx-about-story-title h2, .sx-about-section-head h2, .sx-about-value-header h2, .sx-about-final h2 {max-width:720px; margin:0; font-size:clamp(40px,5vw,68px); line-height:1; letter-spacing:-.045em;}
.sx-about-story-title h2 em {color:#159bd7; font-style:normal;}
.sx-about-story-copy {max-width:650px;}
.sx-about-story-copy p {margin-bottom:24px; color:#596570; font-size:17px; line-height:1.8;}
.sx-about-story-copy .sx-about-lead {color:#17232e; font-size:23px; line-height:1.5;}
.sx-about-practices {background:#f4f7f9;}
.sx-about-section-head {display:flex; justify-content:space-between; gap:70px; margin-bottom:65px;}
.sx-about-section-head > p {max-width:430px; margin:40px 0 0; color:#64717c; line-height:1.8;}
.sx-about-practice-grid {display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #d9e0e5; border-left:1px solid #d9e0e5;}
.sx-about-practice {position:relative; min-height:270px; padding:38px; color:#071018; text-decoration:none; border-right:1px solid #d9e0e5; border-bottom:1px solid #d9e0e5; transition:.35s ease;}
.sx-about-practice:hover {background:#071018; color:#fff;}
.sx-about-practice .practice-number {color:#168ed0; font-size:11px;}
.sx-about-practice > i {position:absolute; top:38px; right:38px; font-size:28px; color:#159bd7;}
.sx-about-practice h3 {margin-top:30px; font-size:30px; letter-spacing:-.03em;}
.sx-about-practice p {max-width:480px; color:#68747e; line-height:1.7;}
.sx-about-practice:hover p {color:rgba(255,255,255,.6);}
.sx-about-practice strong {position:absolute; bottom:38px; font-size:12px; letter-spacing:.05em;}
.sx-about-practice strong span {margin-left:8px;}
.sx-about-operating {padding:120px 0; background:#071018; color:#fff;}
.sx-about-section-head.light > p {color:rgba(255,255,255,.55);}
.sx-about-flow {display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid rgba(255, 255, 255, .15);}
.sx-flow-item {min-height:310px; padding:30px 25px; border-right:1px solid rgba(255,255,255,.1);}
.sx-flow-item > span {color:#5fd7ff; font-size:11px;}
.sx-flow-line {width:100%; height:1px; margin:30px 0; background:rgba(255,255,255,.15);}
.sx-flow-item h3 {font-size:24px;}
.sx-flow-item p {color:rgba(255,255,255,.52); font-size:14px; line-height:1.7;}
.sx-about-approach {background:#f8fafb;}
.sx-about-approach-grid {display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #dce2e6; border-left:1px solid #dce2e6;}
.sx-about-approach-grid > div {min-height:250px; padding:32px; border-right:1px solid #dce2e6; border-bottom:1px solid #dce2e6;}
.sx-about-approach-grid span {color:#159bd7; font-size:11px;}
.sx-about-approach-grid h3 {margin-top:40px; font-size:20px;}
.sx-about-approach-grid p {color:#68747e; line-height:1.7;}
.sx-about-value {background:#071018; color:#fff;}
.sx-value-list {margin-top:65px; border-top:1px solid rgba(255,255,255,.13);}
.sx-value-row {display:grid; grid-template-columns:70px 1fr 40px; align-items:center; gap:25px; padding:28px 0; border-bottom:1px solid rgba(255,255,255,.1);}
.sx-value-row > span {color:#5fd7ff; font-size:11px;}
.sx-value-row h3 {margin:0 0 7px; font-size:22px;}
.sx-value-row p {margin:0; color:rgba(255,255,255,.5);}
.sx-value-row i {color:#5fd7ff;}
.sx-engagement-grid {display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #dce2e6;}
.sx-engagement-grid > div {min-height:300px; padding:35px 25px; border-right:1px solid #dce2e6; border-bottom:1px solid #dce2e6;}
.sx-engagement-grid span {color:#159bd7; font-size:10px; letter-spacing:.14em;}
.sx-engagement-grid h3 {margin-top:55px; font-size:24px;}
.sx-engagement-grid p {color:#68747e; line-height:1.7;}
.sx-about-ecosystem {background:#eef4f7;}
.sx-about-ecosystem-grid p {color:#5e6b75; font-size:17px; line-height:1.8;}
.sx-ecosystem-logos {display:grid; grid-template-columns:repeat(2,1fr); margin-top:45px; border-top:1px solid #d2dce1; border-left:1px solid #d2dce1;}
.sx-ecosystem-logos span {padding:25px; border-right:1px solid #d2dce1; border-bottom:1px solid #d2dce1; font-weight:700; letter-spacing:.08em; color:#33414c;}
.sx-about-final {background:#159bd7; color:#fff;}
.sx-about-final .sx-about-eyebrow {color:rgba(255,255,255,.75);}
.sx-about-final-grid {align-items:center;}
.sx-about-final h2 {max-width:650px;}
.sx-final-lead {font-size:22px !important; line-height:1.5 !important;}
.sx-about-final-grid p {color:rgba(255,255,255,.78); line-height:1.8;}
.sx-about-final-btn {display:inline-flex; gap:15px; margin-top:25px; padding:15px 22px; background:#fff; color:#071018; text-decoration:none; font-weight:700;}
.sx-about-final-btn span {transition:.3s;}
.sx-about-final-btn:hover span {transform:translate(4px,-4px);}

@media(max-width:991px) {
.sx-about-story, .sx-about-practices, .sx-about-approach, .sx-about-value, .sx-about-engagement, .sx-about-ecosystem, .sx-about-final, .sx-about-operating {padding:85px 0;}
.sx-about-story-grid, .sx-about-ecosystem-grid, .sx-about-final-grid {grid-template-columns:1fr; gap:45px;}
.sx-about-section-head {display:block;}
.sx-about-section-head > p {margin-top:25px;}
.sx-about-flow {grid-template-columns:1fr;}
.sx-flow-item {min-height:auto; border-bottom:1px solid rgba(255,255,255,.1);}
.sx-about-approach-grid {grid-template-columns:1fr 1fr;}
.sx-engagement-grid {grid-template-columns:1fr 1fr;}
}

@media(max-width:575px) {
.sx-about-practice-grid, .sx-about-approach-grid, .sx-engagement-grid {grid-template-columns:1fr;}
.sx-about-story-title h2, .sx-about-section-head h2, .sx-about-value-header h2, .sx-about-final h2 {font-size:42px;}
.sx-value-row {grid-template-columns:35px 1fr 20px;}
.sx-value-row h3 {font-size:18px;}
.sx-ecosystem-logos {grid-template-columns:1fr;}
}

/* ABOUT PAGE — MATCH CLOUD ADOPTION HEADING */
.sx-about-story-title h2,
.sx-about-section-head h2,
.sx-about-value-header h2,
.sx-about-final h2,
.sx-about-practice h3,
.sx-flow-item h3,
.sx-about-approach-grid h3,
.sx-engagement-grid h3,
.sx-value-row h3 {
    font-family: "Times New Roman", Times, serif;
    font-weight: 700;
    font-size: clamp(38px, 4.6vw, 42px);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.sx-value-row h3, .sx-about-practice h3, .sx-flow-item h3, .sx-about-approach-grid h3, .sx-engagement-grid h3 { font-size: clamp(28px, 4.6vw, 32px);}