:root{--yellow:#ffd600;--ink:#080909;--panel:#111313;--muted:#b9bcbc;--white:#f8f8f5;--line:rgba(255,255,255,.12);--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{width:min(1220px,calc(100% - 48px));margin:auto}
.login-bar{background:var(--yellow);color:#171500;min-height:42px;display:flex;align-items:center;position:relative;z-index:4}.login-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.login-greeting{font-size:11px;font-weight:750;letter-spacing:.1px}.login-greeting strong{font-weight:900}.login-greeting .spark{display:inline-block;font-size:15px;margin:0 5px;transform:rotate(-10deg)}.login-cta{display:inline-flex;align-items:center;gap:8px;background:#111;color:#fff;padding:6px 12px 6px 7px;border-radius:999px;font-size:11px;font-weight:800;box-shadow:0 3px 0 #9b8200;transition:transform .2s,box-shadow .2s}.login-icon{width:23px;height:23px;background:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden}.login-icon img{width:20px;height:20px;object-fit:contain}.login-cta:hover{transform:translateY(-2px);box-shadow:0 5px 0 #9b8200}.login-cta .login-arrow{color:var(--yellow);font-size:15px}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:3;background:rgba(8,9,9,.94)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:7px;padding:0;width:150px;height:50px;flex:0 0 auto;transition:transform .2s}.logo:hover{transform:rotate(-2deg) scale(1.03)}.logo img{display:block;width:100%;height:100%;object-fit:contain}.logo span{display:none}
.links{display:flex;align-items:center;gap:25px;color:#e6e7e4;font-size:13px}.links a{transition:color .2s}.links a:hover{color:var(--yellow)}
.nav-actions{display:flex;align-items:center;gap:10px}.nav-link{font-size:12px;color:#eee;border:1px solid var(--line);padding:10px 13px;border-radius:9px}.nav-local{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--yellow);color:#111;border:1px solid var(--yellow);padding:11px 14px;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 5px 18px #ffd60020;transition:transform .2s,box-shadow .2s}.nav-local:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd60035}.pin-icon{width:16px;height:16px;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);color:#101111;padding:14px 19px;border-radius:9px;font-size:13px;font-weight:750;border:1px solid var(--yellow);transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ffd60026}.btn.secondary{background:transparent;color:#fff;border-color:#777}.btn.dark{background:#101111;color:#fff;border-color:#101111}.menu{display:none;background:none;color:#fff;border:0;font-size:25px}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 40%,#51400b 0,rgba(28,24,10,.62) 23%,transparent 51%),linear-gradient(110deg,#080909 15%,#0c0e0e 60%,#11110c);padding:78px 0 48px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 58%,#ffd6000b 59%,transparent 78%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns: .95fr 1.05fr;gap:35px;align-items:center;position:relative}
.eyebrow{color:var(--yellow);text-transform:uppercase;font-size:11px;letter-spacing:1.5px;font-weight:800;margin:0 0 16px}
h1{font-size:clamp(42px,5.5vw,72px);line-height:.99;letter-spacing:-3.5px;margin:0 0 22px;font-weight:820;max-width:640px}
h1 span,.highlight{color:var(--yellow)}
.hero-copy{color:#d2d4d2;max-width:490px;font-size:17px;margin:0 0 25px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.trust-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:31px;color:#dedfdb;font-size:12px}.trust-points span{display:flex;gap:8px;align-items:center}.check{color:var(--yellow);font-size:19px}
.device-stage{height:385px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;animation:rise .9s both}
.glow{position:absolute;width:75%;height:55%;border-radius:50%;background:#ffd60018;filter:blur(60px)}
.laptop{position:relative;width:min(100%,540px);transform:rotateY(-7deg) rotateX(2deg);z-index:1}
.screen{background:#161918;border:5px solid #454948;border-bottom-width:9px;border-radius:15px 15px 7px 7px;padding:10px;box-shadow:0 28px 65px #0009}
.screen-top{height:22px;display:flex;align-items:center;gap:5px;color:#c9ccca;font-size:8px;padding:0 8px}.dot{width:5px;height:5px;border-radius:50%;background:#777}
.site-preview{min-height:245px;border-radius:7px;overflow:hidden;position:relative;background:linear-gradient(115deg,#171714d9,#1717144d),radial-gradient(ellipse at 80% 45%,#bd6b24,#332014 40%,#111 72%);padding:24px 20px}
.site-preview:after{content:"";position:absolute;right:-12%;bottom:-40%;width:72%;height:110%;background:radial-gradient(ellipse,#e8a14c66,transparent 65%);transform:rotate(-24deg)}
.preview-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#fff;position:relative;z-index:1}.preview-brand{font-weight:800;font-size:11px}.preview-brand b{color:var(--yellow)}
.food{position:absolute;right:4%;top:20%;width:47%;height:60%;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,#f5b15b 0 5%,#73361c 8% 17%,#d88b3b 19% 22%,#462316 25% 37%,#a85a28 40% 48%,#231710 51%);filter:drop-shadow(0 12px 14px #0009);transform:rotate(-18deg);opacity:.95}
.preview-content{position:relative;z-index:1;width:57%;padding-top:30px}.preview-content small{color:var(--yellow);font-size:8px}.preview-content h3{font-size:25px;line-height:1.05;margin:8px 0}.preview-content p{font-size:9px;color:#e3e3de;max-width:190px}.mini-btn{display:inline-block;background:var(--yellow);color:#111;padding:7px 10px;border-radius:4px;font-size:8px;font-weight:800}
.laptop-base{height:13px;background:linear-gradient(#b6b9b6,#4b4f4e 55%,#202322);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);border-radius:0 0 10px 10px}
.phone{position:absolute;z-index:2;right:1%;bottom:9px;width:135px;height:255px;border:5px solid #4a4e4c;border-radius:24px;background:#111;padding:7px;transform:rotate(5deg);box-shadow:0 20px 50px #000b;animation:float 5s ease-in-out infinite}
.phone-screen{height:100%;border-radius:15px;background:linear-gradient(150deg,#181816,#301d10);padding:12px 7px;overflow:hidden}.phone-pill{height:4px;width:38px;background:#555;border-radius:5px;margin:0 auto 13px}.phone h4{font-size:13px;line-height:1.1;margin:18px 0 6px}.phone p{font-size:7px;color:#ddd}.phone .food{position:relative;display:block;width:100%;height:75px;right:auto;top:auto;opacity:1;border-radius:10px;transform:none}.phone .mini-btn{margin-top:8px;font-size:7px;padding:6px}
.client-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0d0d;padding:19px 0}.client-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.client-count{font-size:12px;color:#ccc}.client-count strong{font-size:27px;color:var(--yellow);display:block}.client-logo{color:#a9adab;font-size:14px;font-weight:800;letter-spacing:-.5px;opacity:.9}
.section{padding:82px 0}.section.light{background:#f5f5f2;color:#101111}.section.light .eyebrow{color:#806000;font-weight:900}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:10px}.section h2{font-size:clamp(30px,3.6vw,46px);line-height:1.06;letter-spacing:-1.7px;margin:0;max-width:760px}.section-intro{max-width:370px;color:#747978;font-size:14px;margin:0}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:#fff;border:1px solid #e9eae6;border-radius:14px;overflow:hidden;min-height:300px;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #11111110}.service-art{height:132px;background:linear-gradient(130deg,#d8dcd8,#f8f8f5);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.art-screen{width:70%;height:82%;border:5px solid #262a29;border-radius:8px;background:linear-gradient(140deg,#101515,#1b2524);box-shadow:0 12px 22px #0003;transform:perspective(400px) rotateY(-10deg);padding:12px}.art-screen:before{content:"";display:block;width:42%;height:5px;background:var(--yellow);border-radius:5px;margin-bottom:9px}.art-screen:after{content:"";display:block;height:52%;background:repeating-linear-gradient(0deg,#ffffff1b 0 5px,transparent 5px 13px);border-radius:4px}.service-card:nth-child(2) .art-screen{background:linear-gradient(135deg,#101313,#283b39)}.service-card:nth-child(3) .art-screen{background:linear-gradient(135deg,#0d2037,#1e6fa1)}.service-card:nth-child(4) .art-screen{width:48%;height:100%;border-radius:14px;background:linear-gradient(150deg,#101111,#222);transform:rotate(5deg)}
.card-body{padding:19px}.service-title{display:flex;gap:10px;align-items:center;margin-bottom:12px}.service-icon{width:37px;height:37px;background:var(--yellow);border-radius:9px;display:grid;place-items:center;color:#111;font-size:20px;font-weight:900}.service-title h3{margin:0;font-size:16px;letter-spacing:-.4px}.card-body p{font-size:13px;color:#5e6461;margin:0 0 15px}.ticks{list-style:none;padding:0;margin:0 0 18px;color:#343a37;font-size:12px}.ticks li{margin:5px 0}.ticks li:before{content:"✓";font-weight:900;color:#161a18;margin-right:8px}.text-link{font-size:12px;font-weight:800;display:inline-flex;gap:9px;align-items:center}.text-link span{color:#b18f00;font-size:18px}
.why{background:#0d1010;position:relative;overflow:hidden}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.why h2{font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-2px;margin:0 0 17px}.why-copy{color:#c1c5c2;max-width:430px}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px}.benefit{border-top:1px solid var(--line);padding-top:17px}.benefit-icon{color:var(--yellow);font-size:26px}.benefit h3{font-size:15px;margin:7px 0 5px}.benefit p{color:#aeb3af;font-size:12px;margin:0}.work-visual{min-height:350px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 50%,#9d761e3a,transparent 57%)}.work-window{width:85%;background:#1c2220;border:1px solid #4c504b;border-radius:12px;padding:10px;transform:rotate(-3deg);box-shadow:0 25px 65px #0008}.work-window-top{height:18px;display:flex;gap:4px;padding:3px}.work-window-top i{width:5px;height:5px;border-radius:50%;background:#6b716e}.work-window-content{height:250px;background:linear-gradient(130deg,#111,#302319);border-radius:5px;padding:22px;position:relative;overflow:hidden}.work-window-content:after{content:"";position:absolute;right:4%;top:15%;width:43%;height:70%;border-radius:9px;background:linear-gradient(135deg,#55351d,#b47b36 45%,#161616 46%);box-shadow:0 15px 30px #0007}.work-window-content h3{position:relative;z-index:1;font-size:25px;max-width:52%;line-height:1.1}.work-window-content p{position:relative;z-index:1;font-size:10px;max-width:45%;color:#ddd}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{border:1px solid #e6e7e3;border-radius:14px;overflow:hidden;background:#fff}.project-art{height:175px;background:linear-gradient(135deg,#171a18,#54331d);padding:16px;display:flex;align-items:end;position:relative;overflow:hidden}.project:nth-child(2) .project-art{background:linear-gradient(135deg,#d5e5ed,#2b6e91)}.project:nth-child(3) .project-art{background:linear-gradient(135deg,#16191a,#3a4142)}.project-art:after{content:"";position:absolute;right:10%;top:12%;width:50%;height:95%;border:5px solid #303533;border-radius:8px;background:linear-gradient(145deg,#1a1e1d,#70421e);transform:rotate(8deg);box-shadow:0 15px 25px #0005}.project:nth-child(2) .project-art:after{background:linear-gradient(145deg,#f6f7f5,#8ab8ce)}.project:nth-child(3) .project-art:after{background:linear-gradient(145deg,#090a0a,#3d4748)}.project-label{position:relative;z-index:1;color:#fff;font-size:12px;font-weight:800}.project-body{padding:18px}.project-body h3{margin:0 0 4px;font-size:16px}.project-body p{margin:0 0 14px;color:#737976;font-size:12px}
.cta-band{background:var(--yellow);color:#111;padding:47px 0;overflow:hidden}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-band .eyebrow{color:#302900;margin-bottom:9px}.cta-band h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 10px}.cta-band p{margin:0;color:#34300f}.cta-band .btn{background:#111;color:#fff;border-color:#111}
.faq{background:#0b0d0d}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:15px;font-size:14px}.faq-item b{color:var(--yellow);font-size:18px;font-weight:500}
footer{background:#070808;border-top:1px solid var(--line);padding:40px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer-about .logo{width:82px;height:52px;background:transparent;padding:0;margin-bottom:8px}.footer-about .logo:hover{transform:none}.footer-about p{max-width:290px;color:#9ea4a0;font-size:12px}.footer-col h4{font-size:12px;margin:5px 0 14px}.footer-col a{display:block;color:#aeb3af;font-size:12px;margin:9px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#747b77;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:12px}.footer-verse{font-style:italic;color:#969995}
.reveal{animation:rise .8s both}.delay1{animation-delay:.12s}.delay2{animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@media(max-width:1000px){.logo{width:132px;height:44px;padding:0}.links{gap:13px}.nav-link:not(.nav-local){display:none}.nav-actions{gap:8px}.nav-local{padding:10px 12px;font-size:11px}.hero-grid{grid-template-columns:1fr 1fr;gap:10px}h1{font-size:52px}.services{grid-template-columns:repeat(2,1fr)}.why-grid{gap:20px}.phone{right:0}.client-row{justify-content:center}.client-count{margin-right:15px}}
@media(max-width:720px){.wrap{width:min(100% - 32px,560px)}.login-bar{min-height:38px}.login-bar-inner{gap:8px}.login-greeting{font-size:9px}.login-greeting .spark{font-size:12px;margin:0 2px}.login-cta{font-size:10px;padding:5px 8px 5px 5px;gap:5px}.login-icon{width:21px;height:21px}.login-icon img{width:18px;height:18px}header{height:68px}.logo{width:112px;height:38px;padding:0}.footer-about .logo{width:72px;height:46px}.links,.nav-actions .nav-link:not(.nav-local){display:none}.nav{gap:6px}.nav-actions{display:flex;gap:4px}.nav-local{padding:8px 8px;font-size:9px;gap:3px;white-space:nowrap}.menu{display:block;font-size:20px}.logo{font-size:22px}.hero{padding:52px 0 30px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(43px,12vw,60px);letter-spacing:-2.7px}.hero-copy{font-size:15px}.device-stage{height:300px;margin-top:6px}.laptop{width:95%}.site-preview{min-height:195px;padding:17px}.preview-content h3{font-size:19px}.preview-content{padding-top:22px}.food{height:58%}.phone{width:105px;height:205px;right:0;bottom:5px}.phone h4{font-size:10px}.trust-points{gap:12px;margin-top:24px}.trust-points span{font-size:11px}.client-strip{padding:15px 0}.client-row{gap:14px}.client-count{width:100%;text-align:center;margin:0}.client-count strong{display:inline;font-size:21px;margin-right:5px}.client-logo{font-size:11px}.section{padding:58px 0}.section-head{display:block}.section-intro{margin-top:14px}.services{grid-template-columns:1fr;gap:12px}.service-card{min-height:0;display:grid;grid-template-columns:112px 1fr}.service-art{height:100%;min-height:190px}.card-body{padding:15px}.service-title h3{font-size:15px}.ticks{margin-bottom:12px}.why-grid,.faq-grid{grid-template-columns:1fr;gap:25px}.why h2{font-size:40px}.work-visual{min-height:260px}.work-window-content{height:190px}.work-window-content h3{font-size:20px}.benefits{gap:17px}.projects{grid-template-columns:1fr}.project-art{height:190px}.cta-grid{display:block}.cta-band .btn{margin-top:20px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-about{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.nav .btn{padding:8px 8px;font-size:9px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.screen-project-label{margin-left:8px}.yellow-accent{color:#ffd600}.light-secondary{color:#111!important;border-color:#777!important}

/* Amarilla homepage visual refresh */
.client-strip{padding:19px 0 21px;background:#0b0d0d;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.client-strip-title{margin:0 0 14px;text-align:center;color:#9da29e;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.client-strip .client-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,26px);flex-wrap:wrap}.client-strip .client-logo{display:inline-flex;align-items:center;justify-content:center;min-height:31px;color:#c9ccca;font-size:clamp(10px,.9vw,13px);font-weight:800;letter-spacing:-.025em;white-space:nowrap;transition:color .2s}.client-strip .client-logo:hover{color:#ffd600}
.service-art{position:relative;display:grid;place-items:center;min-height:168px;overflow:hidden;padding:16px;background:#e7eae6}.service-art:before{content:"";position:absolute;width:220px;height:220px;right:-50px;top:-140px;border:1px solid #1112;border-radius:50%;box-shadow:0 0 0 22px #1111,0 0 0 44px #11108}.art-browser{position:relative;width:min(88%,340px);height:132px;overflow:visible;border:5px solid #222725;border-radius:10px;background:#fbfcfa;box-shadow:0 12px 24px #1017132a;transform:perspective(700px) rotateY(-6deg) rotateX(2deg)}.art-browser-top,.project-browser{height:22px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#202523;color:#aeb4b0}.art-browser-top i,.project-browser i{width:5px;height:5px;border-radius:50%;background:#777}.art-browser-top span,.project-browser b{margin-left:6px;font-size:7px;color:#c5cbc6;font-weight:500}.art-web-nav{height:21px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#fff;color:#1b201e;font-size:7px;font-weight:900}.art-web-nav b{font-size:6px;color:#59615c}.art-web-copy{position:absolute;z-index:1;left:12px;top:54px;display:grid;gap:4px;color:#162421}.art-web-copy small{font-size:6px;font-weight:850;letter-spacing:.1em;color:#0a796e}.art-web-copy strong{font-size:15px;line-height:1.03;letter-spacing:-.05em}.art-web-copy span{width:max-content;padding:4px 6px;border-radius:3px;background:#12a88f;color:#fff;font-size:6px}.art-tooth{position:absolute;right:32px;top:45px;display:grid;place-items:center;width:72px;height:72px;border-radius:45% 45% 52% 52%;background:radial-gradient(circle at 40% 30%,#fff,#b9e8dc 70%);color:#13816e;font-size:41px;box-shadow:0 6px 13px #15291c26}.art-phone-mini{position:absolute;right:-22px;bottom:-18px;width:52px;height:98px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 5px 7px;border:4px solid #202522;border-radius:11px;background:#fff;box-shadow:0 8px 16px #0004;color:#18312b;font-size:7px}.art-phone-mini span{font-size:6px;text-align:center;line-height:1.4}.art-phone-mini i{width:100%;padding:4px 0;border-radius:4px;background:#13a98f;color:#fff;text-align:center;font-size:6px;font-style:normal}.art-app{background:linear-gradient(135deg,#dce8e7,#e9ece4)}.construction-app{position:relative;display:grid;grid-template-columns:27px 1fr;width:min(88%,340px);height:126px;overflow:hidden;border:4px solid #252b29;border-radius:9px;background:#f9faf7;box-shadow:0 12px 24px #1017132a;transform:perspective(700px) rotateY(5deg)}.app-sidebar{display:flex;flex-direction:column;align-items:center;gap:12px;padding:9px 5px;background:#1c2724;color:#ffd600}.app-sidebar b{font-size:10px}.app-sidebar i{width:12px;height:3px;border-radius:5px;background:#73807a}.app-main{padding:10px 12px;color:#222a27}.app-heading{display:flex;justify-content:space-between;color:#79827c;font-size:6px}.app-heading b{color:#39443e}.app-main>strong{display:block;margin:7px 0 5px;font-size:10px}.app-progress{height:6px;overflow:hidden;border-radius:5px;background:#e1e6e2}.app-progress i{display:block;width:68%;height:100%;border-radius:5px;background:#dfbd00}.app-stats{display:flex;gap:8px;margin-top:8px}.app-stats span{display:grid;flex:1;gap:2px;padding:5px;border:1px solid #e6e9e5;border-radius:5px;color:#7b837f;font-size:5px}.app-stats b{color:#242c28;font-size:10px}.app-chart{height:29px;display:flex;align-items:end;gap:5px;margin-top:6px;padding:3px 8px;border-bottom:1px solid #e8ebe8}.app-chart i{flex:1;border-radius:3px 3px 0 0;background:#436f67}.app-chart i:nth-child(1){height:27%}.app-chart i:nth-child(2){height:40%}.app-chart i:nth-child(3){height:35%}.app-chart i:nth-child(4){height:58%}.app-chart i:nth-child(5){height:49%}.app-chart i:nth-child(6){height:75%}.app-chart i:nth-child(7){height:92%;background:#dfbd00}.helmet-badge{position:absolute;right:6%;bottom:8%;display:grid;place-items:center;width:39px;height:39px;border:4px solid #fff;border-radius:50%;background:#edc400;color:#212722;font-size:21px;box-shadow:0 5px 12px #0003}.art-marketing{background:linear-gradient(135deg,#f1e8d8,#e5e8de)}.campaign-board{width:min(88%,340px);padding:10px 12px;border:4px solid #282d29;border-radius:9px;background:#fcfcf8;box-shadow:0 12px 24px #1017132a;transform:perspective(700px) rotateY(-5deg)}.campaign-top{display:flex;justify-content:space-between;color:#626a63;font-size:6px;font-weight:800;letter-spacing:.06em}.campaign-top b{color:#24844f;font-size:6px}.campaign-top i{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:#25bc70}.campaign-post{display:flex;align-items:center;gap:10px;height:66px;margin-top:7px;padding:7px 11px;border-radius:5px;background:linear-gradient(110deg,#3b2418,#805128);color:#fff}.coffee-cup{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#f6d88b;font-size:29px}.campaign-post>div{display:grid;gap:4px}.campaign-post b{font-size:13px;line-height:1.05}.campaign-post small{color:#f7df9f;font-size:6px}.campaign-metrics{display:flex;justify-content:space-between;margin-top:8px;color:#778078;font-size:5px}.campaign-metrics b{color:#3e7257;font-size:7px}.campaign-chart{display:flex;align-items:end;gap:5px;height:19px;margin-top:4px}.campaign-chart i{flex:1;border-radius:3px 3px 0 0;background:#c7d9ca}.campaign-chart i:nth-child(1){height:30%}.campaign-chart i:nth-child(2){height:40%}.campaign-chart i:nth-child(3){height:36%}.campaign-chart i:nth-child(4){height:62%}.campaign-chart i:nth-child(5){height:55%}.campaign-chart i:nth-child(6){height:75%}.campaign-chart i:nth-child(7){height:88%}.campaign-chart i:nth-child(8){height:100%;background:#d6b900}.art-solutions{background:linear-gradient(135deg,#e9e3d7,#ede7d9)}.cafe-counter{position:relative;width:min(88%,340px);height:130px;padding:11px;border:4px solid #242a27;border-radius:9px;background:linear-gradient(180deg,#eee1c6 0 63%,#6b4932 63% 100%);box-shadow:0 12px 24px #1017132a;transform:perspective(700px) rotateY(4deg)}.cafe-window{display:grid;gap:3px;width:67%;height:65px;padding:8px 10px;border-radius:4px;background:linear-gradient(130deg,#17231f,#345046);color:#fff}.cafe-window b{color:#f3d26d;font-size:12px;line-height:1}.cafe-window span{font-size:5px;color:#d6dbd4}.cafe-window i{width:max-content;padding:3px 5px;border-radius:3px;background:#e4bd21;color:#1b1e19;font-size:5px;font-style:normal}.counter{position:absolute;right:9px;bottom:8px;display:flex;align-items:end;gap:7px}.coffee-machine{display:grid;place-items:center;width:42px;height:37px;border:3px solid #1d2320;border-radius:5px 5px 2px 2px;background:#a9b2ac;font-size:20px}.nfc-stand{display:grid;place-items:center;gap:2px;width:35px;height:49px;padding:3px;border:2px solid #252925;border-radius:4px;background:#f5d400;color:#20231f;transform:rotate(4deg);box-shadow:0 4px 6px #0003}.nfc-stand b{font-size:5px}.nfc-stand span{font-size:4px}.nfc-stand i{font-size:18px;font-style:normal;line-height:.8}.spa-chip{position:absolute;right:0;top:11px;display:grid;gap:4px;padding:5px 7px;border:1px solid #fff8;border-radius:5px;background:#fff;color:#49443b;font-size:5px}.spa-chip b{color:#806a3f;font-size:5px;letter-spacing:.07em}.project-art{height:205px;display:flex;align-items:end;padding:13px;isolation:isolate;background:#202522}.project-art:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 0%,#efcb5938,transparent 45%)}.project-art:after{content:none}.project-browser{position:absolute;left:12px;right:12px;top:12px;height:20px;border:1px solid #ffffff20;border-radius:6px 6px 0 0;background:#101412}.project-showcase{position:absolute;inset:33px 12px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:18px 23px;overflow:hidden;border:1px solid #ffffff20;border-radius:0 0 6px 6px;background:linear-gradient(120deg,#171a18,#52341e);color:#fff}.project-showcase:after{content:"";position:absolute;right:-8%;top:14%;width:50%;height:135%;border:5px solid #ffffff55;border-radius:10px;transform:rotate(10deg);background:linear-gradient(145deg,#d7a24c,#3d2418 55%,#111)}.project-showcase small,.project-showcase strong,.project-showcase i{position:relative;z-index:1}.project-showcase small{color:#f5d450;font-size:7px;font-weight:800;letter-spacing:.16em}.project-showcase strong{max-width:60%;font-size:23px;line-height:.95;letter-spacing:-.04em}.project-showcase i{font-size:8px;color:#e1e3dc;font-style:normal}.project-label{z-index:2;padding:4px 7px;border-radius:4px;background:#111c;color:#fff;font-size:8px}.project-toyo{background:#c6dfe7}.project-toyo .project-showcase{background:linear-gradient(120deg,#dae9eb,#2a6580);color:#182326}.project-toyo .project-showcase:after{background:linear-gradient(145deg,#fff,#71a6b7 56%,#132e37);border-color:#263633}.project-toyo .project-showcase small{color:#9b6100}.project-toyo .project-showcase i{color:#374b4c}.project-toyo .project-label{background:#10212ddd}.project-radiadores{background:#343a39}.project-radiadores .project-showcase{background:linear-gradient(120deg,#171b1a,#333a38)}.project-radiadores .project-showcase:after{background:linear-gradient(145deg,#525957,#1c211f 58%,#0d0f0e);border-color:#87908a}.project-radiadores .project-showcase small{color:#ffda24}.project-directory-page{background:#0a0c0b;color:#f8f8f5}.projects-hero{padding:76px 0 40px;background:radial-gradient(ellipse at 75% 5%,#d1b4001e,transparent 35%)}.projects-hero .eyebrow{color:#e0c400}.projects-hero h1{max-width:850px;margin:12px 0;font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-.055em}.projects-hero h1 span{color:#ffd600}.projects-hero p{max-width:630px;color:#b8bfba;font-size:16px;line-height:1.7}.project-filters{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.project-filter{padding:10px 16px;border:1px solid #ffffff2e;border-radius:99px;background:transparent;color:#d4d8d4;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.project-filter:hover,.project-filter[aria-pressed=true]{border-color:#ffd600;background:#ffd600;color:#141512}.project-search{width:min(100%,450px);height:45px;padding:0 14px;border:1px solid #ffffff34;border-radius:10px;background:#141817;color:#fff;font:inherit}.project-grid-full{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:8px 0 72px}.project-full-card{overflow:hidden;border:1px solid #ffffff21;border-radius:15px;background:#111413}.project-full-card[hidden]{display:none}.project-full-card .project-art{height:220px}.project-full-card .project-body{padding:18px;color:#fff}.project-full-card .project-body p{color:#afb6b1}.project-full-card .project-body a{color:#ffd600}.projects-empty{padding:40px;color:#bec3bf;text-align:center}
@media(max-width:1000px){.client-strip .client-row{justify-content:center}.client-strip .client-logo{margin:0 8px}.project-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.client-strip .client-row{gap:9px 15px}.client-strip .client-logo{font-size:10px}.service-art{min-height:160px}.art-browser,.construction-app,.campaign-board,.cafe-counter{width:min(86%,310px)}.project-art{height:185px}.project-grid-full{grid-template-columns:1fr}.projects-hero{padding:52px 0 28px}.projects-hero h1{font-size:43px}.projects-hero p{font-size:14px}.project-full-card .project-art{height:195px}}
@media(max-width:720px){.service-card{display:block}.service-art{height:165px;min-height:165px}}
/* Portfolio client brand marks */
.project-showcase{padding-left:22px}.project-logo-plate{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:68px;height:36px;padding:4px 7px;border-radius:5px;background:#fff;box-shadow:0 4px 12px #0003}.project-logo-plate img{display:block;max-width:100%;max-height:100%;object-fit:contain}.project-logo-plate.drinkers-logo{background:#080909}.project-logo-plate.radiadores-logo{background:#fff}.project-toyo .project-logo-plate{background:#fff}.project-showcase:after{opacity:.72}.work-window-content{display:flex;flex-direction:column;justify-content:center}.work-window-content .work-amarilla-logo{position:relative;z-index:2;width:150px;height:auto;max-height:62px;object-fit:contain;object-position:left center;margin-bottom:15px}.work-window-content h3{margin:0 0 8px}
.service-art.service-photo{height:205px;min-height:0;padding:0;background:#e9e8df}.service-art.service-photo:before{content:none}.service-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%}.service-photo:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#1112);pointer-events:none}
@media(max-width:720px){.service-art.service-photo{height:100%;min-height:190px}.service-photo img{object-position:50% center}}
@media(max-width:720px){.service-art.service-photo{height:165px;min-height:165px}}
.services .service-art{height:205px;min-height:0}
@media(max-width:720px){.services .service-art,.service-art.service-photo{height:165px;min-height:165px}}

@media(max-width:720px){
  header{height:auto;min-height:68px}
  .nav{position:relative;min-height:68px;gap:8px;flex-wrap:wrap;justify-content:space-between}
  .nav .logo{order:1}
  .nav .menu{order:2;display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border:1px solid var(--line);border-radius:10px;background:#111313;color:#fff;cursor:pointer}
  .nav .links,.nav .nav-actions{display:none}
  .nav.menu-open{padding-top:8px;padding-bottom:12px}
  .nav.menu-open .links{order:3;display:flex;flex:0 0 100%;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0;border-top:1px solid var(--line);color:#f8f8f5}
  .nav.menu-open .links a{padding:10px 8px;border-bottom:1px solid #ffffff12}
  .nav.menu-open .nav-actions{order:4;display:flex;flex:0 0 100%;width:100%;flex-direction:column;align-items:stretch;gap:8px;padding-top:4px}
  .nav.menu-open .nav-actions>a{display:flex!important;width:100%;min-height:42px;justify-content:center}
  .nav.menu-open .nav-actions .nav-link:not(.nav-local){border:1px solid var(--line);padding:10px 13px;border-radius:9px;font-size:12px}
}