@font-face{font-family:body;src:url(../media/dm_sans-s.p.26ydf-cqcbk-4.ttf)format("truetype");font-display:swap;font-weight:100 1000}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:93.39%;descent-override:29.18%;line-gap-override:0.0%;size-adjust:106.22%}.body_254dab64-module__pRxLXq__className{font-family:body,body Fallback}.body_254dab64-module__pRxLXq__variable{--font-body:"body", "body Fallback"}
:root{--canvas:#f5f6f2;--ink:#101d35;--muted:#596577;--blue:#3b66d5;--line:#d8dedf;--white:#fff;--font-b:var(--font-body), sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--canvas);color:var(--ink);font:400 17px/1.65 var(--font-b);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{letter-spacing:-.04em;line-height:1.12}a{color:inherit;text-decoration:none}a,button,summary,input,textarea,select{-webkit-tap-highlight-color:transparent}a:hover{text-underline-offset:5px;text-decoration:underline}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}button{border:0}img{max-width:100%;height:auto;display:block}::selection{color:var(--ink);background:#c9d7ff}:focus-visible{outline-offset:5px;outline:3px solid #4777e8}main:focus{outline:none}.wrap{width:min(100% - 112px,1410px);margin-inline:auto}.skip{z-index:100;background:var(--ink);color:#fff;padding:12px;position:fixed;top:-80px;left:20px}.skip:focus{top:16px}.header{background:var(--canvas)}.header-row{justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.brand{letter-spacing:.12em;flex-shrink:0;align-items:center;gap:12px;font-size:21px;font-weight:800;display:inline-flex}.brand img{border-radius:8px}.desktop-nav{align-items:center;gap:30px;font-size:15px;display:flex}.button{background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:17px 26px;font-size:17px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#2a51b8;text-decoration:none;transform:translateY(-2px)}.button.small{gap:16px;min-height:44px;padding:12px 18px;font-size:14px}.button.outline{color:var(--ink);background:0 0;border:1px solid #b4c0ce}.button.outline:hover{background:#e6ebef}.mobile-nav{display:none}.eyebrow{letter-spacing:.13em;color:var(--muted);margin-bottom:26px;font-size:12px;font-weight:700}.hero{grid-template-columns:1fr 1.03fr;align-items:center;gap:54px;padding-block:36px 76px;display:grid}.hero h1{letter-spacing:-.055em;font-size:clamp(45px,4.7vw,74px);font-weight:750;line-height:1.08}.hero h1 em{color:var(--blue);font-style:normal}.lede{color:#465265;max-width:52ch;margin-top:30px;font-size:20px;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:30px;margin-top:36px;display:flex}.text-link{text-underline-offset:7px;align-items:center;gap:22px;font-weight:600;text-decoration:underline;display:inline-flex}.founder-note{color:var(--muted);margin-top:34px;font-size:13px}.founder-note span{margin:0 9px}.hero-preview{min-width:0}.browser-bar{color:#d8e0ee;background:#192438;border-radius:12px 12px 0 0;align-items:center;gap:6px;height:35px;padding:10px 14px;display:flex}.browser-bar>span{background:#7d92b0;border-radius:50%;width:7px;height:7px}.browser-bar>span:first-child{background:#e79685}.browser-bar p{letter-spacing:.03em;margin-left:20px;font-size:10px}.hero-preview>img{aspect-ratio:1.44;object-fit:cover;border-radius:0 0 12px 12px;width:100%;height:auto;box-shadow:0 16px 28px #101d3510}.hero-preview figcaption{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.5}.section{padding-block:90px;scroll-margin-top:20px}.services{border-top:1px solid var(--line)}h2{letter-spacing:-.045em;font-size:clamp(34px,3.8vw,58px);font-weight:650}.service-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:54px;display:grid}.service-grid article{border-left:1px solid var(--line);flex-direction:column;align-items:flex-start;padding-left:25px;display:flex}.service-grid article:first-child{border:0;padding-left:0}.index{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:600}.service-grid h3{margin:13px 0 24px;font-size:32px}.service-grid h4{letter-spacing:-.015em;margin-bottom:12px;font-size:18px;line-height:1.35}.service-grid p{color:var(--muted);font-size:15px}.service-grid .service-detail{margin:17px 0 24px;font-size:12px}.service-grid a{margin-top:auto;font-size:13px;font-weight:600}.demo{background:#e8ece8}.demo-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;display:grid}.demo-copy>p:not(.eyebrow){color:#465265;margin-top:24px;font-size:17px}.check-list{color:var(--muted);margin-block:25px;padding-left:20px;font-size:15px}.check-list li{margin-bottom:10px}.demo-copy .disclosure{line-height:1.6;font-size:12px!important}.demo-image{border:1px solid #ccd4cc;border-radius:8px;overflow:hidden;box-shadow:0 20px 35px #101d3510}.demo-image:hover{outline:2px solid var(--blue)}.process{grid-template-columns:1fr 1fr;gap:100px;display:grid}.section-intro>p:last-child{color:var(--muted);max-width:36ch;margin-top:24px}.process ol{margin:0;padding:0;list-style:none}.process li{border-bottom:1px solid var(--line);gap:28px;padding:30px 0;display:flex}.process li:first-child{padding-top:0}.process h3{margin-bottom:13px;font-size:24px}.process li p{color:var(--muted);font-size:15px}.starter{background:#e7edfb;border-radius:14px;grid-template-columns:1fr 1fr;gap:80px;padding:48px;display:grid}.starter h2{font-size:38px}.starter>div>p:not(.eyebrow){color:#465265;max-width:46ch;margin-top:18px}.price{letter-spacing:-.04em;font-weight:700;line-height:1.1;color:var(--ink)!important;margin-top:0!important;font-size:40px!important}.starter-offer{flex-direction:column;gap:16px;display:flex}.starter-offer>p{font-size:15px;margin-top:0!important}.starter-offer .muted{font-size:12px}.starter-offer a{align-self:flex-start;font-size:14px}.faq{grid-template-columns:1fr 1.3fr;gap:90px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{justify-content:space-between;align-items:center;gap:24px;padding-block:23px;font-size:17px;font-weight:550;line-height:1.5;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:25px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);padding-bottom:24px;font-size:15px}.contact{background:var(--ink);color:#f5f6f2;padding-block:90px}.contact-grid{grid-template-columns:1fr 1fr;gap:110px;display:grid}.contact .eyebrow{color:#a5b8d8}.contact h2{font-size:58px}.contact-grid>div>p:not(.eyebrow){color:#c0cbdd;max-width:42ch;margin-top:26px}.email-link{border-bottom:1px solid #7d92b0;margin-top:30px;display:inline-block}.contact .contact-note{font-size:13px;margin-top:40px!important}.brief-form{flex-direction:column;display:flex}.brief-form label{color:#d8e2f5;margin-bottom:8px;font-size:13px}.brief-form input,.brief-form textarea,.brief-form select{color:#fff;resize:vertical;background:#1a2a44;border:1px solid #4b5e7a;border-radius:6px;width:100%;min-height:48px;margin-bottom:22px;padding:13px 15px;font-size:15px}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#a4b3cc}.brief-form .button{align-self:flex-start}.form-note{color:#acbad1;max-width:60ch;margin-top:16px;font-size:11px;line-height:1.65}.footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px 28px;padding-block:42px;font-size:12px;display:flex}.footer .brand{color:var(--ink);font-size:16px}.footer nav{gap:20px;margin-left:auto;display:flex}.footer small{flex-basis:100%;font-size:11px}.wa-sticky{display:none}@media (min-width:1500px){.hero{padding-block:45px 76px}.hero h1{font-size:72px}}@media (max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:32px}.hero h1{font-size:52px}.lede{font-size:18px}.desktop-nav{gap:20px}.demo-grid{gap:40px}.service-grid{gap:18px}.service-grid article{padding-left:16px}.contact-grid{gap:60px}.contact h2{font-size:48px}.process,.faq{gap:50px}}@media (max-width:859px){.wrap{width:calc(100% - 40px)}.header-row{min-height:82px}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{align-items:center;gap:18px;min-height:44px;font-size:14px;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary span{transform:rotate(45deg)}.mobile-nav nav{background:var(--white);border:1px solid var(--line);z-index:20;border-radius:8px;width:230px;padding:12px;display:grid;position:absolute;top:55px;right:0;box-shadow:0 10px 20px #101d3515}.mobile-nav nav a{padding:12px;font-size:15px}.hero{grid-template-columns:1fr;gap:40px;padding:30px 0 60px}.hero h1{max-width:16ch;font-size:clamp(44px,8vw,68px)}.hero .eyebrow{margin-bottom:22px;font-size:11px}.lede{max-width:55ch;font-size:18px}.actions{gap:26px;margin-top:28px}.founder-note{margin-top:27px;font-size:12px}.hero-preview{max-width:680px}.section{padding-block:60px}.service-grid{grid-template-columns:1fr 1fr;gap:35px 28px;margin-top:36px}.service-grid article{border:0;border-top:1px solid var(--line);padding:22px 0 0}.service-grid article:first-child{border-top:1px solid var(--line);padding-top:22px}.service-grid h3{margin-bottom:18px}.demo-grid,.process,.faq,.contact-grid,.starter{grid-template-columns:1fr;gap:40px}.demo-image{max-width:700px}.process ol{max-width:680px}.starter{padding:30px}.starter h2{font-size:34px}.faq{gap:30px}.contact{padding-block:60px}.contact h2{font-size:44px}.contact-grid{gap:40px}.footer{padding-bottom:105px}.footer nav{flex-basis:100%;margin-left:0}.wa-sticky{left:20px;right:20px;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;background:var(--blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:52px;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:fixed;box-shadow:0 8px 24px #101d3530}.wa-sticky[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(140%)}.wa-dot{background:#e2f4e8;border-radius:50%;width:7px;height:7px;margin-right:10px}}@media (max-width:400px){.hero h1{font-size:41px}.actions{gap:20px}.button{padding:15px 20px;font-size:15px}.founder-note span{margin:0 4px}.service-grid{grid-template-columns:1fr}.contact h2{font-size:39px}.brand{font-size:18px}.starter{padding:26px}.wrap{width:calc(100% - 36px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;margin:45px 0;display:grid}.showcase-card{color:inherit;min-width:0;text-decoration:none}.showcase-card>div{background:#e8eff8;border-radius:8px;height:230px;overflow:hidden}.showcase-card img{object-fit:contain;width:100%;height:100%}.showcase-card h3{margin:16px 0 5px;font-size:25px}.showcase-card p{margin:0 0 10px}.showcase-card span{font-size:14px;text-decoration:underline}.showcase-card:hover h3{text-decoration:underline}.hero-preview>img{object-fit:contain;background:#e6edf3}@media (max-width:900px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.showcase-grid{grid-template-columns:1fr}.showcase-card>div{height:260px}}.hero-work-preview{min-width:0;display:block;text-decoration:none!important}.hero-work-preview>p{color:var(--muted);margin-top:14px;font-size:13px}.work-photo{color:#fff;isolation:isolate;background-image:url(/projects/brand-scenes.png);background-size:100% 300%;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:420px;padding:35px;display:flex;position:relative;overflow:hidden}.work-photo:before{content:"";z-index:-1;background:linear-gradient(90deg,#152222c9,#0000);position:absolute;inset:0}.work-photo>span:first-child{letter-spacing:-.8px;font-size:22px;font-weight:600}.work-photo h2,.work-photo h3{letter-spacing:-.035em;max-width:600px;margin-top:45px;font-size:clamp(32px,3.5vw,50px);line-height:1.08}.pasok-photo{background-position:bottom}.pasok-photo h2,.pasok-photo h3{font-family:Georgia,serif;font-weight:400}.aksara-photo{background-position:top}.work-link{margin-top:auto;padding-top:35px;font-size:14px}.selected-work{grid-template-columns:1fr 1fr;gap:55px 30px;margin-top:50px;display:grid}.selected-card{min-width:0;text-decoration:none!important}.selected-card .work-photo{min-height:400px}.work-meta{margin-top:20px}.work-meta h3{font-size:25px}.work-meta p{color:var(--muted);max-width:520px;margin-top:9px;font-size:14px}.sela-selected>img{object-fit:cover;object-position:top;border-radius:12px;width:100%;height:400px}.selected-card:hover .work-link{text-decoration:underline}@media (max-width:800px){.selected-work{grid-template-columns:1fr}.work-photo{min-height:400px}.work-photo h2,.work-photo h3{font-size:42px}.selected-card .work-photo{min-height:390px}}.work-photo{background-size:auto 330%}.nara-photo{background-position:50% 51%}.case-row{border-top:1px solid var(--line);grid-template-columns:1fr 1.65fr;gap:55px;padding:38px 0;display:grid}.case-list{margin-top:45px}.case-sector{color:var(--muted);margin-bottom:15px;font-size:14px}.case-row h3{font-size:30px}.case-row h4{font-size:24px;line-height:1.3}.case-row p{max-width:650px;margin:15px 0 25px}.case-header{border-bottom:1px solid var(--line);justify-content:space-between;padding-block:28px}.case-detail{max-width:1100px;padding-top:65px}.case-detail h1{max-width:950px;font-size:clamp(40px,5vw,72px)}.case-project-name{color:var(--muted);margin:25px 0 40px;font-size:22px}.case-detail>.work-photo{min-height:450px}.case-chapter{border-top:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:25px 50px;padding:40px 0;display:grid}.case-chapter:first-of-type{margin-top:60px}.case-chapter h2{font-size:28px}.case-chapter p,.case-chapter ul{grid-column:2;max-width:680px}.case-chapter p+p{margin-top:0}.case-chapter li{margin-bottom:12px}.case-detail>.actions{padding:25px 0 60px}@media (max-width:700px){.case-row,.case-chapter{grid-template-columns:1fr;gap:18px}.case-chapter p,.case-chapter ul{grid-column:1}.case-row h3{font-size:27px}.case-detail{padding-top:40px}.case-detail>.work-photo{min-height:360px}.case-header{font-size:13px}}