.consultation[data-astro-cid-j3cfa3yp]:before{content:"";background:linear-gradient(110deg, var(--color-brand-strong), transparent 70%);position:absolute;inset:0}.consultation[data-astro-cid-j3cfa3yp]:after{content:"";border:1px solid #fff3;border-radius:50%;width:22rem;height:22rem;position:absolute;top:-10rem;right:-6rem;box-shadow:0 0 0 3rem #ffffff09,0 0 0 6rem #ffffff06}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2)format("woff2")}.studio-home{--font-sans:"IBM Plex Sans", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-display:"Space Grotesk", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--color-canvas:#f5f8fc;--color-navy:#0b1830;--color-ink:#101b33;--color-ink-muted:#53647b;--color-line:#dce5f0;--color-brand:#1262d1;--color-brand-strong:#0d4dab;--color-brand-light:#67e8f9;--color-brand-soft:#e9f4ff;--studio-blue:#1677f8;--studio-cyan:#38bdf8;--radius-button:.75rem;--radius-card:1.25rem;--shadow-card:0 18px 50px #12274614;--container-content:78rem}.studio-home :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display)}.studio-home :is(h2,h3,h4,h5,h6),.studio-home .font-bold,.studio-home :is(a,button,summary,.eyebrow,.hero-eyebrow){font-weight:600}.studio-home :is(section,article[id],main){scroll-margin-top:6.5rem}.studio-home .focus-ring:focus-visible{outline-color:#1677f8}.studio-home :is(#portofolio,#kontak,footer) .focus-ring:focus-visible{outline-color:#67e8f9}.studio-home .eyebrow{letter-spacing:.15em;font-size:.7rem;font-weight:600}.studio-home h2{letter-spacing:-.045em;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:600;line-height:1.16}.studio-home .section-space{padding-block:4rem}.studio-home .site-header{backdrop-filter:none;background:#f5f8fcf7;border-color:#12274614}.studio-home .site-header>div{min-height:5rem}.studio-home [data-mobile-menu] nav{border-radius:var(--radius-card)}.studio-home .site-header summary::-webkit-details-marker{display:none}.studio-home .site-header summary i{transition:transform .2s,opacity .2s}.studio-home .site-header details[open] summary i:first-child{transform:translateY(7px)rotate(45deg)}.studio-home .site-header details[open] summary i:nth-child(2){opacity:0}.studio-home .site-header details[open] summary i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.studio-hero{isolation:isolate;background:radial-gradient(at 85% 55%,#d9eeff 0,#0000 58%),linear-gradient(135deg,#f5f8fc,#eff5fc);padding-block:3.5rem 1.25rem;position:relative;overflow:clip}.studio-hero:before{content:"";z-index:-1;background-image:linear-gradient(#1227460a 1px,#0000 1px),linear-gradient(90deg,#1227460a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 35%,#000)}.hero-layout{align-items:center;gap:1.5rem;display:grid}.hero-copy{z-index:2;min-width:0;position:relative}.hero-eyebrow{letter-spacing:.12em;color:var(--color-brand);align-items:center;gap:.6rem;font-size:.59rem;font-weight:600;display:flex}.hero-eyebrow>span{background:var(--studio-blue);border-radius:50%;flex:0 0 .4rem;height:.4rem;box-shadow:0 0 0 4px #1677f814}.hero-copy h1{letter-spacing:-.065em;text-wrap:balance;max-width:10.8em;margin-top:1.5rem;font-size:clamp(2.6rem,6.2vw,4.65rem);font-weight:700;line-height:1.045}.hero-description{max-width:32rem;color:var(--color-ink-muted);margin-top:1.5rem;font-size:1rem;line-height:1.8}.hero-actions{flex-direction:column;gap:.75rem;margin-top:1.8rem;display:flex}.hero-actions a{min-height:3.2rem}.hero-actions a:first-child{box-shadow:0 8px 22px #1677f82e}.hero-actions a:last-child{background:#ffffffa6}.digital-visual{width:100%;min-width:0;max-width:38rem;margin-inline:auto}.digital-scene{aspect-ratio:1.16;perspective:1100px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out;position:relative}.scene-orbit{border:1px solid #1677f82b;border-radius:50%;position:absolute;inset:15% 5%;transform:rotate(-28deg)scaleY(.77)}.scene-orbit-inner{border-style:dashed;inset:24% 15%;transform:rotate(28deg)}.scene-floor{background:radial-gradient(#1677f81a,#0000 70%);border-radius:50%;width:70%;height:20%;position:absolute;bottom:2%;left:16%;transform:rotate(-8deg)}.panel-float{position:absolute}.digital-panel{border:1px solid #ffffffeb;border-radius:1rem;overflow:hidden;box-shadow:0 20px 48px #12274626,inset 0 0 0 1px #1677f814}.panel-website{width:74%;top:18%;left:9%}.website-panel{background:linear-gradient(130deg,#ffffffeb,#dfeffdbf);transform:rotateY(-16deg)rotateX(8deg)rotate(-7deg)}.window-bar{color:#53647b;border-bottom:1px solid #12274612;justify-content:space-between;align-items:center;padding:4% 6%;font-size:clamp(.45rem,1vw,.62rem);display:flex}.window-dots{gap:3px;display:flex}.window-dots i{background:#a9c6e1;border-radius:50%;width:4px;height:4px}.website-preview{padding:6%}.preview-nav{align-items:center;gap:6%;display:flex}.preview-mark{background:var(--studio-blue);border-radius:2px;width:12%;height:9px;margin-right:auto}.preview-nav i{background:#a4bfd7;border-radius:2px;width:10%;height:3px}.preview-content{grid-template-columns:1fr 1fr;gap:10%;padding-block:12%;display:grid}.preview-copy{flex-direction:column;gap:8%;padding-top:4%;display:flex}.preview-copy i{background:#142e51;border-radius:2px;width:95%;height:8px}.preview-copy i:nth-child(2){width:70%}.preview-copy b{background:#a4bfd7;border-radius:2px;width:88%;height:3px}.preview-copy b:nth-child(3){margin-top:5%}.preview-copy b:nth-child(4){width:65%}.preview-copy>span{background:linear-gradient(110deg,#1677f8,#38bdf8);border-radius:4px;width:47%;height:15px;margin-top:8%}.glass-sculpture{aspect-ratio:1;perspective:400px;position:relative}.glass-sculpture span{background:linear-gradient(140deg,#67e8f999,#1677f8a6);border:1px solid #cff8ff;border-radius:20%;width:63%;height:76%;position:absolute;top:9%;left:15%;transform:rotate(-22deg)skewY(10deg);box-shadow:8px 12px 20px #1677f821}.glass-sculpture span:nth-child(2){opacity:.65;transform:translate(12px,-8px)rotate(-22deg)skewY(10deg)}.glass-sculpture span:nth-child(3){opacity:.5;transform:translate(-12px,8px)rotate(-22deg)skewY(10deg)}.preview-tiles{gap:6%;display:flex}.preview-tiles i{background:linear-gradient(120deg,#d5e7f6,#eaf4fb);border:1px solid #fff;border-radius:5px;flex:1;height:22px}.panel-shop{z-index:3;width:33%;top:7%;right:0}.shop-panel{background:linear-gradient(135deg,#fffffffa,#e4f4ffeb);padding:10%;transform:rotateY(-13deg)rotate(8deg)}.small-panel-heading{color:#223e5f;white-space:nowrap;align-items:center;gap:5%;font-size:clamp(.4rem,.85vw,.6rem);font-weight:600;display:flex}.scene-icon{color:var(--studio-blue);background:#e4f2ff;border-radius:6px;place-items:center;padding:5%;display:grid}.scene-icon svg{width:12px;height:12px}.panel-dot{background:#38bdf8;border-radius:50%;width:4px;height:4px;margin-left:auto}.product-preview{aspect-ratio:1.2;background:radial-gradient(at 60% 35%,#d9f6ff,#e0eafb);border-radius:10px;place-items:center;margin-block:12%;display:grid}.product-preview svg{width:78%;height:90%}.product-lines{flex-direction:column;gap:5px;display:flex}.product-lines>i{background:#7095b7;border-radius:2px;width:75%;height:4px}.product-lines>i:nth-child(2){background:#c0d4e5;width:45%;height:3px}.product-lines>span{gap:4px;margin-top:4px;display:flex}.product-lines b{background:#244365;border-radius:50%;width:6px;height:6px}.product-lines b:nth-child(2){background:#8dbbdb}.product-lines b:nth-child(3){background:#67e8f9}.panel-app{z-index:4;width:50%;bottom:7%;left:21%}.app-panel{background:linear-gradient(120deg,#122746f5,#184268f2);border-color:#67e8f999;padding:8%;transform:rotateX(6deg)rotateY(12deg)rotate(-3deg)}.app-panel .small-panel-heading{color:#e6f7ff}.app-panel .scene-icon{color:#67e8f9;background:#67e8f91f}.app-preview{gap:12%;margin-top:12%;display:flex}.app-sidebar{flex-direction:column;gap:8px;width:20%;display:flex}.app-sidebar i{background:#486888;border-radius:2px;height:3px}.app-sidebar i:first-child{background:#67e8f9}.app-chart{background:repeating-linear-gradient(0deg,#0000 0 14px,#ffffff0d 14px 15px);border-bottom:1px solid #45627c;flex:1;align-items:end;gap:9%;height:45px;display:flex}.app-chart span{background:linear-gradient(#67e8f9,#1677f8);border-radius:3px 3px 0 0;flex:1;height:45%}.app-chart span:nth-child(2){height:70%}.app-chart span:nth-child(3){height:53%}.app-chart span:nth-child(4){height:90%}.app-chart span:nth-child(5){height:65%}.app-chart span:nth-child(6){height:80%}.app-status{gap:5%;margin-top:10%;display:flex}.app-status i{background:#375e83;border-radius:2px;flex:1;height:5px}.scene-spark{aspect-ratio:1;background:linear-gradient(135deg,#c9efff,#38bdf833);border:1px solid #8ddeff;border-radius:20%;width:7%;position:absolute;transform:rotate(30deg)}.scene-spark-one{top:12%;left:3%}.scene-spark-two{border-radius:50%;width:10%;bottom:12%;right:4%}.scene-cross{color:#1677f8;font-size:1.5rem;font-weight:300;position:absolute;top:51%;right:10%}.visual-caption{letter-spacing:.06em;color:#53647b;justify-content:center;align-items:center;gap:.5rem;padding-top:.75rem;font-size:.62rem;display:flex}.visual-caption span{background:#8baaca;width:1.4rem;height:1px}.services-section{border-top:1px solid var(--color-line);background:#fff}.services-grid{perspective:1000px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:2.25rem;display:grid}.service-card{min-width:0;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid #dce5f0;border-radius:1.25rem;flex-direction:column;padding:1.6rem;transition:transform .25s ease-out,box-shadow .25s,border-color .25s;display:flex;position:relative}.service-card-top{justify-content:space-between;align-items:start;margin-bottom:1.6rem;display:flex}.service-icon{color:#1262d1;background:linear-gradient(135deg,#f1faff,#dfeeff);border:1px solid #fff;border-radius:1rem;place-items:center;width:3.25rem;height:3.25rem;display:grid;box-shadow:0 6px 16px #1677f81a,inset 0 0 0 1px #1677f814}.service-card:nth-child(2) .service-icon{color:#3255a7;background:linear-gradient(135deg,#f0f2ff,#e3eaff)}.service-card:nth-child(3) .service-icon{color:#087e89;background:linear-gradient(135deg,#edfcff,#d9f2f1)}.service-card:nth-child(4) .service-icon{color:#07769f;background:linear-gradient(135deg,#f0fcff,#d6f0ff)}.service-number{color:#7890aa;letter-spacing:.12em;font-size:.7rem}.service-card h3{letter-spacing:-.025em;font-size:1.2rem;font-weight:600}.service-card>p{color:var(--color-ink-muted);margin-block:.8rem 1.5rem;font-size:.875rem;line-height:1.8}.service-detail{width:fit-content;min-height:2.75rem;color:var(--color-brand);border-radius:.3rem;align-items:center;gap:.75rem;margin-top:auto;font-size:.8rem;font-weight:600;display:flex}.service-detail svg{transition:transform .2s}.service-detail:hover svg{transform:translate(3px)}.service-hint{color:var(--color-ink-muted);margin-top:1rem;font-size:.75rem}.benefits-section{background:linear-gradient(120deg,#f5f8fc,#edf4fc)}.benefits-layout{gap:2.5rem;display:grid}.benefits-grid{gap:1.8rem;display:grid}.benefits-grid li{align-items:start;gap:1rem;display:flex}.benefit-icon{color:#1262d1;background:#fffc;border:1px solid #d5e5f6;border-radius:.8rem;flex:0 0 2.5rem;place-items:center;height:2.5rem;display:grid}.benefits-grid h3{letter-spacing:-.02em;font-size:.95rem;font-weight:600}.benefits-grid p{color:var(--color-ink-muted);margin-top:.5rem;font-size:.85rem;line-height:1.8}.studio-home #portofolio{background:radial-gradient(at 100% 0,#173558,#0000 50%),#0b1830;position:relative}.studio-home #portofolio>div>article{border-color:#67e8f92e}.studio-home .portfolio-card{background:linear-gradient(145deg,#ffffff0f,#ffffff06);border-color:#a5c6e633;transition:border-color .25s;box-shadow:0 12px 30px #00000014}.studio-home .portfolio-card figure>div{background:#eaf1f8}.studio-home .portfolio-card img{border-radius:.5rem}.studio-home .portfolio-card details{background:#04112333}.studio-home .portfolio-card summary{min-height:3rem}.studio-home .portfolio-card summary:hover{background:#67e8f90f}.studio-home #cara-kerja{background:#fff}.studio-home #cara-kerja ol{--color-canvas:#fff}.studio-home #cara-kerja li{border-color:#b5d5f6}.studio-home #cara-kerja li>span:first-child{font-family:var(--font-sans);color:#1262d1;background:#e9f3ff;border:1px solid #b9d7ff;font-size:.75rem;font-weight:600;box-shadow:0 0 0 5px #fff}.studio-home .consultation{background:#0b1830;padding-block:4rem}.studio-home .consultation:before{background:radial-gradient(at 85%,#1677f833,#0000 60%)}.studio-home .consultation:after{border-color:#67e8f933;box-shadow:0 0 0 3rem #67e8f906,0 0 0 6rem #67e8f904}.studio-home .consultation a{color:#0b1830;background:#67e8f9;border:1px solid #bcf6ff;min-height:3.2rem;box-shadow:0 8px 32px #38bdf81f}.studio-home .consultation a:hover{background:#a5f3fc}.studio-home .site-footer{background:#081326;border-top:1px solid #ffffff14}.studio-home .footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}.studio-home .footer-layout>div{grid-column:1/-1}.studio-home .site-footer nav li a{align-items:center;min-height:2.75rem;display:inline-flex}.studio-home .site-footer nav ul{margin-top:.75rem}.studio-home .site-footer nav li{margin-block:0}.studio-home .site-footer p{color:#aebed2}.studio-home .site-footer>div:last-child p{color:#a5b5cb}.service-card-pricing{border-top:1px solid var(--color-line);font-family:var(--font-body);margin-top:auto;padding-block:1rem}.service-original-price{color:var(--color-ink-muted);margin-top:.5rem;font-size:.875rem;line-height:1.5;display:block}.service-price-label,.service-package{color:var(--color-ink-muted);font-size:.75rem;line-height:1.5;display:block}.service-price{color:var(--color-ink);margin-block:.25rem;font-size:1.35rem;font-weight:600;line-height:1.3;display:block}.service-recurring,.service-price-note{margin-top:.65rem;font-size:.75rem;line-height:1.6}.service-price-note{color:var(--color-ink-muted)}.service-card:has(.service-card-pricing) .service-detail{margin-top:0}@media (width<=39.99rem){.service-card{padding:.85rem}.service-card-top{margin-bottom:1rem}.service-icon{border-radius:.8rem;width:2.5rem;height:2.5rem}.service-icon svg{width:1.4rem;height:1.4rem}.service-card h3{overflow-wrap:anywhere;font-size:1rem;line-height:1.35}.service-card>p{margin-block:.7rem 1rem;font-size:.8125rem;line-height:1.6}.service-price{font-size:clamp(.95rem,4.4vw,1.2rem)}.service-card-pricing{overflow-wrap:anywhere}.service-detail{gap:.4rem;font-size:.8rem}.service-detail svg{flex-shrink:0}}@media (width>=26rem){.hero-actions{flex-flow:wrap}.hero-eyebrow{font-size:.65rem}}@media (width>=40rem){.studio-home .section-space{padding-block:5rem}.studio-hero{padding-block:4rem 2rem}.hero-layout{gap:2rem}.hero-description{font-size:1.075rem}.services-grid,.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid{gap:1rem}.app-chart{height:65px}.scene-icon svg{width:16px;height:16px}.preview-tiles i{height:32px}}@media (width>=64rem){.studio-home .section-space{padding-block:6rem}.studio-hero{padding-block:4rem 4.5rem}.hero-layout{grid-template-columns:1.04fr 1fr;gap:2rem;min-height:34rem}.hero-copy h1{font-size:clamp(3.5rem,5.2vw,4.65rem)}.hero-eyebrow{font-size:.64rem}.hero-description{max-width:30rem}.panel-app{bottom:4%}.visual-caption{padding-top:1.5rem}.benefits-layout{grid-template-columns:.9fr 1.3fr;align-items:start;gap:5rem}.benefits-grid{gap:2.5rem 2rem}.studio-home .footer-layout>div{grid-column:auto}.studio-home .footer-layout{grid-template-columns:1.3fr 1fr .75fr 1fr;gap:3rem;padding-block:3.5rem}.studio-home .consultation{padding-block:5rem}}@media (width>=75rem){.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (hover:hover) and (pointer:fine){.service-card:hover{border-color:#83b8f5;box-shadow:0 16px 38px #1677f81a}.studio-home .portfolio-card:hover{border-color:#67e8f980}}@keyframes studio-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=63.99rem) and (prefers-reduced-motion:no-preference){.digital-visual .panel-float{animation:6s ease-in-out infinite paused studio-float}.digital-visual .panel-shop{animation-duration:5s;animation-delay:-1.5s}.digital-visual .panel-app{animation-duration:7s;animation-delay:-3s}}@media (width>=64rem) and (prefers-reduced-motion:no-preference){.digital-visual .panel-float{animation:7s ease-in-out infinite paused studio-float}.digital-visual .panel-shop{animation-duration:8s;animation-delay:-2s}.digital-visual .panel-app{animation-duration:9s;animation-delay:-4s}}@media (prefers-reduced-motion:no-preference){.digital-visual[data-in-view] .panel-float{will-change:transform;animation-play-state:running}}@media (width<=39.99rem){.scene-spark-two,.scene-cross,.scene-orbit-inner{display:none}}@media (prefers-reduced-motion:reduce){.studio-home *,.studio-home :before,.studio-home :after{transition:none!important;animation:none!important}.studio-home [data-tilt]{transform:none}}