:root{--navy:#10243a;--navy2:#173852;--blue:#2186c9;--cyan:#69c2ed;--ink:#182d40;--muted:#697c89;--pale:#f2f6f8;--line:#dce5eb;--white:#fff;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--body);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:12px;z-index:99;background:white;padding:10px}.header{height:82px;background:white;position:sticky;top:0;z-index:50;border-bottom:1px solid #e9eef1}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;min-width:190px}.brand-mark{width:39px;height:39px;border:1.5px solid var(--blue);border-radius:10px;transform:rotate(45deg);display:grid;place-items:center;position:relative;color:var(--blue)}.brand-mark b{font:800 23px var(--display);transform:rotate(-45deg)}.brand-mark i{position:absolute;width:6px;height:6px;background:var(--cyan);right:2px;top:2px;border-radius:50%}.brand-name{display:flex;flex-direction:column;line-height:1}.brand-name strong{font:800 19px var(--display);letter-spacing:1.7px}.brand-name small{font-size:8px;letter-spacing:2.8px;color:#71818d;margin-top:6px}.nav{display:flex;align-items:center;gap:24px}.nav>a,.nav-dropdown>a{font-size:11px;font-weight:700;color:#526473}.nav a:hover,.nav a.active{color:var(--blue)}.nav-dropdown{position:relative;padding:30px 0}.dropdown-menu{display:none;position:absolute;top:70px;left:-15px;background:white;min-width:225px;padding:10px;box-shadow:0 14px 35px #10243a20;border:1px solid var(--line)}.dropdown-menu a{display:block;padding:9px 10px;font-size:11px;color:#4c6070}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}.header-tools{display:flex;align-items:center;gap:13px}.lang-btn{border:0;border-radius:30px;background:#edf5fa;color:var(--navy);padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px;background:var(--blue);color:white;border:1px solid var(--blue);font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.button:hover{background:#176fae;transform:translateY(-2px)}.button-small{padding:11px 14px;font-size:10px}.button-outline{background:transparent;border-color:#9bb3c4;color:white}.button-outline:hover{background:white;color:var(--navy)}.button-light{background:white;color:var(--navy);border-color:white}.nav-toggle{display:none;border:0;background:none;font-size:24px;color:var(--navy)}
.hero{min-height:650px;position:relative;display:flex;align-items:center;color:white;background:var(--navy);overflow:hidden}.hero-home{background-image:url("../images/architecture.svg");background-position:center;background-size:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,42,.96),rgba(10,31,50,.82) 52%,rgba(10,31,50,.25))}.hero-content{position:relative;z-index:1;padding:75px 0}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:800;color:#9bcff0;margin:0 0 22px}.eyebrow-blue{color:#277fb5}.hero h1,.page-hero h1{font:800 clamp(48px,7vw,88px)/1.06 var(--display);letter-spacing:-3.5px;margin:0 0 24px;color:white}.hero h1 em,.page-hero h1 em,.section h2 em,.cta h2 em{font-style:normal;color:#71c5ed}.hero-lead{max-width:590px;color:#d5e2eb;font-size:15px;line-height:1.85;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{margin-top:50px;font-size:10px;color:#c5d4de;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:#65c2e9;box-shadow:0 0 0 5px #65c2e922}.hero-caption{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#d5e3ed}.section{padding:100px 0}.section-intro{background:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.section h2{font:750 clamp(34px,4vw,50px)/1.2 var(--display);letter-spacing:-1.8px;color:var(--navy);margin:0}.section h2 em{color:var(--blue)}.prose p,.muted{font-size:13px;line-height:1.95;color:var(--muted)}.prose p:first-child{margin-top:0}.text-link{display:inline-block;margin-top:14px;color:var(--blue);font-size:11px;font-weight:800}.section-dark{background:var(--navy);color:white}.section-dark h2{color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:43px}.section-head>p{max-width:340px;color:#b7c8d4;font-size:12px;line-height:1.9;margin:0}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.service-card{grid-column:span 2;min-height:260px;padding:25px;border:1px solid #ffffff26;background:#ffffff08;position:relative;transition:.25s}.service-card:nth-child(4){grid-column:2/span 2}.service-card:hover{background:#ffffff13;border-color:#69c2ed;transform:translateY(-4px)}.card-no{font-size:9px;letter-spacing:1.5px;color:#86c9eb}.service-symbol{display:block;font-size:27px;color:#74c8f0;margin:19px 0 9px}.service-card h3{font:700 18px/1.4 var(--display);margin:0 0 9px;color:white}.service-card p{font-size:11px;color:#b8c8d4;line-height:1.8;margin:0;max-width:260px}.card-arrow{position:absolute;right:23px;bottom:20px;color:#73c4eb}.section-pale{background:var(--pale)}.approach-home{align-items:center}.steps{border-top:1px solid #d8e2e8}.steps>div{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid #d8e2e8}.steps b{font:800 12px var(--display);color:var(--blue)}.steps span{display:grid;gap:3px}.steps strong{font:700 15px var(--display);color:var(--navy)}.steps small{font-size:11px;color:var(--muted)}.cta{padding:68px 0;background:linear-gradient(110deg,#17699d,#102b46);color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font:800 clamp(36px,4vw,49px)/1.15 var(--display);margin:0;color:white}.cta h2 em{color:#a1def8}
.page-hero{background:linear-gradient(110deg,#10243a,#173c59);padding:95px 0 90px;color:white}.page-hero h1{font-size:clamp(43px,6vw,68px);letter-spacing:-2.5px}.page-hero .hero-lead{margin-bottom:0;max-width:690px}.narrow{max-width:850px}.narrow h2{font-size:35px;margin:0 0 20px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0}.values-grid article{background:var(--pale);padding:20px}.values-grid article span{font-size:10px;color:var(--blue);font-weight:800}.values-grid h3{font:700 15px var(--display);margin:14px 0 5px}.values-grid p{font-size:10px;margin:0}.notice{padding:20px 23px;background:#eef6fa;border-left:3px solid var(--blue);margin-top:35px}.notice strong{font:700 13px var(--display)}.notice p{font-size:11px;line-height:1.8;color:#617482;margin:6px 0 0}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.service-detail-grid h2{font-size:36px}.service-list{background:var(--pale);padding:30px}.service-list h3{font:700 19px var(--display);margin:0 0 15px}.service-list ul{list-style:none;padding:0;margin:0 0 25px}.service-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;color:#526575}.service-list li span{color:var(--blue);margin-right:10px}.service-hero{padding:85px 0}.service-hero h1{max-width:850px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.portfolio-placeholder{min-height:190px;background:linear-gradient(135deg,#edf3f6,#dfe9ee);border:1px dashed #aabdc9;padding:24px;display:flex;align-items:end;gap:17px}.portfolio-placeholder>span{font:800 25px var(--display);color:#6b9bb8}.portfolio-placeholder div{display:grid}.portfolio-placeholder b{font:700 15px var(--display)}.portfolio-placeholder small{font-size:10px;color:#71828e}.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.form-layout h2{font:750 35px var(--display);margin:0 0 15px}.contact-fact{display:grid;gap:4px;margin:25px 0}.contact-fact small{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#7a8c98}.contact-fact strong,.contact-fact a{font-size:15px;color:var(--navy);font-weight:700}.form-card{background:var(--pale);padding:30px;display:grid;gap:16px}.form-card label{display:grid;gap:6px}.form-card label>span{font-size:10px;font-weight:700;color:#4d6272}.form-card input,.form-card select,.form-card textarea{width:100%;padding:12px;border:1px solid #d7e1e7;background:white;color:var(--ink);font-size:12px;outline:none;border-radius:0}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--blue)}.form-card textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-hint{font-size:10px;color:#72828e;margin:0;line-height:1.7}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-panel{padding:25px 0}.contact-map{min-height:320px;background:linear-gradient(145deg,#eaf1f5,#d7e4eb);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy);gap:8px;text-align:center;padding:25px}.map-mark{width:55px;height:55px;border:1px solid var(--blue);border-radius:14px;display:grid;place-items:center;font:800 28px var(--display);color:var(--blue);transform:rotate(45deg);margin-bottom:15px}.contact-map>strong{font:700 17px var(--display)}.contact-map>span{font-size:12px}.contact-map>small{font-size:10px;color:#647987;margin-top:12px}
.footer{background:#0b1b2b;color:white;padding:35px 0 18px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid #ffffff20}.brand-footer .brand-name strong{color:white}.brand-footer .brand-name small{color:#a2b3bf}.footer-main>p{font-size:11px;color:#b6c6d1}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{font-size:10px;color:#b8c8d3}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:17px;font-size:9px;color:#91a4b1}.whatsapp{position:fixed;right:22px;bottom:22px;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:#1eae68;color:white;font-size:26px;box-shadow:0 8px 25px #10243a38;z-index:30}
@media(max-width:980px){.nav{gap:13px}.nav>a,.nav-dropdown>a{font-size:10px}.header-tools .button{display:none}.split,.service-detail-grid,.form-layout,.contact-grid{gap:45px}.service-card{padding:20px}.service-card h3{font-size:16px}}
@media(max-width:740px){.container{width:calc(100% - 38px)}.header{height:70px}.header-inner{gap:12px}.nav-toggle{display:block;order:3}.header-tools{margin-left:auto}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:18px 22px 24px;box-shadow:0 15px 25px #10243a18;align-items:stretch;flex-direction:column;gap:15px}.nav.open{display:flex}.nav>a,.nav-dropdown>a{font-size:13px}.nav-dropdown{padding:0}.dropdown-menu{display:block;position:static;box-shadow:none;border:0;padding:5px 0 0 14px}.dropdown-menu a{padding:7px;font-size:11px}.hero{min-height:610px}.hero-content{padding:70px 0}.hero h1{font-size:57px;letter-spacing:-2.5px}.hero-lead{font-size:13px}.hero-caption{display:none}.section{padding:72px 0}.split,.service-detail-grid,.form-layout,.contact-grid{grid-template-columns:1fr;gap:25px}.section-head{display:block}.section-head>p{margin-top:18px}.service-grid{grid-template-columns:1fr;gap:10px}.service-card,.service-card:nth-child(4){grid-column:auto;min-height:210px}.service-card p{max-width:100%}.values-grid{grid-template-columns:repeat(2,1fr)}.page-hero{padding:70px 0}.page-hero h1{font-size:45px}.portfolio-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.form-card{padding:20px 16px}.form-row{grid-template-columns:1fr}.footer-main{align-items:flex-start;flex-direction:column}.footer-main>p{margin:0}.footer-bottom{flex-wrap:wrap}.footer-bottom span:first-child{width:100%}.whatsapp{right:14px;bottom:14px;width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

:focus-visible{outline:3px solid #2186c9;outline-offset:4px} .form-card input:focus-visible,.form-card select:focus-visible,.form-card textarea:focus-visible{outline-offset:1px}