/* SITXO motion direction: original product content, dark violet stage, clear interactions. */
:root{--sxm-night:#121E3F;--sxm-night-2:#1A3172;--sxm-violet:#3A63D8;--sxm-violet-2:#7390E2;--sxm-ink:#17213B;--sxm-muted:#575E71;--sxm-lavender:#F4F6FD;--sxm-line:#DFE5F4;--sx-accent:#3A63D8;--sx-navy:#121E3F;--sf-ink:#17213B;--sf-muted:#575E71;--sf-line:#E0E5F3;--sf-forest:#3A63D8;--sf-peach:#3A63D8}
.sxf-page{color:var(--sxm-ink);background:#fff!important}
.sxf-main h1,.sxf-main h2,.sxf-footer h2{letter-spacing:-.055em}
.sxf-main :focus-visible,.sxf-header :focus-visible,.sxf-footer :focus-visible{outline:3px solid #f6b956;outline-offset:4px}
.sxf-container{width:min(1240px,calc(100% - 80px))}
.sxf-section{padding:108px 0}
.sxf-section-heading h2{font-size:clamp(36px,3.8vw,57px)}
.sxf-overline{color:#3E61C2;letter-spacing:.055em}
.sxf-button{border-radius:11px;min-height:51px;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s,box-shadow .25s}
.sxf-button:hover{transform:translateY(-3px)}
.sxf-main .sxf-button--primary,.sxf-main .sxf-button--dark{background:var(--sxm-violet);box-shadow:0 12px 30px #5830d630}
.sxf-main .sxf-button--primary:hover,.sxf-main .sxf-button--dark:hover{background:#2C56C9;box-shadow:0 16px 34px #5830d63c}
.sxf-main .sxf-button--outline{border-color:#B1BBD7}

/* Navigation shares the dark stage with the hero, as on a product-first platform. */
.sxf-header{background:var(--sxm-night);color:#fff;border-bottom:1px solid #ffffff21;box-shadow:none}
.sxf-header-inner{min-height:76px;gap:48px}
.sxf-wordmark{color:#fff}
.sxf-brand-name{color:#E3E9F9;border-left-color:#ffffff4a}
.sxf-brand-dot{background:#9FB3EB}
.sxf-nav>a,.sxf-nav-account>a:not(.sxf-button),.sxf-products>summary{color:#EDF1FB}
.sxf-nav>a:hover,.sxf-nav-account>a:not(.sxf-button):hover,.sxf-products>summary:hover,.sxf-nav>a[aria-current=page]{color:#C3D0F3}
.sxf-header .sxf-button--nav{background:#fff;color:#16244C;border-radius:10px;min-height:42px}
.sxf-header .sxf-button--nav:hover{background:#ECF0FB;color:#16244C}
.sxf-mega{background:#fff;color:var(--sxm-ink);border-bottom:1px solid var(--sxm-line);box-shadow:0 28px 55px #1b123f25}
.sxf-mega .sxf-overline{color:#3E61C2}
.sxf-mega a:hover{color:#375DC7}
.sxf-menu{color:#fff!important;border-color:#ffffff70!important}

/* Immersive opening: one promise, then the real product in four stages. */
.sxf-hero.sxm-hero{display:block;position:relative;isolation:isolate;background:linear-gradient(126deg,#121E3F 0%,#162B63 48%,#335AC6 100%);color:#fff;border:0;min-height:0;overflow:hidden}
.sxm-hero-glow{position:absolute;z-index:-1;inset:-15% -15% 0;background:radial-gradient(ellipse 34% 30% at 24% 38%,#663be475,transparent 85%),radial-gradient(ellipse 35% 28% at 79% 28%,#8a60ff72,transparent 82%),radial-gradient(ellipse 40% 28% at 52% 78%,#aa87ff33,transparent 85%);animation:sxm-glow 18s ease-in-out infinite alternate;pointer-events:none}
.sxm-hero-shell{padding-top:24px;padding-bottom:88px;position:relative}
.sxm-domain-link{display:flex;align-items:center;gap:14px;max-width:770px;margin:0 auto;padding:14px 18px;border:1px solid #ffffff42;border-radius:15px;background:#ffffff12;color:#fff;backdrop-filter:blur(10px);font-size:13px;line-height:1.5;transition:background .25s,transform .25s,border-color .25s}
.sxm-domain-link:hover{color:#fff;background:#ffffff21;border-color:#ffffff75;transform:translateY(-2px)}
.sxm-domain-link>span{font-size:11px;color:#D7E0F7;white-space:nowrap}
.sxm-domain-link>strong{font-weight:540;flex:1}
.sxm-domain-link>svg{width:17px;flex:none}
.sxm-hero-copy{text-align:center;margin:76px auto 0;max-width:900px;animation:sxm-rise .8s both}
.sxm-hero-copy .sxf-eyebrow{display:block;color:#DFE6F9;font-size:12px;letter-spacing:.14em}
.sxf-hero.sxm-hero h1{font-size:clamp(52px,6vw,88px);line-height:1.13;letter-spacing:-.07em;color:#fff;font-weight:700;max-width:930px;margin:26px auto 0;text-wrap:balance}
.sxm-hero-copy>p{font-size:18px;line-height:1.76;color:#ECF0FB;max-width:650px;margin:27px auto 0}
.sxm-hero-copy .sxf-actions{justify-content:center;gap:14px;margin-top:34px}
.sxf-hero.sxm-hero .sxf-button{min-height:53px;padding-inline:24px}
.sxf-hero.sxm-hero .sxf-button--primary{background:#fff;color:#16244C;box-shadow:0 12px 30px #130c3430}
.sxf-hero.sxm-hero .sxf-button--primary:hover{background:#EFF3FC;color:#16244C;box-shadow:0 16px 35px #130c3442}
.sxf-hero.sxm-hero .sxf-button--outline{background:#ffffff0b;border:1px solid #ffffff70;color:#fff}
.sxf-hero.sxm-hero .sxf-button--outline:hover{background:#ffffff24;border-color:#fff}
.sxm-hero-promise{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:29px auto 0;color:#DFE5F8;font-size:12px}
.sxm-hero-promise span{display:inline-flex;align-items:center;gap:8px}
.sxm-hero-promise span:before{content:'✓';display:grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid #B8C7F1;font-size:10px;color:#fff}
.sxm-journey{margin-top:76px;animation:sxm-rise 1s .18s both}
.sxm-journey-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;max-width:760px;margin:0 auto 22px}
.sxm-journey-nav>a{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;color:#DAE2F8;font-size:15px;font-weight:650;border:1px solid #ffffff37;border-radius:11px;background:#ffffff0b;overflow:hidden;transition:background .25s,color .25s,transform .25s,border-color .25s}
.sxm-journey-nav>a:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}
.sxm-journey-nav>a[aria-selected=true]{background:#fff;color:#18274F;border-color:#fff}
.sxm-journey-nav small{font-size:10px;font-weight:700;opacity:.68}
.sxm-tab-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#90A7E8;transform:scaleX(0);transform-origin:left}
.sxm-journey.is-ready:not(.is-paused) .sxm-journey-nav>a[aria-selected=true] .sxm-tab-progress{animation:sxm-progress 7s linear both}
.sxm-journey-panes{border-radius:25px;background:#fff;color:var(--sxm-ink);overflow:hidden;box-shadow:0 30px 75px #120a3470;min-height:426px}
.sxm-journey-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.68fr);min-height:426px}
.sxm-journey.is-ready .sxm-journey-panel:not(.is-active){display:none}
.sxm-journey.is-ready .sxm-journey-panel[hidden]{display:none!important}
.sxm-journey.is-ready .sxm-journey-panel.is-active{animation:sxm-stage .48s cubic-bezier(.22,.7,.25,1) both}
.sxm-panel-media{position:relative;overflow:hidden;background:linear-gradient(145deg,#AEC0EF,#476ED9);padding:26px 0 26px 32px}
.sxm-panel-media img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover;object-position:center top;border-radius:13px 0 0 13px;box-shadow:0 18px 50px #20124b4d;background:#fff}
.sxm-panel-media--agent img,.sxm-panel-media--chat img{object-position:44% 0;width:118%;max-width:none}
.sxm-panel-media--template{background:linear-gradient(135deg,#A9BBED,#5A75C0)}
.sxm-panel-media--template img{object-position:center 15%}
.sxm-panel-media--manage{background:linear-gradient(135deg,#8CA5E8,#395AB4)}
.sxm-panel-media--manage img{width:125%;max-width:none;object-position:24% top}
.sxm-panel-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:42px 39px;background:#fff}
.sxm-panel-copy>span{font-size:12px;color:#466BCF;font-weight:760;letter-spacing:.08em}
.sxm-panel-copy h2{font-size:clamp(27px,2.5vw,37px);line-height:1.25;margin:20px 0 0;letter-spacing:-.045em}
.sxm-panel-copy p{font-size:14px;line-height:1.8;color:#585F72;margin:15px 0 0}
.sxm-panel-copy>a{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:#3358BF;font-size:14px;font-weight:750}
.sxm-panel-copy>a:hover{gap:16px}
.sxm-panel-copy>a svg{width:18px}
.sxm-panel-copy>small{margin-top:42px;color:#8e8b9c;font-size:11px}
.sxm-journey-controls{display:flex;align-items:center;justify-content:space-between;color:#DFE6F9;font-size:12px;margin-top:20px}
.sxm-journey-controls>div{display:flex;gap:10px}
.sxm-journey-controls button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff70;border-radius:10px;background:#ffffff13;color:#fff;font-size:20px;cursor:pointer;transition:background .2s,transform .2s}
.sxm-journey-controls button:hover{background:#ffffff31;transform:translateY(-2px)}

/* Distinct section rhythm and accessible product proof below the hero. */
.sxf-paths{padding-block:92px 105px}
.sxf-paths-heading h2{font-size:clamp(34px,3.5vw,52px)}
.sxf-paths-grid>a{min-height:236px;border:1px solid #DEE4F3;border-radius:22px;box-shadow:none;background:#F8F9FD;padding:30px;transition:transform .27s,box-shadow .27s,border-color .27s}
.sxf-paths-grid>a:nth-child(2){background:#F0F3FC}
.sxf-paths-grid>a:nth-child(3){background:#F6F0E4}
.sxf-paths-grid>a:hover{border-color:#869DDE;box-shadow:0 20px 36px #4429961f;transform:translateY(-6px)}
.sxf-paths-grid .sxf-index{background:#E3E9F9;color:#3D61C5;border-radius:9px}
.sxf-paths-grid h3{font-size:22px}
.sxf-pricing{background:#F8F9FD}
.sxf-periods{background:#E4E9F6;border-color:#D5DCF1}
.sxf-plan,.sxf-plan:last-child{border-color:#D8DDEC;border-radius:20px;box-shadow:0 6px 28px #291e510d}
.sxf-plan--featured{background:#ECF0FB;border-color:#809AE2;box-shadow:0 20px 45px #4325ac21}
.sxf-plan-heading>span{color:#365BC2;border-color:#A9BBEB}
.sxf-workspace{background:#fff}
.sxf-workspace-layout{gap:5%}
.sxf-product-frame{border-color:#DBE1F2;border-radius:22px;box-shadow:0 25px 55px #2b195d18}
.sxf-product-frame>img{border-radius:12px}
.sxf-film{border-color:#E1E6F2;border-radius:15px}
.sxf-templates{background:#FAFBFE}
.sxf-template-image{border-radius:18px;overflow:hidden}
.sxf-infrastructure{background:#16254F;color:#fff}
.sxf-infrastructure .sxf-overline{color:#C7D3F4}
.sxf-infrastructure p{color:#DBE3F8}
.sxf-infrastructure .sxf-text-link{color:#fff}
.sxf-infra-links{background:#ffffff12;border-color:#ffffff37;box-shadow:none;border-radius:18px}
.sxf-infra-links a,.sxf-infra-links a:first-child{color:#fff;border-color:#ffffff25}
.sxf-infra-links a:hover{color:#CED8F5}
.sxf-faq{background:#fff}
.sxf-cta{background:linear-gradient(130deg,#162755,#3B62CE 100%)}
.sxf-footer{background:#0F1935}
.sxf-footer .sxf-wordmark{color:#fff}
.sxf-footer-group a:hover{color:#D1DAF5}
.sxf-product-hero,.sxf-simple-hero,.sxf-help-hero{background:radial-gradient(ellipse at 85% 5%,#DFE5F8 0%,transparent 47%),#F8F9FD}
.sxf-product-hero-visual,.sxf-solution-image{border-color:#DFE4F2;border-radius:18px}
.sxf-service-panel{background:linear-gradient(120deg,#fff,#F0F3FC)}
.sxf-soft,.sxf-service-notes{background:#F8F9FD}
.sxf-page .sxai-widget button.sxai-launch{background:#3A63D8!important}

@keyframes sxm-glow{0%{transform:translate3d(-3%,-1%,0) scale(1)}100%{transform:translate3d(4%,4%,0) scale(1.09)}}
@keyframes sxm-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes sxm-stage{from{opacity:.55;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sxm-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sxm-enhanced [data-sxm-reveal]{opacity:1;transform:none}
.sxm-enhanced [data-sxm-reveal].is-visible{animation:sxm-rise .65s cubic-bezier(.22,.7,.25,1) both}

@media(max-width:1100px){.sxm-journey-panel{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr)}.sxm-panel-copy{padding:36px 29px}}
@media(max-width:800px){.sxf-header .sxf-nav{background:#fff;color:var(--sxm-ink)}.sxf-header .sxf-nav>a,.sxf-header .sxf-products>summary,.sxf-header .sxf-nav-account>a:not(.sxf-button){color:var(--sxm-ink)}.sxf-header .sxf-nav>a:hover,.sxf-header .sxf-products>summary:hover{color:#3E61C3}.sxf-header .sxf-button--nav{background:var(--sxm-violet);color:#fff}.sxf-header .sxf-button--nav:hover{background:#2C56C9;color:#fff}.sxm-hero-shell{padding-bottom:70px}.sxm-hero-copy{margin-top:62px}.sxf-hero.sxm-hero h1{font-size:clamp(48px,8vw,66px)}.sxm-journey{margin-top:60px}.sxm-journey-panel{grid-template-columns:1fr;min-height:0}.sxm-panel-media{height:360px}.sxm-panel-media img{min-height:0}.sxm-panel-copy{padding:30px 32px}.sxm-panel-copy>small{margin-top:25px}.sxm-journey-panes{min-height:0}}
@media(max-width:600px){.sxf-container{width:calc(100% - 36px)}.sxf-section{padding:76px 0}.sxm-hero-shell{padding-top:19px;padding-bottom:55px}.sxm-domain-link{padding:12px 13px;gap:8px;font-size:11px;border-radius:11px}.sxm-domain-link>span{display:none}.sxm-domain-link>strong{font-size:11px}.sxm-domain-link>svg{width:16px}.sxm-hero-copy{margin-top:58px}.sxm-hero-copy .sxf-eyebrow{font-size:10px}.sxf-hero.sxm-hero h1{font-size:clamp(40px,10vw,53px);line-height:1.18;margin-top:20px}.sxm-hero-copy>p{font-size:14px;line-height:1.72;margin-top:20px}.sxm-hero-copy .sxf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:27px}.sxf-hero.sxm-hero .sxf-button{min-height:45px;padding:9px 13px;font-size:12px}.sxm-hero-promise{gap:9px 15px;font-size:10px}.sxm-journey{margin-top:45px}.sxm-journey-nav{gap:6px;margin-bottom:13px}.sxm-journey-nav>a{min-height:42px;gap:4px;border-radius:8px;font-size:12px}.sxm-journey-nav small{display:none}.sxm-journey-panes{border-radius:16px}.sxm-panel-media{height:218px;padding:13px 0 13px 13px}.sxm-panel-media img{border-radius:8px 0 0 8px}.sxm-panel-copy{padding:22px 22px 25px}.sxm-panel-copy h2{font-size:25px;margin-top:12px}.sxm-panel-copy p{font-size:12px;margin-top:11px}.sxm-panel-copy>a{font-size:12px;margin-top:17px}.sxm-panel-copy>small{font-size:10px;margin-top:20px}.sxm-journey-controls{margin-top:15px;font-size:10px}.sxm-journey-controls button{width:34px;height:34px}.sxf-paths{padding:74px 0}.sxf-paths-grid>a{min-height:0;border-radius:15px;padding:22px}.sxf-paths-grid h3{font-size:19px}.sxf-infra-links{border-radius:14px}.sxf-plan,.sxf-plan:last-child{border-radius:15px}.sxf-product-hero,.sxf-simple-hero{padding-block:50px 60px}}
@media(prefers-reduced-motion:reduce){.sxm-hero-glow,.sxm-hero-copy,.sxm-journey,.sxm-journey.is-ready .sxm-journey-panel.is-active,.sxm-tab-progress,.sxm-enhanced [data-sxm-reveal].is-visible{animation:none!important}.sxm-enhanced [data-sxm-reveal]{opacity:1;transform:none}.sxm-domain-link:hover,.sxm-journey-nav>a:hover,.sxm-journey-controls button:hover{transform:none}}
@media print{.sxf-hero.sxm-hero{background:#fff!important;color:#000}.sxf-hero.sxm-hero h1,.sxm-hero-copy>p{color:#000}.sxm-hero-glow,.sxm-journey-controls{display:none}.sxm-journey-panel{break-inside:avoid}.sxm-journey.is-ready .sxm-journey-panel:not(.is-active){display:grid}}