:root{--red:#3487c8;--red-dark:#1f4971;--gold:#79c7f2;--green:#1f8f9f;--ink:#132132;--muted:#5b6e80;--line:#d7e5ef;--paper:#f3f8fc;--white:#ffffff;--band:#e8f2f8;--shadow:0 18px 48px rgba(19,33,50,0.14);--shadow-hover:0 24px 60px rgba(19,33,50,0.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes headerDrop{0%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes mediaFloat{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes phoneFloat{0%,to{translate:0 0}50%{translate:0 12px}}@keyframes scanLine{0%{transform:translateY(-120%);opacity:0}18%,78%{opacity:1}to{transform:translateY(620%);opacity:0}}@keyframes subtlePulse{0%,to{box-shadow:0 0 0 0 rgba(121,199,242,0)}50%{box-shadow:0 0 0 7px rgba(121,199,242,.16)}}@keyframes detailReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.siteHeader{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;gap:22px;min-height:72px;padding:12px clamp(20px,4vw,54px);background:rgba(243,248,252,.92);border-bottom:1px solid rgba(31,73,113,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:headerDrop .52s ease both}.brand,.siteHeader{display:flex;align-items:center}.brand{width:min(330px,46vw);min-width:180px}.brand img{width:100%;height:auto}.kerjataBrand,.kerjataFooterBrand{display:inline-flex;align-items:center;gap:12px;min-width:0}.kerjataBrand{width:min(320px,46vw)}.kerjataBrandMark{display:inline-flex;align-items:center;justify-content:center;color:var(--white);border-radius:8px;background:linear-gradient(135deg,var(--red),var(--green));box-shadow:0 12px 28px rgba(19,33,50,.16);font-size:1.15rem;font-weight:900}.kerjataBrandMark,.kerjataLogoAsset{width:44px;height:44px;flex:0 0 auto}.kerjataLogoAsset{border-radius:10px;box-shadow:0 12px 28px rgba(31,73,113,.18);object-fit:cover}.kerjataBrand small,.kerjataBrand strong,.kerjataFooterBrand small,.kerjataFooterBrand strong{display:block;line-height:1.1}.kerjataBrand strong,.kerjataFooterBrand strong{color:var(--ink);font-size:1.1rem;font-weight:900}.kerjataBrand small,.kerjataFooterBrand small{margin-top:3px;color:var(--muted);font-size:.78rem;font-weight:800}.navLinks{display:flex;align-items:center;gap:26px;color:#25384b;font-size:.95rem;font-weight:700}.footerLinks a,.navLinks a{position:relative;transition:color .18s ease,transform .18s ease}.footerLinks a:after,.navLinks a:after{position:absolute;right:0;bottom:-5px;left:0;height:2px;content:"";background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.footerLinks a:hover,.navLinks a:hover{color:var(--red)}.footerLinks a:hover:after,.navLinks a:hover:after{transform:scaleX(1)}.button,.headerCta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:8px;font-size:.94rem;font-weight:800;white-space:nowrap;transition:box-shadow .18s ease,transform .18s ease,background .18s ease,border-color .18s ease}.headerCta{color:var(--white);background:var(--ink)}.button:hover,.headerCta:hover{transform:translateY(-2px)}.button:active,.headerCta:active{transform:translateY(0)}.button svg,.faqList summary svg,.finalActions svg,.footerLinks svg,.headerCta svg{width:20px;height:20px;flex:0 0 auto}.heroSection{position:relative;isolation:isolate;overflow:hidden;padding:clamp(76px,9vw,130px) 0 clamp(58px,7vw,88px);color:var(--white);background:linear-gradient(112deg,#0a2438 0,#123f63 52%,var(--band) 52%,var(--paper) 100%)}.heroOverlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,36,56,.98),rgba(10,36,56,.88) 45%,rgba(10,36,56,.22) 68%,rgba(10,36,56,.08)),linear-gradient(130deg,rgba(52,135,200,.34),rgba(121,199,242,.18) 36%,rgba(255,255,255,0) 62%)}.heroContent{display:grid;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);grid-template-areas:"copy media" "stats media";grid-gap:34px clamp(34px,6vw,72px);gap:34px clamp(34px,6vw,72px);align-items:center}.heroCopy{grid-area:copy;max-width:760px;min-width:0}.heroCopy>*{animation:fadeSlideUp .62s ease both}.heroCopy .eyebrow{animation-delay:80ms}.heroCopy h1{animation-delay:.17s}.heroLead{animation-delay:.26s}.heroActions{animation-delay:.35s}.heroMedia{grid-area:media;position:relative;min-height:520px;min-width:0;animation:fadeSlideUp .76s ease .26s both,mediaFloat 7s ease-in-out 1.2s infinite}.heroMedia:before{position:absolute;inset:32px 0 18px 70px;content:"";border:1px solid rgba(255,255,255,.56);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.22)),rgba(255,255,255,.22);transform:skewX(-8deg)}.dashboardMockup{position:relative;z-index:1;width:min(680px,100%);margin-left:auto;overflow:hidden;border:1px solid rgba(10,36,56,.16);border-radius:8px;background:#f8fbff;box-shadow:0 30px 70px rgba(10,36,56,.3),inset 0 2px 0 rgba(255,255,255,.72);transition:box-shadow .22s ease,transform .22s ease}.dashboardMockup:after{position:absolute;top:36px;right:0;left:0;height:70px;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(121,199,242,.16),rgba(255,255,255,0));animation:scanLine 5.8s ease-in-out 1.1s infinite}.heroMedia:hover .dashboardMockup{transform:translateY(-6px) scale(1.01);box-shadow:0 36px 86px rgba(10,36,56,.36),inset 0 2px 0 rgba(255,255,255,.8)}.mockupChrome{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-bottom:1px solid rgba(10,36,56,.1);background:linear-gradient(180deg,#ffffff,#eef6fb)}.mockupChrome span{width:9px;height:9px;border-radius:999px;background:var(--red)}.mockupChrome span:nth-child(2){background:var(--gold)}.mockupChrome span:nth-child(3){background:var(--green)}.dashboardMockup img{width:100%;height:390px;object-fit:cover;object-position:top left}.phoneMockup{position:absolute;z-index:2;right:-16px;bottom:-18px;width:min(218px,34%);filter:drop-shadow(0 26px 34px rgba(10,36,56,.4));animation:phoneFloat 6s ease-in-out 1.6s infinite;transition:transform .22s ease}.phoneMockup img{width:100%;height:auto}.heroMedia:hover .phoneMockup{transform:rotate(1.5deg) scale(1.04)}.heroBadge{position:absolute;z-index:3;left:8px;bottom:62px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 15px;color:var(--white);border:1px solid rgba(255,255,255,.26);border-radius:8px;background:rgba(10,36,56,.9);box-shadow:0 18px 34px rgba(10,36,56,.24);font-size:.9rem;font-weight:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeSlideUp .62s ease .56s both}.heroBadge:before{width:8px;height:8px;content:"";border-radius:999px;background:var(--gold);animation:subtlePulse 2.6s ease-in-out infinite}.eyebrow,.sectionKicker{display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 16px;color:var(--gold);font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.eyebrow:before,.sectionKicker:before{width:24px;height:2px;content:"";background:currentColor}.heroSection h1{max-width:760px;margin:0;font-size:5.25rem;line-height:.98;letter-spacing:0;overflow-wrap:normal}.heroLead{max-width:670px;margin:24px 0 0;color:rgba(255,255,255,.86);font-size:1.25rem}.finalActions,.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.buttonPrimary{color:var(--white);background:var(--red);box-shadow:0 16px 32px rgba(52,135,200,.28)}.buttonPrimary:hover{box-shadow:0 20px 42px rgba(52,135,200,.36)}.buttonSecondary{color:var(--white);border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.1)}.buttonSecondary:hover{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.16)}.buttonPricing{width:100%;color:var(--white);background:var(--green);box-shadow:0 14px 28px rgba(31,143,159,.18)}.buttonPricing:hover{background:#177b88;box-shadow:0 18px 36px rgba(31,143,159,.24)}.heroStats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;width:min(690px,100%);min-width:0;margin-top:0;animation:fadeSlideUp .68s ease .44s both}.heroStats div{min-height:92px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .18s ease,transform .18s ease,background .18s ease}.heroStats div:hover{border-color:rgba(121,199,242,.54);background:rgba(255,255,255,.12);transform:translateY(-4px)}.heroStats span,.heroStats strong{display:block}.heroStats strong{font-size:1.65rem;line-height:1.1}.heroStats span{margin-top:6px;color:rgba(255,255,255,.74);font-size:.88rem}.section{padding:clamp(66px,8vw,106px) 0;scroll-margin-top:92px}.sectionBand{background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(243,248,252,.72)),var(--band);border-top:1px solid rgba(31,73,113,.08);border-bottom:1px solid rgba(31,73,113,.08)}.sectionIntro{padding-top:clamp(42px,6vw,70px)}.faqLayout,.finalCtaInner,.footerInner,.introGrid,.processGrid,.splitSection{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);grid-gap:clamp(28px,6vw,72px);gap:clamp(28px,6vw,72px);align-items:start}h2,h3,p{overflow-wrap:anywhere}h2{max-width:820px;font-size:3rem;line-height:1.06}h2,h3{margin:0;letter-spacing:0}h3{font-size:1.35rem;line-height:1.18}.sectionHeader{display:grid;grid-gap:14px;gap:14px;max-width:820px;margin-bottom:34px}.faqLayout>div>p,.finalCtaInner p,.introGrid>div>p,.introGrid>p,.sectionHeader p,.splitSection>div>p{color:var(--muted);font-size:1.04rem}.introGrid>div>p{margin:0 0 16px}.introGrid>div>p:last-child{margin-bottom:0}.featureGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.featureCard,.pricingCard,.serviceCard{position:relative;overflow:hidden;border:1px solid rgba(31,73,113,.12);border-radius:8px;background:var(--white);box-shadow:var(--shadow);transition:border-color .19s ease,box-shadow .19s ease,transform .19s ease}.featureCard:before,.pricingCard:before,.serviceCard:before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:linear-gradient(90deg,var(--red),var(--gold),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.featureCard:hover,.pricingCard:hover,.serviceCard:hover{border-color:rgba(52,135,200,.22);box-shadow:var(--shadow-hover);transform:translateY(-6px)}.featureCard:hover:before,.pricingCard:hover:before,.serviceCard:hover:before{transform:scaleX(1)}.featureCard{display:grid;grid-gap:12px;gap:12px;min-height:236px;padding:24px}.featureNumber,.serviceIndex{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-width:46px;min-height:32px;padding:0 10px;color:var(--red-dark);border:1px solid rgba(52,135,200,.16);border-radius:8px;background:rgba(52,135,200,.06);font-size:.86rem;font-weight:900;transition:color .18s ease,background .18s ease,border-color .18s ease}.featureCard:hover .featureNumber,.serviceCard:hover .serviceIndex{color:var(--white);border-color:var(--red);background:var(--red)}.featureCard h3,.pricingCard h3,.serviceCard h3{transition:color .18s ease}.featureCard:hover h3,.pricingCard:hover h3,.serviceCard:hover h3{color:var(--red)}.featureCard p,.pricingCard p,.serviceCard p{margin:0;color:var(--muted)}.serviceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.serviceCard,.serviceGrid{display:grid;grid-gap:18px;gap:18px}.serviceCard{padding:clamp(24px,4vw,34px)}.serviceCard ul{display:grid;grid-gap:12px;gap:12px;padding:0;margin:4px 0 0;list-style:none}.benefitList div,.serviceCard li{display:flex;gap:10px;align-items:flex-start}.serviceCard li:before{width:7px;height:7px;margin-top:10px;content:"";border-radius:999px;background:var(--green);flex:0 0 auto}.benefitList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.kerjataIconGrid+.benefitList{margin-top:22px}.benefitList div{min-height:74px;padding:18px;border:1px solid rgba(31,143,159,.2);border-radius:8px;background:rgba(255,255,255,.74);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.benefitList div:before{width:3px;min-height:28px;content:"";border-radius:999px;background:var(--green);flex:0 0 auto}.benefitList div:hover{border-color:rgba(31,143,159,.36);background:var(--white);box-shadow:0 14px 34px rgba(31,143,159,.1);transform:translateY(-4px)}.pricingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.pricingCard{display:grid;grid-gap:22px;gap:22px;padding:24px}.pricingTop{display:grid;grid-gap:18px;gap:18px}.pricingTop strong{color:var(--red-dark);font-size:1.72rem;line-height:1;transition:color .18s ease}.pricingCard:hover .pricingTop strong{color:var(--red)}.specList{display:grid;grid-gap:10px;gap:10px;margin:0}.specList div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-top:1px solid var(--line)}.specList dt{color:var(--muted);font-weight:700}.specList dd{margin:0;text-align:right;font-weight:900}.demoSection{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(243,248,252,.9)),linear-gradient(115deg,rgba(31,143,159,.08),rgba(121,199,242,.08),rgba(52,135,200,.06)),var(--paper)}.demoLayout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);grid-gap:clamp(28px,6vw,72px);gap:clamp(28px,6vw,72px);align-items:start}.demoLayout>div>p{max-width:560px;color:var(--muted);font-size:1.04rem}.demoForm{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;padding:clamp(22px,4vw,32px);border:1px solid rgba(31,73,113,.13);border-radius:8px;background:var(--white);box-shadow:var(--shadow);transition:border-color .19s ease,box-shadow .19s ease,transform .19s ease}.demoForm:before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:linear-gradient(90deg,var(--red),var(--gold),var(--green))}.demoForm:hover{border-color:rgba(52,135,200,.2);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.demoForm label{display:grid;grid-gap:8px;gap:8px;min-width:0}.demoForm label span{color:#24384c;font-size:.86rem;font-weight:900;transition:color .18s ease}.demoForm label:focus-within span{color:var(--red)}.demoForm input,.demoForm select,.demoForm textarea{width:100%;min-height:46px;padding:0 14px;color:var(--ink);border:1px solid rgba(99,95,102,.28);border-radius:8px;background:#fbfcfa;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.demoForm textarea{min-height:118px;padding-top:12px;resize:vertical}.demoForm input:focus,.demoForm select:focus,.demoForm textarea:focus{border-color:rgba(52,135,200,.55);background:var(--white);box-shadow:0 0 0 4px rgba(52,135,200,.1)}.demoNotes,.demoSubmit{grid-column:1/-1}.demoSubmit{border:0;cursor:pointer}.processList{display:grid;grid-gap:14px;gap:14px;padding:0;margin:0;list-style:none}.processList li{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(31,73,113,.12);transition:border-color .18s ease,transform .18s ease}.processList li:hover{border-color:rgba(52,135,200,.34);transform:translateX(6px)}.processList span{color:var(--red);font-size:1.3rem;font-weight:900;transition:color .18s ease}.processList li:hover span{color:var(--green)}.processList p{margin:0;color:#24384c}.slaTable{overflow:hidden;border:1px solid rgba(31,73,113,.14);border-radius:8px;background:var(--white);box-shadow:var(--shadow)}.slaRow{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(150px,.7fr) minmax(150px,.8fr);grid-gap:18px;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line);transition:background .18s ease}.slaRow:last-child{border-bottom:0}.slaHead{color:var(--white);background:var(--ink);font-weight:900}.slaRow:not(.slaHead) span:not(:first-child){color:var(--red-dark);font-weight:900}.slaRow:not(.slaHead):hover{background:rgba(121,199,242,.1)}.faqList{display:grid;grid-gap:12px;gap:12px}.faqList details{border:1px solid rgba(31,73,113,.14);border-radius:8px;background:var(--white);box-shadow:0 10px 30px rgba(19,33,50,.08);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.faqList details:hover{border-color:rgba(52,135,200,.24);box-shadow:0 16px 38px rgba(19,33,50,.11);transform:translateY(-2px)}.faqList summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:18px 20px;cursor:pointer;font-weight:900;list-style:none}.faqList summary::-webkit-details-marker{display:none}.faqList summary svg{width:18px;height:18px;color:var(--red);transition:transform .18s ease}.faqList details[open] summary svg{transform:rotate(90deg)}.faqList details p{margin:0;padding:0 20px 22px;color:var(--muted)}.faqList details[open] p{animation:detailReveal .22s ease both}.finalCta{padding:clamp(66px,8vw,96px) 0;color:var(--white);background:linear-gradient(110deg,rgba(10,36,56,1),rgba(31,73,113,.94)),var(--ink)}.finalCtaInner{align-items:center}.finalCtaInner h2{max-width:740px}.finalCtaInner .sectionKicker{color:var(--gold)}.finalActions{justify-content:flex-end;margin-top:0}.finalActions p{display:inline-flex;align-items:center;gap:10px;min-height:46px;margin:0;padding:0 18px;color:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.22);border-radius:8px}.footer{padding:42px 0;background:#071b2b;color:rgba(255,255,255,.78)}.footerInner{align-items:center}.footer img{width:min(320px,64vw);padding:10px;border-radius:8px;background:rgba(255,255,255,.94)}.footer .kerjataLogoAsset{width:44px;height:44px;padding:0;border-radius:10px;background:transparent}.footer p{max-width:460px;margin:16px 0 0}.footerLinks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px 24px;font-weight:800}.footerLinks a:last-child{display:inline-flex;align-items:center;gap:8px}.kerjataHero h1{max-width:880px;font-size:clamp(3.25rem,5.8vw,5.1rem);line-height:1.02}.kerjataHero .heroLead{max-width:720px}.kerjataIconGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.kerjataIconGrid>div{position:relative;overflow:hidden;min-height:236px;padding:24px;border:1px solid rgba(31,73,113,.12);border-radius:8px;background:var(--white);box-shadow:var(--shadow);transition:border-color .19s ease,box-shadow .19s ease,transform .19s ease}.kerjataIconGrid>div:before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:linear-gradient(90deg,var(--red),var(--gold),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.kerjataIconGrid>div:hover{border-color:rgba(52,135,200,.22);box-shadow:var(--shadow-hover);transform:translateY(-6px)}.kerjataIconGrid>div:hover:before{transform:scaleX(1)}.kerjataIconGrid svg{width:32px;height:32px;margin-bottom:18px;color:var(--red)}.kerjataIconGrid h3{transition:color .18s ease}.kerjataIconGrid>div:hover h3{color:var(--red)}.kerjataIconGrid p{margin:12px 0 0;color:var(--muted)}.kerjataFooterBrand{width:-moz-fit-content;width:fit-content;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.95)}.articleTeaserGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.articleIndexGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.articleTeaser{position:relative;overflow:hidden;display:grid;grid-gap:12px;gap:12px;min-height:260px;padding:22px;border:1px solid rgba(31,73,113,.12);border-radius:8px;background:var(--white);box-shadow:var(--shadow);transition:border-color .19s ease,box-shadow .19s ease,transform .19s ease}.articleTeaser:before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:linear-gradient(90deg,var(--red),var(--gold),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.articleTeaser:hover{border-color:rgba(52,135,200,.22);box-shadow:var(--shadow-hover);transform:translateY(-6px)}.articleTeaser:hover:before{transform:scaleX(1)}.articleTeaser>span{color:var(--red-dark);font-size:.82rem;font-weight:900}.articleTeaser p{margin:0;color:var(--muted)}.articleTeaser strong{display:inline-flex;align-items:center;gap:8px;align-self:end;color:var(--green);font-size:.9rem}.articleTeaser svg{width:18px;height:18px}.articleHero{padding:clamp(66px,8vw,108px) 0 clamp(54px,7vw,82px);color:var(--white);background:linear-gradient(110deg,rgba(10,36,56,.98),rgba(31,73,113,.9)),var(--ink)}.articleHeroInner{max-width:930px}.articleHero h1{max-width:930px;margin:0;font-size:clamp(2.55rem,5.4vw,4.75rem);line-height:1.03;letter-spacing:0}.articleHero p:not(.eyebrow){max-width:780px;margin:22px 0 0;color:rgba(255,255,255,.82);font-size:1.18rem}.articleBackLink{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;color:rgba(255,255,255,.82);font-weight:900;transition:color .18s ease,transform .18s ease}.articleBackLink:hover{color:var(--gold);transform:translateX(-4px)}.articleBackLink svg{width:18px;height:18px}.articleMeta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.articleMeta span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);font-size:.86rem;font-weight:800}.articleBody{padding-top:clamp(52px,7vw,86px)}.articleLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:clamp(28px,6vw,72px);gap:clamp(28px,6vw,72px);align-items:start}.articleContent{min-width:0;max-width:820px}.articleContent section{padding-top:34px;margin-top:34px;border-top:1px solid rgba(31,73,113,.12)}.articleAside h2,.articleContent h2{font-size:clamp(1.65rem,3vw,2.25rem)}.articleContent li,.articleContent p{color:#24384c;font-size:1.04rem}.articleLead{margin-top:0;color:var(--ink)!important;font-size:1.16rem!important}.articleContent ul{display:grid;grid-gap:10px;gap:10px;padding:0;margin:18px 0 0;list-style:none}.articleContent li{display:flex;gap:10px}.articleContent li:before{width:7px;height:7px;margin-top:11px;content:"";border-radius:999px;background:var(--green);flex:0 0 auto}.articleAside>div,.articleInternalLink{border:1px solid rgba(31,73,113,.14);border-radius:8px;background:var(--white);box-shadow:0 14px 38px rgba(19,33,50,.09)}.articleInternalLink{margin:32px 0;padding:22px}.articleInternalLink p{margin:0;color:var(--ink);font-weight:800}.articleInternalLink a{color:var(--red);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.articleFaq{scroll-margin-top:92px}.articleAside{position:-webkit-sticky;position:sticky;top:92px;display:grid;grid-gap:16px;gap:16px}.articleAside>div{padding:22px}.articleAside p{color:var(--muted)}.articleRelatedList{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.articleRelatedList a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(31,73,113,.1);font-weight:800;transition:color .18s ease,transform .18s ease}.articleRelatedList a:hover{color:var(--red);transform:translateX(4px)}.articleRelatedList svg{width:18px;height:18px;flex:0 0 auto}.articleAsideCta .button{width:100%;margin-top:10px}@supports (animation-timeline:view()){.demoLayout,.faqLayout,.finalCtaInner,.introGrid,.processGrid,.sectionHeader{animation:fadeSlideUp linear both;animation-timeline:view();animation-range:entry 6% cover 26%}}@media (max-width:980px){.navLinks{display:none}.heroSection{background:linear-gradient(180deg,#0a2438 0,#123f63 62%,var(--band) 62%,var(--paper) 100%)}.heroContent{grid-template-columns:1fr;grid-template-areas:"copy" "media" "stats"}.heroMedia{width:min(720px,100%);min-height:460px;margin:8px auto 0}.dashboardMockup{width:100%;margin-left:0}.dashboardMockup img{height:340px}.phoneMockup{right:14px;width:min(190px,30%)}.heroBadge{left:18px;bottom:44px}.heroSection h1{font-size:4.5rem}.kerjataHero h1{font-size:clamp(2.8rem,7vw,4.1rem)}h2{font-size:2.55rem}.heroOverlay{background:linear-gradient(180deg,rgba(10,36,56,.98),rgba(10,36,56,.82) 58%,rgba(10,36,56,.18) 76%,rgba(10,36,56,0)),linear-gradient(135deg,rgba(52,135,200,.26),rgba(121,199,242,.14) 40%,rgba(255,255,255,0) 70%)}.articleTeaserGrid,.featureGrid,.kerjataIconGrid,.pricingGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.articleLayout,.demoLayout,.faqLayout,.finalCtaInner,.footerInner,.introGrid,.processGrid,.splitSection{grid-template-columns:1fr}.articleAside{position:static}.finalActions,.footerLinks{justify-content:flex-start}}@media (max-width:720px){.container{width:min(100% - 28px,1180px)}.siteHeader{min-height:64px;gap:12px;padding:10px 14px}.brand{min-width:150px;width:48vw}.kerjataBrand{width:auto}.kerjataBrand small{display:none}.kerjataBrandMark,.kerjataLogoAsset{width:40px;height:40px}.headerCta span{display:none}.headerCta{width:44px;min-height:44px;padding:0}.heroSection{padding:70px 0 56px}.heroOverlay{background:linear-gradient(180deg,rgba(10,36,56,.98),rgba(10,36,56,.88) 58%,rgba(10,36,56,.2) 78%,rgba(10,36,56,0)),linear-gradient(135deg,rgba(52,135,200,.3),rgba(121,199,242,.16) 42%,rgba(255,255,255,0) 72%)}.heroSection h1{max-width:100%;line-height:1.08;overflow-wrap:anywhere}.heroSection h1,.kerjataHero h1{font-size:2.05rem}.eyebrow{font-size:.76rem}h2{font-size:2.1rem}.heroLead{max-width:100%;font-size:1rem}.finalActions,.heroActions{display:grid;grid-template-columns:1fr}.button,.finalActions p{width:100%}.heroMedia{width:100%;min-height:330px}.heroMedia:before{inset:22px 0 14px 34px}.dashboardMockup img{height:230px}.mockupChrome{height:30px}.phoneMockup{right:-6px;bottom:-8px;width:112px}.heroBadge{top:16px;bottom:auto;left:12px;min-height:40px;padding:0 12px;font-size:.8rem}.articleTeaserGrid,.benefitList,.demoForm,.featureGrid,.heroStats,.kerjataIconGrid,.pricingGrid,.serviceGrid{grid-template-columns:1fr}.articleHero h1{font-size:2.05rem}.articleHero p:not(.eyebrow),.articleLead{font-size:1rem!important}.featureCard{min-height:auto}.slaTable{overflow-x:auto}.slaRow{grid-template-columns:minmax(220px,1.5fr) 140px 150px;min-width:560px}.processList li{grid-template-columns:48px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}