@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}:root{--bg:#0b0d11;--bg-elev:#10131a;--surface:#141821;--surface-2:#1a1f2a;--border:#232936;--border-strong:#303848;--text:#e6e9ef;--muted:#98a2b3;--faint:#6b7385;--accent:#6ea8ff;--accent-strong:#3b82f6;--accent-soft:rgba(110, 168, 255, .14);--success:#34d399;--radius:14px;--radius-sm:8px;--shell:min(1160px, calc(100% - 48px));--font-display:'Clash Display', 'Inter', sans-serif;--font-mono:'Inter', system-ui, sans-serif}::selection{background:var(--accent-strong);background:#dbe7ff;color:#000}body{min-height:100vh;font-size:16px;line-height:1.6;background:var(--bg);color:var(--text)}.section-head h2 a,a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}code{font-family:var(--font-mono);font-size:.85em;color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--accent-strong);color:#fff;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:var(--shell);margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 16px;border:1px solid var(--border-strong);font:inherit;font-size:14px;line-height:1;cursor:pointer;transition:background-color 140ms ease,border-color 140ms ease}.button-primary{background:var(--accent-strong)}.button-primary:hover{background:#2f74e6}.menu-toggle[aria-expanded=true] .menu-toggle-bars{background:0 0}.button-small{min-height:32px;padding:0 12px;font-size:13px}.site-header{position:sticky;top:0;z-index:30;background:var(--bg)}.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.01em}.wordmark em{font-style:normal;color:var(--muted)}.wordmark-logo{height:auto;filter:brightness(0) invert(1)}.main-nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:500}.main-nav>a:not(.button):hover{color:var(--text)}.capabilities li,.language-links{border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono)}.language-links{display:inline-flex;padding:3px;background:var(--bg-elev);font-size:12px}.language-links a{padding:4px 9px;border-radius:6px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;cursor:pointer;position:relative}.menu-toggle-bars{left:12px;top:21px}.menu-toggle-bars,.menu-toggle-bars::after,.menu-toggle-bars::before{position:absolute;width:18px;height:2px;border-radius:2px;background:var(--text);content:"";transition:transform 160ms ease,opacity 160ms ease}.menu-toggle-bars::before{left:0;top:-6px}.menu-toggle-bars::after{left:0;top:6px}.menu-toggle[aria-expanded=true] .menu-toggle-bars::before{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bars::after{transform:translateY(-6px) rotate(-45deg)}.hero{display:grid}.hero-copy{display:flex;flex-direction:column}.hero h1{max-width:1040px;margin-top:0;text-wrap:balance;font-family:var(--font-display);font-weight:600}.hero-title-short{display:none}.hero-intro{max-width:620px;line-height:1.55;color:var(--muted)}.capabilities,.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.capabilities{justify-content:center;gap:8px;margin-top:26px;list-style:none}.capabilities li{padding:6px 11px;background:var(--surface);font-size:12.5px;color:var(--muted)}.showcase{width:min(100%,1040px)}.showcase-frame{border:1px solid var(--border-strong);background:#0f1218;overflow:hidden}.showcase-stage{position:relative;aspect-ratio:16/10;background:#fff;overflow:hidden}.showcase-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;display:none;transition:transform 700ms cubic-bezier(.2,.8,.2,1),opacity 500ms ease}.showcase-slide.is-near{display:block}.showcase-slide.is-active,.showcase-slide.is-leaving{will-change:transform}.showcase[data-dir=prev] .showcase-slide{transform:translate3d(-100%,0,0)}.showcase-slide.is-active{opacity:1;transform:translate3d(0,0,0);z-index:1}.showcase-slide.is-leaving{opacity:1;transform:translate3d(-100%,0,0);z-index:0}.showcase-slide,.showcase[data-dir=prev] .showcase-slide.is-leaving{transform:translate3d(100%,0,0)}.showcase-stage{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.showcase-stage.is-dragging{cursor:grabbing}.showcase-stage.is-dragging .showcase-slide{transition:none}.showcase-arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;border:1px solid rgba(15,18,24,.08);background:rgba(255,255,255,.92);color:#11141a;box-shadow:0 8px 24px rgba(15,18,24,.18);cursor:pointer;transition:transform 160ms ease,background 160ms ease}.showcase-arrow:hover{background:#fff}.showcase-arrow:focus-visible{outline:2px solid var(--accent, #5b8cff);outline-offset:2px}.showcase-arrow-prev{left:16px}.showcase-arrow-next{right:16px}@media (max-width:640px){.showcase-arrow{width:36px;height:36px;margin-top:-18px}.showcase-arrow-prev{left:8px}.showcase-arrow-next{right:8px}}.showcase-slide[data-kind=mobile]{object-fit:contain;background:#0f1218}.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;text-align:left}.showcase-caption p{display:flex;align-items:baseline;gap:12px;flex:1;min-width:0;font-family:var(--font-display);white-space:nowrap}.showcase-caption p span{min-width:0;overflow:hidden;text-overflow:ellipsis}.showcase-caption small{flex-shrink:0;min-width:7ch;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.showcase-controls{flex-shrink:0;display:flex;align-items:center;gap:8px}.showcase-nav{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.showcase-nav:hover{background:var(--surface-2)}.clients{width:100%;max-width:100%;min-width:0;padding-top:8px;overflow:hidden}.clients>p,.showcase-caption small{font-family:var(--font-mono);color:var(--faint)}.clients-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none}.clients-list li{display:flex;align-items:center;padding:0 14px;background:#fff}.clients-list img{height:26px;width:auto;max-width:130px;object-fit:contain}.clients-list li.is-mark{padding:0 10px}.clients-list li.is-mark img{height:34px;border-radius:7px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-index{margin-bottom:8px;font-size:13px}.section-head h2,.work-page .section-head h1{font-family:var(--font-display);font-weight:600;line-height:1.05}.section-intro{max-width:620px;margin-top:12px;color:var(--muted)}.work{padding-block:48px 40px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 28px}.filter{display:inline-flex;align-items:center;gap:8px;padding:0 14px 0 12px;border:1px solid var(--border);background:var(--bg-elev);text-decoration:none;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}.filter:hover{border-color:var(--border-strong);color:var(--text)}.filter.is-active{color:var(--bg)}.filter-icon{width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.filter-icon-all{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3C/svg%3E")}.filter-icon-mobile{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E")}.filter-icon-web{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.7 5.6 3.7 9s-1.2 6.4-3.7 9c-2.5-2.6-3.7-5.6-3.7-9S9.5 5.6 12 3z'/%3E%3C/svg%3E")}.filter-icon-desktop{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='12.5' rx='2'/%3E%3Cpath d='M8 20.5h8M12 16.5v4'/%3E%3C/svg%3E")}.filter-count{border-radius:999px;background:var(--surface-2);color:var(--muted);text-align:center}.filter.is-active .filter-count{background:rgba(11,13,17,.12);color:var(--bg)}.work-page{padding-top:56px}.work-page .section-head h1{line-height:1.02}@media (max-width:640px){.filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc((100vw - 100%)/-2);padding-inline:calc((100vw - 100%)/2);scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.work-page{padding-top:36px}}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color 160ms ease}.project-card.is-hidden{display:none}.project-cover{position:relative;display:block;aspect-ratio:16/10;border-bottom:1px solid var(--border);background:#fff;cursor:pointer;overflow:hidden}.project-cover .slides-wrap,.project-cover img,.project-cover video,.slides-wrap,.slides-wrap>img{width:100%;height:100%;object-fit:cover;object-position:top}.slides-wrap{background:#fff;position:relative;overflow:hidden;border-radius:inherit}.slides-wrap .slides-next{position:absolute;inset:0;transform:translate3d(100%,0,0);transition:transform 620ms cubic-bezier(.2,.8,.2,1)}.slides-wrap .slides-next.is-in{transform:translate3d(0,0,0)}.cover-mobile,html.gallery-open .whatsapp-float{display:none}.project-card.is-mobile-view .project-cover>:not(.cover-mobile):not(.project-cover-badge):not(.project-cover-ribbon){display:none}.project-card.is-mobile-view .project-cover{background:color-mix(in srgb,var(--project-color) 22%,#0d1117)}.project-card.is-mobile-view .cover-mobile{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4%;padding:7% 6%0}.project-cover .cover-mobile img{width:auto;height:100%;aspect-ratio:1206/2622;object-fit:cover;object-position:top;border-radius:12px 12px 0 0}.project-card.is-mobile-view .cover-mobile img:nth-child(2){margin-top:-6%}.project-cover-ribbon{position:absolute;z-index:3;left:0;top:14px;padding:7px 14px 7px 12px;border-left:3px solid #065f46;background:#34d399;color:#052e22;font-size:13px;font-weight:700;letter-spacing:.01em;box-shadow:0 6px 18px rgba(0,0,0,.28)}.project-cover-badge{position:absolute;z-index:3;right:12px;top:12px;padding:5px 10px;border:1px solid rgba(255,255,255,.14);background:rgba(11,13,17,.72);color:#fff;font-family:var(--font-mono)}.project-body{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}.project-meta{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px}.project-meta,.project-meta code{color:var(--faint)}.project-kinds{display:inline-flex;gap:6px}.project-kinds span,.tag-list li{border:1px solid var(--border);border-radius:6px}.project-kinds span{color:var(--muted)}.project-meta time{margin-left:auto}.project-kinds .is-wip{border-color:rgba(52,211,153,.4);color:var(--success)}.contact-card h2,.project-body h3{font-family:var(--font-display);font-weight:600}.project-body h3{margin-top:12px;letter-spacing:-.015em;font-size:21px}.project-role,.project-subtitle{margin-top:8px;color:var(--muted);font-size:15px}.project-role{font-size:13px;color:var(--faint)}.tag-list{display:flex;flex-wrap:wrap;margin-top:14px;list-style:none}.tag-list li{background:var(--bg-elev);font-family:var(--font-mono);font-size:12px}.project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px}.contact{padding-block:64px 72px}.contact-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start;padding:44px;border:1px solid var(--border);border-radius:20px}.contact-card h2{font-size:clamp(32px,4.5vw,52px);line-height:1.05;letter-spacing:-.025em}.contact-card p:not(.section-index){max-width:560px;margin-top:14px;font-size:17px;color:var(--muted)}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.contact-card p.contact-or{margin-top:32px;font-family:var(--font-mono);font-size:13px;color:var(--faint)}.contact-actions .button{min-height:36px;padding:0 14px;font-size:14px}.contact-form{position:relative;display:grid;gap:18px;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(11,13,17,.55)}.contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:8px;min-width:0;border:0}.field-label{padding:0;font-size:13px;font-weight:600;color:var(--muted)}.field-label em{font-style:normal;font-weight:400;color:var(--faint)}.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=text],.contact-form textarea{width:100%;min-height:36px;padding:6px 12px;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);font:inherit;font-size:16px;line-height:22px;transition:border-color 140ms ease,box-shadow 140ms ease}.contact-form textarea{min-height:120px;padding:8px 12px 6px;resize:vertical}.contact-form ::placeholder{color:var(--faint)}.contact-form input:focus,.contact-form textarea:focus,.country-select:focus-within{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.contact-form .is-invalid{border-color:#f87171!important;box-shadow:0 0 0 3px rgba(248,113,113,.15)!important}.phone-input{display:flex;gap:8px}.chip span,.country-select{align-items:center;border:1px solid var(--border-strong);background:var(--bg-elev)}.country-select{position:relative;flex:none;display:flex;gap:8px;min-height:36px;padding:0 30px 0 12px;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;transition:border-color 140ms ease,box-shadow 140ms ease}.country-select::after{content:"";right:12px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg)}.country-select select{position:absolute;inset:0;width:100%;opacity:0;font-size:16px;cursor:pointer}.phone-input input{flex:1;min-width:0}.subject-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;cursor:pointer}.chip input,.country-select::after{position:absolute;pointer-events:none}.chip input{opacity:0}.chip span{display:inline-flex;min-height:32px;padding:0 12px;font-size:14px;font-weight:500;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease}.chip:hover span{border-color:var(--faint);color:var(--text)}.chip input:checked+span{background:var(--accent-soft)}.chip input:focus-visible+span{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.subject-chips.is-invalid .chip span{border-color:rgba(248,113,113,.6)}.form-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px}.form-footer .button[disabled]{opacity:.7;cursor:progress;transform:none}.contact-card p.form-status{flex:1 1 220px;max-width:none;margin:0;font-size:14px;color:var(--muted)}.contact-card p.form-status.is-error{color:#fca5a5}.form-done{display:grid;justify-items:start;gap:14px;padding:12px 0}.contact-form.is-done>:not(.form-done),.form-done[hidden]{display:none}.form-done-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(52,211,153,.14);color:var(--success)}.contact-card .form-done p{margin:0;font-size:18px;font-weight:600;color:var(--text)}.site-footer{font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:16px;padding-block:22px}.footer-inner>div{display:flex;gap:20px}.footer-inner a:hover{color:var(--text)}.whatsapp-float{position:fixed;z-index:25;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;border:1px solid #1f9d55;background:#25d366;color:#06240f}html{scroll-padding-top:76px}html.gallery-open{overflow:hidden}.gallery{--project-color:var(--accent);width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:0 0;color:var(--text)}.gallery::backdrop{background:rgba(5,6,9,.92);animation:backdrop-in 320ms ease both}.gallery[open]{display:grid;place-items:center}.gallery-frame{position:relative;width:min(100vw - 28px,1520px);height:min(100dvh - 24px,980px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--border-strong);border-radius:16px;background:var(--bg-elev);box-shadow:0 40px 90px rgba(0,0,0,.6);overflow:hidden}.gallery-brand,.gallery-head{display:flex;align-items:center}.gallery-head{flex-wrap:wrap;gap:12px 24px;min-height:72px;padding:12px 64px 12px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.gallery-brand{gap:14px;min-width:0}.gallery-brand img{height:34px;width:auto;max-width:180px;object-fit:contain;padding:5px 8px;border-radius:8px;background:#fff}.gallery-brand img[hidden]{display:none}.gallery-title{font-family:var(--font-display);font-size:22px;font-weight:600;white-space:nowrap}.gallery-groups{display:flex;flex-wrap:wrap;gap:8px}.gallery-group{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 14px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-elev);color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color 140ms ease,border-color 140ms ease,transform 140ms ease}.gallery-group:hover{border-color:var(--faint)}.gallery-group span{padding:2px 7px;border-radius:999px;background:var(--surface-2);font-family:var(--font-mono);font-size:12px;color:var(--muted)}.gallery-group[aria-selected=true]{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}.gallery-group[aria-selected=true] span{background:rgba(255,255,255,.2);color:#fff}.gallery-group-icon{width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.gallery-group-icon-web{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 18v3'/%3E%3C/svg%3E")}.gallery-group-icon-mobile{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}.gallery-group-icon-fox{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/svg%3E")}.gallery-counter{margin-left:auto;font-family:var(--font-mono);font-size:13px;color:var(--muted)}.gallery-close{position:absolute;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-elev);color:var(--text);cursor:pointer}.gallery-arrow:hover,.gallery-close:hover{background:var(--surface-2);color:#fff}.gallery-stage{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;min-height:0;padding:14px 8px;background:#090b0f}.gallery-arrow{width:44px;height:64px;display:grid;place-items:center;justify-self:center;border:0;border-radius:12px;background:0 0;color:var(--muted);cursor:pointer;transition:color 140ms ease,background-color 140ms ease}.gallery-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;height:100%;min-height:0;gap:10px}.gallery-figure img,.gallery-video video{border-radius:8px;border:1px solid var(--border)}.gallery-figure img{max-width:100%;max-height:100%;min-height:0;object-fit:contain;background:#fff;opacity:0;cursor:e-resize;cursor:zoom-in}.gallery-stage{touch-action:pan-y}.gallery-zoom{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:#06080d;touch-action:none;overscroll-behavior:contain;cursor:zoom-in;user-select:none;-webkit-user-select:none}.gallery-zoom[hidden]{display:none}.gallery-zoom.is-zoomed{cursor:grab}.gallery-zoom.is-zoomed.is-dragging{cursor:grabbing}.gallery-zoom img{display:block;max-width:100vw;max-height:100vh;max-height:100dvh;width:auto;height:auto;transform-origin:center;will-change:transform;-webkit-user-drag:none}.gallery-zoom-close,.gallery-zoom-counter{position:absolute;top:max(12px,env(safe-area-inset-top));z-index:2;background:rgba(12,15,22,.72)}.gallery-zoom-close{right:max(12px,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;cursor:pointer}.gallery-zoom-arrow:hover,.gallery-zoom-close:hover{background:rgba(255,255,255,.14)}.gallery-zoom-counter{left:max(16px,env(safe-area-inset-left));margin:0;padding:0 12px;line-height:44px;border-radius:999px;color:rgba(255,255,255,.82);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.04em;pointer-events:none}.gallery-zoom-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(12,15,22,.66);color:#fff;cursor:pointer;transform:translateY(-50%);transition:opacity .25s ease,background .2s ease}.gallery-zoom-arrow-prev{left:max(12px,env(safe-area-inset-left))}.gallery-zoom-arrow-next{right:max(12px,env(safe-area-inset-right))}.gallery-zoom-hint,.gallery-zoom.is-zoomed .gallery-zoom-arrow{opacity:0;pointer-events:none}.gallery-zoom-hint{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;z-index:2;margin:0;padding:8px 14px;border-radius:999px;background:rgba(12,15,22,.78);color:rgba(255,255,255,.82);max-width:calc(100vw - 32px);font-size:12.5px;text-align:center;transform:translateX(-50%);transition:opacity .3s ease}.gallery-figure img.is-loaded,.gallery-zoom-hint.is-visible{opacity:1}.gallery-stage[data-kind=mobile] .gallery-figure img{border-radius:26px;border:4px solid #222836}.gallery-video{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;min-height:0;container-type:size}.gallery-figure img[hidden],.gallery-video[hidden]{display:none}.gallery-video-box{position:relative;width:min(100cqw,160cqh);aspect-ratio:16/10}.gallery-stage[data-kind=mobile] .gallery-video-box{width:min(100cqw,46cqh);aspect-ratio:1206/2622}.gallery-stage[data-kind=mobile] .gallery-video video{border-radius:26px;border:4px solid #222836;object-fit:cover}.gallery-video video{display:block;width:100%;height:100%;background:#0b1220}.gallery-sound{position:absolute;right:12px;bottom:12px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(11,13,17,.72);color:#fff;cursor:pointer}.gallery-sound:hover{background:rgba(11,13,17,.9)}.gallery-sound .gallery-sound-on,.gallery-sound[aria-pressed=true] .gallery-sound-off{display:none}.gallery-sound[aria-pressed=true] .gallery-sound-on{display:block}.gallery-thumb.is-video{position:relative}.gallery-thumb.is-video::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0-13px;border-radius:50%;background:rgba(11,13,17,.72)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 7v10l8-5z'/%3E%3C/svg%3E")center/16px no-repeat}.gallery-figure figcaption{max-width:900px;text-align:center;font-size:14px;color:var(--muted)}.gallery-thumbs{display:flex;gap:8px;padding:10px 14px;overflow-x:auto;border-top:1px solid var(--border);scrollbar-width:thin}.gallery-thumb{flex:0 0 auto;width:96px;height:62px;padding:0;border:1px solid var(--border);border-radius:6px;background:#fff;overflow:hidden;cursor:pointer;opacity:.55}.gallery-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.gallery-stage[data-kind=mobile]~.gallery-thumbs .gallery-thumb{width:44px;height:78px}.gallery-thumb:hover,.gallery-thumb[aria-current=true]{opacity:1}.gallery-thumb[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.project-card,.project-cover img{transition:none}}@media (max-width:1040px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){:root{--shell:calc(100% - 32px)}.menu-toggle{display:block;position:relative;z-index:60}.main-nav{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:80px 24px 40px;background:var(--bg);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity 240ms ease,transform 240ms ease,visibility 0s linear 240ms}.main-nav.open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity 240ms ease,transform 240ms ease}.main-nav>a:not(.button){font-family:var(--font-display);font-size:34px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.main-nav .language-links{margin-top:8px;font-size:14px}.main-nav .language-links a{padding:8px 14px}.main-nav .button{display:none}html.menu-open{overflow:hidden}.hero{padding-block:44px 40px}.section-head{flex-direction:column;align-items:flex-start}.contact-card,.project-grid{grid-template-columns:1fr}.contact-card{gap:28px;padding:28px 22px}.contact-form{padding:20px 16px}.field-row{grid-template-columns:1fr}.footer-inner{flex-direction:column}}@media (max-width:620px){:root{--shell:calc(100% - 32px)}.hero h1{font-size:clamp(26px,8.4vw,36px)}.hero-title-long{display:none}.hero-title-short{display:inline}.showcase-caption{flex-direction:column;align-items:stretch;gap:12px}.showcase-caption p{justify-content:space-between;font-size:16px}.showcase-caption small{text-align:right}.showcase-controls{align-self:flex-start}.hero-intro{font-size:17px}.whatsapp-float{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:58px;padding:0 22px 0 16px;font-size:16px;box-shadow:0 12px 32px rgba(37,211,102,.45),0 0 0 4px rgba(37,211,102,.18)}.whatsapp-float img{width:26px;height:26px}.gallery-frame{width:100vw;height:100dvh;border:0;border-radius:0}.gallery-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand counter""tabs tabs";align-items:center;gap:10px 12px;min-height:0;padding:10px 56px 10px 14px}.gallery-brand{grid-area:brand;max-width:100%}.gallery-brand img{height:28px;max-width:160px}.gallery-brand img:not([hidden])+.gallery-title{display:none}.gallery-title{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:18px}.gallery-counter{grid-area:counter;width:auto;margin-left:0;padding-right:4px}.gallery-close{top:10px;right:10px;width:36px;height:36px}.gallery-groups{grid-area:tabs;display:grid;grid-template-columns:repeat(var(--tabs, 3),minmax(0,1fr));gap:8px;margin:0;padding:0}.gallery-group{flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:6px 4px;font-size:12.5px;line-height:1.15;text-align:center;white-space:normal}.gallery-group-icon{width:20px;height:20px}.gallery-group span{margin-left:0;padding:1px 6px;font-size:11px}.gallery-stage{grid-template-columns:minmax(0,1fr);padding:10px}.gallery-arrow{position:absolute;top:50%;z-index:2;width:40px;height:56px;background:rgba(11,13,17,.55);color:#fff;transform:translateY(-50%)}.gallery-arrow-prev{left:6px}.gallery-arrow-next{right:6px}.gallery-thumb{width:72px;height:48px}}.gallery-sound[hidden],.whatsapp-float img{display:none}:root{--bg:#fafaf9;--bg-elev:#f4f4f2;--surface:#fff;--surface-2:#f1f1ef;--border:#e4e4e0;--border-strong:#cfcfca;--text:#18181b;--muted:#52525b;--faint:#8a8a92;--accent:#2563eb;--accent-strong:#2563eb;--accent-soft:rgba(37, 99, 235, .08);--success:#15803d;--radius:8px;--radius-sm:6px;--font-display:'Inter', system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, 'SF Mono', Menlo, Consolas, monospace}.button{border-radius:6px;border-color:var(--border-strong);background:var(--surface);color:var(--text);font-weight:500}.button:hover{background:var(--surface-2);border-color:var(--faint)}.button-primary{background:var(--text);border-color:var(--text);color:#fff}.button-primary:hover{background:#333;border-color:#333}.button-ghost{background:0 0}.site-header{background:rgba(250,250,249,.96);border-bottom:1px solid var(--border)}.wordmark{font-family:var(--font-mono);font-weight:600;font-size:14px}.wordmark-logo{filter:brightness(0);width:30px}.main-nav{color:var(--muted)}.language-links,.menu-toggle{background:var(--surface);border-color:var(--border)}.language-links a[aria-current=page]{background:var(--surface-2);color:var(--text)}.hero{justify-items:start;text-align:left}.hero-copy{align-items:flex-start;max-width:760px}.hero h1{line-height:1.15;letter-spacing:-.02em;font-size:clamp(30px,3vw,38px)}.hero-intro{margin-top:14px}.hero-actions{justify-content:flex-start;margin-top:24px}.showcase{width:100%}.showcase-frame{border-radius:10px;border-color:var(--border);background:#fff}.showcase-slide[data-kind=mobile]{background:#efefec}.showcase-arrow{width:40px;height:40px;margin-top:-20px;border-radius:6px;border:1px solid var(--border-strong);box-shadow:none}.showcase-caption p{font-size:18px;font-weight:600}.clients{text-align:left}.clients>p{font-size:12px;margin-bottom:12px}.clients-list{justify-content:flex-start;gap:8px}.clients-list li{border:1px solid var(--border);border-radius:8px;height:44px}.section-head h2,.work-page .section-head h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.02em}.filter{height:34px;border-radius:6px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:500}.filter.is-active{background:var(--text);border-color:var(--text);color:#fff}.filter-count{min-width:0;height:auto;padding:0;background:0 0;font-family:var(--font-mono);font-size:12px;line-height:1}.filter.is-active .filter-count{background:0 0;color:#a1a1aa}.project-card{border-color:var(--border);background:var(--surface)}.project-card:hover{border-color:var(--border-strong)}.project-cover{border-bottom-color:var(--border)}.project-card.is-mobile-view .project-cover{background:#efefec}.project-cover .cover-mobile img{box-shadow:0 0 0 1px rgba(0,0,0,.1)}.project-cover-badge{border-radius:6px;border:1px solid var(--border);background:rgba(255,255,255,.95);color:var(--text);font-size:11px}.project-kinds span,.tag-list li{border:0;padding:0}.project-kinds span+span::before{content:"· "}.tag-list{gap:4px 12px}.tag-list li{background:0 0;color:var(--faint)}.contact-card{border-color:var(--border);background:var(--surface)}.contact-form{border-color:var(--border);background:var(--bg-elev)}.chip span,.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=text],.contact-form textarea,.country-select{border-radius:6px;background:#fff;border-color:var(--border-strong)}.chip span{color:var(--text)}.chip input:checked+span{background:var(--text);border-color:var(--text);color:#fff}.site-footer{border-top:1px solid var(--border);color:var(--faint)}.whatsapp-float{min-height:40px;padding:0 14px 0 6px;gap:8px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:500;box-shadow:0 2px 10px rgba(0,0,0,.08)}.whatsapp-float:hover{border-color:var(--faint)}.whatsapp-float::before{content:"";width:28px;height:28px;flex:none;border-radius:6px;background:#25d366 url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E")center/16px no-repeat}@media (max-width:820px){.whatsapp-float{min-height:44px;padding:0 16px 0 7px;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.whatsapp-float::before{width:30px;height:30px;background-size:17px}}.hero{grid-template-columns:minmax(0,330px) minmax(0,1fr);align-items:center;gap:40px;padding-block:40px 56px;min-height:calc(100svh - 64px)}.hero-intro{font-size:17px}.demos{--phone-w:min(272px, calc((100svh - 210px) * .46));display:flex;justify-content:center;gap:clamp(16px,2vw,24px);justify-self:stretch;list-style:none}.demo{flex:0 1 var(--phone-w);min-width:0}.demo a{gap:14px;color:var(--text)}.demo-phone{display:block;width:100%;padding:6px;border-radius:34px;background:#111214;box-shadow:0 0 0 1px rgba(0,0,0,.14),0 18px 40px -18px rgba(0,0,0,.45);transition:transform .25s ease,box-shadow .25s ease}.demo video{display:block;width:100%;height:auto;aspect-ratio:400/870;border-radius:28px;background:#1b1c1f;object-fit:cover}.demo a:hover .demo-phone{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(0,0,0,.14),0 24px 44px -18px rgba(0,0,0,.5)}.demo a,.demo-label{display:flex;flex-direction:column;align-items:center}.demo-label{line-height:1.3;text-align:center}.demo-label strong{font-size:15px;font-weight:600}.demo-label small{font-family:var(--font-mono);font-size:12px;color:var(--faint)}.vitrine{padding-block:24px 16px;display:grid;gap:28px}.vitrine .section-head{margin-bottom:0}@media (max-width:1023px){.hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:32px;padding-block:36px 48px}.demos{--phone-w:min(220px, calc((100vw - 96px) / 3))}}@media (max-width:700px){.hero{gap:22px;padding-block:24px 40px}.hero-intro{display:none}.hero-actions{margin-top:16px}.demos{--phone-w:min(60vw, calc((100svh - 300px) * .46));justify-content:flex-start;width:100vw;margin-inline:calc((100vw - 100%)/-2);padding-inline:calc((100vw - var(--phone-w) - 12px)/2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.demos::-webkit-scrollbar{display:none}.demo{flex:none;width:var(--phone-w);scroll-snap-align:center}}@media (prefers-reduced-motion:reduce){.demo-phone{transition:none}}.software{padding-block:32px 24px}.software .section-intro{max-width:640px}.software-item{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:32px;border-top:1px solid var(--border)}.software-item:nth-of-type(even) .software-shot{order:2}.software-shot{display:block;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#f2f3f7;cursor:zoom-in;transition:border-color .2s ease}.software-shot:hover{border-color:var(--border-strong)}.software-shot img{width:100%;height:auto}.software-text h3{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.01em}.software-text>p{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.6}.software-text ul{margin:18px 0 22px;list-style:none;display:grid;gap:8px}.software-text li{position:relative;padding-left:20px;font-size:15px;line-height:1.45}.software-text li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--text)}.showcase-text{flex:1;min-width:0}.showcase-caption .showcase-sub{display:block;margin-top:2px;font-family:"Inter",system-ui,sans-serif;font-size:15px;font-weight:400;white-space:normal;color:var(--muted)}@media (max-width:900px){.software-item{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:28px}.software-item:nth-of-type(even) .software-shot{order:0}}