@font-face{font-family:Oswald;src:url('assets/oswald-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--paper:#f8f8f6;--ink:#101010;--muted:#616161;--line:#cececb;--green:#2415ef;--dark:#111;--blue:#2415ef;--cyan:#aaf0f3}
body{background:var(--paper) url('assets/paper.svg') repeat;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:600}
::selection{background:var(--blue);color:#fff}.container{width:min(1220px,calc(100% - 100px))}
.header{background:#f8f8f6eb;border-bottom:1px solid #18181820;backdrop-filter:blur(15px)}.nav-wrap{height:88px}.brand{font-size:40px;letter-spacing:-2.4px;font-weight:800}.brand-symbol{display:grid;place-content:center;color:#fff;background:var(--blue);width:34px;height:34px;border-radius:50%;font-size:33px;margin:0 13px 0 8px;letter-spacing:0;rotate:-12deg}.brand-sub{font-size:9px;color:#111;line-height:1.15;font-weight:700}nav{font-size:13px;gap:30px}nav a{font-weight:700}.nav-cta.button{font-size:12px;padding:14px 22px}
.button,.button.primary,.button.small{background:var(--blue);color:#fff;border:0;box-shadow:none;border-radius:100px;font-weight:700;padding:20px 29px;font-size:16px;letter-spacing:-.3px}.button:hover,.button.primary:hover{background:#1507c9}.button span{font-size:25px}.text-link{color:#111;font-size:15px;font-weight:700}.text-link span{font-size:18px}.hero{padding-top:66px;position:relative;text-align:center}
h1,h2,.service h3,.project-meta h3,.process-grid h3,.app-poster h3,.erp-art-title,.team-intro>h2,.contact-grid h2{font-family:Oswald,Impact,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-2.2px}
h1{font-size:clamp(76px,9.3vw,142px);line-height:1.02;position:relative;max-width:1150px;margin:0 auto;letter-spacing:-4.2px}h1>.gradient-text,h2>.gradient-text,.team-intro>h2>.gradient-text,.contact-grid h2>.gradient-text,.erp-art-title em.gradient-text{background:none!important;color:var(--blue);-webkit-text-fill-color:var(--blue)}h1>span{color:var(--blue)}.mobile-only{display:none}
.hero-sticker{position:absolute;right:0;top:25px;width:102px;height:102px;border-radius:50%;background:var(--cyan);color:#101010!important;-webkit-text-fill-color:#101010;font-family:Arial,sans-serif;font-size:85px;font-weight:600;line-height:1;display:grid;place-content:center;rotate:8deg;box-shadow:2px 3px 0 #111}.hero-bottom{gap:24px;margin:33px 0 0;position:relative;z-index:3}.hero-description{font-size:20px;line-height:1.4;max-width:780px;color:#171717;letter-spacing:-.3px}.hero-actions{gap:30px}.hero-actions .button{padding:18px 27px;font-size:15px}
.product-scene.collage-scene{height:auto;aspect-ratio:1.85;background:none;overflow:visible;border-radius:0;position:relative;margin-top:8px;isolation:isolate;text-align:left}.hero-laptop{display:block;position:relative;width:82%;height:auto;margin:0 auto;z-index:2;translate:calc(var(--scene-x,0px) * .6) calc(var(--scene-y,0px) * .6);transition:translate .8s cubic-bezier(.2,.7,.2,1)}.hero-scribble{position:absolute;color:var(--blue);width:116%;left:-8%;top:6%;height:100%;z-index:1;pointer-events:none}.orbit-line{position:absolute;border:1px solid #b8b8b750;width:80%;height:86%;border-radius:50%;rotate:-19deg;top:-15%;left:14%;z-index:0}.collage-star{position:absolute;right:6%;top:21%;font-size:130px;line-height:1;color:#111;rotate:12deg;z-index:3}.collage-caption{position:absolute;left:0;bottom:13%;font-size:15px;line-height:1.25;max-width:190px;font-weight:700;transform:rotate(-7deg);background:var(--cyan);padding:13px 16px;z-index:3;box-shadow:2px 3px 0 #111}
.discipline-strip{position:relative;display:flex;justify-content:center;align-items:center;gap:48px;padding:23px 24px;background:var(--blue);color:white;font-family:Oswald,Impact,sans-serif;font-size:31px;line-height:1.1;text-transform:uppercase;overflow:hidden;border-block:1px solid #111}.discipline-strip i{font-style:normal;font-family:Arial,sans-serif;font-size:26px;color:var(--cyan)}
.section{padding:105px 0}.section-heading{max-width:1050px;margin-bottom:55px}h2{font-size:clamp(50px,5.7vw,82px);line-height:1.08;margin-bottom:26px;letter-spacing:-2px}.section-intro{color:#3f3f3f;font-size:18px;line-height:1.5;max-width:750px;font-weight:600}.service-list{max-width:none}.service summary{padding:28px 0;gap:30px}.service-num{display:block;width:55px;font-family:Oswald,sans-serif;font-size:19px;color:var(--blue);font-weight:700}.service h3{font-size:37px;line-height:1.15;letter-spacing:-.8px}.service{border-color:#bcbcb9}.toggle{border:1px solid #111;background:none;width:37px;height:37px;font-size:24px;color:#111}.service[open] .toggle{background:var(--blue);color:white;border-color:var(--blue)}.service-body{padding:0 70px 32px 85px}.service-body>p{font-size:17px;color:#454545;line-height:1.55;max-width:730px}.tags span{border:1px solid #c6c6c3;border-radius:0;background:none;font-size:10px;color:#555;padding:7px 11px;font-weight:700}
.work-section{background:#e9e9e6 url('assets/paper.svg') repeat;border-block:1px solid #bfbfbc}.projects{gap:32px}.project{background:transparent;border-radius:0;padding-bottom:0;overflow:visible}.project-art{height:430px;border:1px solid #bbb;border-radius:0;overflow:hidden}.app-project{background:var(--blue)}.erp-project{background:#d7d7d5}.app-poster{padding:35px 30px}.app-poster>span{color:#d4d0ff;font-size:12px;font-weight:700;letter-spacing:.5px}.app-poster h3{color:#fff;font-size:49px;line-height:1.05;letter-spacing:-1.6px;margin:15px 0}.mini-phone{background:#fafaf9;border:5px solid #161616;rotate:-7deg;transform:none;right:30px;bottom:-28px;width:220px;height:345px;border-radius:29px;box-shadow:12px 12px 0 #0b00904d;padding:48px 17px 20px}.mini-island{background:#141414;left:74px}.mini-phone>b{font-size:25px}.mini-class{background:#e5e2ff;border-radius:5px}.mini-class.second{background:#eee}.mini-class>span{color:var(--blue)}.mini-nav{color:#111}.app-project .art-note{color:#d6d1ff}.art-note{font-size:8px;left:27px;bottom:17px;font-weight:600;color:#555}.erp-art-title{font-size:40px;line-height:1.08;top:38px;left:30px;letter-spacing:-1.3px}.erp-card{rotate:5deg;transform:none;top:188px;left:29px;width:535px;border:1px solid #111;border-radius:4px;background:#fcfcfa;box-shadow:10px 12px 0 #b0b0ad55}.fake-add{background:var(--blue);border-radius:0}.pill{color:var(--blue);background:#e9e5ff}.gray-pill{background:#ededeb;color:#444}.erp-card-header{font-weight:700}.erp-footer{color:#444}.project-meta{margin:25px 0 12px;gap:20px}.project-meta h3{font-size:34px;line-height:1.1;letter-spacing:-.7px}.circle-button{background:var(--blue);color:white;border-radius:50%;width:40px;height:40px;font-size:27px}.circle-button:hover{background:#1407bf;color:#fff}.project>p{font-size:16px;color:#444;line-height:1.55;margin:0;max-width:520px}
.team-section{background:#111;padding:105px 0;position:relative;overflow:hidden}.team-grid{grid-template-columns:1.05fr 1fr;gap:100px;position:relative}.team-intro>h2{font-size:78px;line-height:1.07;letter-spacing:-2px;color:#fafafa;margin-bottom:35px}.team-intro>h2>.gradient-text{color:var(--cyan);-webkit-text-fill-color:var(--cyan)}.team-disciplines{gap:9px}.team-disciplines span{color:#fff;border-color:#777;border-radius:0;font-size:11px;padding:8px 12px}.team-copy{align-self:center}.team-copy>p.team-lead{font-size:27px;line-height:1.35;font-weight:700;letter-spacing:-.7px;color:white}.team-copy>p:not(.team-lead){color:#b9b9b9;font-size:17px;line-height:1.6}.team-bottom{font-size:12px;color:#bbb;border-color:#555}.team-emblem{position:absolute;right:0;top:-28px;font-size:72px;background:var(--blue);color:white;border-radius:50%;width:98px;height:98px;display:grid;place-content:center;rotate:10deg;line-height:1}.team-copy{padding-top:45px}
.process-grid{gap:35px;margin-top:55px}.process-grid article{border-top:2px solid #111;padding-top:20px}.step{font-family:Oswald,sans-serif;font-size:43px;color:var(--blue);letter-spacing:-1px}.process-grid h3{font-size:32px;margin:28px 0 15px;letter-spacing:-.5px;line-height:1.15}.process-grid p{font-size:16px;color:#444;line-height:1.55}.faq-section{padding:20px 0 100px}.faq-section>div:first-child{margin-bottom:35px}.faq-list{max-width:900px}.faq-list summary{font-size:20px;font-weight:700;padding:26px 0;letter-spacing:-.4px}.faq-list summary span{color:var(--blue);font-size:26px}.faq-list p{color:#444;font-size:16px}.faq-list details{border-color:#bdbdba}
.contact-section{background:var(--blue);color:white;padding:95px 0}.contact-grid{grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{font-size:91px;letter-spacing:-2.5px;line-height:1.05;color:#fff;margin-bottom:30px}.contact-grid h2>.gradient-text{background:none!important;color:var(--cyan);-webkit-text-fill-color:var(--cyan)}.contact-grid>div>p{font-size:19px;line-height:1.5;color:#ebe9ff}.contact-location{color:#c3beff;font-size:12px}.contact-section form>label,.contact-section legend{color:white;font-weight:700;font-size:12px}.contact-section input:not([type=checkbox]),.contact-section textarea{color:white;border-color:#8177ff;font-size:17px;font-weight:600}.contact-section input::placeholder,.contact-section textarea::placeholder{color:#c3bdff}.choice-list span{border-color:#9d96ff;color:white;font-size:11px;border-radius:30px;padding:10px 13px}.choice-list input:checked+span{background:var(--cyan);color:#111;border-color:var(--cyan)}.contact-section .button{background:#fff;color:var(--blue);border-radius:50px;font-size:17px}.contact-section .button:hover{background:var(--cyan)}.form-note{color:#c3bdff;font-size:10px}.form-status{color:white;border-color:var(--cyan)}.contact-section :focus-visible{outline-color:var(--cyan)}
.footer{padding:40px 0;gap:50px}.footer p,.footer>span,.back-top{color:#444}.footer .brand-symbol{font-size:26px;width:29px;height:29px;margin-right:10px}.footer .brand-sub{color:#111}.footer .brand{font-size:34px}
dialog{background:var(--paper) url('assets/paper.svg') repeat;border:1px solid #111;border-radius:0;padding:50px;box-shadow:10px 10px 0 #2415ef}dialog h2{font-size:49px;line-height:1.08;font-family:Oswald,sans-serif;letter-spacing:-1px}dialog h3{font-size:18px;color:var(--blue)}dialog p{color:#333;font-size:16px}.dialog-close{color:#111}dialog::backdrop{background:#1119;backdrop-filter:blur(8px)}
@media(max-width:1100px){.container{width:calc(100% - 70px)}.nav-wrap{gap:20px}nav{gap:22px}.hero{padding-top:55px}h1{font-size:105px;letter-spacing:-3px}.hero-sticker{width:80px;height:80px;font-size:66px;right:-10px;top:17px}.hero-description{font-size:19px}.collage-star{font-size:100px;right:3%}.collage-caption{font-size:13px;bottom:9%}.discipline-strip{font-size:28px;gap:32px}.section{padding:85px 0}h2{font-size:68px}.section-intro{font-size:17px}.project-art{height:390px}.app-poster h3{font-size:44px}.mini-phone{right:12px;bottom:-35px;width:195px;height:325px}.mini-island{left:60px}.erp-art-title{font-size:34px;left:26px;top:35px}.erp-card{top:170px;width:480px;left:25px}.project-meta h3{font-size:29px}.team-section{padding:90px 0}.team-grid{gap:60px}.team-intro>h2{font-size:65px}.team-copy>p.team-lead{font-size:25px}.team-copy>p:not(.team-lead){font-size:16px}.team-emblem{width:80px;height:80px;font-size:60px;top:-20px}.process-grid h3{font-size:28px}.process-grid p{font-size:15px}.contact-grid{gap:60px}.contact-grid h2{font-size:78px}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.nav-wrap{height:76px;gap:20px}.brand{font-size:34px}.brand-symbol{width:30px;height:30px;font-size:29px}.header nav{top:76px;background:#f8f8f6;padding:20px 24px}.nav-cta.button{padding:12px 18px;font-size:11px}.hero{padding-top:45px}h1{font-size:88px;letter-spacing:-2.5px}.hero-sticker{width:68px;height:68px;font-size:58px;right:-4px;top:8px}.hero-bottom{margin-top:27px;gap:23px}.hero-description{font-size:18px}.hero-actions .button{font-size:14px;padding:17px 24px}.hero-actions .text-link{font-size:13px}.collage-caption{font-size:11px;padding:10px 12px;bottom:8%;left:-5px}.collage-star{font-size:85px;right:2%}.collage-scene .hero-laptop{width:87%}.discipline-strip{gap:24px;font-size:25px;padding:20px}.discipline-strip i{font-size:23px}.section{padding:75px 0}.section-heading{margin-bottom:40px}h2{font-size:57px;letter-spacing:-1.5px}.service h3{font-size:31px}.service-num{width:35px;font-size:16px}.service summary{gap:20px;padding:24px 0}.service-body{padding:0 30px 28px 55px}.service-body>p{font-size:16px}.projects{gap:23px}.project-art{height:350px}.app-poster{padding:30px 22px}.app-poster h3{font-size:39px}.app-poster>span{font-size:10px}.mini-phone{width:170px;height:285px;right:9px;bottom:-35px;padding:40px 12px 15px}.mini-island{left:50px;width:55px}.mini-phone>b{font-size:21px}.erp-art-title{font-size:29px;left:22px;top:31px}.erp-card{width:410px;left:19px;top:152px}.project-meta{gap:10px;margin:20px 0 12px}.project-meta h3{font-size:26px;letter-spacing:-.5px}.circle-button{width:33px;height:33px;font-size:23px}.project>p{font-size:14px}.art-note{left:22px;font-size:6px}.team-section{padding:75px 0}.team-grid{grid-template-columns:1fr;gap:35px}.team-intro>h2{font-size:66px}.team-intro>h2 br:nth-of-type(1),.team-intro>h2 .gradient-text br{display:none}.team-copy{padding-top:0}.team-copy>p.team-lead{font-size:27px;max-width:600px}.team-copy>p:not(.team-lead){font-size:17px}.team-emblem{top:8px;width:80px;height:80px;font-size:61px}.process-grid{gap:40px 30px}.process-grid h3{font-size:32px}.process-grid p{font-size:16px}.faq-section{padding:10px 0 75px}.faq-list summary{font-size:18px}.contact-section{padding:75px 0}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid h2{font-size:85px}.contact-grid>div>p{font-size:19px}.contact-location{margin-top:25px}.footer{gap:25px}.footer>span{font-size:9px}dialog h2{font-size:42px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.nav-wrap{height:70px;gap:13px}.brand{font-size:30px;letter-spacing:-1.8px}.brand-symbol{width:27px;height:27px;font-size:27px;margin:0 0 0 7px}.brand-sub{display:none}.nav-cta.button{font-size:10px;padding:11px 15px;gap:10px}.nav-cta.button span{font-size:17px}.header nav{top:70px;padding:17px 18px 23px}.hero{padding-top:38px}.mobile-only{display:block}h1{font-size:72px;line-height:1.06;letter-spacing:-2.4px;margin:0 auto}.hero-sticker{right:1px;top:79px;width:57px;height:57px;font-size:48px;rotate:6deg;box-shadow:1px 2px 0 #111}.hero-bottom{margin-top:24px;gap:22px}.hero-description{font-size:17px;line-height:1.35;letter-spacing:-.35px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{padding:15px 21px;font-size:13px;gap:15px}.hero-actions .text-link{font-size:11px}.hero-actions .button span{font-size:21px}.product-scene.collage-scene{margin-top:20px;aspect-ratio:1.35}.collage-scene .hero-laptop{width:112%;max-width:none;margin-left:-6%;position:absolute;bottom:0}.hero-scribble{width:130%;left:-15%;height:100%;top:0}.collage-star{font-size:69px;right:-1%;top:3%}.collage-caption{font-size:9px;padding:8px 10px;bottom:7%;left:-3px;max-width:120px;rotate:-2deg}.orbit-line{width:110%;left:-8%;height:88%;top:-7%}.discipline-strip{gap:14px;padding:17px 16px;font-size:21px;justify-content:flex-start;white-space:nowrap}.discipline-strip i{font-size:18px}.discipline-strip span,.discipline-strip i{flex:none}.section{padding:60px 0}.section-heading{margin-bottom:30px}h2{font-size:47px;line-height:1.1;letter-spacing:-1.4px;margin-bottom:22px}.section-intro{font-size:16px;line-height:1.45}.service summary{gap:13px;padding:22px 0}.service-num{width:20px;font-size:14px;flex:none}.service h3{font-size:27px;letter-spacing:-.6px;line-height:1.15}.toggle{width:28px;height:28px;font-size:20px}.service-body{padding:0 0 24px 33px}.service-body>p{font-size:15px}.tags span{font-size:9px;padding:6px 8px}.projects{grid-template-columns:1fr;gap:35px}.project-art{height:360px}.app-poster{padding:29px 24px}.app-poster h3{font-size:44px;letter-spacing:-1px}.app-poster>span{font-size:11px}.mini-phone{width:195px;height:322px;right:24px;bottom:-45px;padding:43px 14px 17px}.mini-island{left:63px;width:57px}.mini-phone>b{font-size:23px}.erp-art-title{font-size:34px;left:24px;top:30px}.erp-card{top:157px;left:24px;width:455px}.project-meta{margin:22px 0 12px;gap:16px}.project-meta h3{font-size:31px;letter-spacing:-.8px}.circle-button{width:36px;height:36px;font-size:25px}.project>p{font-size:15px;line-height:1.5}.art-note{left:23px;font-size:7px}.team-section{padding:60px 0}.team-intro>h2{font-size:53px;line-height:1.08;letter-spacing:-1.4px;margin-bottom:28px}.team-intro>h2 br:nth-of-type(1),.team-intro>h2 .gradient-text br{display:block}.team-emblem{right:7px;top:31px;width:75px;height:75px;font-size:57px;rotate:12deg}.team-copy>p.team-lead{font-size:24px;line-height:1.35;letter-spacing:-.6px}.team-copy>p:not(.team-lead){font-size:16px;line-height:1.55}.team-disciplines span{font-size:10px;padding:8px 10px}.team-bottom{font-size:11px;margin-top:25px}.process-grid{gap:32px 24px;margin-top:35px}.process-grid article{padding-top:16px}.step{font-size:34px}.process-grid h3{font-size:27px;letter-spacing:-.5px;margin:21px 0 12px}.process-grid p{font-size:14px;line-height:1.5}.faq-section{padding:5px 0 60px}.faq-list summary{font-size:17px;line-height:1.35;padding:23px 0}.faq-list p{font-size:15px}.contact-section{padding:60px 0}.contact-grid{gap:35px}.contact-grid h2{font-size:73px;line-height:1.05;letter-spacing:-1.8px;margin-bottom:23px}.contact-grid>div>p{font-size:17px;line-height:1.45}.contact-location{font-size:11px}.contact-section input:not([type=checkbox]),.contact-section textarea{font-size:16px}.choice-list span{font-size:10px;padding:9px 11px}.contact-section .button{font-size:15px;padding:18px 23px}.form-note{font-size:9px}.footer{padding:30px 0;gap:16px}.footer .brand{font-size:29px}.footer .brand-symbol{font-size:23px;width:25px;height:25px;margin-right:8px}.footer .brand-sub{display:none}.footer>span{font-size:8px}.back-top{font-size:9px}dialog{padding:38px 24px;border-radius:0;box-shadow:5px 5px 0 #2415ef}dialog h2{font-size:38px}dialog p{font-size:15px}}
@media(max-width:370px){h1{font-size:64px}.hero-sticker{width:49px;height:49px;font-size:43px;top:72px}h2{font-size:42px}.service h3{font-size:24px}.nav-cta.button{padding:10px 12px}.team-intro>h2{font-size:48px}.contact-grid h2{font-size:65px}}
@media(prefers-reduced-motion:reduce){.hero-laptop{translate:none;transition:none}}

/* Keep the poster composition inside narrow screens. */
html,body{overflow-x:clip}
@media(max-width:520px){h1{font-size:clamp(48px,16.7vw,72px)}.hero-sticker{top:auto;bottom:-10px;right:-5px}}