@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/bricolage-grotesque-latin-500-normal-DEDBoLFO.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-500-normal-CV-uA8Lw.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}.invoice-preview{color:#202b43;text-align:left;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 12px 35px #101b3d10}.browser-bar{color:#81899b;background:#fff;border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:10px;height:23px;padding:0 10px;font-size:5.5px;display:flex}.browser-bar>span{text-align:center;background:#f5f7fb;border-radius:3px;flex:1;margin-inline:35px;padding:3px 27px}.browser-dots{gap:3px;display:flex}.browser-dots i{background:#d2d6e0;border-radius:50%;width:4px;height:4px}.browser-dots i:first-child{background:#f5a8a6}.browser-dots i:nth-child(2){background:#ebcf87}.browser-dots i:last-child{background:#91cfb6}.invoice-body{height:286px;display:flex}.app-sidebar{color:#b4bed2;background:#182541;flex-shrink:0;width:104px;padding:15px 10px;position:relative}.mini-brand{color:#fff;align-items:center;gap:5px;margin-bottom:27px;display:flex}.mini-brand>span{color:#83a4ff;border:1px solid #7293f8;border-radius:6px;place-items:center;width:21px;height:21px;font-size:13px;font-weight:600;display:grid}.mini-brand>b{font-family:var(--heading);font-size:15px;line-height:1}.mini-brand b>span{letter-spacing:2px;margin-top:4px;font-size:4.5px;font-weight:400;display:block}.app-sidebar>small{letter-spacing:1.1px;opacity:.5;margin-bottom:10px;padding-left:7px;font-size:4.6px;display:block}.app-nav{border-radius:3px;align-items:center;gap:6px;margin-bottom:3px;padding:7px;font-size:6px;display:flex}.app-nav svg{width:9px;height:9px}.app-nav.selected{color:#fff;background:#2c4d9d}.app-profile{align-items:center;gap:5px;font-size:5px;display:flex;position:absolute;bottom:13px;left:13px}.app-profile>span{background:#2f405d;border-radius:50%;place-items:center;width:17px;height:17px;font-size:5px;display:grid}.app-profile small{opacity:.5;margin-top:3px;font-size:4px;display:block}.app-main{background:#f8faff;flex:1;min-width:0;padding:0 15px 13px}.app-topbar{color:#7b8599;border-bottom:1px solid #e7ecf5;justify-content:space-between;align-items:center;height:28px;font-size:5.5px;display:flex}.app-topbar>span,.app-topbar>div{align-items:center;gap:8px;display:flex}.app-topbar svg{width:8px;height:8px}.mini-avatar{color:#4f6ca8;background:#e3eafa;border-radius:50%;padding:4px;font-size:5px}.app-heading{justify-content:space-between;align-items:center;margin-top:17px;display:flex}.app-heading small{letter-spacing:.6px;color:#8a95aa;font-size:4px}.app-heading h4{letter-spacing:-.4px;margin:4px 0;font-size:12px}.app-heading p{color:#8c94a7;font-size:5px}.mini-button{color:#fff;white-space:nowrap;background:#2855f6;border-radius:3px;padding:5px 7px;font-size:5px}.app-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.app-stats>div{background:#fff;border:1px solid #e5ebf5;border-radius:4px;padding:8px}.app-stats>div>span{color:#8993a8;justify-content:space-between;font-size:5px;display:flex}.app-stats svg{width:7px;height:7px}.app-stats b{letter-spacing:-.4px;margin:7px 0 4px;font-size:13px;font-weight:600;display:block}.app-stats b>span{color:#acb3c1;font-size:8px}.app-stats small{color:#939db0;align-items:center;gap:3px;font-size:4.5px;display:flex}.app-stats small i{background:#43b48c;border-radius:50%;width:3px;height:3px}.app-chart{background:#fff;border:1px solid #e5ebf5;border-radius:4px;margin-top:8px;padding:10px}.app-chart>div:first-child{justify-content:space-between;font-size:6px;display:flex}.app-chart>div>span{color:#8b96aa;align-items:center;gap:5px;font-size:4px;display:flex}.chart-area{height:67px;margin-top:10px;display:flex}.chart-labels{color:#a1aabd;flex-direction:column;justify-content:space-around;width:19px;padding-bottom:9px;font-size:4px;display:flex}.chart-bars{background:repeating-linear-gradient(0deg,#0000 0 20px,#f0f3f8 20px 21px);flex:1;gap:13px;padding:0 7px;display:flex}.chart-bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:10px;display:flex;position:relative}.chart-bars>div>span{background:linear-gradient(#4878f6,#a0bbff);border-radius:3px 3px 0 0;width:68%;max-width:27px}.chart-bars>div:last-child>span{background:linear-gradient(#1c47d9,#5885fc)}.chart-bars small{color:#8e9bb3;font-size:4px;position:absolute;bottom:0}.app-table{background:#fff;border:1px solid #e5ebf5;border-radius:4px;margin-top:8px;padding:8px 10px;font-size:4px}.app-table>div{color:#77859e;border-top:1px solid #f0f2f6;grid-template-columns:1.3fr 1.4fr 1fr .7fr;align-items:center;gap:4px;padding:5px 0;display:grid}.app-table>div:first-child{border:0;justify-content:space-between;padding:0 0 6px;display:flex}.app-table>div:first-child>b{color:#26314b;font-size:6px}.app-table>div:first-child>span{color:#3862c9;align-items:center;gap:5px;display:flex}.app-table .table-head{color:#a0a8b9;font-size:3.5px}.app-table em{color:#279578;background:#e8f7f1;border-radius:3px;justify-self:start;padding:2px 4px;font-size:4px;font-style:normal}.app-table em.pending{color:#b39345;background:#fff4e0}.perodua-preview{text-align:left;background:#fff;border-radius:5px;overflow:hidden}.auto-nav{justify-content:space-between;align-items:center;gap:8px;padding:13px 14px;display:flex}.auto-nav>b{font-family:var(--heading);letter-spacing:.3px;color:#2a3139;align-items:center;gap:4px;font-size:8px;display:flex}.auto-nav b small{color:#8d9295;letter-spacing:1px;font-size:5px}.auto-mark{color:#fff;background:#325753;border-radius:50%;place-items:center;width:18px;height:13px;font-size:8px;font-style:italic;display:grid}.auto-nav>div{color:#8a8e91;gap:11px;font-size:4px;display:flex}.auto-contact{color:#fff;white-space:nowrap;background:#2d4c43;border-radius:2px;padding:5px 6px;font-size:4px}.auto-hero{height:207px;position:relative;overflow:hidden}.auto-hero>img{object-fit:cover;object-position:65% center;width:100%;height:100%}.auto-overlay{background:linear-gradient(90deg,#122b2deb 0,#122b2d9c 45%,#122b2d05 100%);position:absolute;inset:0}.auto-copy{color:#fff;position:absolute;top:36px;left:25px}.auto-copy>span{letter-spacing:1px;color:#e8ddaa;font-size:4px}.auto-copy>h4{letter-spacing:-1px;margin-top:10px;font-size:25px;font-weight:500;line-height:1.18}.auto-copy>p{color:#e5eae8;margin-top:9px;font-size:5px}.auto-copy>b{color:#304b46;background:#e7e4c5;border-radius:2px;align-items:center;gap:15px;margin-top:16px;padding:6px 8px;font-size:5px;font-weight:500;display:inline-flex}.auto-caption{color:#fff;letter-spacing:1px;align-items:center;gap:15px;font-size:4.5px;display:flex;position:absolute;bottom:16px;right:15px}.auto-bottom{color:#63716c;justify-content:space-between;align-items:center;padding:14px 20px;font-size:6px;display:flex}.auto-bottom>b{color:#304b46;align-items:center;gap:14px;font-size:5px;font-weight:500;display:flex}:root{--paper:#fff;--surface:#edf2f6;--ink:#182541;--blue:#425598;--cyan:#00a6bd;--muted:#607086;--line:#d8e1e9;--heading:"Bricolage Grotesque", sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.65}button,a,input,textarea,select{outline-offset:5px}:focus-visible{outline:3px solid var(--cyan)}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading)}svg{flex-shrink:0}.container{width:min(1280px,100% - 112px);margin-inline:auto}.section-space{padding-block:112px}.button{border-radius:8px;justify-content:center;align-items:center;gap:26px;min-height:54px;padding:0 23px;font-size:14px;font-weight:500;transition:background .18s;display:inline-flex}.button-primary{color:#fff;background:var(--ink)}.button-primary:hover{background:var(--blue)}.button-light{color:var(--ink);background:#fff}.button-light:hover{background:#dff5fa}.text-link{background:0 0;justify-content:flex-start;align-items:center;gap:14px;padding:5px 0;font-size:14px;font-weight:500;display:inline-flex}.text-link:hover{color:var(--blue);text-underline-offset:6px;text-decoration:underline}.icon-button{background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:var(--surface)}.skip-link{z-index:110;background:var(--ink);color:#fff;padding:14px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:20;background:#fff;position:relative}.nav-wrap{align-items:center;gap:32px;height:104px;display:flex}.brand{flex-shrink:0;width:174px;display:block}.brand img{width:100%;height:auto}.navigation{gap:34px;margin-left:auto;display:flex}.navigation a{color:var(--muted);padding-block:12px;font-size:14px}.navigation a:hover{color:var(--ink)}.nav-contact{background:0 0;align-items:center;gap:22px;margin-left:10px;padding:0 0 0 17px;font-size:14px;font-weight:500;display:flex}.nav-contact>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:42px;height:42px;transition:background .18s;display:grid}.nav-contact:hover>span{background:var(--surface)}.menu-toggle{display:none}.hero{background:var(--surface);overflow:hidden}.hero-grid{grid-template-columns:1.12fr 1fr;align-items:center;gap:40px;padding-block:30px 35px;display:grid}.hero-copy{z-index:1;padding-block:28px;position:relative}.hero-intro{color:var(--blue);align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.hero-intro:before{content:"";border:1.5px solid var(--cyan);border-radius:50%;width:23px;height:10px;transform:rotate(-32deg)}.hero h1{letter-spacing:-2.8px;max-width:680px;font-size:clamp(46px,4.85vw,70px);font-weight:500;line-height:1.065}.hero-description{color:#586981;max-width:425px;margin-top:27px;font-size:16px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:27px;margin-top:31px;display:flex}.hero-actions .text-link{border-bottom:1px solid #9caab9;padding-bottom:5px;font-size:13px}.hero-location{color:#64768b;align-items:center;gap:8px;margin-top:35px;font-size:12px;display:flex}.hero-bottom{border-top:1px solid #d1dce5;justify-content:space-between;align-items:center;gap:30px;padding-block:26px;font-size:12px;display:flex}.hero-bottom p{color:var(--blue)}.hero-bottom strong{color:#68788b;margin-left:5px;font-weight:400}.hero-bottom a{white-space:nowrap;align-items:center;gap:14px;display:flex}.hero-bottom a svg{color:var(--blue);transform:rotate(90deg)}.hero-showcase{min-width:0;height:594px;position:relative}.orbit-artwork{width:calc(100% + 70px);height:auto;color:var(--blue);pointer-events:none;position:absolute;top:-4px;left:-30px}.orbit-brand{z-index:1;background:#fff;border:1px solid #dae3ea;border-radius:50%;padding:10px;position:absolute;top:25px;left:43%;box-shadow:0 5px 14px #18254104}.orbit-brand>div{width:55px;height:55px;overflow:hidden}.orbit-brand img{width:181px;max-width:none;height:55px}.showcase-panel{background:#fff;border:1px solid #d5dfe9;border-radius:11px;width:100%;animation:.2s ease-out reveal-panel;position:absolute;top:123px;left:0;overflow:hidden;box-shadow:0 18px 40px #223b5811}.showcase-preview{background:#fff;height:307px;overflow:hidden}.showcase-preview .invoice-preview,.showcase-preview .perodua-preview{box-shadow:none;border-radius:0}.showcase-preview>img{object-fit:cover;object-position:top;width:100%;height:100%}.showcase-preview .invoice-body{height:286px}.showcase-preview .auto-hero{height:202px}.showcase-caption{border-top:1px solid #e4eaf0;justify-content:space-between;align-items:center;padding:17px 21px;display:flex}.showcase-caption span{color:#607086;margin-bottom:4px;font-size:10px;display:block}.showcase-caption strong{font-size:16px;font-family:var(--heading);font-weight:500}.showcase-caption button{background:var(--surface);border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.showcase-caption button:hover{color:#fff;background:var(--blue)}.showcase-options{justify-content:center;gap:6px;width:100%;display:flex;position:absolute;bottom:28px}.showcase-options button{color:#62738a;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex}.showcase-options button[aria-pressed=true]{color:var(--ink);background:#fff;border-color:#d2dde6}.showcase-options button:hover{color:var(--ink);background:#ffffffa6}.showcase-options button[aria-pressed=true] svg{color:var(--cyan)}.showcase-note{text-align:center;color:#5f7189;width:100%;font-size:10px;position:absolute;bottom:1px}.showcase-note span{color:#738297}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.section-heading h2{letter-spacing:-1.6px;font-size:clamp(36px,3.4vw,48px);font-weight:500;line-height:1.12}.section-heading>p{color:var(--muted);max-width:318px;padding-bottom:4px;font-size:15px;line-height:1.75}.work-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-top:37px;margin-bottom:28px;display:flex}.work-filters{gap:25px;display:flex}.work-filters button{color:#64738a;background:0 0;border-bottom:2px solid #0000;padding:9px 0;font-size:13px}.work-filters button.active{color:var(--ink);border-bottom-color:var(--ink)}.work-filters button:hover{color:var(--blue)}.work-filters button>span{color:#7c899b;vertical-align:super;margin-left:8px;font-size:10px}.work-count{color:#6b7b90;font-size:12px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:55px 36px;display:grid}.project-card{text-align:left;background:0 0;width:100%;min-width:0;padding:0}.work-visual{aspect-ratio:1.45;border-radius:12px;justify-content:center;align-items:center;padding:51px 28px 26px;display:flex;position:relative;overflow:hidden}.work-visual.perodua{background:#dfe8e5}.work-visual.invoice{background:#e2e9f7}.work-visual.accounting{background:#e8edf5}.work-visual.document{background:#e7eeed}.project-stage{color:#485d6d;background:#ffffffa6;border-radius:4px;padding:5px 9px;font-size:10px;position:absolute;top:17px;left:21px}.work-visual>.perodua-preview,.work-visual>.invoice-preview{width:100%;box-shadow:0 12px 20px #142e4812}.work-visual>img{object-fit:contain;border-radius:4px;width:100%;height:auto;max-height:100%;box-shadow:0 8px 20px #223b5810}.project-screenshot .work-visual{aspect-ratio:1.9;border-radius:8px;padding:44px 28px 22px}.project-screenshot .work-visual>img{object-fit:contain;object-position:top;height:100%;max-height:100%}.project-open{background:var(--ink);color:#fff;opacity:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:opacity .18s;display:grid;position:absolute;bottom:15px;right:16px}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1}.project-info{justify-content:space-between;align-items:center;gap:20px;margin-top:23px;display:flex}.project-info>div>span{color:var(--muted);font-size:12px}.project-info h3{letter-spacing:-.7px;margin-top:7px;font-size:29px;font-weight:500}.project-info>svg{color:#677b91}.project-card:hover .project-info>svg{color:var(--cyan)}.project-card>p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.6}.project-tags{flex-wrap:wrap;gap:7px 14px;margin-top:14px;display:flex}.project-tags>span{color:#576c85;font-size:11px}.project-tags>span+span:before{content:"/";color:#a1adbc;margin-right:14px;display:inline-block}.project-screenshot .project-info h3{font-size:25px}.work-note{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:48px;padding-top:26px;display:flex}.work-note p{color:var(--muted);font-size:13px}.services-section{background:var(--surface)}.services-grid{grid-template-columns:.85fr 1.15fr;gap:95px;display:grid}.section-kicker{color:var(--blue);font-size:13px}.services-intro h2{letter-spacing:-1.4px;margin-top:20px;font-size:43px;font-weight:500;line-height:1.14}.services-intro>p{color:var(--muted);max-width:340px;margin-top:24px;font-size:15px;line-height:1.8}.services-intro>.text-link{margin-top:25px;font-size:13px}.service-connection{align-items:center;margin-top:48px;display:flex}.service-connection>span{width:56px;height:56px;color:var(--blue);border:1px solid #c2d0de;border-radius:50%;place-items:center;display:grid}.service-connection>span:last-child{color:var(--cyan);border-color:#a3cbd3}.service-connection i{border-top:1px dashed #a8bbcd;width:48px}.services-list{border-top:1px solid #bdcbd9}.service-row{border-bottom:1px solid #cbd7e1;padding-block:27px}.service-row h3{letter-spacing:-.5px;font-size:22px;font-weight:500}.service-row h3>button{text-align:left;background:0 0;align-items:center;gap:18px;width:100%;padding:0;display:flex}.service-row h3>button>svg:last-child{color:#647995;margin-left:auto}.service-icon{color:var(--blue);stroke-width:1.3px}.expanded .service-icon{color:var(--cyan)}.service-content{padding:19px 0 0 43px}.service-content>p{color:#5a6d84;max-width:480px;font-size:14px;line-height:1.85}.service-content ul{grid-template-columns:1fr 1fr;gap:14px 20px;margin:24px 0;padding:0;list-style:none;display:grid}.service-content li{color:#465f7a;align-items:center;gap:7px;font-size:12px;display:flex}.service-content li svg{color:var(--cyan)}.service-content>.text-link{font-size:12px}.service-short{color:#5e7189;margin-top:10px;padding-left:43px;font-size:13px;line-height:1.7}.studio-grid{grid-template-columns:1fr 1.08fr;align-items:center;gap:105px;display:grid}.studio-identity{background:#eaf0f4;border-radius:60px 12px;min-height:480px;padding:49px 44px;position:relative;overflow:hidden}.studio-identity:before{content:"";border:1px solid #42559817;border-radius:50%;width:370px;height:230px;position:absolute;top:42px;left:120px;transform:rotate(-39deg)}.studio-brand-symbol{width:110px;height:110px;margin-bottom:52px;position:relative;overflow:hidden}.studio-brand-symbol>img{width:362px;max-width:none;height:110px}.studio-identity>p{font-family:var(--heading);letter-spacing:-1px;font-size:35px;font-weight:500;line-height:1.2}.studio-identity strong{font-weight:500}.studio-identity>span{color:#60708b;align-items:center;gap:7px;margin-top:25px;font-size:11px;display:flex}.studio-copy h2{letter-spacing:-1.4px;margin-top:20px;font-size:43px;font-weight:500;line-height:1.15}.studio-copy>p{color:var(--muted);max-width:510px;margin-top:21px;font-size:15px;line-height:1.85}.studio-copy>p+p{margin-top:14px}.studio-principles{gap:14px;margin-top:27px;display:grid}.studio-principles>div{color:#4f637e;align-items:center;gap:10px;font-size:13px;display:flex}.studio-principles svg{color:var(--cyan)}.process-section{padding-top:0}.process-grid{grid-template-columns:repeat(4,1fr);gap:35px;margin:44px 0 0;padding:0;list-style:none;display:grid}.process-step{border-top:1px solid #becddb;padding-top:23px}.process-step>span{width:33px;height:33px;color:var(--blue);border:1px solid #ccd9e3;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.process-step h3{letter-spacing:-.7px;margin-top:20px;font-size:26px;font-weight:500}.process-step p{color:var(--muted);max-width:260px;margin-top:11px;font-size:14px;line-height:1.8}.contact-section{background:var(--blue);color:#fff;overflow:hidden}.contact-content{justify-content:space-between;align-items:center;gap:100px;padding-block:80px 87px;display:flex;position:relative}.contact-content>div{z-index:1;position:relative}.contact-content>div:first-child{flex:1}.contact-content>div:first-child>p{color:#d5e2ff;font-size:14px}.contact-content h2{letter-spacing:-2px;margin-top:23px;font-size:72px;font-weight:500;line-height:1.06}.contact-content .button{margin-top:34px}.contact-aside{max-width:280px;padding-top:65px}.contact-aside p{color:#e0e7f7;font-size:15px;line-height:1.8}.contact-aside p+p{margin-top:13px}.contact-aside a{border-bottom:1px solid #ffffff60;align-items:center;gap:9px;width:fit-content;margin-top:28px;padding-block:8px 12px;font-size:13px;display:flex}.contact-aside a:hover{border-bottom-color:#fff}.contact-orbit{color:#fff;opacity:.15;width:570px;top:-45px;left:auto;right:-130px}.contact-orbit circle{stroke:#fff}.site-footer{background:#fff}.footer-top{align-items:center;gap:80px;padding-block:47px;display:flex}.footer-top>.brand{width:165px}.footer-top>p{color:#62758d;font-size:13px;line-height:1.7}.footer-top>div{gap:30px;margin-left:auto;font-size:13px;display:flex}.footer-top a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);color:#65788e;align-items:center;gap:40px;padding-block:25px;font-size:11px;display:flex}.footer-bottom>div{gap:29px;margin-left:auto;display:flex}.footer-bottom button{color:inherit;font-size:inherit;background:0 0;padding:0}.footer-bottom a:hover,.footer-bottom button:hover{color:var(--blue)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#182541a6;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;outline:none;width:690px;max-width:100%;max-height:calc(100dvh - 50px);padding:30px 36px 36px;overflow-y:auto;box-shadow:0 30px 80px #101a4130}.modal-top{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.modal-top .eyebrow{color:#62738c;text-transform:none;letter-spacing:.1px;font-size:11px}.modal h2{letter-spacing:-1.1px;padding-right:18px;font-size:36px;font-weight:500;line-height:1.12}.modal-intro{color:#607086;max-width:520px;margin-top:16px;font-size:14px;line-height:1.8}.modal form{margin-top:27px}.form-row{grid-template-columns:1fr 1fr;gap:17px;display:grid}.modal label{color:#415875;margin-bottom:20px;font-size:12px;font-weight:500;display:block}.modal input,.modal select,.modal textarea{color:#304562;background:#fff;border:1px solid #cedae4;border-radius:6px;width:100%;margin-top:8px;padding:12px 13px;font-size:14px;line-height:1.5;display:block}.modal input::placeholder,.modal textarea::placeholder{color:#708198}.modal textarea{resize:vertical;min-height:110px}.form-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-note{color:#65768b;margin-top:-5px;font-size:11px;line-height:1.7}.form-submit{width:100%;margin-top:20px}.form-alternative{text-align:center;color:#62738b;margin-top:18px;font-size:12px;line-height:1.7}.form-alternative a{color:var(--blue);align-items:center;gap:3px;display:inline-flex}.form-error{color:#aa423b;background:#fff1ef;border-radius:4px;margin-top:15px;padding:12px;font-size:13px;line-height:1.6}.form-success{text-align:center;padding:25px 0 10px}.form-success>span{color:#268668;background:#e4f4ef;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 24px;display:grid}.form-success h3{letter-spacing:-.6px;font-size:26px;font-weight:500}.form-success p{color:#607086;max-width:430px;margin:15px auto 25px;font-size:14px;line-height:1.85}.modal-wide{width:820px}.case-meta{color:#5d7290;flex-wrap:wrap;align-items:center;gap:15px;margin-top:16px;font-size:13px;display:flex}.stage-badge{color:#425598;background:#eaf0f9;border-radius:4px;padding:6px 9px;font-size:11px}.case-preview{aspect-ratio:1.7;border-radius:8px;margin-top:25px;padding:30px 45px}.case-preview>.invoice-preview,.case-preview>.perodua-preview{max-width:550px}.case-preview>img{object-fit:contain;width:auto;max-height:100%;box-shadow:none}.preview-disclosure{color:#5d7390;margin-top:12px;font-size:10px;line-height:1.6}.case-description{color:#5b708b;margin-top:23px;font-size:15px;line-height:1.85}.case-features{grid-template-columns:1fr 1fr;gap:16px;margin:25px 0 30px;padding:0;list-style:none;display:grid}.case-features li{color:#4f6684;align-items:center;gap:8px;font-size:12px;display:flex}.case-features svg{color:var(--cyan)}.case-actions{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.case-actions .button,.case-actions .text-link{font-size:13px}.privacy-copy{color:#5e728d;margin-top:24px;font-size:14px;line-height:1.85}.privacy-copy h3{color:var(--ink);margin:24px 0 8px;font-size:21px;font-weight:500}.privacy-copy a{color:var(--blue);text-decoration:underline}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal-panel{0%{opacity:.3}to{opacity:1}}@media (width<=1150px){.container{width:calc(100% - 72px)}.hero-grid{gap:30px}.hero h1{letter-spacing:-2px;font-size:54px}.hero-description{font-size:15px}.hero-showcase{height:564px}.showcase-panel{top:106px}.showcase-options{gap:3px;bottom:29px}.showcase-options button{gap:6px;padding-inline:9px;font-size:10px}.showcase-note{font-size:9px}.orbit-brand{top:12px}.showcase-preview .app-sidebar{width:86px}.showcase-preview .app-main{padding-inline:10px}.showcase-preview .app-heading h4{font-size:10px}.showcase-preview .app-heading small{font-size:3px}.showcase-preview .app-stats b{font-size:10px}.showcase-preview .app-stats b>span{font-size:6px}.showcase-preview .app-stats{gap:5px}.showcase-preview .app-stats>div{padding:6px}.showcase-preview .app-stats>div>span{font-size:4px}.showcase-preview .auto-nav>div{gap:6px;font-size:3px}.services-grid{gap:55px}.services-intro h2,.studio-copy h2{font-size:37px}.service-row h3{font-size:20px}.studio-grid{gap:60px}.studio-identity{min-height:450px;padding:40px 33px}.studio-identity>p{font-size:30px}.work-visual{padding-inline:20px}.work-visual>.invoice-preview .app-sidebar{width:75px;padding-inline:7px}.work-visual>.invoice-preview .app-heading h4{font-size:9px}.work-visual>.invoice-preview .app-heading small{font-size:3px}.work-visual>.invoice-preview .app-main{padding-inline:9px}.work-visual>.invoice-preview .app-stats{gap:4px}.work-visual>.invoice-preview .app-stats>div{padding:5px}.work-visual>.invoice-preview .app-stats b{font-size:9px}.work-visual>.invoice-preview .app-stats b>span{font-size:6px}.work-visual>.invoice-preview .mini-button,.work-visual>.invoice-preview .app-stats>div>span{font-size:4px}.work-visual>.invoice-preview .app-stats small{font-size:3px}.work-visual .auto-nav>div{gap:5px;font-size:3px}.process-grid{gap:25px}.contact-content{gap:65px}.contact-content h2{font-size:63px}.footer-top{gap:45px}}@media (width<=950px){.container{width:calc(100% - 48px)}.section-space{padding-block:80px}.nav-wrap{gap:20px;height:90px}.brand{width:152px}.navigation{gap:21px}.navigation a,.nav-contact{font-size:12px}.nav-contact{gap:12px;margin-left:0;padding-left:8px}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero h1{letter-spacing:-1.6px;font-size:45px}.hero-intro{gap:9px;font-size:11px}.hero-description{font-size:14px}.hero-actions{gap:18px;margin-top:25px}.hero-actions .button{gap:18px;min-height:49px;padding-inline:17px;font-size:12px}.hero-actions .text-link{font-size:12px}.hero-location{margin-top:25px;font-size:10px}.hero-showcase{height:514px}.showcase-panel{top:94px}.orbit-brand{padding:7px;top:13px}.orbit-brand>div{width:43px;height:43px}.orbit-brand img{width:142px;height:43px}.showcase-preview{height:267px}.showcase-preview .invoice-body{height:246px}.showcase-preview .app-sidebar{width:70px;padding-inline:7px}.showcase-preview .mini-brand>b{font-size:11px}.showcase-preview .mini-brand>span{width:16px;height:16px;font-size:10px}.showcase-preview .app-nav{gap:4px;padding:6px 3px;font-size:5px}.showcase-preview .app-nav svg{width:7px;height:7px}.showcase-preview .app-profile{left:8px}.showcase-preview .app-profile>div{font-size:4px}.showcase-preview .app-profile small{font-size:3px}.showcase-preview .app-main{padding-inline:7px}.showcase-preview .app-heading h4{font-size:8px}.showcase-preview .app-heading small{font-size:2.5px}.showcase-preview .app-heading p{font-size:3.5px}.showcase-preview .mini-button{padding:4px;font-size:3.5px}.showcase-preview .app-stats b{font-size:8px}.showcase-preview .app-stats>div{padding:4px}.showcase-preview .app-stats>div>span{font-size:3.3px}.showcase-preview .app-stats small{font-size:3px}.showcase-preview .chart-area{height:49px}.showcase-preview .app-table{padding:6px;font-size:3px}.showcase-preview .auto-hero{height:170px}.showcase-preview .auto-nav>div{display:none}.showcase-preview .auto-copy{top:27px;left:18px}.showcase-preview .auto-copy>h4{font-size:23px}.showcase-caption{padding:14px 15px}.showcase-caption strong{font-size:14px}.showcase-caption span{font-size:9px}.showcase-options{gap:0;bottom:30px}.showcase-options button{gap:5px;padding:9px 7px;font-size:9px}.showcase-options button svg{width:13px}.showcase-note{font-size:8px;bottom:7px}.hero-bottom{padding-block:23px;font-size:10px}.section-heading h2{font-size:36px}.section-heading>p{max-width:235px;font-size:13px}.work-grid{gap:40px 25px}.work-visual{aspect-ratio:1.2;padding:44px 15px 22px}.work-visual .auto-hero{height:195px}.work-visual .auto-copy{top:34px;left:17px}.work-visual .auto-copy>h4{font-size:23px}.work-visual .auto-nav>div{display:none}.work-visual>.invoice-preview .app-sidebar{width:61px}.work-visual>.invoice-preview .mini-brand{gap:3px}.work-visual>.invoice-preview .mini-brand>b{font-size:10px}.work-visual>.invoice-preview .mini-brand>span{width:15px;height:15px;font-size:9px}.work-visual>.invoice-preview .app-nav{gap:4px;padding:6px 2px;font-size:4px}.work-visual>.invoice-preview .app-nav svg{width:6px;height:6px}.work-visual>.invoice-preview .app-profile{left:7px}.work-visual>.invoice-preview .app-profile>div{font-size:3px}.work-visual>.invoice-preview .app-profile small{font-size:2.5px}.work-visual>.invoice-preview .app-heading h4{font-size:6.5px}.work-visual>.invoice-preview .app-heading small{font-size:2px}.work-visual>.invoice-preview .app-heading p{font-size:3px}.work-visual>.invoice-preview .app-stats b{font-size:7px}.work-visual>.invoice-preview .app-stats b>span{font-size:4px}.work-visual>.invoice-preview .app-stats>div>span{font-size:3px}.work-visual>.invoice-preview .app-stats small{font-size:2.5px}.work-visual>.invoice-preview .mini-button{padding:3px;font-size:3px}.work-visual>.invoice-preview .app-stats>div{padding:4px}.work-visual>.invoice-preview .app-main{padding-inline:6px}.project-stage{font-size:8px;top:14px;left:14px}.project-info h3{font-size:25px}.project-card>p{font-size:13px}.project-screenshot .work-visual{aspect-ratio:1.5;padding:40px 16px 18px}.project-screenshot .project-info h3{font-size:22px}.project-info>div>span{font-size:11px}.project-tags>span{font-size:10px}.services-grid{gap:37px}.services-intro h2,.studio-copy h2{font-size:32px}.services-intro>p,.studio-copy>p{font-size:14px}.service-row h3{font-size:18px}.service-row h3>button{gap:12px}.service-content{padding-left:37px}.service-content>p{font-size:13px}.service-content ul{grid-template-columns:1fr;gap:12px}.service-short{padding-left:37px;font-size:12px}.services-intro>.text-link{font-size:12px}.studio-grid{gap:38px}.studio-identity{min-height:445px;padding:35px 28px}.studio-identity>p{font-size:27px}.studio-identity>span{font-size:9px}.studio-principles>div{font-size:12px}.process-section{padding-top:0}.process-grid{gap:22px}.process-step h3{font-size:22px}.process-step p{font-size:12px}.contact-content{gap:40px;padding-block:65px}.contact-content h2{font-size:55px}.contact-aside{max-width:230px}.contact-aside p{font-size:13px}.contact-aside a{font-size:11px}.footer-top{gap:27px}.footer-top>div{gap:20px;font-size:12px}.footer-top>p{font-size:12px}.footer-top>.brand{width:145px}.footer-bottom{gap:25px;font-size:10px}}@media (width<=800px){.nav-wrap{gap:18px;height:84px}.navigation{border-bottom:1px solid var(--line);background:#fff;padding:20px 25px 27px;display:none;position:absolute;top:83px;left:0;right:0;box-shadow:0 15px 25px #18254109}.navigation.nav-open{flex-direction:column;gap:10px;display:flex}.navigation a{padding-block:7px;font-size:16px}.nav-contact{gap:13px;margin-left:auto;padding-left:0;font-size:12px}.nav-contact>span{width:34px;height:34px}.nav-contact svg{height:15px}.menu-toggle{width:30px;display:grid}.hero-grid{grid-template-columns:1fr;gap:0;padding-block:25px 15px}.hero-copy{padding-block:20px 10px}.hero-intro{margin-bottom:23px;font-size:12px}.hero h1{letter-spacing:-1.7px;max-width:620px;font-size:clamp(37px,8.8vw,61px)}.hero-description{max-width:470px;margin-top:23px;font-size:15px;line-height:1.8}.hero-actions{gap:26px;margin-top:26px}.hero-actions .button{gap:20px;min-height:51px;font-size:13px}.hero-location{margin-top:26px;font-size:11px}.hero-showcase{width:min(500px,100%);height:572px;margin:10px auto 0}.hero-showcase>.orbit-artwork{top:-20px}.orbit-brand{top:24px}.showcase-panel{top:112px}.showcase-preview{height:296px}.showcase-preview .invoice-body{height:275px}.showcase-preview .app-sidebar{width:85px;padding-inline:10px}.showcase-preview .app-main{padding-inline:12px}.showcase-preview .mini-brand>b{font-size:13px}.showcase-preview .mini-brand>span{width:20px;height:20px;font-size:12px}.showcase-preview .app-nav{gap:5px;padding:7px 3px;font-size:5px}.showcase-preview .app-heading h4{font-size:10px}.showcase-preview .app-heading small{font-size:3px}.showcase-preview .app-heading p{font-size:4px}.showcase-preview .mini-button{padding:5px;font-size:4px}.showcase-preview .app-stats b{font-size:10px}.showcase-preview .app-stats>div{padding:6px}.showcase-preview .app-stats>div>span{font-size:4px}.showcase-preview .app-stats small{font-size:3.5px}.showcase-preview .chart-area{height:62px}.showcase-preview .app-table{padding:8px;font-size:4px}.showcase-preview .auto-hero{height:202px}.showcase-preview .auto-nav>div{gap:7px;font-size:3px;display:flex}.showcase-preview .auto-copy{top:32px;left:25px}.showcase-preview .auto-copy>h4{font-size:28px}.showcase-options{gap:7px;bottom:27px}.showcase-options button{gap:6px;padding:10px 12px;font-size:11px}.showcase-note{font-size:9px;bottom:1px}.showcase-caption{padding:16px 18px}.showcase-caption strong{font-size:16px}.showcase-caption span{font-size:10px}.hero-bottom{gap:18px;padding-block:22px;font-size:10px}.hero-bottom p{max-width:260px;line-height:1.8}.hero-bottom strong{margin-left:0;display:block}.hero-bottom a{gap:7px;font-size:10px}.hero-bottom a svg{width:13px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.section-heading h2{font-size:38px}.section-heading>p{max-width:420px;font-size:14px}.work-toolbar{margin-top:28px;margin-bottom:24px}.work-filters{gap:21px}.work-filters button{font-size:12px}.work-filters button>span{margin-left:5px;font-size:9px}.work-count{font-size:11px}.work-grid{grid-template-columns:1fr;gap:39px}.work-visual{aspect-ratio:1.4;padding:48px 25px 26px}.work-visual .auto-hero{height:215px}.work-visual .auto-nav>div{gap:10px;font-size:4px;display:flex}.work-visual>.invoice-preview .app-sidebar{width:90px}.work-visual>.invoice-preview .mini-brand>b{font-size:13px}.work-visual>.invoice-preview .mini-brand>span{width:20px;height:20px;font-size:12px}.work-visual>.invoice-preview .app-main{padding-inline:12px}.work-visual>.invoice-preview .app-heading h4{font-size:10px}.work-visual>.invoice-preview .app-heading small{font-size:3px}.work-visual>.invoice-preview .app-heading p{font-size:4px}.work-visual>.invoice-preview .app-stats b{font-size:11px}.work-visual>.invoice-preview .app-stats b>span{font-size:7px}.work-visual>.invoice-preview .app-stats>div>span{font-size:4px}.work-visual>.invoice-preview .app-stats small{font-size:3px}.work-visual>.invoice-preview .app-stats>div{padding:7px}.work-visual>.invoice-preview .mini-button{padding:5px;font-size:4px}.work-visual>.invoice-preview .app-nav{gap:6px;padding:7px 4px;font-size:5px}.work-visual>.invoice-preview .app-nav svg{width:8px;height:8px}.work-visual>.invoice-preview .app-profile>div{font-size:4px}.work-visual>.invoice-preview .app-profile small{font-size:3px}.project-stage{font-size:10px;top:15px;left:20px}.project-open{opacity:1;width:36px;height:36px;bottom:13px;right:13px}.project-open svg{width:20px}.project-info{margin-top:21px}.project-info h3{font-size:29px}.project-card>p{font-size:14px}.project-screenshot .work-visual{aspect-ratio:1.85;padding:44px 25px 24px}.project-screenshot .project-info h3{font-size:26px}.work-note{flex-direction:column;align-items:flex-start;gap:14px;margin-top:35px}.work-note p{font-size:12px}.work-note .text-link{font-size:13px}.services-grid,.studio-grid{grid-template-columns:1fr;gap:40px}.services-intro h2,.studio-copy h2{font-size:38px}.services-intro>p{max-width:450px}.service-connection{display:none}.service-row h3{font-size:21px}.service-row h3>button{gap:16px}.service-content{padding-left:41px}.service-content>p{font-size:14px}.service-content ul{grid-template-columns:1fr 1fr;gap:15px}.service-content li{font-size:11px}.service-short{padding-left:41px;font-size:13px}.studio-identity{max-width:520px;min-height:390px;padding:38px 35px}.studio-brand-symbol{width:90px;height:90px;margin-bottom:32px}.studio-brand-symbol>img{width:296px;height:90px}.studio-identity>p{font-size:34px}.studio-identity>span{margin-top:22px;font-size:11px}.studio-copy>p{max-width:520px;font-size:15px}.studio-principles>div{font-size:13px}.process-grid{grid-template-columns:1fr 1fr;gap:33px 28px;margin-top:33px}.process-step h3{font-size:26px}.process-step p{font-size:14px}.contact-content{flex-direction:column;align-items:flex-start;gap:35px;padding-block:61px}.contact-content h2{font-size:61px}.contact-content>div:first-child>p{font-size:13px}.contact-aside{max-width:380px;padding-top:0}.contact-aside p{font-size:14px}.contact-aside p+p{display:none}.contact-aside a{margin-top:13px;font-size:12px}.contact-orbit{top:-10px;right:-220px}.footer-top{flex-wrap:wrap;gap:27px 33px;padding-block:35px}.footer-top>.brand{width:150px}.footer-top>p{margin-left:auto;font-size:11px}.footer-top>div{flex-basis:100%;gap:27px;margin-left:0;font-size:13px}.footer-bottom{flex-wrap:wrap;gap:14px 25px;font-size:10px}.footer-bottom>span{flex-basis:100%;order:3}.footer-bottom>div{gap:24px}.modal-backdrop{padding:13px}.modal{border-radius:12px;max-height:calc(100dvh - 26px);padding:24px 23px 29px}.modal h2{font-size:31px}.modal-intro{font-size:13px}.form-row{grid-template-columns:1fr;gap:0}.modal input,.modal select,.modal textarea{font-size:16px}.modal label{margin-bottom:17px;font-size:12px}.form-note{font-size:10px}.form-alternative{font-size:11px}.case-preview{aspect-ratio:1.2;padding:22px 14px}.case-meta{gap:10px;font-size:11px}.stage-badge{font-size:10px}.case-description{font-size:14px}.case-features{grid-template-columns:1fr;gap:15px}.case-features li{font-size:12px}.case-actions{gap:19px}.case-actions .button,.case-actions .text-link{font-size:12px}}@media (width<=450px){.container{width:calc(100% - 40px)}.nav-wrap{gap:14px;height:79px}.brand{width:137px}.navigation{top:78px}.nav-contact{gap:9px;font-size:10px}.nav-contact>span{width:29px;height:29px}.menu-toggle{width:25px}.menu-toggle svg{width:21px}.hero h1{letter-spacing:-1.3px;font-size:8.8vw;line-height:1.11}.hero-intro{gap:9px;margin-bottom:21px;font-size:10px}.hero-intro:before{width:20px;height:9px}.hero-description{margin-top:22px;font-size:14px}.hero-actions{gap:22px;margin-top:25px}.hero-actions .button{gap:16px;min-height:49px;padding-inline:17px;font-size:12px}.hero-actions .text-link{font-size:11px}.hero-location{margin-top:25px;font-size:10px}.hero-showcase{height:496px;margin-top:17px}.hero-showcase>.orbit-artwork{width:calc(100% + 60px);top:-12px;left:-29px}.orbit-brand{padding:7px;top:15px;left:43%}.orbit-brand>div{width:39px;height:39px}.orbit-brand img{width:129px;height:39px}.showcase-panel{top:93px}.showcase-preview{height:250px}.showcase-preview .invoice-body{height:229px}.showcase-preview .app-sidebar{width:67px;padding:12px 7px}.showcase-preview .mini-brand>b{font-size:10px}.showcase-preview .mini-brand>span{width:16px;height:16px;font-size:10px}.showcase-preview .mini-brand{gap:4px;margin-bottom:23px}.showcase-preview .app-main{padding-inline:7px}.showcase-preview .app-topbar{height:24px}.showcase-preview .app-heading{margin-top:13px}.showcase-preview .app-heading h4{font-size:7px}.showcase-preview .app-heading small{font-size:2px}.showcase-preview .app-heading p{font-size:3px}.showcase-preview .mini-button{padding:3px;font-size:3px}.showcase-preview .app-stats{gap:3px;margin-top:11px}.showcase-preview .app-stats>div{padding:4px}.showcase-preview .app-stats b{font-size:8px}.showcase-preview .app-stats b>span{font-size:5px}.showcase-preview .app-stats>div>span{font-size:3px}.showcase-preview .app-stats small{font-size:2.5px}.showcase-preview .app-nav{gap:5px;padding:6px 2px;font-size:4px}.showcase-preview .app-nav svg{width:6px;height:6px}.showcase-preview .app-chart{padding:7px}.showcase-preview .chart-area{height:43px}.showcase-preview .app-table{margin-top:6px;padding:6px;font-size:3px}.showcase-preview .app-table>div{padding-block:4px}.showcase-preview .auto-nav{padding:12px}.showcase-preview .auto-nav>div{display:none}.showcase-preview .auto-hero{height:166px}.showcase-preview .auto-copy{top:24px;left:19px}.showcase-preview .auto-copy>h4{font-size:22px}.showcase-preview .auto-copy>span{font-size:3px}.showcase-preview .auto-bottom{padding:12px 15px}.showcase-caption{padding:14px 16px}.showcase-caption strong{font-size:14px}.showcase-caption span{font-size:9px}.showcase-options{gap:1px;bottom:27px}.showcase-options button{gap:6px;padding:10px;font-size:10px}.showcase-note{font-size:8px;bottom:3px}.hero-bottom{gap:15px;padding-block:20px;font-size:9px}.hero-bottom p{max-width:180px}.hero-bottom a{gap:4px;font-size:9px}.section-space{padding-block:62px}.section-heading h2{letter-spacing:-1px;font-size:33px}.section-heading>p{font-size:14px}.work-filters{gap:20px}.work-filters button{font-size:11px}.work-count{font-size:10px}.work-visual{aspect-ratio:1.16;padding:43px 17px 23px}.work-visual .auto-nav{padding:12px 10px}.work-visual .auto-nav>div{display:none}.work-visual .auto-hero{height:188px}.work-visual .auto-copy{top:30px;left:16px}.work-visual .auto-copy>h4{font-size:23px}.work-visual .auto-caption{gap:7px;font-size:3.5px}.work-visual .auto-bottom{padding:12px;font-size:5px}.work-visual .auto-bottom>b{gap:7px;font-size:4px}.work-visual>.invoice-preview .app-sidebar{width:65px}.work-visual>.invoice-preview .mini-brand>b{font-size:10px}.work-visual>.invoice-preview .mini-brand>span{width:15px;height:15px;font-size:9px}.work-visual>.invoice-preview .app-main{padding-inline:6px}.work-visual>.invoice-preview .app-heading h4{font-size:7px}.work-visual>.invoice-preview .app-heading small{font-size:2px}.work-visual>.invoice-preview .app-heading p{font-size:3px}.work-visual>.invoice-preview .app-stats b{font-size:7px}.work-visual>.invoice-preview .app-stats b>span{font-size:4px}.work-visual>.invoice-preview .app-stats>div>span{font-size:3px}.work-visual>.invoice-preview .app-stats small{font-size:2.5px}.work-visual>.invoice-preview .app-stats>div{padding:4px}.work-visual>.invoice-preview .mini-button{padding:3px;font-size:3px}.work-visual>.invoice-preview .app-nav{gap:5px;padding:6px 2px;font-size:4px}.work-visual>.invoice-preview .app-nav svg{width:6px;height:6px}.work-visual>.invoice-preview .app-profile>div{font-size:3px}.work-visual>.invoice-preview .app-profile small{font-size:2px}.work-visual>.invoice-preview .invoice-body{height:250px}.work-visual>.invoice-preview .chart-area{height:52px}.project-info h3{font-size:27px}.project-info>div>span{font-size:11px}.project-card>p{font-size:13px}.project-screenshot .work-visual{aspect-ratio:1.55;padding:42px 18px 21px}.project-screenshot .project-info h3{font-size:24px}.services-intro h2,.studio-copy h2{font-size:33px}.service-row h3{font-size:19px}.service-row h3>button{gap:12px}.service-row h3 .service-icon{width:23px}.service-row h3>button>svg:last-child{width:17px}.service-content{padding-left:35px}.service-content>p{font-size:13px}.service-content ul{grid-template-columns:1fr;gap:13px}.service-short{padding-left:35px;font-size:12px}.studio-identity{border-radius:40px 8px;min-height:365px;padding:32px 28px}.studio-identity>p{font-size:29px}.studio-identity>span{font-size:9px}.studio-copy>p{font-size:14px}.studio-principles>div{font-size:12px}.process-section{padding-top:0}.process-grid{gap:29px 22px}.process-step h3{font-size:24px}.process-step p{font-size:13px}.contact-content h2{letter-spacing:-1.6px;font-size:42px}.contact-content .button{gap:23px;font-size:13px}.contact-content{gap:32px;padding-block:54px}.contact-aside p{font-size:13px}.footer-top>.brand{width:133px}.footer-top{gap:24px}.footer-top>p{font-size:10px}.footer-top>div{font-size:12px}.footer-bottom{gap:14px;font-size:9px}.footer-bottom>div{gap:18px}.modal h2{font-size:28px}.modal{padding-inline:21px}.case-preview{aspect-ratio:1.05}}@media (width<=360px){.container{width:calc(100% - 32px)}.brand{width:119px}.nav-wrap{gap:10px}.nav-contact{gap:6px;font-size:9px}.nav-contact>span{width:27px;height:27px}.hero-actions{gap:18px}.hero-actions .button{gap:14px;padding-inline:14px;font-size:11px}.hero-actions .text-link{font-size:10px}.hero-showcase{height:495px}.showcase-options{gap:0;bottom:25px}.showcase-options button{padding-inline:7px;font-size:9px}.showcase-options svg{width:12px}.showcase-preview .app-sidebar{width:58px;padding-inline:5px}.showcase-preview .app-stats b{font-size:7px}.showcase-preview .app-heading h4{font-size:6px}.showcase-preview .app-heading small{font-size:1.8px}.showcase-preview .mini-button,.showcase-preview .app-stats>div>span{font-size:2.5px}.showcase-preview .app-stats b>span{font-size:4px}.showcase-preview .app-stats small{font-size:2px}.section-heading h2{font-size:30px}.work-filters{gap:17px}.work-count{font-size:9px}.work-visual{aspect-ratio:1;padding-inline:13px}.project-info h3{font-size:25px}.services-intro h2,.studio-copy h2{font-size:30px}.service-row h3{font-size:17px}.studio-identity>p{font-size:26px}.studio-identity>span{font-size:8px}.contact-content h2{font-size:36px}.footer-top>.brand{width:122px}.footer-top>p{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}