@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Archivo:wght@500;600;700;800;900&display=swap');
:root{--bg:#000000;--panel:#0e1521;--line:#ffffff17;--muted:#929eaf;--cyan:#08d8ef;--blue:#0975ff;--white:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}header{height:100px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#000000ed}.logo{width:163px;height:auto}header .logo.logo-icon{width:auto;height:46px}nav{display:flex;gap:32px;font-size:13px;color:#b7c1cf}nav a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:18px 25px;border:0;border-radius:7px;background:linear-gradient(110deg,#0877ff,#06bddb);font-weight:600;color:white;font-size:14px;box-shadow:0 5px 35px #057bff1c;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 32px #047dff42}.button span{font-size:20px}.button.small{padding:12px 18px;gap:25px;font-size:12px}.menu{display:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#a5b6cc;display:flex;align-items:center;gap:9px}.eyebrow i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px #08d8ef80}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:720px;align-items:center;gap:35px;padding-top:65px;padding-bottom:80px;overflow:visible}.hero h1{font:650 clamp(56px,5.6vw,85px)/1.08 'Manrope',sans-serif;letter-spacing:-5px;margin:27px 0 26px}em{font-style:normal;background:linear-gradient(100deg,#2285ff,#05daed);color:transparent;background-clip:text}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.85;max-width:430px}.actions{display:flex;align-items:center;gap:27px;margin-top:29px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;font-weight:500;background:none;border:0;padding:0;color:var(--white)}.text-link:hover{color:var(--cyan)}.hero-notes{display:flex;gap:24px;font-size:10px;color:#7f90a6;margin-top:28px}.hero-notes span:first-letter{color:var(--cyan)}.hero-art{position:relative;height:505px;min-width:0;isolation:isolate}.orbit{position:absolute;width:540px;height:540px;border:1px solid #078bff17;border-radius:50%;left:-25px;top:-5px;background:radial-gradient(ellipse,#0267e42e 0,transparent 66%);z-index:-1}.orbit:after{content:'';position:absolute;inset:48px;border:1px dashed #0b93d323;border-radius:50%}.browser{border:1px solid #3c4e65;border-radius:12px;overflow:hidden;background:#111822;box-shadow:0 28px 80px #0008}.main-browser{position:absolute;width:94%;height:350px;left:0;top:60px;transform:perspective(1100px) rotateY(-9deg) rotateZ(-4deg)}.browser-bar{height:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 12px;color:#687e99;font-size:8px;letter-spacing:1px}.browser-bar b{font-size:6px;color:#77a0b4}.main-browser img{width:100%;height:calc(100% - 30px);object-fit:cover;object-position:top}.phone{position:absolute;right:-2px;bottom:5px;width:148px;height:296px;border:5px solid #26384b;border-radius:26px;background:#111;transform:rotate(7deg);box-shadow:-18px 25px 60px #0007;overflow:hidden}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.notch{position:absolute;top:0;left:35px;width:65px;height:13px;background:#26384b;border-radius:0 0 12px 12px}.floating-label{position:absolute;top:13px;right:10px;display:flex;gap:12px;align-items:center;padding:15px 20px;background:#111c2b;border:1px solid #2c405b;border-radius:10px;transform:rotate(3deg);font-size:12px;box-shadow:0 10px 40px #0008}.floating-label small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.spark{font-size:35px;color:var(--cyan)}.art-caption{position:absolute;bottom:12px;left:0;font-size:8px;letter-spacing:2px;display:flex;gap:8px;align-items:center;color:var(--muted)}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#0c1220;padding:23px 0}.ticker div{white-space:nowrap;width:max-content;font-family:'Manrope',sans-serif;letter-spacing:2px;font-size:12px;color:#b2c1d3;animation:marquee 35s linear infinite}.ticker b{color:var(--cyan);padding:0 48px}section:not(.hero){padding-top:110px;padding-bottom:20px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:38px}h2{font:600 clamp(34px,3.5vw,52px)/1.2 'Manrope',sans-serif;letter-spacing:-2px;margin:20px 0}p{line-height:1.8;color:var(--muted)}.section-top>p{max-width:310px;font-size:13px;margin-bottom:5px}.tabs{display:flex;gap:8px;margin:32px 0}.tabs button{border:1px solid var(--line);border-radius:6px;background:transparent;color:#a5b1c3;padding:11px 19px;font-size:12px}.tabs button.active{background:#0b88ff18;border-color:#0c7cce80;color:var(--cyan)}.tabs span{font-size:9px;opacity:.6;margin-left:15px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:35px 28px}.project{min-width:0}.project button{width:100%;padding:0;border:0;display:block;background:none;color:inherit;text-align:left}.project-image{height:340px;background:#111d2a;border-radius:10px;overflow:hidden;position:relative;padding:26px 30px 0}.project:nth-child(4n+2) .project-image{background:#15152c}.project:nth-child(4n+3) .project-image{background:#122220}.project:nth-child(4n+4) .project-image{background:#21192b}.project-image>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px 5px 0 0;box-shadow:0 0 25px #0004;transition:object-position 4s,transform .6s}.project button:hover img{object-position:bottom;transform:scale(1.025)}.project.social .project-image{height:390px;padding:0}.project.social .project-image img{object-position:center 27%}.project-overlay{position:absolute;right:18px;bottom:18px;background:#07121eee;border:1px solid #ffffff20;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.project-meta{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.project h3{font:600 19px 'Manrope',sans-serif;margin:0 0 5px;letter-spacing:-.5px}.project p{font-size:11px;margin:0}.project-meta>span{font-size:9px;letter-spacing:1px;color:#738299;border:1px solid var(--line);padding:6px 9px;border-radius:4px}.concept{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(at top,#38505f,#0b1118);font-family:Manrope,sans-serif;text-align:center}.concept h3{font-size:45px;letter-spacing:10px}.concept p{font-size:10px;letter-spacing:2px}.concept small{margin-top:30px;color:#8cabb9;font-size:9px;letter-spacing:2px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service{padding:32px;border:1px solid var(--line);background:linear-gradient(120deg,#101928,#0c111a);border-radius:10px}.service.feature{grid-column:1/-1;display:grid;grid-template-columns:50px 1fr 1fr;gap:20px}.service-icon{color:var(--cyan);font-size:25px}.service h3{font:500 28px/1.3 Manrope,sans-serif;letter-spacing:-1px;margin:20px 0 15px}.service p{font-size:13px;max-width:470px}.service .text-link{margin-top:16px}.mini{font-size:8px;letter-spacing:2px;color:var(--cyan)}.code-art{align-self:center;padding:55px 30px;border:1px solid #174365;border-radius:10px;background:radial-gradient(at bottom right,#005ca83b,transparent);transform:rotate(-3deg);text-align:center}.code-art div{font-size:30px;font-family:Manrope}.code-art b{color:var(--cyan);font-weight:500}.code-art small{font-size:7px;letter-spacing:2px;color:#8c9cad;display:block;margin-top:20px}.difference{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.difference>div>p{font-size:14px;max-width:440px}.difference .button{margin-top:18px}.benefits article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.benefits article>span{font:400 12px Manrope;color:var(--cyan);padding-top:5px}.benefits h3{font:500 18px Manrope;margin:0}.benefits p{font-size:12px;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 30px}.steps article{border-top:1px solid #1f4566;padding-top:24px}.steps span{font-size:9px;letter-spacing:2px;color:var(--cyan)}.steps h3{font:500 23px Manrope;margin:22px 0 10px}.steps p{font-size:13px}.timeline{display:flex;align-items:center;gap:50px;padding:23px 28px;border:1px solid var(--line);background:#0b1320;border-radius:7px}.timeline span{color:var(--cyan);font-size:9px;letter-spacing:1px;min-width:265px}.timeline p{font-size:11px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.questions details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}summary::-webkit-details-marker{display:none}summary span{color:var(--cyan)}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;margin-top:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:110px;padding:60px!important;border:1px solid #19384e;border-radius:13px;background:radial-gradient(at 0 0,#073d602e,transparent 70%),#0c121d}.contact h2{font-size:43px}.contact-copy>p{font-size:14px}.contact-copy .text-link{margin-top:30px;color:var(--cyan)}form{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#c3cedc}input,select,textarea{width:100%;padding:13px 12px;background:#080e18;border:1px solid #243244;border-radius:5px;color:white;font-size:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#57687e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .button{justify-content:space-between}form small{font-size:9px;color:#7b8ba0;line-height:1.6}footer{padding-top:70px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:40px}.footer-top p{font-size:12px}.footer-top a{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:22px;border-top:1px solid var(--line);font-size:10px;color:#6b7c92}.footer-bottom button{font-size:10px;color:#6b7c92;border:0;background:none}.footer-word{font:700 clamp(45px,10.2vw,150px)/1.35 Manrope;letter-spacing:-7px;margin-top:38px;color:#141f2d;white-space:nowrap}.footer-word span{color:#123a57}.whatsapp{position:fixed;bottom:25px;right:25px;z-index:15;font-size:12px;display:flex;gap:25px;align-items:center;border:1px solid #2d79a6;border-radius:30px;background:#0d2031ed;box-shadow:0 8px 30px #0007;padding:13px 18px}.whatsapp span{color:var(--cyan)}dialog{background:#0e1723;color:var(--white);border:1px solid #3a526c;border-radius:12px;max-width:920px;width:90vw;max-height:90vh;padding:35px}dialog::backdrop{background:#02060ddf;backdrop-filter:blur(8px)}dialog .close{position:sticky;float:right;top:0;border:1px solid #526a80;border-radius:50%;width:35px;height:35px;background:#081726;color:white;font-size:25px;z-index:2}dialog h2{font-size:30px}dialog p{font-size:13px}dialog img{width:100%;margin-top:25px}dialog .button{margin-top:10px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--blue);padding:15px}.skip:focus{top:5px}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero{min-height:820px}.hero-art{height:540px}.main-browser{height:400px}}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}header{padding:0 30px}nav{gap:18px}.hero{min-height:640px;gap:25px}.hero h1{font-size:63px;letter-spacing:-3.5px}.hero-art{height:420px}.main-browser{height:290px}.phone{width:120px;height:240px}.orbit{width:400px;height:400px;left:-20px}.hero-notes{gap:12px;font-size:8px}.actions{gap:18px}.project-image{height:270px;padding:20px 20px 0}.difference{gap:50px}.contact{gap:35px;padding:40px!important}.contact h2{font-size:36px}.service.feature{grid-template-columns:35px 1fr 1fr}.code-art{padding:50px 15px}.code-art div{font-size:23px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:80px;padding:0 20px}.logo{width:135px}header>.button{margin-left:auto;margin-right:15px}.menu{display:block;background:none;border:1px solid var(--line);color:white;border-radius:5px;padding:8px;font-size:16px}nav{display:none;position:absolute;left:0;right:0;top:80px;padding:25px;background:#0b1321;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{display:block;padding-top:45px;padding-bottom:35px;overflow:hidden}.hero h1{font-size:64px;letter-spacing:-3.5px}.hero-copy>p{font-size:14px;max-width:440px}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero-art{height:400px;max-width:500px;margin:40px auto 0}.main-browser{width:88%;height:290px;top:40px;left:12px}.phone{right:14px;bottom:0;width:118px;height:240px}.floating-label{font-size:10px;padding:12px;top:0;right:25px}.spark{font-size:25px}.art-caption{font-size:7px;left:15px;bottom:15px}.hero-notes{font-size:9px;gap:18px}.actions{gap:22px}.button{padding:16px 20px;font-size:12px;gap:20px}.text-link{font-size:11px}section:not(.hero){padding-top:75px}.section-top{display:block;margin-bottom:25px}.section-top>p{margin-top:20px;max-width:100%}h2{font-size:35px;letter-spacing:-1.5px}.tabs{gap:5px}.tabs button{padding:10px 12px;font-size:10px}.tabs span{margin-left:7px}.projects{grid-template-columns:1fr;gap:30px}.project-image{height:310px}.project.social .project-image{height:400px}.service-grid{grid-template-columns:1fr}.service.feature{display:block}.service{padding:27px}.service h3{font-size:27px}.service.feature .mini{display:block;margin-top:20px}.code-art{margin-top:30px;padding:35px}.difference{display:block}.benefits{margin-top:30px}.steps{grid-template-columns:1fr;gap:18px;margin-top:30px}.steps article{padding-top:20px}.steps h3{margin-top:14px}.timeline{display:block;padding:23px}.timeline p{margin-top:15px}.timeline span{font-size:8px}.faq{display:block}.questions{margin-top:25px}summary{font-size:13px}.contact{display:block;margin-top:70px;padding:28px!important}.contact h2{font-size:34px}.contact form{margin-top:35px}.footer-top{flex-wrap:wrap;gap:15px}.footer-top p{margin-left:auto;font-size:10px}.footer-top a{width:100%;margin-top:15px}.footer-bottom{font-size:8px;flex-wrap:wrap}.footer-word{letter-spacing:-3px;font-size:11vw;margin-bottom:70px}.whatsapp{bottom:16px;right:16px}.ticker{padding:18px 0}.ticker div{font-size:10px}dialog{padding:22px}.form-row{gap:10px}.orbit{left:0}.service.feature p{max-width:none}}
@media(max-width:760px){.hero h1{font-size:clamp(42px,11.5vw,64px);letter-spacing:-2.5px}.hero-notes{font-size:8px}header>.button.small{padding:11px 12px;font-size:10px;gap:12px;white-space:nowrap}.logo{width:125px}}
.hero{position:relative}.hero-copy{position:relative;z-index:2}.hero-art{--tilt-x:0deg;--tilt-y:0deg;perspective:1200px}.hero-art:before{content:'';position:absolute;inset:-65px -20px;background:radial-gradient(ellipse at 55% 48%,#006dff40,transparent 65%);filter:blur(30px);z-index:-2;pointer-events:none}.main-browser{transform:rotateY(calc(-9deg + var(--tilt-y))) rotateX(var(--tilt-x)) rotateZ(-4deg);transition:transform .45s ease-out;box-shadow:0 0 0 1px #0b8ed129,0 30px 80px #000b,0 0 65px #007bff25;z-index:2}.browser-bar{position:relative;z-index:2;background:linear-gradient(100deg,#112234,#0c1523)}.hero-screen{height:calc(100% - 30px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#08bfdc #111c28;position:relative;outline-offset:-3px;background:#e9e7df;overscroll-behavior-y:auto}.main-browser .hero-screen img{display:block;width:100%;height:auto;object-fit:initial;border-radius:0}.hero-screen:focus-visible{outline:2px solid var(--cyan)}.screen-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#112639;pointer-events:none}.screen-progress span{height:100%;width:0;display:block;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.phone{z-index:4;box-shadow:-18px 25px 60px #000a,0 0 25px #0786ff25;animation:phone-float 7s ease-in-out infinite}.floating-label{z-index:5;animation:label-float 6s ease-in-out infinite;backdrop-filter:blur(14px);background:#102034c9;border-color:#49799c70}.orbit{box-shadow:inset 0 0 80px #0478ff0c;animation:orbit-pulse 8s ease-in-out infinite}.light-beam{position:absolute;width:80%;height:100%;left:10%;top:-10%;background:conic-gradient(from 20deg at 50% 80%,transparent 0deg,#04a8ff16 18deg,transparent 40deg);filter:blur(15px);z-index:-1;pointer-events:none}.holo-ring{position:absolute;left:0;top:100px;width:100%;height:270px;border:1px solid #0cc9f583;border-radius:50%;transform:rotateZ(-24deg) rotateX(65deg);box-shadow:0 0 16px #08c4ff28,inset 0 0 14px #048fff18;z-index:1;pointer-events:none}.ring-two{top:130px;transform:rotateZ(28deg) rotateX(65deg);border-color:#307dff55}.glass-orb{position:absolute;top:5px;left:28px;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#c4faffc9 0,transparent 15%),radial-gradient(circle at 65% 65%,#00244c 0,#0082b748 40%,#01d5e8a6 80%,#1e6fff);box-shadow:inset -10px -12px 24px #00112f,inset 3px 3px 15px #3cdfff99,0 0 40px #007bff36;border:1px solid #75e9ff65;animation:orb-float 8s ease-in-out infinite;z-index:3;pointer-events:none}.glass-orb span{color:#c6f8ffba;font-size:26px;text-shadow:0 0 15px #04b4ff}.particles{position:absolute;inset:0;pointer-events:none}.particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#6befff;box-shadow:0 0 12px #00cfff;animation:particle-drift 7s ease-in-out infinite}.particles i:nth-child(1){top:16%;left:80%}.particles i:nth-child(2){top:80%;left:10%;animation-delay:-2s}.particles i:nth-child(3){top:50%;left:98%;animation-delay:-4s}.particles i:nth-child(4){top:5%;left:50%;width:2px;height:2px;animation-delay:-1s}.particles i:nth-child(5){top:90%;left:60%;width:2px;height:2px;animation-delay:-5s}.preview-controls{position:absolute;left:5px;bottom:47px;z-index:6;display:flex;border:1px solid #2e75945c;border-radius:7px;background:#091524db;backdrop-filter:blur(12px);box-shadow:0 8px 25px #0004}.preview-controls select{background:transparent;border:0;padding:9px 26px 9px 11px;color:#bdd8eb;font-size:10px;min-width:125px;width:auto}.preview-controls option{background:#0d1c2c}.preview-controls button{width:34px;border:0;border-left:1px solid #2c4159;background:transparent;color:var(--cyan);font-size:13px;border-radius:0 7px 7px 0}.art-caption{z-index:5;letter-spacing:1.4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes orb-float{50%{transform:translateY(-16px) translateX(8px)}}@keyframes phone-float{50%{transform:translateY(-10px) rotate(5deg)}}@keyframes label-float{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes orbit-pulse{50%{opacity:.5;transform:scale(1.05)}}@keyframes particle-drift{50%{transform:translate(6px,-18px);opacity:.3}}
@media(max-width:760px){.glass-orb{width:54px;height:54px;left:30px;top:-2px}.glass-orb span{font-size:20px}.holo-ring{height:210px;top:80px}.ring-two{top:110px}.hero-art:before{inset:-30px 0}.preview-controls{left:15px;bottom:44px}.art-caption{font-size:6px;letter-spacing:1px}.main-browser{transform:rotateY(-5deg) rotateZ(-4deg)}.preview-controls select{font-size:9px;min-width:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.phone,.floating-label,.orbit,.glass-orb,.particles i{animation:none}*{transition:none!important}}

/* True black canvas, with colour reserved for the interactive artwork. */
:root{--bg:#000;--panel:#0b0b0b}body,header{background:#000}.ticker{background:#080808}.service{background:linear-gradient(120deg,#111,#080808)}.timeline{background:#080808}.contact{background:#080808;border-color:#252525}nav.open{background:#080808}input,select,textarea{background:#050505}footer .footer-word{color:#181818}

.phone-screen{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.phone-screen::-webkit-scrollbar{display:none}.phone .phone-screen img{width:100%;height:auto;display:block;object-fit:initial}.phone .notch{z-index:2;pointer-events:none}.phone-tag{position:absolute;bottom:7px;left:7px;right:7px;pointer-events:none;text-align:center;background:#000c;border:1px solid #ffffff25;border-radius:10px;padding:5px 2px;color:#e8d9b8;font-size:6px;letter-spacing:.5px}.phone-screen:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}

/* ===== Studio refresh: real work first, fewer effects ===== */
html,body{overflow-x:hidden}body{font-family:'DM Sans',sans-serif;letter-spacing:-.1px}
.orbit,.light-beam,.holo-ring,.glass-orb,.particles,.floating-label,.hero-art:before{display:none!important}
header{position:sticky;top:0;height:76px;background:#000000c7;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12;z-index:30}
nav{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#cfcfcf}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--cyan);transition:right .3s}nav a:hover:after{right:0}nav a:hover{color:#fff}
.button{border-radius:999px;background:#fff;color:#000;box-shadow:none;font-weight:600;gap:18px}.button:hover{background:var(--cyan);color:#000;box-shadow:0 0 0 6px #08d8ef22}.button span{font-size:16px}
header .button.small{background:transparent;color:#fff;border:1px solid #ffffff40}header .button.small:hover{background:#fff;color:#000}
.hero{position:relative;min-height:calc(100vh - 76px);padding-top:90px}
.work-wall{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 12px;overflow:hidden;z-index:0;opacity:.55;pointer-events:none;-webkit-mask:linear-gradient(#000 0,#000 55%,transparent 100%);mask:linear-gradient(#000 0,#000 55%,transparent 100%)}
.work-wall:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 0,#000c 35%,#0006 70%,#0008 100%)}
.wall-col{display:flex;flex-direction:column;gap:12px;animation:wall-up 60s linear infinite}.wall-col:nth-child(even){animation-direction:reverse;animation-duration:75s}
.wall-col img{width:100%;height:380px;object-fit:cover;object-position:top;border-radius:10px;filter:saturate(.85)}
@keyframes wall-up{to{transform:translateY(-50%)}}
.hero-copy,.hero-art{z-index:2}
.wordmark{font:900 clamp(64px,8.5vw,128px)/.9 'Archivo',sans-serif;letter-spacing:-.05em;margin:22px 0 4px;color:#fff}.wordmark b{color:var(--cyan)}.hero-brand{display:flex;flex-direction:column;align-items:flex-start;margin:18px 0 6px}.hero-icon{width:74px;height:auto;margin-left:6px;margin-bottom:2px;filter:drop-shadow(0 0 22px #0a9bff66)}.hero-logo{width:min(460px,82%);height:auto}
.hero h1{font:600 clamp(26px,2.6vw,38px)/1.2 'Archivo',sans-serif;letter-spacing:-1px;margin:14px 0 22px;color:#e9e9e9}.hero h1 br{display:none}.hero h1 em{display:inline}
.hero-copy>p{color:#a8a8a8;max-width:460px}
.eyebrow{color:#cfcfcf;letter-spacing:2.4px}
em{background:none;color:var(--cyan)}
h2{font-family:'Archivo',sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1.05}
.main-browser{transform:rotateY(calc(-4deg + var(--tilt-y))) rotateX(var(--tilt-x));border-color:#ffffff22;border-radius:14px;box-shadow:0 40px 120px #000,0 0 0 1px #ffffff10}
.browser-bar{background:#0d0d0d}.phone{border-color:#1c1c1c;transform:rotate(4deg)}.notch{background:#1c1c1c}
.preview-controls{background:#000c;border-color:#ffffff22}.preview-controls button{border-left-color:#ffffff22}
.ticker{background:#000;border-color:#ffffff14;padding:26px 0}.ticker div{font-family:'Archivo';text-transform:uppercase;font-size:14px;letter-spacing:1px;color:#e5e5e5}
.tabs button{border-radius:999px}.tabs button.active{background:#fff;color:#000;border-color:#fff}
.project-image,.project:nth-child(n) .project-image{background:#0b0b0b;border:1px solid #ffffff12;border-radius:16px}
.project h3{font-family:'Archivo';font-size:22px}
.service,.timeline,.contact{background:#070707!important;border-color:#ffffff14!important;border-radius:18px}
.service{transition:border-color .3s}.service:hover{border-color:#08d8ef55!important}.service h3{font-family:'Archivo';font-weight:600}
.code-art{border-color:#ffffff1c;background:#000;transform:none}
.steps article{border-top-color:#ffffff22}.steps h3,.benefits h3{font-family:'Archivo'}
input,select,textarea{border-color:#ffffff1c;border-radius:10px}
form .button{justify-content:center}
.footer-word{font-family:'Archivo';font-weight:900;color:#111!important}.footer-word span{color:var(--cyan);opacity:.6}
.whatsapp{background:#fff;color:#000;border:0}.whatsapp span{color:#000}
@media(max-width:760px){header{height:68px}nav{top:68px;background:#000}.hero{padding-top:40px;min-height:auto}.work-wall{grid-template-columns:repeat(2,1fr);opacity:.45}.wall-col:nth-child(n+3){display:none}.wall-col img{height:260px}.wordmark{font-size:clamp(54px,16vw,80px)}.hero h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.wall-col{animation:none}}
.wordmark{white-space:nowrap;font-size:clamp(52px,6.4vw,104px)}
@media(max-width:760px){.wordmark{font-size:clamp(44px,13.5vw,72px)}}
.hero h1{letter-spacing:-.5px;word-spacing:4px}

.whatsapp{width:56px;height:56px;padding:0;display:grid;place-items:center;border-radius:50%;background:#25d366;border:0;box-shadow:0 8px 30px #25d36655}
.whatsapp:hover{transform:scale(1.06)}