*{box-sizing:border-box} :root{--forest:#102d2a;--forest2:#194c43;--teal:#3a9d91;--lime:#8fc111;--ink:#152522;--muted:#64716d;--cream:#f5f7f3;--line:#dce5df;--gradient:linear-gradient(120deg,#8fc111 0%,#3a9d91 75%)}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.ubuild-bar{height:auto;min-height:38px;padding:9px max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#101a19;color:#f6f8f6;font-size:11px;letter-spacing:.01em}.ubuild-bar a{font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px max(24px,calc((100% - 1160px)/2));background:rgba(255,255,255,.97);border-bottom:1px solid #e9efeb;backdrop-filter:blur(12px)}.brand{display:block;flex:0 0 205px;max-width:205px}.brand img{display:block;width:100%;height:auto;max-height:62px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav a{padding:10px 0;transition:color .2s}.nav a:hover,.nav .active{color:#388f7c}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:15px 21px;background:var(--gradient);color:#102722;font-weight:700;font-size:13px;box-shadow:0 8px 22px #3a9d9126;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:saturate(1.1)}.button-small{padding:12px 16px;white-space:nowrap;font-size:12px}.button-outline{background:transparent;border:1px solid #a3c9b9;color:white;box-shadow:none}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--forest)}.hero{position:relative;min-height:570px;display:flex;align-items:center;overflow:hidden;background:#0c201e url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=90") center 54%/cover no-repeat;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,21,.96) 0%,rgba(8,28,25,.87) 35%,rgba(8,28,25,.36) 69%,rgba(8,28,25,.12) 100%)}.hero-content{position:relative;padding-top:58px;padding-bottom:56px}.eyebrow{margin:0 0 16px;font-size:11px;letter-spacing:.17em;font-weight:800;color:#438f7a}.hero .eyebrow,.about .eyebrow,.contact .eyebrow{color:#a9d75b}.hero h1{font:800 clamp(38px,5vw,62px)/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 22px;max-width:650px}.hero h1 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{font-size:16px;line-height:1.8;color:#e0e9e5;max-width:510px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:12px;margin-top:48px;color:#c6d7ce;font-size:10px;letter-spacing:.15em}.note-line{width:36px;height:2px;background:var(--gradient)}.section{padding:82px 0}.services{background:var(--cream)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.section-intro h2,.about h2,.contact h2{font:800 clamp(30px,3.4vw,43px)/1.16 Manrope,sans-serif;letter-spacing:-.04em;margin:0}.section-intro>p{max-width:460px;justify-self:end;color:var(--muted);line-height:1.8;margin:0;border-left:1px solid #cbd9d1;padding-left:26px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-card{padding:28px 24px 8px 0;margin-right:24px;border-right:1px solid var(--line)}.service-card:last-child{border:0;margin:0}.service-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid #a6c8b7;border-radius:12px;color:#398d77;font-size:28px;margin-bottom:18px}.service-card h3{font:700 17px Manrope,sans-serif;margin:0 0 10px}.service-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:var(--forest);color:#fff}.about-image{min-height:400px;background:url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1200&q=85") center/cover no-repeat}.about-panel{padding:72px clamp(32px,6vw,100px);align-self:center}.about-panel>p:not(.eyebrow){color:#cbd9d3;line-height:1.85;font-size:14px;margin:22px 0}.text-link{display:inline-flex;gap:14px;align-items:center;font-weight:700;font-size:13px;padding:10px 0;border-bottom:1px solid #79b7a0}.portfolio{background:white}.portfolio-intro{margin-bottom:32px}.portfolio-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.project{position:relative;margin:0;min-height:245px;overflow:hidden;border-radius:10px;background:#dfe7e2}.project-large{grid-row:span 2}.project img{width:100%;height:100%;min-height:245px;position:absolute;inset:0;object-fit:cover;transition:transform .5s}.project-large img{min-height:508px}.project:hover img{transform:scale(1.04)}.project:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(7,22,19,.82))}.project figcaption{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;color:#fff;display:flex;flex-direction:column;gap:7px}.project figcaption span{font-size:9px;letter-spacing:.15em;color:#c7e9a0}.project figcaption strong{font:700 17px Manrope,sans-serif}.portfolio-disclaimer{font-size:11px;color:#7c8983;margin-top:18px}.contact{padding:58px 0;background:linear-gradient(110deg,#0d2421,#173d35 60%,#347b65);color:white;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;right:-70px;top:-180px;width:420px;height:420px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05;pointer-events:none}.contact-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:36px}.contact h2{font-size:clamp(28px,3vw,38px)}.contact-inner>p{color:#d1e0d9;line-height:1.8;font-size:13px}.footer{background:#0b1c1a;color:#d9e4df;padding:30px 0 18px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:24px}.footer-brand{filter:brightness(0) invert(1);flex-basis:185px;max-width:185px}.footer-inner nav{display:flex;gap:20px;font-size:11px}.footer-inner nav a:hover,.footer-credit a:hover{color:#a9d75b}.footer-credit{font-size:10px;color:#9eafa7;border-left:1px solid #41544d;padding-left:20px}.footer-credit a{color:#b6e07b;font-weight:700}.copyright{border-top:1px solid #243a33;padding-top:16px;color:#80938a;font-size:10px}.whatsapp-float{position:fixed;z-index:30;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#20c66b;color:white;font-size:25px;box-shadow:0 8px 25px #001b1260;border:3px solid white}
@media(max-width:900px){.header{gap:14px}.brand{flex-basis:170px;max-width:170px}.nav{gap:16px}.header-cta{font-size:0;padding:12px}.header-cta:first-letter{font-size:15px}.service-grid{grid-template-columns:repeat(2,1fr);row-gap:24px}.service-card:nth-child(2){border-right:0;margin-right:0}.service-card:nth-child(3){border-top:1px solid var(--line);padding-top:24px}.service-card:nth-child(4){border-top:1px solid var(--line);padding-top:24px}.contact-inner{grid-template-columns:1fr 1fr}.contact-inner .button{justify-self:start}.footer-inner{flex-wrap:wrap}.footer-credit{margin-left:auto}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.ubuild-bar{padding:9px 18px;font-size:10px;gap:12px}.ubuild-bar span{max-width:72%;line-height:1.4}.ubuild-bar a{font-size:9px}.header{padding:12px 18px;flex-wrap:wrap}.brand{flex-basis:170px;max-width:170px}.brand img{max-height:50px}.menu-toggle{display:block;margin-left:auto;order:2}.header-cta{order:3;font-size:11px;padding:10px 12px}.nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 10px}.nav.open{display:flex}.nav a{padding:12px 4px;border-top:1px solid #edf1ee}.hero{min-height:610px;background-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(7,22,21,.94),rgba(8,28,25,.73)),linear-gradient(0deg,rgba(8,28,25,.3),transparent)}.hero-content{padding-top:56px;padding-bottom:40px}.hero h1{font-size:39px}.hero-copy{font-size:14px;max-width:440px}.hero-note{margin-top:36px;font-size:9px}.section{padding:60px 0}.section-intro{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.section-intro>p{justify-self:start;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.service-grid{grid-template-columns:1fr 1fr;gap:0 18px}.service-card{padding:22px 0;margin:0 0 0!important;border-right:0!important;border-bottom:1px solid var(--line)!important}.service-card:nth-child(3),.service-card:nth-child(4){border-top:0;padding-top:22px}.service-card h3{font-size:15px}.service-card p{font-size:12px}.about{grid-template-columns:1fr}.about-image{min-height:260px}.about-panel{padding:42px 24px 48px}.about h2{font-size:32px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:12px}.project,.project img{min-height:205px}.project-large{grid-column:span 2;grid-row:auto}.project-large img{min-height:270px}.project figcaption{left:13px;bottom:14px;right:12px}.project figcaption strong{font-size:14px}.contact{padding:45px 0}.contact-inner{grid-template-columns:1fr;gap:16px}.contact-inner>p{margin:0}.contact-inner .button{justify-self:stretch}.footer-inner{align-items:flex-start;flex-direction:column;gap:22px}.footer-inner nav{flex-wrap:wrap;gap:15px}.footer-credit{margin-left:0;border-left:0;padding-left:0}.copyright{line-height:1.6}.whatsapp-float{width:50px;height:50px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}