.sm-landing{--brand-primary:#3158ed;--brand-accent:#cfddff;--brand-ink:#2448bc;--n-50:247 249 253;--n-100:238 243 251;--n-200:221 229 242;--n-300:195 208 229;--n-400:111 127 151;--n-500:91 108 134;--n-600:74 92 117;--n-700:49 68 94;--n-900:17 35 62;background:#fcfdff;color:#11233e;font-family:Arial,Helvetica,sans-serif;overflow:clip}.sm-landing section[id]{scroll-margin-top:95px}.sm-landing :focus-visible{outline:3px solid #3158ed;outline-offset:5px}.sm-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.sm-header{background:#fcfdfff0;backdrop-filter:blur(18px);border-bottom:1px solid #e4eaf480}.sm-header nav:first-child{min-height:82px;max-width:1228px}.sm-brand-name{font-size:27px;font-weight:800;letter-spacing:-1.2px}.sm-brand-name>span{color:#3158ed}.sm-button-primary,.sm-landing .btn-primary{background:#3158ed;color:#fff;box-shadow:0 5px 18px #3158ed24}.sm-landing .btn{border-radius:12px;min-height:48px;transition:transform .2s,box-shadow .2s}.sm-button:hover,.sm-landing .btn:hover{transform:translateY(-2px)}.sm-menu-toggle{display:none;min-width:44px;min-height:44px;border:1px solid #dce4f1;border-radius:10px}.sm-mobile-nav{display:grid;padding:12px 24px 20px;background:white;border-top:1px solid #e5ebf4}.sm-mobile-nav a{padding:14px 0}.sm-skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:16px;border-radius:8px}.sm-skip:focus{top:16px}.sm-hero{position:relative;padding:72px 0 0;background:radial-gradient(ellipse at 80% 22%,#dde8ff 0,transparent 55%),linear-gradient(180deg,#f7faff,#fcfdff)}.sm-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#879ac233 .8px,transparent 0);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,black);mask-image:linear-gradient(90deg,transparent 30%,black);pointer-events:none}.sm-hero-grid{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:55px;position:relative}.sm-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #cedbf2;background:#f8faff;color:#36579b;border-radius:30px;padding:9px 12px;font-size:11px;font-weight:700;letter-spacing:.3px}.sm-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#21a478;box-shadow:0 0 0 3px #21a47813;flex:none}.sm-hero h1{font-size:clamp(38px,4.3vw,59px);line-height:1.08;letter-spacing:-2.7px;font-weight:800;margin:24px 0;text-wrap:balance}.sm-hero-sub{color:#586b87;font-size:16px;line-height:1.85;max-width:510px}.sm-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:28px 0 18px}.sm-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 22px;font-weight:700;font-size:14px;border-radius:12px;transition:transform .2s,box-shadow .2s}.sm-button-primary:hover{box-shadow:0 10px 26px #3158ed38}.sm-button-text{padding-inline:0;gap:9px;color:#30476b}.sm-play{border:1px solid #cad6e8;border-radius:50%;display:grid;place-items:center;height:28px;width:28px;background:white}.sm-hero-note{color:#667895;font-size:12px;display:flex;align-items:center;gap:7px}.sm-hero-note svg{width:15px;height:15px;color:#208963;flex:none}.sm-hero-benefits{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;font-weight:600;color:#637591;margin-top:35px}.sm-platforms{position:relative;padding-block:66px 35px;text-align:center}.sm-platforms>p{font-size:11px;letter-spacing:1px;color:#71819a}.sm-platforms>div{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:22px}.sm-platforms span{font-size:19px;font-weight:700;letter-spacing:-.5px;color:#566882}.sm-orbit{position:absolute;border:1px solid #b7c9f04d;border-radius:50%;width:580px;height:580px;right:-200px;top:-220px;pointer-events:none}.sm-demo{position:relative;padding:20px 0 30px;min-width:0}.sm-demo-halo{position:absolute;inset:10% -15%;background:radial-gradient(ellipse,#9fb9ff70,transparent 65%);filter:blur(25px);pointer-events:none}.sm-demo-window{position:relative;background:#fff;border:1px solid #d5e0f0;border-radius:18px;box-shadow:0 30px 80px -35px #345ba870,0 0 0 7px #ffffff70;transform:rotate(-2deg)}.sm-demo-bar{justify-content:space-between;padding:17px;border-bottom:1px solid #edf1f7;font-size:11px}.sm-demo-bar,.sm-demo-bar>div{display:flex;align-items:center}.sm-demo-bar>div{gap:9px}.sm-mini-logo{background:#3158ed;color:white;border-radius:7px;width:26px;height:26px;display:grid;place-items:center;font-size:21px}.sm-demo-label{font-size:8px;letter-spacing:1.4px;color:#697c97}.sm-demo-body{padding:22px}.sm-demo-heading{display:flex;align-items:center;justify-content:space-between}.sm-demo-heading p,.sm-panel-label{font-size:8px;letter-spacing:1.5px;color:#7184a0;font-weight:700}.sm-demo-heading h2{font-size:18px;letter-spacing:-.6px;font-weight:700;margin-top:5px}.sm-team-star{color:#3158ed;font-size:40px;animation:sm-spin 18s linear infinite}.sm-demo-status{display:flex;align-items:center;gap:10px;padding:12px;margin:18px 0;border-radius:9px;background:#eff4ff;min-height:66px}.sm-status-icon{color:#4262cc;flex:none}.sm-status-icon svg{width:23px;height:23px}.sm-demo-status strong{font-size:11px}.sm-demo-status p{font-size:9px;color:#71809b;margin-top:3px}.sm-demo-content{display:grid;grid-template-columns:1fr .92fr;gap:18px}.sm-creative{position:relative;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#e9f0d7,#c7d7b6);min-height:236px;padding:16px}.sm-creative-brand{font-size:7px;letter-spacing:2px;color:#42593e}.sm-creative>p{font-size:24px;line-height:1.12;letter-spacing:-1px;color:#27492f;font-weight:700;position:relative;margin-top:58px}.sm-creative em{font-family:Georgia,serif;font-weight:400}.sm-creative-foot{display:block;font-size:7px;letter-spacing:1px;margin-top:18px;color:#42593e}.sm-cup{position:absolute;width:84px;height:84px;border-radius:50%;top:34px;right:12px;background:radial-gradient(circle,#673d20 37%,#a17143 39%,#f4f0dc 43%,#e5dfc7 52%,#f4f0dc 54%,#f9f7e8 70%);box-shadow:6px 12px 14px #35452535;transform:rotate(-25deg)}.sm-cup:after{content:"";position:absolute;width:25px;height:14px;border:7px solid #f4f0dc;right:-17px;top:33px;border-radius:5px}.sm-demo-sidebar{padding-top:5px}.sm-mini-task{display:flex;gap:8px;padding-block:15px;border-bottom:1px solid #edf0f6}.sm-mini-task>span{font-size:9px;color:#8da0bc}.sm-mini-task strong{display:block;font-size:10px}.sm-mini-task small{display:block;font-size:8px;color:#788aa5;margin-top:5px}.sm-mini-progress{margin-top:17px;font-size:8px;color:#5e7191}.sm-mini-progress>div{height:4px;border-radius:4px;background:#e9eef7;margin-top:9px;overflow:hidden}.sm-mini-progress i{display:block;height:100%;background:#3158ed;transition:width .8s}.sm-demo-stages{display:flex;justify-content:space-between;gap:5px;margin-top:20px}.sm-demo-stages button{display:flex;align-items:center;gap:5px;padding:10px 3px;min-height:44px;font-size:8px;color:#657894;border-bottom:2px solid transparent}.sm-demo-stages button[aria-pressed=true]{color:#3158ed;border-color:#3158ed}.sm-demo-stages button>span{border-radius:50%;width:19px;height:19px;display:grid;place-items:center;background:#edf2ff;font-size:8px}.sm-demo-bottom{display:flex;justify-content:space-between;align-items:center;padding:4px 18px;border-top:1px solid #edf1f7;font-size:9px;color:#657894}.sm-demo-bottom>span{display:flex;align-items:center;gap:8px}.sm-demo-bottom button{min-height:44px;padding:10px}.sm-float-note{position:absolute;bottom:0;right:-18px;display:flex;align-items:center;gap:12px;border:1px solid #e0e8f4;background:#fff;padding:16px 22px;border-radius:13px;box-shadow:0 12px 35px #1f3d7620;animation:sm-float 5s ease-in-out infinite}.sm-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf5ef;color:#2d8c64;flex:none}.sm-icon svg{width:23px;height:23px}.sm-float-note strong{font-size:11px}.sm-float-note p{font-size:10px;color:#74839b;margin-top:4px}.sm-demo[data-playing=false] .sm-float-note,.sm-demo[data-playing=false] .sm-team-star{animation-play-state:paused}.sm-demo{margin-bottom:30px}.sm-float-note{bottom:-30px;pointer-events:none}.sm-stats dl{padding:30px;background:#fff;border-radius:18px;border-color:#e1e8f3;box-shadow:0 8px 30px #294f8d05}.sm-stats dt{color:#3158ed;font-size:29px;letter-spacing:-1px}.sm-stats dd{font-size:12px}.sm-kicker{font-size:10px;color:#3158ed;font-weight:700;letter-spacing:2px;margin-bottom:16px}.sm-landing section[id]>div>h2,.sm-landing section[id]>h2{font-size:clamp(29px,3.2vw,42px);font-weight:700;line-height:1.17;letter-spacing:-1.5px}.sm-landing #fitur{padding-top:105px}.sm-landing #fitur>p:not(.sm-kicker){max-width:670px;line-height:1.8}.sm-features article{position:relative;border-color:#e0e7f2;border-radius:18px;background:#fff;padding:26px;transition:transform .25s,box-shadow .25s}.sm-features article:hover{transform:translateY(-6px);box-shadow:0 16px 35px #1c438212;border-color:#b6caf5}.sm-features article:nth-child(4n+1){background:#f0f5ff}.sm-features article:nth-child(4n+3){background:#f4f7ed}.sm-features article>span:first-child{background:#fff!important;color:#3158ed!important;border:1px solid #dce6fb;border-radius:13px;width:44px;height:44px}.sm-feature-number{position:absolute;top:30px;right:25px;color:#a4b2c7;font-size:11px}.sm-features h3{letter-spacing:-.4px;font-size:17px;line-height:1.4}.sm-features p{font-size:13px;line-height:1.8}.sm-landing #cara-kerja{color:#edf3ff;background:#101f3b;position:relative}.sm-landing #cara-kerja h2,.sm-landing #cara-kerja h3{color:#fff}.sm-landing #cara-kerja p{color:#aebed8}.sm-landing #cara-kerja li>span{width:50px;height:50px;border-radius:15px;background:#263c62!important;color:#b9ccff;border:1px solid #3e5377}.sm-landing #cara-kerja li{padding-right:24px}.sm-landing #cara-kerja li:not(:last-child):after{content:"→";position:absolute;top:13px;right:20px;color:#6a84ab}.sm-landing #harga>h2,.sm-landing #harga>p{margin-inline:auto;text-align:center}.sm-landing #harga>h2{max-width:650px}.sm-landing #harga article{background:white;border-radius:20px;padding:26px 20px;box-shadow:0 8px 30px #1f3d7606}.sm-landing #harga article.border-2{box-shadow:0 15px 55px #3158ed19;background:linear-gradient(180deg,#f0f5ff,white 50%)}.sm-landing #harga article>h3{font-size:21px;letter-spacing:-.5px}.sm-landing #harga article>p:first-of-type{min-height:48px;font-size:12px;line-height:1.7}.sm-landing #harga ul{font-size:12px;line-height:1.7}.sm-landing #tanya{background:#f2f6fc}.sm-landing #tanya details{padding:22px 0}.sm-landing #tanya summary{font-size:15px}.sm-landing #tanya summary>span{font-size:25px;font-weight:400;color:#3158ed}.sm-landing #tanya details p{line-height:1.9}.sm-final>div{background:radial-gradient(ellipse at 85% 0,#5a7cfa,transparent 55%),#2449d8!important;padding:70px 25px;border-radius:28px;position:relative;overflow:hidden}.sm-final h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px}.sm-final>div:before{content:"✦";position:absolute;right:3%;top:-110px;color:#ffffff0c;font-size:330px;pointer-events:none}.sm-landing footer{background:#fcfdff;font-size:12px}@keyframes sm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sm-spin{to{transform:rotate(1turn)}}@media(min-width:1200px){.sm-demo{margin-right:5px}}@media(max-width:1023px){.sm-hero-grid{gap:30px}.sm-hero h1{font-size:43px}.sm-demo-body{padding:15px}.sm-demo-content{gap:10px}.sm-mini-task strong{font-size:9px}.sm-demo-stages button{font-size:7px}.sm-float-note{right:0}.sm-hero-benefits{gap:8px}}@media(max-width:767px){.sm-container{width:calc(100% - 40px)}.sm-menu-toggle{display:block}.sm-header nav:first-child{min-height:72px}.sm-brand-name{font-size:23px}.sm-header .btn-primary{font-size:11px;padding:10px 12px;min-height:44px}.sm-hero{padding-top:42px}.sm-hero-grid{grid-template-columns:1fr;gap:30px}.sm-hero-copy{max-width:560px;margin:auto}.sm-hero h1{font-size:clamp(37px,7.5vw,52px);letter-spacing:-1.8px}.sm-hero-sub{font-size:15px}.sm-demo{max-width:520px;width:100%;margin:0 auto;padding:10px 7px 25px}.sm-demo-window{transform:rotate(-1deg)}.sm-demo-body{padding:18px}.sm-demo-content{gap:16px}.sm-creative{min-height:220px}.sm-mini-task strong{font-size:10px}.sm-demo-stages button{font-size:8px}.sm-platforms{padding-block:36px 30px}.sm-platforms>div{gap:16px 24px}.sm-platforms span{font-size:16px}.sm-stats dl{text-align:center;gap:22px}.sm-landing #fitur{padding-top:64px}.sm-features article{padding:23px}.sm-landing #cara-kerja li:not(:last-child):after{display:none}.sm-landing #harga article>p:first-of-type{min-height:0}.sm-final>div{padding:50px 22px}}@media(prefers-reduced-motion:reduce){.sm-landing *,.sm-landing :after,.sm-landing :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}