@font-face{font-family:"ACS Poppins fallback";src:local("Arial");size-adjust:106.28%}
@font-face{font-family:"ACS Inter fallback";src:local("Arial");size-adjust:100.4%}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/poppins-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/poppins-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/poppins-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--ink:#0f0f0f;--gray:#f5f5f5;--line:#e3e3e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"ACS Inter fallback",Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4,.button{font-family:Poppins,"ACS Poppins fallback",Arial,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.2vw,67.4px)}h2,.section-title{font-size:50px}h3{font-size:24px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8274cd;outline-offset:4px}.shell{max-width:1158px;padding:0 24px;margin:auto}.site-header{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - 76px);max-width:1208px;background:white;border-radius:128px;box-shadow:0 30px 42px #2127251a;z-index:100}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:0 30px;gap:26px}.brand img{width:169px;height:auto}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:500}.nav-links a:hover{opacity:.65}.menu-button{display:none}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:0;border-radius:80px;padding:15px 24px;font-size:14px;line-height:21px;letter-spacing:0;cursor:pointer;transition:transform .3s}.button:hover{transform:translateY(-2px)}.button.light{background:#fff;color:#0f0f0f}.eyebrow,.sx-pill{display:inline-block;background:#e9e9e9;color:#0f0f0f;border-radius:30px;padding:8px 16px;font-size:14px;line-height:1.1;font-weight:500;text-transform:uppercase;margin:0 0 20px;letter-spacing:0}.on-dark{background:#333;color:white}.sx-hero{background:#0f0f0f;color:white;position:relative;overflow:hidden;padding:190px 0 116px;min-height:836px}.sx-hero:before{content:'';position:absolute;inset:-50%;background:repeating-radial-gradient(ellipse at 75% 35%,transparent 0 42px,#ffffff04 44px 76px,transparent 78px 110px);transform:rotate(-20deg);pointer-events:none}.sx-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;position:relative}.sx-hero h1{max-width:560px;margin-bottom:28px}.sx-hero p{font-size:18px;max-width:470px;line-height:1.65}.sx-hero .button{margin-top:22px}.sx-art{width:100%;height:auto;animation:float 4s ease-in-out infinite}.sx-section,.section{padding:120px 0}.sx-gray{background:#f5f5f5}.sx-center{text-align:center}.sx-center h2{max-width:680px;margin:0 auto 45px}.sx-feature{background:#f5f5f5;border-radius:18px;padding:40px 30px;min-height:340px;transition:transform .3s}.sx-feature:nth-child(2){margin-top:-40px;margin-bottom:40px}.sx-feature:nth-child(4){margin-top:-20px;margin-bottom:20px}.sx-feature:hover{transform:translateY(-8px)}.sx-feature p{margin-bottom:0}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.sx-dashboard{background:#fff;border:12px solid #151515;border-radius:24px;box-shadow:0 25px 60px #0002;transform:perspective(1000px) rotateY(14deg) rotateZ(-7deg);padding:25px;width:115%;margin-left:-18%;min-height:350px}.sx-note{font-size:12px;color:#62666d;margin-top:18px}.sx-dark{background:#0f0f0f;color:#fff}.sx-section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}.sx-section-head h2{max-width:650px;margin:0}.sx-service{display:grid;grid-template-columns:36% 1fr 64px;gap:30px;align-items:center;padding:40px 0;border-top:1px solid #ffffff26}.sx-service:last-child{border-bottom:1px solid #ffffff26}.sx-service h3{font-size:28px;margin:0;transition:transform .3s}.sx-service:hover h3{transform:translateX(10px)}.sx-service p{margin:0}.sx-service-icon{font-size:44px}.sx-portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left}.sx-project{border-radius:18px;overflow:hidden;background:var(--project-bg,#dfdbf8);position:relative;aspect-ratio:5/6;display:flex;align-items:center;justify-content:center}.sx-project svg{width:80%;transition:transform .4s}.sx-project:hover svg{transform:scale(1.05)}.sx-project-label{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 22px;background:linear-gradient(transparent,#0f0f0fbb);color:white}.sx-project-label h3{font-size:20px;margin:5px 0}.sx-project-label small{font-size:12px}.sx-process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:center;position:relative}.sx-process:before{content:'';position:absolute;left:12%;right:12%;top:204px;border-top:1px dashed #999}.sx-process p{max-width:300px;margin:0 auto}.sx-support{display:grid;grid-template-columns:38% 1fr;gap:60px;align-items:center}.sx-support-art{background:#eeeaf7;border-radius:18px;padding:30px;min-height:440px;display:grid;place-items:center}.sx-support-list{display:grid;gap:22px}.sx-support-list button{border:1px solid #e3e3e3;border-radius:160px;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;background:white;color:#0f0f0f;text-align:left;cursor:pointer;gap:15px;transition:all .3s}.sx-support-list button.active{background:#0f0f0f;color:white}.sx-support-list strong{font:600 24px/1.3 Poppins,Arial}.sx-round{border:1px solid #e3e3e3;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;flex-shrink:0}.active .sx-round{background:white;color:#0f0f0f}.sx-faq{display:grid;grid-template-columns:5fr 7fr;gap:65px;align-items:start}.faq-list details{background:#f5f5f5;border-radius:8px;margin-bottom:20px;overflow:hidden}.faq-list summary{list-style:none;cursor:pointer;font-size:20px;font-weight:600;padding:20px 65px 20px 30px;position:relative}.faq-list summary:after{content:'⌄';position:absolute;right:22px;top:20px;width:30px;height:30px;border-radius:50%;background:#0f0f0f;color:white;text-align:center}.faq-list details[open] summary{background:#0f0f0f;color:white}.faq-list details[open] summary:after{background:white;color:#0f0f0f;transform:rotate(180deg)}.faq-list details p{padding:20px 30px;margin:0}.sx-cta{background:#0f0f0f;color:white;padding:120px 0;text-align:center;position:relative;overflow:hidden}.sx-cta:before{content:'';position:absolute;inset:55% 0 0;opacity:.15;background:radial-gradient(#fff 1px,transparent 2px);background-size:14px 14px;transform:perspective(300px) rotateX(30deg);pointer-events:none}.sx-cta h2{font-size:67.4px;max-width:900px;margin:0 auto 25px}.sx-cta p{font-size:18px;margin-bottom:35px}.site-footer{padding-top:100px;background:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px}.footer-grid p{color:#49515b;margin:25px 0}.footer-grid h3{font-size:20px;margin-bottom:25px}.footer-grid>div>a:not(.brand):not(.button){display:block;color:#49515b;margin-bottom:14px}.footer-bottom{border-top:1px solid #e3e3e3;margin-top:60px;padding:24px;display:flex;justify-content:space-between}.back-top{position:fixed;right:30px;bottom:30px;width:46px;height:46px;border:3px solid #aaa;border-radius:50%;background:#0f0f0f;color:#fff;cursor:pointer;z-index:40;display:none}.back-top.visible{display:block}.page-hero{padding:180px 0 70px;background:#f5f5f5}.page-hero h1{max-width:850px}.page-intro{max-width:650px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:35px;background:#f5f5f5;border-radius:18px;display:flex;flex-direction:column}.card h2,.card h3{font-size:24px;margin:25px 0 15px}.card a{margin-top:auto;padding-top:24px;font-weight:600}.card-num,.tag{font-size:12px;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.value-item{padding:24px 0;border-bottom:1px solid #e3e3e3}.value-item h3{font-size:22px}.case-row{display:block;padding:25px 0;border-bottom:1px solid #ddd}.case-row h2{font-size:28px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;padding:0}.steps h3{font-size:22px;margin-top:20px}.content-copy{line-height:1.85}.content-copy h2{font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid #ccc;border-radius:8px;padding:14px;background:white;color:#0f0f0f;width:100%}.field textarea{min-height:140px}.form-details{margin:24px 0}.form-details summary{cursor:pointer;font-weight:600}.help{font-size:13px;color:#49515b}.error{color:#a32828}.honeypot{position:absolute;left:-9999px}.form-message{white-space:pre-wrap;padding:24px;background:#f5f5f5;border-radius:18px}.narrow{max-width:850px}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:white;padding:14px}.skip-link:focus{top:20px}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:1199px){.menu-button{display:block;border:0;background:none;color:#0f0f0f}.nav-links{display:none;position:absolute;top:90px;left:0;right:0;background:white;border-radius:18px;padding:24px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}}@media(max-width:991px){.sx-hero-grid,.sx-support,.sx-faq,.value-grid{grid-template-columns:1fr}.sx-hero{padding:170px 0 80px}.sx-art{max-width:520px;margin:auto}.sx-feature:nth-child(n){margin:0}.sx-section,.section{padding:80px 0}.sx-dashboard{width:100%;margin:0;transform:none}.footer-grid{grid-template-columns:1fr 1fr}.sx-support-art{min-height:320px}.sx-service{grid-template-columns:1fr 1fr}.sx-service-icon{display:none}.sx-process:before{display:none}}@media(max-width:767px){h2,.section-title{font-size:32px}.sx-hero h1{font-size:40px}.site-header{width:calc(100% - 30px);top:16px}.nav{min-height:70px;padding:0 22px}.brand img{width:155px}.sx-section,.section{padding:60px 0}.sx-portfolio,.sx-process,.cards,.steps{grid-template-columns:1fr}.sx-feature{min-height:300px}.sx-section-head{display:block}.sx-section-head .button{margin-top:25px}.sx-service{grid-template-columns:1fr;gap:15px}.sx-service h3{font-size:24px}.sx-cta h2{font-size:40px}.sx-support-list strong{font-size:20px}.sx-support-list button{padding:18px 22px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;font-size:13px}.footer-bottom a{display:block;margin-top:12px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero{padding:150px 0 55px}.sx-faq{gap:35px}.sx-process{gap:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.sx-project img{width:85%;transition:transform .4s}.sx-project:hover img{transform:scale(1.05)}.sx-support-art img{width:90%;max-width:280px}.sx-support-art p{text-align:center;margin:0;max-width:300px}.sx-faq-intro{position:relative}.sx-faq-intro p{font-size:18px;position:relative;z-index:1}.sx-question{position:absolute;right:0;bottom:-110px;font:600 180px/1 Poppins;color:transparent;-webkit-text-stroke:1px #e3e3e3;pointer-events:none}.sx-faq-intro .button{position:relative;z-index:1;margin-top:15px}.back-top{border:3px solid transparent}.sx-hero h1{line-height:1.2}.sx-hero-grid>.sx-art{max-width:560px}.sx-dark h2,.sx-dark h3,.sx-hero h1,.sx-cta h2{color:white}.sx-feature h2{font-size:24px;margin-bottom:16px}.sx-process h3{margin-bottom:16px}.sx-faq h2{margin-bottom:25px}.sx-section-head .button{flex-shrink:0}.faq-list summary::-webkit-details-marker{display:none}@media(max-width:767px){.sx-question{display:none}.sx-hero-grid{gap:45px}.sx-support{gap:30px}.sx-hero{min-height:auto}.sx-cta{padding:80px 0}.sx-hero .sx-pill{font-size:12px}.sx-service h3{max-width:100%}}

.sx-blog-hero{background:#f5f5f5;padding-top:180px}.sx-blog-card{border:1px solid #e3e3e3;border-radius:18px;background:#f5f5f5}.sx-blog-card h2{font-size:24px}.sx-link-arrow svg{width:16px;height:16px}.article-body{color:#0f0f0f;font:400 18px/1.85 Inter,Arial}.article-body :is(p,li,h2,h3,h4,strong,blockquote){color:inherit}.article-body a{color:#0f0f0f;text-decoration:underline}.article-body pre{background:#f5f5f5;color:#0f0f0f;overflow:auto}.article-body h2{font-size:30px}

.nav-backdrop{position:fixed;inset:0;background:#0006;z-index:90;border:0}.menu-open{overflow:hidden}@media(max-width:1199px){.nav-links{display:flex;visibility:hidden;position:absolute;top:-24px;left:auto;right:calc((100vw - 100%)/-2);width:min(380px,100vw);height:100dvh;overflow-y:auto;border-radius:0;padding:110px 35px 40px;align-items:stretch;justify-content:flex-start;gap:28px;font-size:18px;transform:translateX(100%);transition:transform .3s,visibility .3s}.nav-links.open{visibility:visible;transform:translateX(0)}.menu-button{position:relative;z-index:2}.site-header:has(.nav-links:not(.open)){clip-path:inset(-30px -40px -60px)}.nav-cta{margin-top:15px}}@media(max-width:767px){.nav-links{top:-16px}}
.sx-split-word{display:inline-block;white-space:nowrap}.sx-split-char{display:inline-block}.sx-hero:before{translate:0 var(--parallax,0px)}.sx-cta:before{translate:0 var(--parallax,0px)}
/* Startix Home 5 reference proportions */
@media(min-width:1400px){.shell{max-width:1320px;padding-left:12px;padding-right:12px}.site-header{max-width:none;width:94%}.sx-hero h1{font-size:72px}.sx-hero-grid{gap:48px}.sx-hero-grid>.sx-art{max-width:640px}.sx-hero p{font-size:20px;max-width:576px}.sx-portfolio{gap:24px}.sx-feature{padding:40px 30px}.sx-faq{gap:48px;grid-template-columns:1fr 1fr}}
@media(min-width:1200px){.nav{max-width:none;min-height:90px}.nav-links{font-size:16px;gap:30px;flex:1;justify-content:center}.nav-cta{margin-left:auto;min-height:54px}.site-header{border:1px solid #eee}.sx-hero{min-height:836px;padding:180px 0 116px}.sx-process:before{top:246px}.sx-support-list strong{font-size:30px}}
.sx-project{aspect-ratio:5/6;display:block}.sx-project-image{position:absolute;inset:0;background-image:url('/images/acs-startix/portfolio-art.webp');background-position:var(--project-x) var(--project-y);background-size:300% 200%;transition:transform .5s ease}.sx-project:hover .sx-project-image,.sx-project:focus-visible .sx-project-image{transform:scale(1.05)}.sx-project-demo{position:absolute;left:18px;top:18px;background:#fff;color:#0f0f0f;font-size:11px;font-weight:600;border-radius:50px;padding:5px 11px}.sx-project-label{opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}.sx-project:hover .sx-project-label,.sx-project:focus-visible .sx-project-label{opacity:1;transform:translateY(0)}.sx-faq-intro p{max-width:500px}.faq-list summary{padding-top:16px;padding-bottom:16px;min-height:64px}.faq-list summary:after{top:17px}.faq-list details p{padding:20px 30px}.back-top{right:46px;bottom:46px}.button{overflow:hidden}.button span[aria-hidden]{display:inline-block;transition:transform .3s}.button:hover span[aria-hidden]{transform:translate(3px,-3px)}
@media(max-width:767px){.sx-project-label{opacity:1;transform:none}.sx-project-demo{font-size:10px}.back-top{right:20px;bottom:20px}.sx-hero{padding-top:160px}}.sx-process:before{top:246px}.sx-process h3{margin-top:12px}@media(max-width:767px){.sx-process:before{display:none}}

@media(min-width:1200px){.nav-links>a:first-child{margin-left:auto}.nav-cta{margin-left:0}}
@media(min-width:992px){.sx-dashboard{transform:perspective(1000px) rotateY(calc(14deg + var(--tilt-y, 0deg))) rotateX(var(--tilt-x, 0deg)) rotateZ(-7deg);transition:transform .2s ease-out;transform-style:preserve-3d}}
@media(prefers-reduced-motion:reduce){.sx-dashboard{transition:none}}
/* Page loading follows actual navigation; the page stays usable without JavaScript. */
.page-load-indicator{position:fixed;z-index:300;left:0;top:0;width:100%;height:3px;background:#0f0f0f;transform-origin:left;transform:scaleX(0);opacity:0;pointer-events:none}.page-loading .page-load-indicator{opacity:1;animation:page-load-progress 2.5s cubic-bezier(.15,.7,.2,1) forwards}@keyframes page-load-progress{from{transform:scaleX(.03)}to{transform:scaleX(.88)}}
@media(hover:hover) and (pointer:fine){.site-header .brand img,.footer-grid .brand img{transition:transform .35s ease}.site-header .brand:hover img,.footer-grid .brand:hover img{transform:scale(1.035)}.nav-links>a:not(.button){transition:opacity .25s,transform .25s}.nav-links>a:not(.button):hover{transform:translateY(-2px)}.sx-service-icon{transition:transform .35s ease}.sx-service:hover .sx-service-icon{transform:translate(5px,-4px)}.sx-round{transition:transform .3s,background .3s,color .3s}.sx-support-list button:hover .sx-round{transform:rotate(45deg)}.footer-grid>div>a:not(.brand):not(.button){transition:transform .3s,color .3s}.footer-grid>div>a:not(.brand):not(.button):hover{color:#0f0f0f;transform:translateX(4px)}}.faq-list summary:after{transition:transform .3s,background-color .3s,color .3s}.page-hero .eyebrow,.page-hero h1,.page-hero .page-intro{will-change:opacity,translate}
@media(prefers-reduced-motion:reduce){.page-load-indicator{display:none}}
.page-load-indicator{background:#fff;mix-blend-mode:difference}
.footer-contact{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:#49515b}.footer-contact li{display:flex;gap:10px;align-items:flex-start}.footer-contact svg{flex:none;margin-top:3px;color:#0f0f0f}.footer-contact a:hover{color:#0f0f0f}.footer-social{display:flex;gap:10px;margin:-8px 0 24px}.footer-social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e3e3e3;border-radius:8px;color:#0f0f0f;transition:background .3s,color .3s}.footer-social a:hover{background:#0f0f0f;color:#fff}.footer-legal{display:flex;gap:24px}.footer-bottom{color:#49515b;font-size:15px}.footer-bottom strong{color:#0f0f0f}@media(max-width:767px){.footer-legal{gap:16px;margin-top:12px}.footer-legal a{margin-top:0}}
h1,h2{text-wrap:balance}@media(max-width:991px){h2 br{display:none}h2,.section-title{font-size:clamp(32px,5.5vw,42px)}}
.nav-catalog{display:inline-flex;align-items:center;gap:7px}.nav-catalog svg{flex:none}
@media(max-width:767px){.sx-feature{min-height:0;padding:30px 24px}.sx-feature h2{margin-bottom:10px}
.sx-portfolio{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:0 24px 8px;scroll-padding:0 24px;scrollbar-width:none;overscroll-behavior-x:contain}.sx-portfolio::-webkit-scrollbar{display:none}.sx-portfolio>.sx-project{flex:0 0 82%;scroll-snap-align:start}}.sx-outcome{display:flex;gap:17px;align-items:flex-start}.sx-outcome h3{font-size:18px;margin:0 0 6px}.sx-outcome p{margin:0;font-size:16px;line-height:1.55}

.sx-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.sx-hero .sx-outline-light{background:transparent;color:#fff;border:1px solid #fff}.sx-hero .sx-outline-light:hover{background:#fff;color:#0f0f0f}#proses{scroll-margin-top:120px}@media(max-width:767px){.sx-hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.sx-hero-actions .button{margin-top:0}.sx-hero-actions{margin-top:26px}}

.sx-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left}.sx-principle{background:#fff;border-radius:18px;padding:38px 32px}.sx-principle h3{font-size:22px;margin:0 0 18px}.sx-principle p{margin:0;line-height:1.65}@media(max-width:991px){.sx-principles{grid-template-columns:1fr;gap:18px}}@media(max-width:767px){.sx-principle{padding:30px 24px}}

.sx-cta .sx-cta-alternative{position:relative;margin:24px 0 0;font-size:15px}.sx-cta-alternative a{color:#fff;text-decoration:underline;text-underline-offset:4px}.sx-cta-alternative a:hover{text-decoration-thickness:2px}

.sx-testimonial{max-width:650px;margin:0 auto;background:#fff;border-radius:18px;padding:40px}.sx-testimonial img{width:96px;height:96px;object-fit:cover;border-radius:50%;margin-bottom:24px}.sx-testimonial blockquote{margin:0 0 24px;font-size:20px}.sx-testimonial p{margin:8px 0 0}.sx-testimonial-controls{display:flex;gap:12px;justify-content:center;margin-top:24px}.sx-testimonial-controls button{border:0;border-radius:50%;width:44px;height:44px;background:#0f0f0f;color:white;cursor:pointer}

/* Shared inner-page hero follows the homepage's dark Startix treatment. */
.sx-inner-hero{position:relative;overflow:hidden;background:#0f0f0f;color:#fff;padding:190px 0 116px}
.sx-inner-hero:before{content:'';position:absolute;inset:-50%;background:repeating-radial-gradient(ellipse at 75% 35%,transparent 0 42px,#ffffff04 44px 76px,transparent 78px 110px);transform:rotate(-20deg);pointer-events:none}
.sx-inner-hero>.shell{position:relative}
.sx-inner-hero h1{color:#fff;max-width:850px}
.sx-inner-hero .eyebrow,.sx-inner-hero .sx-pill{background:#333;color:#fff}
.sx-inner-hero .page-intro{color:#fff}
.sx-inner-hero .button:not(.button-outline){background:#fff;color:#0f0f0f}
.sx-inner-hero .button.button-outline{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #fff}
@media(max-width:991px){.sx-inner-hero{padding:170px 0 80px}}
@media(max-width:767px){.sx-inner-hero{padding:150px 0 60px}.sx-inner-hero .eyebrow{font-size:12px}}

.sx-inner-hero .form-message{color:#0f0f0f}.sx-inner-hero .help{color:#eee}

.sx-blog-hero.sx-inner-hero h1,.sx-blog-hero.sx-inner-hero h1 em{color:#fff;font-size:clamp(40px,5.2vw,67.4px)}
.sx-blog-hero.sx-inner-hero p,.sx-blog-hero.sx-inner-hero nav,.sx-blog-hero.sx-inner-hero nav span,.sx-blog-hero.sx-inner-hero nav a,.sx-blog-hero.sx-inner-hero time,.sx-blog-hero.sx-inner-hero .sx-blog-meta{color:#fff}
.sx-blog-hero.sx-inner-hero nav a:hover{color:#fff;opacity:.75}.sx-blog-section{padding:120px 0}
@media(max-width:991px){.sx-blog-section{padding:80px 0}}@media(max-width:767px){.sx-blog-section{padding:60px 0}}
.sx-blog-hero.sx-inner-hero .sx-blog-meta > span{color:#fff}

/* ---- Round 7: kepercayaan, cara kerja, slot gambar, navigasi, WhatsApp melayang ---- */
.sx-trust{background:#fff;border-bottom:1px solid #e3e3e3;padding:44px 0}
.sx-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.sx-trust-grid>div{border-left:2px solid #0f0f0f;padding-left:20px}
.sx-trust-label{display:block;font:600 13px/1.4 Poppins,Arial;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
.sx-trust p{margin:0;color:#49515b;font-size:16px;line-height:1.6}
.sx-trust a{color:#0f0f0f;text-decoration:underline;text-underline-offset:3px}
.sx-flow{margin:0 0 56px}.sx-flow img{display:block;width:100%;height:auto}
.sx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.sx-steps li{background:#fff;border-radius:18px;padding:34px 28px;display:flex;flex-direction:column}
.sx-steps h3{font-size:22px;margin:14px 0 12px}
.sx-steps li>p{margin:0 0 16px;color:#0f0f0f}
.sx-step-no{font:600 14px/1 Poppins,Arial;background:#0f0f0f;color:#fff;border-radius:30px;padding:8px 14px;align-self:flex-start}
.sx-receive{margin-top:auto!important;padding-top:16px;border-top:1px solid #e3e3e3;font-size:15px;color:#49515b!important}
.sx-receive strong{color:#0f0f0f}
.sx-area{background:#fff;padding-top:100px}
.sx-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.sx-area h2{margin:0 0 20px}.sx-area p{color:#0f0f0f;margin-bottom:28px;max-width:520px}
.sx-map{margin:0}.sx-map img{display:block;width:100%;height:auto;border-radius:18px}
.sx-map figcaption,.acs-slot figcaption{font-size:13px;color:#49515b;margin-top:12px}
.acs-slot{margin:0}
.acs-slot img{display:block;width:100%;aspect-ratio:var(--ratio,4/3);object-fit:cover;border-radius:18px;background:#f5f5f5}
.sx-breadcrumb{margin:0 0 24px;font-size:14px}
.sx-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sx-breadcrumb li+li:before{content:'/';margin-right:8px;opacity:.6}
.sx-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.sx-inner-hero .sx-breadcrumb a,.sx-inner-hero .sx-breadcrumb span{color:#fff}
.wa-float{position:fixed;left:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#0f0f0f;color:#fff;display:grid;place-items:center;z-index:45;box-shadow:0 10px 24px #0003;transition:opacity .3s,transform .3s}
.wa-float.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}
.wa-float:hover{transform:translateY(-2px)}
.footer-grid>div>nav{display:flex;flex-direction:column}
.footer-grid nav a,.footer-grid>div>a:not(.brand):not(.button){min-height:44px;display:flex;align-items:center;margin-bottom:0}
.footer-social a{min-width:44px;min-height:44px;width:44px;height:44px}
.footer-legal a{min-height:44px;display:inline-flex;align-items:center}
.faq-list summary{min-height:48px}
.menu-button{min-height:44px;min-width:44px}
@media(max-width:1199px){.nav-links>a{min-height:44px;display:flex;align-items:center}}
.sx-dark :focus-visible,.sx-hero :focus-visible,.sx-cta :focus-visible,.sx-inner-hero :focus-visible,.site-footer :focus-visible{outline-color:#fff}
.sx-hero :focus-visible,.sx-inner-hero :focus-visible{outline-color:#fff}
.sx-trust-grid a:focus-visible,.sx-area a:focus-visible{outline-color:#0f0f0f}
@media(max-width:991px){.sx-trust-grid{grid-template-columns:1fr;gap:24px}.sx-area-grid{grid-template-columns:1fr;gap:40px}.sx-steps{grid-template-columns:1fr 1fr}.sx-flow{display:none}}
@media(max-width:767px){.sx-trust{padding:32px 0}.sx-area{padding-top:60px}.sx-steps{grid-template-columns:1fr}.sx-steps li{padding:26px 22px}.wa-float{left:14px;bottom:14px;width:52px;height:52px}.sx-breadcrumb{font-size:13px}}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none}}
.sx-scope{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sx-scope-card{background:#fff;border-radius:18px;padding:40px 36px}
.sx-scope-card h3{font-size:24px;margin:0 0 6px}
.sx-scope-card .help{margin:0 0 20px}
.sx-scope-card ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sx-scope-card li{position:relative;padding-left:30px;line-height:1.6}
.sx-scope-card li:before{content:'✓';position:absolute;left:0;top:0;font-weight:600}
.sx-scope-card-muted{background:transparent;box-shadow:inset 0 0 0 1px #d4d4d4}
.sx-scope-card-muted li:before{content:'–'}
@media(max-width:767px){.sx-scope{grid-template-columns:1fr}.sx-scope-card{padding:30px 24px}}
.sx-empty{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
@media(max-width:991px){.sx-empty{grid-template-columns:1fr;gap:40px}}
.sx-error-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.sx-error h1{max-width:640px}
.sx-error .actions{margin-top:36px}
.sx-error-art{margin:0}.sx-error-art img{display:block;width:100%;max-width:440px;height:auto;margin-left:auto}
@media(max-width:767px){.sx-error-grid{grid-template-columns:1fr;gap:32px}.sx-error-art img{margin:0 auto;max-width:300px}}
.sx-error .actions .button{min-height:44px}
.site-header .brand,.footer-grid .brand{display:inline-flex;align-items:center;min-height:44px}
.form-details summary{min-height:44px;display:flex;align-items:center}

/* pricing & case study */
.pc-list{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:14px}
.pc-list li{position:relative;padding-left:30px;line-height:1.6}
.pc-list li:before{content:'✓';position:absolute;left:0;top:0;font-weight:600}
.pc-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 20px}
.cs-status .help{margin:0}
.cs-text{white-space:pre-line}
.cs-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.cs-gallery figure{margin:0;border-radius:18px;overflow:hidden;background:#f5f5f5}
.cs-gallery img{display:block;width:100%;height:auto;cursor:zoom-in;transition:transform .2s}
.cs-gallery figure:hover img{transform:scale(1.015)}
.sx-lightbox{position:fixed;inset:0;background:rgba(15,15,15,.92);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}
.sx-lightbox[hidden]{display:none}
.sx-lightbox img{max-width:min(1200px,94vw);max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.5)}
.sx-lightbox-close{position:absolute;top:24px;right:24px;background:#fff;color:#0f0f0f;border:0;width:44px;height:44px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:grid;place-items:center}
.cs-fallback{max-width:560px;margin-top:40px}
.cs-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px;align-content:start}
.cs-tags li{background:#fff;border-radius:80px;padding:10px 20px;font-size:14px;box-shadow:inset 0 0 0 1px #d4d4d4}
@media(max-width:991px){.pc-steps{grid-template-columns:1fr}}
@media(max-width:767px){.cs-gallery{grid-template-columns:1fr}}

/* ===== Beranda (blok tambahan): hero, biaya awal, hasil kerja, kejujuran, wawasan, audit, form singkat ===== */
.sx-hero h1{font-size:clamp(40px,4.4vw,60px);max-width:620px;text-wrap:balance}
.sx-fit{display:block;margin-top:12px;color:#d4d4d4;font-size:15px;line-height:1.5}
.sx-results-grid{margin-bottom:0}
.sx-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.sx-text-link-wrap{margin-top:16px}
.sx-home-demo{margin-top:10px}
.sx-home-demo h3{font-size:36px;margin:20px 0 34px;max-width:680px}
.sx-lead{font-size:18px;max-width:680px;margin:0 0 40px;color:#49515b}
.sx-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sx-insight-card{border:1px solid #e3e3e3;border-radius:18px;overflow:hidden;background:#fff;transition:transform .3s}
.sx-insight-card:hover{transform:translateY(-6px)}
.sx-insight-link{display:flex;flex-direction:column;height:100%}
.sx-insight-cover{display:block;aspect-ratio:16/9;background:#f5f5f5;border-bottom:1px solid #e3e3e3;overflow:hidden}
.sx-insight-cover img{display:block;width:100%;height:100%;object-fit:cover}
.sx-insight-body{display:block;padding:28px}
.sx-insight-body small{display:block;color:#49515b;font-size:13px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}
.sx-insight-body h3{font-size:22px;margin:0 0 12px}
.sx-insight-body p{color:#49515b;margin:0;font-size:15px}
.sx-audit-card{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#f5f5f5;border-radius:18px;padding:52px 56px}
.sx-audit-card h2{font-size:36px;margin:0 0 14px}
.sx-audit-card p{margin:0;color:#49515b;max-width:560px}
.sx-audit-card .button{flex-shrink:0}
.sx-quick-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.sx-quick p{color:#49515b}
.sx-quick .sx-text-link{color:#0f0f0f}
.sx-quick-form{background:#fff;border-radius:18px;padding:40px}
.sx-quick-form .help{font-size:13px;margin:0}
.sx-quick-submit{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:28px 0 18px}
.sx-underline{text-decoration:underline}
@media(max-width:991px){.sx-quick-grid{grid-template-columns:1fr}.sx-insight-grid{grid-template-columns:1fr 1fr}.sx-quick-grid{gap:40px}}
@media(max-width:767px){.sx-insight-grid{grid-template-columns:1fr}.sx-home-demo h3{font-size:30px}.sx-audit-card{flex-direction:column;align-items:flex-start;padding:36px 26px;gap:26px}.sx-audit-card h2{font-size:30px}.sx-audit-card .button{width:100%;justify-content:center}.sx-quick-form{padding:26px 20px}.sx-quick-submit .button{width:100%;justify-content:center}}
@media(max-width:479px){.sx-hero h1{font-size:35px}}

/* pages wave 3 - faq, cara kerja, layanan */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sx-svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.sx-svc-card{background:#f5f5f5;border-radius:18px;padding:36px 30px;display:flex;flex-direction:column;min-width:0}
.sx-svc-card h3{font-size:24px;margin:0 0 12px}
.sx-svc-intro{color:#49515b;margin:0 0 24px;font-size:16px}
.sx-svc-block{border-top:1px solid #e3e3e3;padding-top:20px;margin-bottom:20px}
.sx-svc-block h4{font:600 14px/1.4 Poppins,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px}
.sx-svc-block .pc-list{margin-bottom:0;gap:10px}
.sx-svc-block .pc-list li{font-size:15px}
.sx-svc-amount{margin:0 0 4px;font-size:18px;line-height:1.4}
.sx-svc-label{font-size:14px;color:#49515b;margin-left:6px}
.sx-svc-note{margin:0 0 14px;font-size:14px;color:#49515b;line-height:1.55}
.sx-svc-link{margin-top:auto;align-self:flex-start;min-height:44px}
.sx-faq-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.sx-faq-links a{text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1199px){.sx-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sx-svc-grid{grid-template-columns:1fr}.sx-svc-card{padding:30px 24px}}

/* Proyek contoh (demo internal) di beranda */
.sx-demo-note{color:#49515b;margin:0 0 28px;max-width:640px}
.sx-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sx-demo-card{background:#f5f5f5;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.sx-demo-shot{display:block;aspect-ratio:16/10;overflow:hidden;background:#e3e3e3;border-bottom:1px solid #e3e3e3}
.sx-demo-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}
.sx-demo-card:hover .sx-demo-shot img{transform:scale(1.03)}
.sx-demo-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.sx-demo-tag{display:inline-block;align-self:flex-start;background:#0f0f0f;color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;border-radius:50px;padding:5px 11px;margin-bottom:14px}
.sx-demo-body h4{font:600 22px/1.25 Poppins,Arial,sans-serif;margin:0 0 10px}
.sx-demo-body h4 a{color:#0f0f0f;text-decoration:none}
.sx-demo-body h4 a:hover{text-decoration:underline}
.sx-demo-body p{color:#49515b;margin:0 0 22px;font-size:15px}
.sx-demo-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.sx-demo-card a:focus-visible{outline:3px solid #8274cd;outline-offset:4px}
.case-thumb{width:160px;height:100px;object-fit:cover;object-position:top;border-radius:10px;flex-shrink:0;background:#e3e3e3}
.case-row{display:flex;align-items:center;gap:24px}
.case-row>div{flex:1;min-width:0}
@media(max-width:991px){.sx-demo-grid{grid-template-columns:1fr}}
@media(max-width:767px){.case-row{flex-wrap:wrap;gap:14px}.case-thumb{width:100%;height:auto;aspect-ratio:16/10}.case-row>div{flex-basis:100%}}

/* Harga beranda: tiga kartu berdampingan */
.sx-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.sx-tier{background:#f5f5f5;border-radius:18px;padding:40px 34px;display:flex;flex-direction:column;border:1px solid transparent}
.sx-tier h3{font:600 22px/1.3 Poppins,Arial,sans-serif;margin:0 0 22px}
.sx-tier-from{margin:0 0 18px;font-size:16px;color:#49515b}
.sx-tier-from strong{display:block;font:600 32px/1.2 Poppins,Arial,sans-serif;color:#0f0f0f;margin-top:4px;letter-spacing:-.4px}
.sx-tier-desc{margin:auto 0 0;color:#49515b;font-size:15px}
.sx-tier--featured{background:#0f0f0f;color:#fff;border-color:#0f0f0f;box-shadow:0 25px 60px #0f0f0f30}
.sx-tier--featured h3,.sx-tier--featured .sx-tier-from strong{color:#fff}
.sx-tier--featured .sx-tier-from,.sx-tier--featured .sx-tier-desc{color:#d6d9de}
.sx-tiers-foot{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e3e3e3;padding-top:28px}
.sx-tiers-foot p{margin:0;color:#49515b;max-width:620px}
.sx-tiers-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
@media(max-width:991px){.sx-tiers{grid-template-columns:1fr}.sx-tier{padding:34px 28px}}
@media(max-width:767px){.sx-tier{padding:30px 24px}.sx-tier-from strong{font-size:28px}.sx-tiers-actions .button{width:100%;justify-content:center}}
.sx-tier-link{margin-top:20px;align-self:flex-start}

/* Beranda: jarak antar section sedikit dirapatkan agar halaman tidak terlalu panjang (hanya di .sx-home) */
.sx-home>.sx-section,.sx-home>section.sx-section{padding:96px 0}
@media(max-width:767px){.sx-home>.sx-section,.sx-home>section.sx-section{padding:56px 0}}