:root{--ink:#091b2a;--navy:#071522;--blue:#177cb9;--cyan:#61d7ff;--muted:#586b78;--line:#dce5eb;--pale:#f0f5f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0986c2;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(32px,3.5vw,48px);font-weight:600}h3{font-size:23px;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.topbar{background:var(--navy);color:#ccdce7;font-size:11px;letter-spacing:.12em;padding:10px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar a{letter-spacing:.03em}header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img{width:170px;height:auto}nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}nav>a:not(.button):hover{color:var(--blue)}.button{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;background:var(--blue);color:white;padding:16px 23px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#095e90}.button.small{padding:12px 20px}.button.outline{background:transparent;border-color:#536471}.button.outline:hover{background:#203649}.menu-toggle{display:none}.hero{background:var(--navy);color:white;padding:66px 0 64px;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--blue);margin-bottom:22px}.hero .eyebrow{color:#b6d9e9;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:var(--cyan);display:inline-block;border-radius:50%;box-shadow:0 0 14px #61d7ff6b}h1{font-size:clamp(44px,4.7vw,68px);font-weight:600;line-height:1.04;letter-spacing:-.055em}h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:17px;color:#b4c5d2;max-width:450px;margin-top:25px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:30px}.hero-bottom{display:flex;gap:26px;border-top:1px solid #ffffff20;margin-top:38px;padding-top:23px;font-size:10px;letter-spacing:.13em;color:#a9bece}.hero-visual{position:relative;border:1px solid #395365;border-radius:7px;min-width:0;margin-bottom:20px}.visual-top{background:#152a39;padding:13px 17px;font-size:9px;letter-spacing:.13em;display:flex;gap:9px;align-items:center}.visual-top>span:last-child{margin-left:auto;color:#9db1c0}.hero-photo{width:100%;height:415px;object-fit:cover;image-rendering:auto;filter:brightness(.65) saturate(.7)}.visual-caption{position:absolute;bottom:80px;left:30px;right:28px;color:#fff}.visual-caption>span{font-size:9px;letter-spacing:.16em;color:#d1e5ee}.visual-caption strong{display:block;font-size:29px;line-height:1.14;letter-spacing:-.025em;margin-top:9px;font-weight:500}.visual-caption>a{position:absolute;right:0;bottom:5px;border:1px solid #ffffff70;border-radius:50%;width:46px;height:46px;text-align:center;line-height:43px;font-size:26px}.visual-chip{position:absolute;bottom:-26px;left:25px;right:25px;display:flex;align-items:center;gap:16px;background:#eff7fa;color:var(--ink);border-radius:5px;padding:19px 23px;box-shadow:0 12px 35px #0003}.visual-chip strong{font-size:15px;display:block}.visual-chip small{font-size:12px;color:var(--muted)}.chip-icon{font-size:32px;color:var(--blue);line-height:1}.specialties{background:#102737;color:#bad0dd;padding:23px 0;font-size:10px;letter-spacing:.11em;font-weight:600}.specialties .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.specialties i{color:var(--cyan);font-style:normal}.section{padding:92px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about .intro{font-size:23px;line-height:1.4;color:var(--ink);margin-bottom:16px;letter-spacing:-.02em}.about-tags{display:flex;gap:12px;margin-top:24px}.about-tags span{border:1px solid var(--line);padding:5px 14px;font-size:12px;border-radius:30px}.services{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-heading>p{max-width:320px;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid #dbe4ea;background:white;border-radius:5px;overflow:hidden}.service-image{position:relative;padding:0;border:0;width:100%;background:white;display:block;text-align:left}.service-image img{height:184px;width:100%;object-fit:cover;transition:transform .3s}.service-image span{position:absolute;bottom:10px;right:10px;background:#081c2ee8;color:#fff;border-radius:3px;padding:5px 10px;font-size:10px}.service-image:hover img{filter:brightness(.9)}.service-art{height:184px;background:radial-gradient(ellipse at 70% 30%,#22526d,transparent 70%),linear-gradient(120deg,#102a3e,#071522);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.service-art:before,.service-art:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #68caff26;border-radius:50%;transform:translate(60px,-10px)}.service-art:after{width:160px;height:160px}.service-art span{font-size:64px;color:#69c1e8;font-weight:normal;z-index:1}.service-copy{padding:24px;display:flex;flex-direction:column;min-height:258px}.number{font-size:10px;color:#54748a;letter-spacing:.16em;margin-bottom:12px}.service-copy h3{font-size:21px;line-height:1.18;max-width:280px}.service-copy p{font-size:14px;line-height:1.7;margin-top:12px;margin-bottom:20px}.service-copy>a{margin-top:auto;color:#126ca1;font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.service-copy>a span{font-size:20px}.image-note{font-size:11px;margin-top:20px;color:#617481}.projects{background:var(--navy);color:white}.projects .eyebrow{color:var(--cyan)}.projects .section-heading>p{color:#afc2d0}.demo-note{display:flex;gap:12px;align-items:center;border:1px solid #385265;background:#102838;padding:15px 18px;border-radius:4px;margin:30px 0}.demo-note>span{color:var(--cyan)}.demo-note p{font-size:12px;color:#b8cddc}.demo-note strong{color:#fff}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid #405868;border-radius:25px;padding:9px 18px;color:#bdcdd8;background:transparent;font-size:12px}.filters button[aria-pressed=true]{background:#c4efff;color:#082b40;border-color:#c4efff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{min-width:0}.project-card[hidden]{display:none}.project-card>button{position:relative;display:block;width:100%;border:0;padding:0;background:white;border-radius:4px;overflow:hidden}.project-card img{width:100%;height:236px;object-fit:cover;transition:transform .3s}.project-card button:hover img{transform:scale(1.035)}.demo{position:absolute;top:12px;left:12px;background:#081e31e8;color:#fff;padding:4px 7px;font-size:8px;letter-spacing:.1em}.photo-count{position:absolute;bottom:12px;right:12px;background:white;padding:4px 10px;font-size:10px;border-radius:3px}.project-card>div{padding:23px 0}.project-card small{font-size:9px;letter-spacing:.15em;color:var(--cyan)}.project-card h3{font-size:24px;margin-top:12px;line-height:1.18;font-weight:500}.project-card p{font-size:13px;color:#aec1cf;margin-top:12px}.process{background:#fff}.text-link{color:var(--blue);font-weight:600;font-size:14px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process-grid article{border-top:1px solid var(--line);padding-top:25px}.process-grid span{font-size:12px;color:var(--blue);display:block;margin-bottom:25px}.process-grid h3{font-size:26px;font-weight:500}.process-grid p{font-size:14px;margin-top:14px;max-width:300px}.contact{background:var(--pale);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{margin-bottom:22px}.contact-grid>div>p:not(.eyebrow){max-width:360px}.contact-line{display:block;margin-top:32px}.contact-line small{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted)}.contact-line strong{display:block;font-size:clamp(17px,1.7vw,24px);font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.contact .text-link{display:inline-block;margin-top:30px}form{background:white;border:1px solid var(--line);border-radius:6px;padding:32px}form h3{font-size:25px}form>p{font-size:11px;margin:12px 0 24px}label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #bccbd6;background:#fff;border-radius:3px;margin-top:7px;color:var(--ink);font-size:13px;min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#6a7b88}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.consent{display:flex;align-items:start;gap:10px;font-size:11px;font-weight:400;line-height:1.5;color:var(--muted)}.consent input{width:16px;height:16px;flex-shrink:0;margin:1px 0}.consent a{text-decoration:underline}.honeypot{position:absolute;left:-10000px;max-width:1px;overflow:hidden}form .button{width:100%}#form-status{margin:15px 0 0;font-size:13px;color:#174860}#form-status.error{color:#a92323}button:disabled{opacity:.6;cursor:wait}footer{background:white;padding-top:45px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:35px}.footer-logo{max-width:150px}.footer-top p{font-size:13px}.footer-top>a:last-child{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding:22px 0;border-top:1px solid var(--line)}.whatsapp-float{position:fixed;bottom:22px;right:24px;z-index:30;display:flex;align-items:center;gap:8px;background:#146b4a;color:#fff;padding:12px 17px;border-radius:30px;box-shadow:0 4px 18px #0003;font-size:12px;font-weight:600}.whatsapp-float svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}dialog{width:min(900px,calc(100% - 32px));max-height:90vh;border:1px solid #345366;border-radius:8px;background:#0b1c2b;color:#fff;padding:24px}dialog::backdrop{background:#020c16e8}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.lightbox-top small{font-size:9px;letter-spacing:.13em;color:#86b6ce}.lightbox-top h2{font-size:24px;margin-top:5px}.lightbox-top button,.lightbox-bottom button{color:#fff;border:1px solid #607e90;background:transparent;border-radius:4px;min-width:44px;height:44px}.lightbox-top{margin-bottom:22px}#gallery-image{width:100%;height:min(55vh,500px);object-fit:contain;background:#e9eef1}#gallery-caption{font-size:12px;color:#c6d9e5;text-align:center}.lightbox-bottom{margin-top:18px}.privacy{max-width:780px;min-height:70vh}.privacy h1{font-size:44px;margin-bottom:30px}.privacy h2{font-size:23px;margin:30px 0 12px}.privacy p{margin-bottom:16px}.privacy a{text-decoration:underline;color:var(--blue)}
@media(min-width:1500px){.hero{padding:80px 0}.hero-photo{height:450px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:30px}.hero-photo{height:400px}nav{gap:22px}.contact-grid{gap:40px}.about-grid{gap:50px}.service-copy{padding:20px}.service-copy h3{font-size:20px}.actions{flex-wrap:wrap}.hero-bottom{gap:18px}.visual-caption{left:20px}.visual-caption strong{font-size:25px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{font-size:8px;letter-spacing:.05em}.topbar .wrap>span{max-width:170px}.nav{height:77px}.brand img{width:142px}.menu-toggle{display:flex;gap:12px;align-items:center;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:3px;font-size:13px}nav{display:none;position:absolute;left:0;right:0;top:77px;background:#fff;padding:22px;box-shadow:0 10px 20px #0002;align-items:stretch}nav.open{display:flex;flex-direction:column;gap:22px}.hero{padding:44px 0 54px}.hero-grid{grid-template-columns:1fr;gap:42px}h1{font-size:clamp(42px,9.6vw,68px)}.lead{font-size:15px;max-width:490px}.eyebrow{font-size:10px}.hero-photo{height:330px}.hero-visual{max-width:540px;width:100%;margin:auto}.visual-top{font-size:8px}.visual-caption{bottom:70px}.visual-chip{left:16px;right:16px;padding:15px 17px}.hero-bottom{margin-top:28px}.specialties .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:8px}.specialties i{display:none}.section{padding:60px 0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about .intro{font-size:20px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:100%;font-size:14px}.service-grid{grid-template-columns:repeat(2,1fr);gap:14px}.service-image img,.service-art{height:160px}.service-copy{padding:18px;min-height:280px}.service-copy h3{font-size:20px}.service-copy p{font-size:13px}.project-grid{grid-template-columns:1fr}.project-card img{height:280px}.project-card>div{padding-bottom:14px}.project-card h3{font-size:25px}.project-card button{max-height:330px}.demo-note{align-items:start}.filters{gap:8px}.filters button{padding:8px 13px;font-size:11px}.process .text-link{display:inline-block;margin-top:22px}.process-grid{gap:22px}.process-grid h3{font-size:22px}.process-grid p{font-size:13px}.process-grid span{margin-bottom:18px}.contact-line{margin-top:24px}.contact-line strong{font-size:22px}form{padding:25px}.footer-top{flex-wrap:wrap}.footer-top p{font-size:12px}.footer-top>a:last-child{width:100%}.footer-bottom{flex-wrap:wrap;padding-bottom:80px}.whatsapp-float{bottom:16px;right:16px}.whatsapp-float span{display:none}.whatsapp-float{padding:12px}.privacy h1{font-size:36px}}@media(max-width:440px){.service-grid{grid-template-columns:1fr}.service-image img,.service-art{height:205px}.service-copy{min-height:0;padding:23px}.service-copy h3{font-size:24px}.service-copy p{font-size:14px}.process-grid{grid-template-columns:1fr;gap:27px}.process-grid article{position:relative;padding-left:45px}.process-grid article>span{position:absolute;left:0;top:25px}.process-grid p{max-width:none}.form-row{grid-template-columns:1fr;gap:0}.hero-photo{height:300px}.button{padding:14px 18px;gap:20px}.hero .actions{gap:9px}.lightbox-top h2{font-size:20px}dialog{padding:18px}.lightbox-bottom{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.photo-count{color:var(--ink)}

.project-card h4{font-size:14px;font-weight:500;color:#d3e4ee;margin:12px 0 0;line-height:1.4}.project-summary{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:20px 0 25px;margin-bottom:25px;border-bottom:1px solid #385265;color:#b8cddc;font-size:12px}.project-summary strong{font-size:23px;color:#61d7ff;margin-right:7px;font-weight:500}.demo.real{background:#103c4f}.hero-photo{object-position:center 45%}@media(max-width:760px){.project-summary{gap:12px 24px}.project-summary>span:last-child{width:100%}.project-card img{height:300px}}

.project-card h4{font-size:14px;font-weight:500;color:#d3e4ee;margin:12px 0 0;line-height:1.4}.project-summary{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:20px 0 25px;margin-bottom:25px;border-bottom:1px solid #385265;color:#b8cddc;font-size:12px}.project-summary strong{font-size:23px;color:#61d7ff;margin-right:7px;font-weight:500}.demo.real{background:#103c4f}.hero-photo{object-position:center 45%}@media(max-width:760px){.project-summary{gap:12px 24px}.project-summary>span:last-child{width:100%}.project-card img{height:300px}}