@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--bg:#0c0c0e;--text:#ecece6;--muted:#a7a7a9;--cyan:#52ded8;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:#4a358c;color:white}.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.halo{width:58vw;height:75vh;position:absolute;left:18%;top:12%;border-radius:48%;border:75px solid transparent;background:conic-gradient(from 40deg,#258eaa,#bf354d,#ad9327,#5345ab,#23a19a,#258eaa) border-box;mask:radial-gradient(ellipse,transparent 45%,black 61%,transparent 76%);filter:blur(62px);opacity:.29;animation:halo 22s linear infinite}.halo.second{top:55%;left:62%;opacity:.1;animation-direction:reverse}@keyframes halo{to{transform:rotate(360deg)}}.ticker{height:27px;border-bottom:1px solid #ffffff16;background:#ffffff06;overflow:hidden;font-size:11px;color:#c1c1c1}.ticker div{white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-33.333%)}}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4.8%;position:absolute;left:0;right:0;top:27px;z-index:20}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:52px;height:52px;object-fit:contain}.brand>span{font-size:28px;letter-spacing:-1px;line-height:1.1}.brand-note{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;color:var(--muted)}nav{display:flex;justify-content:center;gap:52px;border:1px solid transparent;border-radius:40px;background:linear-gradient(#0e0f18,#0e0f18) padding-box,linear-gradient(110deg,#7250c8,#1dd4c4) border-box;box-shadow:0 0 18px #5358aa22;padding:11px 35px;min-width:360px}nav a{font-size:13px;font-weight:600}nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:14px}.whatsapp{background:#08ad77;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;box-shadow:0 0 22px #0ec78c22}.whatsapp svg{width:25px;height:25px;fill:none;stroke:white;stroke-width:1.5}.pill{border:1px solid #b6b6b4;background:transparent;color:var(--text);border-radius:50px;display:inline-flex;align-items:center;gap:15px;padding:8px 13px 8px 18px;font-size:13px;line-height:1.5;transition:background .3s,transform .3s}.pill span{display:grid;place-items:center;background:var(--text);color:#151515;border-radius:50%;width:22px;height:22px;font-size:18px}.pill:hover{background:#ffffff17;transform:translateY(-2px)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.8}.hero{min-height:790px;min-height:calc(100svh - 90px);padding:190px 6% 90px;display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center}h1,h2,h3,p{margin:0}h1{font:clamp(68px,7.6vw,118px)/.99 var(--serif);letter-spacing:-3px;margin-top:30px}h1>span.changing{display:block;font-size:.72em;line-height:1.04;min-height:1.95em;color:#fff;transition:opacity .4s,transform .4s}h1 em{display:block;text-align:right;font-weight:400;margin-top:14px}em{font-weight:400}h1 .changing.out{opacity:0;transform:translateY(-12px)}.hero-copy{padding-top:62px;max-width:570px}.hero-copy p{font-size:17px;line-height:1.8;margin-bottom:20px}.hero-copy p+p{color:#b7b7bb;font-size:15px}.hero-copy .pill{margin-top:12px}.location{display:block;font-size:9px;letter-spacing:1.5px;margin-top:36px;color:#999}.client-strip{margin:0 4.8%;display:flex;gap:60px;align-items:center;padding:30px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.client-strip>.eyebrow{min-width:160px}.logo-space{flex:1;display:flex;justify-content:space-around;align-items:center;gap:24px;color:#65656c;font-size:11px;letter-spacing:2px}.logo-space i{height:25px;border-right:1px solid #333}.works{padding:100px 0 70px;overflow:hidden;scroll-margin-top:20px}.section-line{display:flex;justify-content:space-between;margin:0 5% 30px}.section-line>span{font-size:9px;letter-spacing:2px;color:#93939d}.project-track{overflow-x:auto;scrollbar-width:none;padding:0 5%;}.project-track::-webkit-scrollbar{display:none}.project-row{display:flex;gap:26px;width:max-content;transform:translateX(calc(var(--work-shift,0) * -1px))}.project{position:relative;width:clamp(310px,43vw,650px);height:430px;border-radius:22px;overflow:hidden;transition:transform .5s;flex-shrink:0}.project:hover{transform:translateY(-7px)}.p-web{background:#cadfda;color:#172c2b}.p-ads{background:#d6f550;color:#18261f}.p-tech{background:#25214c;color:#dfdcff}.project-caption{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;background:linear-gradient(transparent,#080810b8);color:white}.project-caption h3{font-size:21px;font-weight:500}.project-caption span{font-size:9px;letter-spacing:1.3px}.browser-art{position:absolute;width:78%;height:78%;top:10%;left:11%;border-radius:10px;background:#163c37;box-shadow:15px 25px 25px #172c2b33;color:#f0ede2;transform:rotate(-6deg);overflow:hidden}.browser-bar{font-size:9px;background:#102f2d;padding:10px 16px}.browser-bar span{float:right;opacity:.5}.browser-content{position:relative;z-index:1;padding:30px}.browser-content small{font-size:8px;letter-spacing:2px}.browser-content strong{display:block;font:65px/.9 var(--serif);margin:20px 0}.mini-button{font-size:8px;border:1px solid #ffffff60;border-radius:20px;padding:6px 10px}.orb{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a1e4bc,#448075 45%,#1c4848 70%);right:-40px;top:100px}.campaign-art{padding:42px 40px;position:relative}.campaign-art>span{font-size:21px;letter-spacing:5px}.campaign-art strong{display:block;font:900 clamp(60px,8vw,110px)/1 var(--sans);letter-spacing:-8px}.campaign-art small{position:absolute;top:275px;font-size:9px;letter-spacing:1px}.target-circle{width:100px;height:100px;border:20px solid #233f2b;border-radius:50%;position:absolute;right:50px;top:180px;font-size:45px;text-align:center;line-height:60px;transform:rotate(-20deg)}.tech-art{padding:38px}.tech-art small{font-size:9px;letter-spacing:2px;color:#aaa6d0}.tech-art strong{font:65px/1.05 var(--serif);display:block;margin-top:30px}.tech-art strong span{color:#67ede0}.code-lines{font:12px/1.7 monospace;position:absolute;right:30px;bottom:110px;color:#81c9db}.work-note{font-size:11px;color:#85858e;text-align:center;margin:25px 5% 0}.about{padding:80px 5% 100px}.about-intro{font-size:19px;max-width:990px;line-height:1.6}.read-reveal{font-size:clamp(26px,3.1vw,47px);line-height:1.4;margin:45px 0 65px;letter-spacing:-.5px}.read-reveal span{color:#414147;transition:color .2s}.read-reveal span.lit{color:var(--text)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.stats strong{font:clamp(50px,6vw,88px)/1 var(--serif)}.stats span{display:block;font-size:10px;letter-spacing:1.5px;margin-top:18px;color:#aaa}.world{min-height:920px;position:relative;display:grid;place-items:center;overflow:hidden;padding:100px 20px}.world-copy{z-index:2;text-align:center}.world h2{font:clamp(60px,7.5vw,110px)/1 var(--serif);letter-spacing:-2px;margin:30px 0}.world p{color:#b2b2b9;margin-bottom:30px}.floating{position:absolute;animation:float 8s ease-in-out infinite;transform:translateY(calc(var(--float-shift,0) * 1px))}.tile{width:210px;height:290px;border-radius:20px;padding:20px;box-shadow:0 30px 70px #0005;border:1px solid #ffffff30}.tile small{font-size:8px;letter-spacing:1px}.website{left:4%;top:120px;background:linear-gradient(145deg,#183b45,#132329);rotate:-14deg}.tiny-window{background:#97cebd;margin-top:22px;padding:16px;color:#163a32;height:190px;border-radius:6px}.tiny-window>span{display:block;border-top:2px solid #163a3255;margin-bottom:20px}.tiny-window b{font:40px/1 var(--serif)}.tiny-window i{display:block;text-align:right;font-size:35px}.campaign{right:4%;top:300px;background:linear-gradient(145deg,#663ec1,#282153);rotate:13deg}.campaign b{display:block;font:60px/.95 var(--serif);margin-top:30px}.campaign>span{color:#d3f65b;font-size:75px;display:block;text-align:right;line-height:1.4}.bubble{border-radius:50%;display:grid;place-items:center;font:42px/1 var(--serif);box-shadow:inset -12px -12px 25px #0007,0 20px 45px #0005}.bubble-one{bottom:180px;left:16%;width:95px;height:95px;background:linear-gradient(130deg,#3ecebc,#224461);rotate:-15deg;animation-delay:-3s}.bubble-two{top:80px;right:22%;width:85px;height:85px;background:linear-gradient(130deg,#d1f263,#357866);animation-delay:-5s}.bubble-three{bottom:110px;right:20%;width:70px;height:70px;background:linear-gradient(130deg,#de71ba,#663ca0);animation-delay:-1s}@keyframes float{50%{translate:0 -30px;rotate:4deg}}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:110px 5% 140px}.solutions h2{font:clamp(44px,4.6vw,70px)/1.06 var(--serif);letter-spacing:-1px;margin-bottom:35px}.solutions-copy p{margin-bottom:24px;line-height:1.85;color:#c1c1c6}.service-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.service-list span{border:1px solid #ffffff24;border-radius:20px;padding:7px 13px;font-size:11px;color:#babac3}footer{padding:75px 5% 25px;background:#141418;border-top:1px solid #ffffff16}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:65px}.footer-top h2{font:clamp(56px,7vw,100px)/1 var(--serif);margin:20px 0 30px}.footer-contact{padding-top:60px;min-width:300px}.footer-contact a{display:block;font-size:20px;margin:0 0 14px}.footer-contact a:hover{color:var(--cyan)}.footer-contact p{color:#9898a1;margin-top:30px}.footer-bottom{border-top:1px solid #ffffff1c;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom .brand img{width:36px;height:36px}.footer-bottom .brand span{font-size:23px}.footer-bottom p,.footer-bottom>a:last-child{font-size:11px;color:#a0a0a9}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}header.docked nav{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);backdrop-filter:blur(18px);box-shadow:0 4px 25px #0008}header.docked .whatsapp{position:fixed;bottom:26px;left:calc(50% + 210px)}dialog{background:#15151b;color:var(--text);border:1px solid #ffffff28;border-radius:22px;padding:48px;width:min(690px,calc(100% - 30px));max-height:90svh}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog h2{font:54px/1 var(--serif);margin:22px 0 30px}.close-dialog{position:absolute;top:16px;right:20px;background:none;border:0;color:white;font-size:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;margin-bottom:18px}label>span{color:#999}input,textarea,select{width:100%;display:block;margin-top:7px;padding:12px;border:1px solid #ffffff26;border-radius:6px;background:#0b0b10;color:white;font-size:14px}input:focus,textarea:focus,select:focus{outline:1px solid var(--cyan)}textarea{resize:vertical}.form-note{font-size:11px;color:#aaa;margin-bottom:20px}.form-note a{text-decoration:underline}#form-status{font-size:12px;margin-top:12px;color:var(--cyan)}.intro{position:fixed;inset:0;background:#08080b;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;animation:intro-exit .8s 1.7s both;pointer-events:none}.intro-ring{width:150px;height:150px;position:relative}.intro-ring:before{content:'';position:absolute;inset:-20px;border:2px solid transparent;border-top-color:#5de3d9;border-right-color:#995ae8;border-radius:50%;animation:halo 1.2s linear infinite;filter:drop-shadow(0 0 10px #735ef5)}.intro img{width:100%;animation:logo-enter 1.2s both}.intro>span{font-size:10px;letter-spacing:5px}@keyframes logo-enter{from{opacity:0;transform:scale(.75);filter:blur(15px)}to{opacity:1;transform:scale(1)}}@keyframes intro-exit{to{opacity:0;visibility:hidden}}
@media(min-width:1700px){main,header,.footer-top,.footer-bottom{max-width:1700px;margin:auto}.hero{min-height:850px}}
@media(max-width:1000px){header{gap:15px}.brand>span{font-size:23px}nav{gap:25px;min-width:290px;padding:10px 25px}.header-actions .pill{display:none}.hero{padding-top:180px;gap:5%}h1{font-size:85px}.hero-copy p{font-size:15px}.tile{width:165px;height:240px}.tiny-window{height:150px}.tiny-window b{font-size:30px}.campaign b{font-size:45px}.campaign>span{font-size:55px}.world h2{font-size:85px}.world{min-height:800px}.solutions{gap:6%}.solutions h2{font-size:50px}.project{height:380px}}
@media(max-width:650px){html{scroll-padding-top:30px}.ticker{height:25px}header{padding:20px 6%;top:25px;flex-wrap:wrap}.brand img{width:39px;height:39px}.brand>span{font-size:23px}.brand-note{font-size:7px}nav{order:3;width:100%;min-width:0;margin-top:9px;gap:50px;padding:9px 20px}.header-actions{margin-left:auto}.whatsapp{width:36px;height:36px}.hero{grid-template-columns:1fr;padding:190px 7% 65px;min-height:auto;gap:35px}h1{font-size:clamp(65px,15vw,90px);letter-spacing:-2px;margin-top:20px}h1>span.changing{font-size:.73em;min-height:1.95em}h1 em{text-align:left;margin-left:14%}.hero-copy{padding:0}.hero-copy p{font-size:15px}.hero-copy p+p{font-size:14px}.location{margin-top:24px}.client-strip{gap:20px;padding:25px 0;align-items:flex-start;flex-direction:column}.client-strip>.eyebrow br{display:none}.logo-space{width:100%;font-size:8px;gap:12px;letter-spacing:1px}.logo-space span:nth-of-type(2){display:none}.logo-space i:nth-of-type(2){display:none}.works{padding:65px 0 35px}.section-line{display:block;margin-bottom:20px}.section-line>span{display:block;margin-top:6px;font-size:8px}.project{width:82vw;height:350px}.project-row{gap:16px;transform:none}.browser-content{padding:22px}.browser-content strong{font-size:50px}.campaign-art{padding:30px}.campaign-art strong{font-size:80px}.campaign-art>span{font-size:16px}.target-circle{right:35px;top:150px;width:85px;height:85px;border-width:15px}.campaign-art small{top:240px;font-size:7px}.tech-art strong{font-size:53px}.code-lines{font-size:9px;bottom:100px}.about{padding:50px 7% 40px}.about-intro{font-size:16px}.read-reveal{margin:30px 0 40px;font-size:27px}.stats{grid-template-columns:1fr 1fr;gap:35px 12px}.stats strong{font-size:60px}.stats span{font-size:8px;margin-top:12px}.world{min-height:760px;padding:150px 20px}.world h2{font-size:60px;letter-spacing:-1px;margin:22px 0}.world p{font-size:13px}.tile{width:115px;height:160px;padding:12px;border-radius:12px;opacity:.75}.tile small{font-size:5px}.website{left:-20px;top:65px}.tiny-window{margin-top:10px;padding:10px;height:105px}.tiny-window b{font-size:23px}.tiny-window>span{margin-bottom:12px}.tiny-window i{font-size:20px}.campaign{right:-17px;top:auto;bottom:45px}.campaign b{font-size:33px;margin-top:20px}.campaign>span{font-size:32px}.bubble-one{left:5%;bottom:95px;width:55px;height:55px;font-size:25px}.bubble-two{top:70px;right:12%;width:50px;height:50px;font-size:30px}.bubble-three{right:7%;bottom:auto;top:235px;width:38px;height:38px;font-size:23px}.solutions{grid-template-columns:1fr;padding:55px 7% 75px;gap:35px}.solutions h2{font-size:46px}.solutions-copy p{font-size:14px}.service-list{margin-top:25px}.service-list span{font-size:10px}footer{padding:55px 7% 100px}.footer-top{flex-direction:column;padding-bottom:35px;gap:15px}.footer-top h2{font-size:70px}.footer-contact{padding-top:25px;min-width:0}.footer-contact a{font-size:17px}.footer-bottom{flex-wrap:wrap}.footer-bottom p{order:3;width:100%;font-size:10px}header.docked nav{bottom:15px;width:260px;margin:0;padding:12px 20px;gap:30px;left:calc(50% - 22px)}header.docked .whatsapp{bottom:20px;left:calc(50% + 118px)}dialog{padding:35px 23px}dialog h2{font-size:43px}.form-row{grid-template-columns:1fr;gap:0}.halo{width:130vw;left:-15%;height:75vh;filter:blur(45px);opacity:.23}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}.reveal{opacity:1;transform:none}.read-reveal span{color:var(--text)}.project-row{transform:none}}