@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;450;500;550;600;650;700&display=swap";.phone-first{--pf-dark:#1c1c1b;--pf-light:#f5f4ef;--pf-accent:#ec694e;background:var(--pf-dark);color:var(--pf-light);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,sans-serif;overflow:clip}.phone-first *{box-sizing:border-box}.phone-first a{color:inherit;text-decoration:none}.phone-first button{font:inherit;color:inherit}.phone-first :is(a,button):focus-visible{outline:3px solid var(--pf-accent);outline-offset:6px}.pf-skip{z-index:30;background:#fff;padding:15px;position:fixed;top:-100px;left:20px;color:#1c1c1b!important}.pf-skip:focus{top:10px}.pf-header{z-index:10;justify-content:space-between;align-items:center;height:120px;padding:0 4.4%;display:flex;position:relative}.pf-brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:25px;font-weight:650;display:flex}.pf-brand svg{width:35px;height:35px}.pf-header-actions{align-items:center;gap:28px;display:flex}.pf-language{gap:10px;display:flex}.pf-language button{opacity:.5;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px}.pf-language button[aria-pressed=true]{opacity:1;text-underline-offset:5px;text-decoration:underline}.pf-talk{border-bottom:1px solid #ffffff70;align-items:center;gap:22px;padding:8px 0;font-size:15px;display:flex}.pf-menu-button{background:var(--pf-light);cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;color:var(--pf-dark)!important}.pf-navigation{z-index:20;background:#292928;border:1px solid #ffffff25;width:340px;padding:25px 35px;position:absolute;top:105px;right:4.4%;box-shadow:0 30px 70px #0006}.pf-navigation a{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;padding:17px 0;font-size:24px;display:flex}.pf-navigation a:last-child{border:0}.pf-hero{grid-template-columns:48% 52%;align-items:center;min-height:760px;padding:0 7.5% 90px;display:grid;position:relative}.pf-hero-copy{z-index:3;padding-bottom:25px;position:relative}.pf-hero h1{letter-spacing:-.047em;white-space:pre-line;max-width:720px;margin:0 0 34px;font-size:clamp(68px,6.6vw,116px);font-weight:550;line-height:1.04}.pf-hero-copy>p{color:#d0ceca;letter-spacing:-.015em;max-width:360px;margin:0 0 45px;font-size:21px;font-weight:400;line-height:1.6}.pf-round-link{align-items:center;gap:22px;font-size:17px;display:inline-flex}.pf-round-link>span{border:1px solid #fff5;border-radius:50%;place-items:center;width:64px;height:64px;transition:background .25s,border-color .25s;display:grid}.pf-round-link:hover>span{background:var(--pf-accent);border-color:var(--pf-accent)}.pf-device-stage{perspective:1200px;isolation:isolate;min-width:0;height:650px;margin:0 -9% 0 -6%;position:relative}.pf-hero-device{transform-style:preserve-3d;will-change:transform;filter:drop-shadow(25px 38px 22px #0006);transition:left .9s cubic-bezier(.22,1,.36,1),top .9s cubic-bezier(.22,1,.36,1),width .9s cubic-bezier(.22,1,.36,1);position:absolute}.pf-hero-device.is-front{z-index:2;width:247px;top:65px;left:55px}.pf-hero-device.is-back{z-index:1;width:223px;top:20px;left:295px}.pf-phone{aspect-ratio:414/875;width:100%;transform-style:preserve-3d;isolation:isolate;position:relative}.pf-phone-face{backface-visibility:hidden;background:linear-gradient(115deg,#a7a5a0 0%,#212120 7%,#595956 43%,#111 75%,#99958d 100%);border-radius:39px;padding:9px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #c7c7c780,inset 0 0 0 3px #101010,3px 1px #aaa69c,7px 2px #3b3c39,9px 3px #151515,10px 3px #77776f}.pf-phone-edge{background:linear-gradient(90deg,#151515,#85857d 70%,#1a1a19);border-radius:39px;position:absolute;inset:3px -9px -1px 4px;transform:translateZ(-6px);box-shadow:8px 4px 16px #0007}.pf-phone-screen{background:#111;border-radius:31px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #050505}.pf-phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pf-camera{background:#080808;border-radius:20px;width:51px;height:12px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff12}.pf-camera:after{content:"";background:#112032;border:1px solid #253246;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:6px}.pf-glass{pointer-events:none;background:linear-gradient(110deg,#ffffff14,#0000 32% 70%,#ffffff08);position:absolute;inset:0}.pf-side-key{background:linear-gradient(#7d7e75,#191a18);border-radius:2px;width:3px;height:45px;position:absolute;top:24%;right:-9px;transform:translateZ(-3px)}.pf-device-controls{z-index:4;align-items:center;gap:18px;display:flex;position:absolute;bottom:0;left:30px;right:10px}.pf-device-controls>div{flex:1;gap:22px;display:flex}.pf-device-controls button{cursor:pointer;background:0 0;border:0}.pf-device-controls>div button{color:#a5a39e;border-bottom:1px solid #ffffff20;align-items:center;gap:15px;padding:12px 0;font-size:13px;display:flex}.pf-device-controls>div button[aria-pressed=true]{color:var(--pf-light);border-color:var(--pf-accent)}.pf-device-controls>div button>span{color:var(--pf-accent)}.pf-pause{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;border:1px solid #ffffff40!important}.pf-pause:disabled{opacity:.4}.pf-scroll{align-items:center;gap:18px;font-size:12px;display:flex;position:absolute;bottom:28px;left:7.5%;color:#aba9a4!important}.pf-scroll svg{color:var(--pf-accent)}.pf-work{background:var(--pf-light);color:#252523;padding:110px 9% 90px;scroll-margin-top:0}.pf-work-intro{justify-content:space-between;align-items:end;gap:60px;margin-bottom:70px;display:flex}.pf-work-intro h2{letter-spacing:-.045em;max-width:520px;margin:0;font-size:clamp(44px,4.6vw,76px);font-weight:550;line-height:1.08}.pf-work-intro p{color:#66665f;max-width:290px;margin:0;font-size:20px;line-height:1.5}.pf-project{margin-bottom:100px}.pf-project-stage{perspective:1500px;background:#d5dfd9;height:650px;position:relative;overflow:hidden}.pf-project-phone-one{filter:drop-shadow(20px 35px 18px #17251d35);width:263px;position:absolute;top:55px;left:24%;transform:rotate(-12deg)rotateY(-16deg)rotateX(8deg)}.pf-project-phone-two{filter:drop-shadow(20px 35px 18px #17251d35);width:259px;position:absolute;top:20px;left:56%;transform:rotate(11deg)rotateY(-18deg)rotateX(7deg)}.pf-project-1 .pf-project-phone-one{width:270px;top:45px;left:calc(50% - 135px);transform:rotate(10deg)rotateY(-21deg)rotateX(5deg)}.pf-project-visit{border:1px solid #25252360;border-radius:50%;place-items:center;width:59px;height:59px;transition:background .2s;display:grid;position:absolute;bottom:30px;right:30px}.pf-project-visit:hover{background:#fff}.pf-project-caption{grid-template-columns:1fr 1fr;gap:70px;padding-top:28px;display:grid}.pf-project-caption h3{letter-spacing:-.035em;margin:0 0 10px;font-size:31px;font-weight:550;line-height:1.15}.pf-project-caption p{margin:0 0 15px;font-size:17px;line-height:1.6}.pf-project-caption>div:first-child p{color:#73736d;font-size:14px}.pf-project-caption a{border-bottom:1px solid #25252340;align-items:center;gap:20px;padding-bottom:5px;font-size:14px;display:inline-flex}.pf-more{border-bottom:1px solid #25252380;align-items:center;gap:35px;padding-bottom:12px;font-size:18px;display:inline-flex}.pf-close{padding:110px 9% 115px}.pf-close h2{letter-spacing:-.045em;white-space:pre-line;margin:0 0 45px;font-size:clamp(48px,5.3vw,86px);font-weight:500;line-height:1.08}.pf-footer{color:#a5a39e;border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:30px;margin:0 4.4%;padding:30px 0;font-size:12px;display:flex}.pf-footer p{margin:0}.pf-footer a{align-items:center;gap:12px;display:inline-flex}.phone-first[data-motion=still] *{transition:none!important;animation:none!important}.phone-first[data-motion=active] .pf-hero-device{animation:1.6s cubic-bezier(.22,1,.36,1) both pf-arrive}.phone-first[data-motion=active] .pf-hero-device.is-back{animation-delay:.12s}@keyframes pf-arrive{0%{translate:0 65px}to{translate:0}}@media (width>=1600px){.pf-hero{min-height:880px}.pf-device-stage{height:760px}.pf-hero-device.is-front{width:300px;top:65px}.pf-hero-device.is-back{width:275px;top:20px;left:375px}.pf-project-stage{height:760px}.pf-project-phone-one,.pf-project-phone-two{width:300px}.pf-project-1 .pf-project-phone-one{width:310px;left:calc(50% - 155px)}}@media (width<=1000px) and (width>=761px){.pf-hero{grid-template-columns:45% 55%;min-height:720px;padding-left:6%;padding-right:6%}.pf-hero h1{font-size:65px}.pf-hero-copy>p{max-width:280px;font-size:19px}.pf-hero-device.is-front{width:210px;top:120px;left:20px}.pf-hero-device.is-back{width:185px;top:45px;left:220px}.pf-device-controls>div{gap:10px}.pf-device-controls>div button{gap:8px;font-size:11px}.pf-project-phone-one{left:16%}.pf-project-phone-two{left:53%}}@media (width<=760px){.pf-header{height:90px;padding:0 6%}.pf-brand{gap:8px;font-size:20px}.pf-brand svg{width:27px;height:27px}.pf-header-actions{gap:16px}.pf-talk{gap:8px;font-size:12px}.pf-talk svg{display:none}.pf-menu-button{width:34px;height:34px}.pf-menu-button svg{width:17px}.pf-language{gap:7px}.pf-language button{font-size:10px}.pf-navigation{width:auto;padding:16px 25px;top:80px;left:6%;right:6%}.pf-navigation a{font-size:22px}.pf-hero{flex-direction:column;align-items:stretch;min-height:0;padding:40px 6% 75px;display:flex}.pf-hero-copy{padding:0}.pf-hero h1{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(45px,12.3vw,76px);line-height:1.07}.pf-hero-copy>p{max-width:320px;margin-bottom:30px;font-size:18px;line-height:1.6}.pf-round-link{gap:17px;font-size:16px}.pf-round-link>span{width:49px;height:49px}.pf-device-stage{perspective:900px;height:510px;margin:35px -3% 0}.pf-hero-device.is-front{width:181px;top:62px;left:8px}.pf-hero-device.is-back{width:158px;top:5px;left:calc(100% - 170px);right:auto}.pf-phone-face,.pf-phone-edge{border-radius:29px}.pf-phone-face{padding:6px;box-shadow:inset 0 0 0 1px #c7c7c780,inset 0 0 0 2px #101010,2px 1px #aaa69c,5px 2px #3b3c39,7px 3px #151515}.pf-phone-screen{border-radius:23px}.pf-camera{width:39px;height:9px;top:5px}.pf-camera:after{width:3px;height:3px;top:3px;right:5px}.pf-side-key{height:30px;right:-6px}.pf-phone-edge{inset:3px -6px -1px 4px}.pf-device-controls{gap:10px;bottom:0;left:0;right:0}.pf-device-controls>div{gap:16px}.pf-device-controls>div button{gap:9px;padding:10px 0;font-size:11px}.pf-pause{width:27px;height:27px}.pf-scroll{gap:12px;font-size:11px;bottom:25px;left:6%}.pf-work{padding:60px 6%}.pf-work-intro{margin-bottom:35px;display:block}.pf-work-intro h2{max-width:320px;margin-bottom:20px;font-size:40px;line-height:1.1}.pf-work-intro p{max-width:290px;font-size:18px}.pf-project{margin-bottom:65px}.pf-project-stage{height:450px;margin:0 -2%}.pf-project-phone-one{width:177px;top:57px;left:8%}.pf-project-phone-two{width:177px;top:17px;left:51%}.pf-project-1 .pf-project-phone-one{width:185px;top:20px;left:calc(50% - 92px)}.pf-project-visit{background:#fff5;width:44px;height:44px;bottom:17px;right:17px}.pf-project-caption{padding-top:23px;display:block}.pf-project-caption h3{font-size:27px}.pf-project-caption>div:first-child p{margin-bottom:22px;font-size:13px}.pf-project-caption p{font-size:17px}.pf-project-caption a{font-size:13px}.pf-close{padding:65px 6% 70px}.pf-close h2{margin-bottom:30px;font-size:40px;line-height:1.1}.pf-close .pf-round-link{font-size:15px}.pf-footer{flex-wrap:wrap;gap:20px;margin:0 6%;padding:25px 0;font-size:10px}.pf-footer p{flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){.phone-first *{transition:none!important;animation:none!important}}.pf-round-link>span svg{color:var(--pf-accent)}.phone-first[lang=id] .pf-hero h1{font-size:clamp(64px,5.8vw,102px)}@media (width<=760px){.phone-first[lang=id] .pf-hero h1{font-size:clamp(42px,11vw,68px)}}.pf-device-controls{justify-content:flex-end}.pf-laptop{filter:drop-shadow(12px 35px 22px #17251d35);width:76%;position:absolute;top:125px;left:6%;transform:rotate(-3deg)rotateY(8deg)}.pf-laptop-display{background:linear-gradient(135deg,#535653,#151715 35%,#292b29);border:1px solid #747872;border-radius:17px 17px 5px 5px;padding:13px 11px 19px}.pf-laptop-display img{aspect-ratio:1274/717;border-radius:4px;width:100%;height:auto;display:block}.pf-laptop-base{background:linear-gradient(#d1d4cf,#8f948e 55%,#41463f);border-radius:2px 2px 45% 45%;width:109%;height:17px;margin-left:-4.5%}.pf-bff-companion{filter:drop-shadow(10px 24px 16px #17251d40);width:205px;position:absolute;top:82px;right:5%;transform:rotate(8deg)rotateY(-12deg)}@media (width<=760px){.pf-project-0 .pf-project-stage{height:430px}.pf-laptop{width:92%;top:60px;left:2%;transform:rotate(-4deg)}.pf-laptop-display{border-radius:10px 10px 3px 3px;padding:7px 6px 10px}.pf-laptop-base{height:10px}.pf-bff-companion{width:132px;top:144px;right:9%;transform:rotate(7deg)}}.pf-laptop-display img{object-fit:cover;object-position:top}.pf-offer,.pf-operator{padding:100px 9%}.pf-offer{border-top:1px solid #ffffff20}.pf-offer-title,.pf-operator h2{letter-spacing:-.045em;max-width:800px;margin:0 0 55px;font-size:clamp(36px,4.6vw,66px);font-weight:500;line-height:1.06}.pf-offer-grid{grid-template-columns:1fr 1fr;gap:8%;display:grid}.pf-offer-grid article{border-top:1px solid #ffffff35;padding-top:30px}.pf-offer h3{letter-spacing:-.03em;margin:0 0 22px;font-size:clamp(27px,2.8vw,38px);font-weight:500;line-height:1.15}.pf-offer p,.pf-operator p{color:#b7b6af;max-width:580px;margin:0 0 28px;font-size:19px;line-height:1.65}.pf-offer a,.pf-operator a{border-bottom:1px solid;align-items:center;gap:24px;padding:10px 0;display:inline-flex}.pf-operator{color:#252523;background:#ebe9e1;grid-template-columns:1fr 1fr;gap:8%;display:grid}@media (width<=760px){.pf-project-1 .pf-project-stage{height:430px}.pf-offer,.pf-operator{padding:65px 6%}.pf-offer-grid,.pf-operator{grid-template-columns:1fr;gap:42px}.pf-offer-title,.pf-operator h2{margin-bottom:30px}.pf-offer p,.pf-operator p{font-size:17px}}.pf-laptop-viewport{aspect-ratio:16/10;background:#fff;border-radius:3px;width:100%;overflow:hidden}.pf-laptop-display .pf-laptop-viewport img{aspect-ratio:auto;object-fit:cover;object-position:top center;width:100%;height:100%}.pf-work{color:#252523;background:#f7f7f7}.pf-work-intro p,.pf-project-caption>div:first-child p{color:#656561}.pf-project-caption p{color:#555550}.pf-operator{color:#252523;background:#eee}.pf-operator p{color:#555550}.pf-project-stage{background:#dce2de}.pf-project-1 .pf-project-stage{background:#e0e1e3}.pf-hero-copy .pf-draft-note{color:#f5f4ef;margin:22px 0;font-size:19px;line-height:1.45}.pf-draft-note span{color:#b5b5ad;max-width:390px;margin-top:7px;font-size:14px;line-height:1.5;display:block}