:root{--ink: #0E1A15;--forest: #14392B;--leaf: #5B9A6E;--deep: #14557B;--aqua: #3FBFD4;--sun: #F0873A;--sun-dark: #E0771F;--earth: #6B5842;--earth-dark: #4A3A2B;--sand: #9A8468;--mist: #B7C3C2;--pale: #EDF1EE;--paper: #FBFCFB;--slate: #3D4A43;--error: #A5402E;--line: #D3DBD6;--font-display: "Bricolage Grotesque", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-body: "Inter Tight", sans-serif;--wrap: 1240px;--gutter: clamp(20px, 4vw, 40px);--section-y: clamp(64px, 9vw, 110px);--band-y: clamp(48px, 6vw, 80px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--deep);text-decoration-color:var(--aqua);text-underline-offset:3px}a:hover{color:var(--aqua)}:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}img,svg{max-width:100%}p,h1,h2,h3,a,span,label{overflow-wrap:break-word}.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.section{padding:var(--section-y) 0}.band{padding:var(--band-y) 0}.band--pale{background:var(--pale)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(28px,5vw,72px);align-items:center}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--deep);margin:0 0 16px}.eyebrow__dot{width:7px;height:7px;border:2px solid currentColor;border-radius:50%;display:inline-block;margin:0 9px 1px 0;vertical-align:middle;opacity:.8}.rule{width:52px;height:2px;background:var(--aqua);margin:0 0 22px}.h-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;font-size:clamp(42px,6.4vw,74px);line-height:1.02;margin:0;text-wrap:pretty}.h-section{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(30px,4vw,48px);line-height:1.15;color:var(--forest);margin:0;text-wrap:pretty}.h-sub{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(26px,3vw,32px);line-height:1.3;color:var(--forest);margin:0;text-wrap:pretty}.h-card{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:22px;margin:0 0 8px}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.lede{font-size:clamp(17px,2vw,22px);line-height:1.55}.btn{display:inline-block;font-family:var(--font-body);font-size:16px;font-weight:500;padding:14px 26px;border-radius:3px;border:none;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease}.btn--primary{background:var(--sun);color:var(--ink)}.btn--primary:hover{background:var(--sun-dark);color:var(--ink);transform:translateY(-2px)}.btn--ghost{background:transparent;border:1px solid var(--aqua);color:var(--paper)}.btn--ghost:hover{background:#3fbfd429;color:var(--paper);transform:translateY(-2px)}.btn--sm{font-size:14px;padding:10px 18px}.btn--flat:hover{transform:none}.link-arrow{font-weight:500;font-size:16px}.link-arrow span{color:var(--aqua)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transform:translateY(0);transition:transform .32s cubic-bezier(.2,.7,.2,1),background .35s ease,border-color .35s ease}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(to bottom,#14392beb,#14392bb3 44%,#14392b00);pointer-events:none;z-index:-1;transition:opacity .35s ease}.header.is-scrolled:before{opacity:0}.header.is-hidden{transform:translateY(-100%)}.header.is-scrolled{background:#fbfcfbf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:#b7c3c28c}.header__bar{max-width:var(--wrap);margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--paper);transition:color .35s ease}.header.is-scrolled .header__bar{color:var(--forest)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand:hover{color:inherit}.brand__name{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}.nav{display:flex;align-items:center;gap:28px}.nav a{color:inherit;text-decoration:none;font-size:15px;font-weight:500}.nav a:hover{color:inherit}.nav .btn--primary{color:var(--ink)}.menu-btn{display:none;align-items:center;background:none;border:1px solid currentColor;color:inherit;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;padding:8px 14px;border-radius:3px;cursor:pointer}.menu-panel{background:var(--paper);border-bottom:1px solid var(--mist);display:flex;flex-direction:column;padding:8px var(--gutter) 20px;gap:2px;max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);overflow-y:auto;overscroll-behavior:contain}.menu-panel a{color:var(--forest);text-decoration:none;font-size:17px;font-weight:500;padding:12px 0;border-bottom:1px solid var(--pale)}.menu-panel a:last-of-type{border-bottom:none}.menu-panel .btn{color:var(--ink);text-align:center;margin-top:10px;padding:12px 18px;font-size:15px;border-bottom:none}.spine{position:fixed;left:26px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:14px}.spine a{display:flex;align-items:center;gap:12px;text-decoration:none}.spine__track{width:3px;height:64px;background:var(--line);border-radius:2px;position:relative;display:block;overflow:hidden}.spine__fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top;transition:transform .12s linear}.spine__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;transition:opacity .4s ease}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--forest)}.hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#b7c3c214;pointer-events:none}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#14392bf0,#14392be6 30%,#14392bc2 48%,#14392b61 64%,#14392b14 78%,#14392b00 88%),linear-gradient(to top,#14392be0,#14392b6b 10%,#14392b00 24%);pointer-events:none}.header:not(.is-scrolled) .header__bar,.hero .eyebrow{text-shadow:0 1px 2px rgba(11,31,24,.6),0 0 16px rgba(11,31,24,.4)}.hero__inner{position:relative;max-width:var(--wrap);width:100%;margin:0 auto;padding:clamp(96px,16vh,150px) var(--gutter) clamp(72px,12vh,140px);pointer-events:none}.hero__actions{display:flex;gap:14px;flex-wrap:wrap;pointer-events:auto}.hero__strip{position:relative;border-top:1px solid rgba(183,195,194,.35)}.hero__strip-inner{max-width:var(--wrap);margin:0 auto;padding:16px var(--gutter);display:flex;gap:clamp(18px,4vw,48px);flex-wrap:wrap}.domain-tag{display:flex;align-items:center;gap:9px;text-decoration:none}.domain-tag__dot{width:9px;height:9px;border:2px solid var(--aqua);border-radius:50%;display:block}.domain-tag__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--pale)}.hero__cue{position:absolute;bottom:70px;left:50%;margin-left:-7px;width:14px;height:14px;border:2px solid var(--paper);border-radius:50%;animation:bobO 2.4s ease-in-out infinite;opacity:.85}.vision{background:var(--pale);position:relative;overflow:hidden}.vision__quote{border-left:4px solid var(--forest);padding-left:clamp(22px,3vw,44px)}.vision__quote p:last-child{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(26px,3.4vw,44px);line-height:1.25;color:var(--forest);max-width:26ch;margin:0;text-wrap:pretty}.about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(32px,5vw,80px);padding-bottom:clamp(64px,8vw,96px)}.commit{display:flex;gap:18px;padding:16px 0;border-top:1px solid var(--mist)}.commit:last-child{border-bottom:1px solid var(--mist)}.commit__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--leaf);padding-top:5px}.commit h3{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.01em;color:var(--forest);margin:0 0 4px}.commit p{margin:0;font-size:15px;color:var(--slate)}.expertise{background:var(--forest)}.expertise__inner{max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,64px) var(--gutter);display:flex;flex-direction:column;gap:28px}.expertise .eyebrow{color:var(--aqua);margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);border:1px solid rgba(251,252,251,.35);padding:9px 16px;border-radius:3px}.chips--sm{gap:8px}.chips--sm .chip{font-size:11px;color:var(--pale);border-color:#fbfcfb38;padding:7px 13px}.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}.pcard{--dash: 1;position:relative;padding:30px 26px;border-radius:4px;box-shadow:0 1px 2px #0e1a150d;transition:transform .3s ease,box-shadow .3s ease}.pcard:hover{--dash: 0;transform:translateY(-4px)}.pcard p{margin:0;font-size:15px;line-height:1.6}.pcard__num{position:absolute;top:18px;right:20px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;opacity:.55}.pcard svg{display:block;margin-bottom:18px}.pcard .draw{stroke-dasharray:1;stroke-dashoffset:var(--dash, 1);transition:stroke-dashoffset .9s ease}.pcard--forest{background:#5b9a6e1f;border:1px solid rgba(20,57,43,.1);color:var(--forest)}.pcard--forest:hover{box-shadow:0 14px 30px #0e1a151f}.pcard--water{background:var(--deep);color:var(--paper)}.pcard--water:hover{box-shadow:0 14px 30px #0e1a1533}.pcard--sun{background:#b7c3c238;border:1px solid rgba(20,57,43,.1);color:var(--forest)}.pcard--sun:hover{box-shadow:0 14px 30px #0e1a151f}.pcard--soil{background:var(--earth);border:1px solid var(--aqua);color:var(--paper)}.pcard--soil:hover{box-shadow:0 14px 30px #0e1a1533}.fig{--play: paused;border:1px solid rgba(183,195,194,.7);border-radius:4px;background:var(--paper);padding:16px 14px 0}.fig--pale{background:var(--pale)}.fig.is-playing{--play: running}.fig svg{width:100%;height:auto;display:block;max-width:560px}.fig__caption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(20,57,43,.1);margin-top:14px;padding:10px 4px 12px}.fig__caption span:first-child{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--deep)}.fig__caption span:last-child{width:8px;height:8px;border:2px solid var(--aqua);border-radius:50%;display:inline-block}.svc__index{display:flex;align-items:center;gap:14px;margin:0 0 14px}.svc__num{font-family:var(--font-display);font-weight:700;font-size:34px;line-height:1;letter-spacing:-.02em;opacity:.32}.svc__domain{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.svc h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(24px,2.6vw,32px);line-height:1.2;color:var(--forest);margin:0 0 14px}.svc p{margin:0 0 20px;max-width:52ch}.slot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#b7c3c238;background-size:cover;background-position:center;overflow:hidden}.slot--static{position:relative}video.slot{display:block;object-fit:cover;background:var(--forest)}.slot__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px dashed rgba(20,57,43,.25);border-radius:3px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;line-height:1.7;text-transform:uppercase;color:var(--slate)}.slot--dark .slot__placeholder{border-color:#fbfcfb4d;color:#fbfcfbb8}.contact{background:var(--pale);border-top:1px solid var(--mist)}.contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(32px,5vw,72px);align-items:start}.form{display:flex;flex-direction:column;gap:18px}.field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--forest);display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--mist);border-radius:3px;font-family:var(--font-body);font-size:16px;color:var(--ink);background:var(--paper);outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #3fbfd438}.field__error{color:var(--error);font-size:13px;margin-top:5px;min-height:1px}.form__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn--whatsapp{display:inline-flex;align-items:center;gap:9px;background:var(--leaf);border:1px solid var(--leaf);color:var(--ink)}.btn--whatsapp:hover{background:#4d8a5f;border-color:#4d8a5f;color:var(--ink);transform:translateY(-2px)}.btn--secondary{background:transparent;border:1px solid var(--line);color:var(--forest)}.btn--secondary:hover{background:#14392b0f;color:var(--forest)}.wa-link{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:500;color:var(--forest);text-decoration:none}.wa-link:hover{color:var(--leaf)}.sent-panel{border:1px solid var(--leaf);background:var(--paper);border-radius:4px;padding:28px}.sent-panel .eyebrow{color:var(--leaf);margin-bottom:10px}.sent-panel p{margin:0;max-width:48ch}.contact__aside{display:flex;flex-direction:column;gap:26px}.contact__aside .eyebrow{margin-bottom:8px}.contact__email{font-family:var(--font-display);font-weight:600;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.01em;color:var(--forest);text-decoration:none;display:block}.footer{background:var(--forest);color:#fbfcfbc7}.footer__inner{max-width:var(--wrap);margin:0 auto;padding:clamp(48px,6vw,72px) var(--gutter) 28px}.footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:clamp(28px,4vw,56px);padding-bottom:44px;border-bottom:1px solid rgba(183,195,194,.25)}.footer .eyebrow{color:var(--aqua);margin-bottom:14px}.footer__links{display:flex;flex-direction:column;gap:9px}.footer__links a,.footer__links span{color:#fbfcfbd1;text-decoration:none;font-size:15px}.footer__links a:hover{color:var(--aqua)}.footer__note{color:#fbfcfb99;font-size:14px;line-height:1.6}.footer__base{display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,40px);align-items:center;justify-content:space-between;padding-top:22px}.footer__domains{display:flex;gap:clamp(14px,2.5vw,32px);flex-wrap:wrap}.footer__domains span{display:flex;align-items:center;gap:8px}.footer__domains .dot{width:8px;height:8px;border:2px solid var(--aqua);border-radius:50%;display:block}.footer__domains .label,.footer__copy{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:#fbfcfbb3}.footer__copy{margin:0;color:#fbfcfb8c}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes strataIn{0%{transform:translate(-115%);opacity:0}}@keyframes fadeInA{0%{opacity:0}}@keyframes drawIn{0%{stroke-dashoffset:1}}@keyframes pulseRing{0%{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}@keyframes dropFall{0%{transform:translateY(0);opacity:0}12%{opacity:1}86%{opacity:1}to{transform:translateY(252px);opacity:0}}@keyframes tableRise{0%{transform:translateY(9px)}92%{transform:translateY(0)}to{transform:translateY(9px)}}@keyframes waterClear{0%{fill:#8a7660}}@keyframes mottleFade{0%{opacity:.55}}@keyframes treeGrow{0%{transform:scaleY(0)}}@keyframes co2Drift{0%{transform:translateY(0);opacity:0}12%{opacity:.4}72%{opacity:.35}to{transform:translateY(152px);opacity:0}}@keyframes sunArc{0%{transform:rotate(-72deg)}to{transform:rotate(72deg)}}@keyframes panelTilt{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes spinB{to{transform:rotate(360deg)}}@keyframes bobO{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width: 1279px){.spine{display:none!important}}@media (max-width: 899px){.nav{display:none!important}.menu-btn{display:inline-flex!important}html{scroll-padding-top:70px}.hero__scrim{background:linear-gradient(to top,#14392beb,#14392bd1 28%,#14392b9e 55%,#14392b47 78%,#14392b0f)}}@media (max-width: 599px){body{font-size:16px}.header__bar{gap:12px}.brand{gap:9px}.brand svg{width:62px;height:auto}.brand__name{font-size:9px}.hero__inner{padding-bottom:64px}.hero__cue{display:none}.hero__strip-inner{gap:14px 20px;padding:14px var(--gutter)}.h-card{font-size:20px}.pcard{padding:26px 22px}.fig{padding:12px 10px 0}.contact__email{font-size:20px}.form__actions .btn{flex:1 1 100%;justify-content:center;text-align:center}.footer__base{gap:18px}}@media (max-height: 620px) and (orientation: landscape){.hero{min-height:560px}.hero__inner{padding-top:92px;padding-bottom:44px}.hero__cue{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}