/* Alfredo Ismael Román Masso — Site by design. Responsive without frameworks. */
:root{--navy:#061c38;--navy2:#08264a;--navy3:#0b3159;--green:#27b83c;--green-bright:#80eb4a;--green-dark:#079521;--text:#172540;--muted:#66758b;--white:#fff;--line:#e3eaf0;--surface:#f4f8fa;--shadow:0 20px 65px rgba(6,28,56,.12);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--text);background:#fff;font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.048em}::selection{color:#fff;background:#148f30}.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}a:focus-visible,button:focus-visible{outline:3px solid #7cdc50;outline-offset:4px}.skip-link{position:fixed;z-index:999;left:20px;top:-100px;color:white;background:var(--navy);padding:10px 15px;border-radius:5px}.skip-link:focus{top:12px}
.site-header{height:86px;background:#fff;position:relative;z-index:30;box-shadow:0 1px 0 rgba(6,25,49,.08)}.nav-shell{height:100%;display:flex;align-items:center;gap:28px}.brand{width:200px;height:80px;display:flex;align-items:center;flex-shrink:0}.brand img{width:200px;height:78px;object-fit:contain;mix-blend-mode:multiply}.navigation{display:flex;align-items:center;justify-content:flex-end;gap:31px;margin-left:auto}.nav-link{position:relative;white-space:nowrap;font-size:13px;font-weight:700;color:#263958;transition:color .2s}.nav-link:hover,.nav-link.is-current{color:var(--green-dark)}.nav-link.is-current:after,.nav-link:hover:after{content:"";position:absolute;bottom:-12px;height:3px;width:20px;left:0;border-radius:5px;background:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:12px 23px;font-size:14px;font-weight:800;letter-spacing:-.01em;border:1px solid transparent;border-radius:9px;transition:transform .25s,box-shadow .25s,background .25s,color .25s}.btn:hover{transform:translateY(-3px)}.btn svg{width:18px;height:18px}.btn--nav{margin-left:10px;padding-inline:20px;min-height:45px;background:var(--green-dark);color:white;border-radius:8px;white-space:nowrap}.btn--nav:hover{background:#087921;box-shadow:0 9px 18px rgba(16,157,47,.2)}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(126deg,#05172f 0%,#08284d 60%,#063363 100%);color:white;min-height:694px}.hero:after{content:"";width:38vw;height:120%;position:absolute;right:-14vw;top:-10%;transform:skewX(-18deg);border-left:1px solid rgba(255,255,255,.035);background:linear-gradient(90deg,transparent,rgba(7,105,173,.14));pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.19;background-image:radial-gradient(circle,#5fa5d1 1px,transparent 1.2px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent 65%,black)}.hero-glow{position:absolute;width:680px;height:680px;left:0;top:50%;background:radial-gradient(circle,rgba(14,110,169,.27),transparent 63%);transform:translate(-40%,-50%);pointer-events:none}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:465px minmax(0,1fr);align-items:center;gap:80px;padding-block:78px 90px}.hero-photo-wrap{position:relative;width:429px;max-width:100%;margin-left:17px}.photo-frame{height:525px;position:relative;z-index:2;overflow:hidden;background:#173452;clip-path:polygon(0 0,100% 0,100% 93%,92% 100%,0 100%);box-shadow:0 30px 60px rgba(0,0,0,.35)}.photo-frame picture,.hero-photo{width:100%;height:100%}.hero-photo{object-fit:cover;object-position:center 11%;filter:saturate(.96)}.photo-overlay{position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(2,15,32,.78),transparent 80%)}.photo-outline{position:absolute;z-index:0;inset:-14px -15px 13px 16px;border:2px solid rgba(107,211,52,.62);clip-path:polygon(0 0,100% 0,100% 93%,92% 100%,0 100%)}.photo-caption{position:absolute;left:28px;right:14px;bottom:27px;display:flex;gap:14px;align-items:center;letter-spacing:.09em}.photo-caption-line{display:block;flex-shrink:0;width:3px;height:39px;background:var(--green-bright);border-radius:3px}.photo-caption span:not(.photo-caption-line){display:block;font-size:12px;font-weight:850}.photo-caption small{display:block;color:#c3d6e8;letter-spacing:.03em;font-size:11px}.photo-decoration{display:flex;gap:7px;position:absolute;right:-35px;bottom:60px}.photo-decoration span{display:block;width:7px;height:7px;border-radius:50%;background:var(--green)}.photo-decoration span:nth-child(2){opacity:.7}.photo-decoration span:nth-child(3){opacity:.4}.photo-decoration span:nth-child(4){opacity:.2}.hero-content{max-width:665px;padding-bottom:4px}.eyebrow{display:flex;align-items:center;gap:12px;color:#138f3b;font-weight:850;letter-spacing:.18em;font-size:11px;line-height:1.5;margin:0 0 23px}.eyebrow--light{color:#89e763}.eyebrow-line{width:26px;height:3px;background:currentColor;display:block;flex-shrink:0}.hero-kicker{color:#c6d8e9;font-size:15px;letter-spacing:.02em;font-weight:550;margin-bottom:14px}.hero h1{font-size:clamp(48px,4.55vw,70px);font-weight:850;line-height:1.08;margin-bottom:26px;letter-spacing:-.06em}.hero h1>span{color:var(--green-bright)}.hero-dot{color:#fff}.hero-role{display:flex;gap:11px;align-items:center;font-size:19px;color:#e2eff8;margin-bottom:22px}.hero-role strong{color:white}.role-marker{display:inline-block;height:19px;width:4px;border-radius:5px;background:var(--green-bright)}.hero-description{max-width:515px;font-size:15.4px;line-height:1.95;color:#c3d5e7;margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn--primary{background:linear-gradient(105deg,#129c30,#46c92d);color:#fff;box-shadow:0 12px 30px rgba(3,113,31,.22)}.btn--primary:hover{box-shadow:0 17px 35px rgba(3,113,31,.3);background:linear-gradient(105deg,#0d8428,#38b928)}.btn--outline{color:white;border-color:rgba(208,237,255,.46);background:rgba(255,255,255,.04)}.btn--outline:hover{background:rgba(255,255,255,.12);border-color:#fff}.hero-footnote{margin-top:42px;color:#8facc5;font-size:12px;letter-spacing:.07em}.small-star{color:var(--green-bright);font-size:19px;margin-right:8px}.scroll-cue{position:absolute;bottom:20px;right:max(36px,calc((100vw - var(--container))/2));font-size:10px;letter-spacing:.24em;color:#a9c2d6;z-index:3;display:flex;align-items:center;gap:9px}.scroll-cue-line{height:1px;width:36px;background:var(--green-bright)}
.pillars{background:#f6fafc;border-bottom:1px solid var(--line)}.pillars-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:98px}.pillars-inner>div{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:800;color:#1c3553}.pillar-index{font-size:12px;font-weight:850;color:var(--green-dark)}.pillar-separator{height:23px;width:1px;background:#dae4ec}
.section{padding-block:115px}.about-layout{display:grid;grid-template-columns:.93fr 1fr;gap:125px;align-items:start}.section-heading h2,.brand-copy h2,.vision-intro h2{font-size:clamp(36px,4.25vw,56px);font-weight:850;margin:0 0 25px}.section-heading h2 span,.vision-intro h2 span{color:var(--green-dark)}.heading-lead{color:#62738b;font-size:17px;max-width:420px;line-height:1.85}.accent-stroke{width:58px;height:5px;background:var(--green);border-radius:4px;margin-top:30px}.about-copy{padding-top:17px}.about-copy p{font-size:15px;line-height:1.95;color:#69768a;margin:0 0 21px}.about-copy p.paragraph-lead{font-size:19px;color:#203957;line-height:1.8}.about-copy strong{color:#0b2443}.about-signature{margin-top:32px;border-top:1px solid var(--line);padding-top:27px;display:flex;align-items:center;gap:17px}.signature-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:var(--green-dark);font-size:26px;background:#e9f8eb}.about-signature strong,.about-signature small{display:block}.about-signature strong{font-size:14px}.about-signature small{font-size:12px;color:#7a889a}
.brand-section{padding-block:104px;background:linear-gradient(135deg,#f4f8fb 0%,#fafdff 100%);border-top:1px solid #f0f3f8;border-bottom:1px solid #e7eef4}.brand-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.brand-showcase{position:relative;background:linear-gradient(145deg,#0b294b,#031b34);border-radius:20px;min-height:373px;box-shadow:var(--shadow);padding:28px;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand-showcase:after{content:"";position:absolute;right:-120px;bottom:-180px;width:390px;height:390px;border:60px solid rgba(22,102,154,.12);border-radius:50%}.showcase-sheen{background-image:radial-gradient(circle,rgba(106,192,227,.24) 1px,transparent 1px);background-size:17px 17px;position:absolute;inset:10px 10px 0 50%;opacity:.36}.showcase-tag{position:absolute;left:27px;top:23px;color:#80ec64;letter-spacing:.24em;font-size:10px;font-weight:850}.brand-logo-stage{position:relative;z-index:1;background:#fff;border-radius:12px;padding:10px 26px;width:90%;height:183px;box-shadow:0 17px 30px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.brand-logo-stage img{max-width:100%;max-height:100%;object-fit:contain}.showcase-base{position:absolute;bottom:29px;display:flex;align-items:center;gap:14px;color:#b5d4e8;font-size:9px;letter-spacing:.16em;font-weight:850}.green-circle{height:4px;width:4px;border-radius:50%;background:var(--green-bright)}.brand-copy h2{font-size:clamp(37px,3.9vw,54px);margin-bottom:23px}.brand-copy h2 span:not(.brand-period){font-size:.72em;letter-spacing:-.05em;color:#647895}.brand-period{color:var(--green-dark)}.brand-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:#6a798e;max-width:570px}.brand-highlights{display:grid;grid-template-columns:1fr;gap:12px;margin:26px 0 28px}.brand-highlights>div{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:750;color:#263d5c}.brand-highlights svg{width:22px;height:22px;stroke:var(--green-dark)}.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:2px solid var(--green-dark);padding-bottom:7px;color:#0a8631;font-weight:850;font-size:14px}.text-link:hover{color:#04601f}.text-link svg{width:18px;height:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(5px)}
.vision{padding-block:110px 126px}.vision-intro{display:flex;gap:70px;align-items:end;justify-content:space-between;margin-bottom:43px}.vision-intro h2{max-width:650px;margin:0}.vision-intro>p{max-width:330px;color:#6c798c;font-size:14px;line-height:1.95;margin:0 0 5px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.value-card{border:1px solid var(--line);border-radius:15px;padding:32px 29px 36px;background:#fff;min-height:306px;transition:transform .25s,box-shadow .25s,border-color .25s}.value-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c5eacb}.value-icon{height:57px;width:57px;display:flex;align-items:center;justify-content:center;background:#ebf8ed;border-radius:13px;margin-bottom:26px}.value-icon svg{width:32px;height:32px;stroke:#0b9a34;stroke-width:1.6}.value-number{display:block;font-size:10px;color:#168e36;letter-spacing:.14em;font-weight:850;margin-bottom:10px}.value-card h3{font-size:21px;margin-bottom:12px;font-weight:820;letter-spacing:-.04em}.value-card p{color:#728096;font-size:14px;line-height:1.85;margin:0}
.contact{position:relative;overflow:hidden;background:linear-gradient(120deg,#05172e,#093660);color:#fff;padding-block:106px}.contact:before{content:"";position:absolute;top:0;bottom:0;left:0;width:7px;background:var(--green)}.contact-glow{position:absolute;right:-180px;top:-140px;width:600px;height:600px;border:120px solid rgba(0,159,95,.08);border-radius:50%}.contact-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.contact-content .eyebrow{margin-bottom:19px}.contact h2{max-width:820px;font-size:clamp(36px,4.7vw,61px);font-weight:850;margin:0 0 22px}.contact h2 span{color:var(--green-bright)}.contact p:not(.eyebrow){max-width:540px;color:#c1d3e4;font-size:15px;line-height:1.9}.contact-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:19px}
.footer{background:#04162c;color:#d3e0ee}.footer-top{padding:64px 0 54px;display:grid;grid-template-columns:1.45fr .65fr 1fr;gap:50px}.footer-identity strong{font-size:26px;letter-spacing:-.045em;line-height:1.17;display:block;color:#fff}.footer-identity strong span{color:var(--green-bright)}.footer-identity p{font-size:13px;color:#7998b3;margin:12px 0 0}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-links>span{color:#83e65d;font-size:10px;font-weight:850;letter-spacing:.14em;margin-bottom:11px}.footer-links a{font-size:13px;color:#a8bed2;transition:color .2s;overflow-wrap:anywhere}.footer-links a:hover{color:#83e65d}.footer-bottom{border-top:1px solid rgba(211,230,245,.12);padding:19px 0 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#7795b0;font-size:11px}.back-top{position:fixed;z-index:20;right:21px;bottom:21px;height:45px;width:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#168e33;box-shadow:0 10px 25px rgba(0,0,0,.23);transform:translateY(90px);opacity:0;transition:transform .25s,opacity .25s}.back-top.is-visible{transform:translateY(0);opacity:1}.back-top:hover{background:#117128}.back-top svg{width:19px;height:19px}.will-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.will-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.navigation{gap:19px}.container{width:min(calc(100% - 48px),var(--container))}.nav-shell{gap:16px}.brand,.brand img{width:165px}.hero-inner{grid-template-columns:40% minmax(0,1fr);gap:52px}.hero-photo-wrap{width:100%;margin-left:0}.photo-frame{height:510px}.hero h1{font-size:clamp(45px,5.5vw,64px)}.about-layout{gap:70px}.brand-layout{gap:50px}.vision-intro{gap:25px}}
@media(max-width:900px){.site-header{height:77px}.brand{width:177px;height:72px}.brand img{width:177px;height:72px}.btn--nav{margin-left:auto}.menu-toggle{border:none;background:transparent;margin-left:4px;padding:13px 6px;display:flex;flex-direction:column;gap:5px;cursor:pointer;z-index:36}.menu-toggle span{display:block;width:24px;height:2px;background:#092a48;transition:transform .25s,opacity .25s}.menu-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:last-child{transform:translateY(-7px) rotate(-45deg)}.navigation{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:13px 25px 19px;box-shadow:0 20px 26px rgba(0,25,50,.12)}.navigation.is-open{display:flex}.nav-link{padding:12px 10px;font-size:14px}.nav-link.is-current:after,.nav-link:hover:after{bottom:6px;left:10px}.hero-inner{gap:36px;padding-block:70px 80px}.photo-frame{height:480px}.hero h1{font-size:clamp(39px,5.4vw,57px)}.hero-role{font-size:17px}.hero-description{font-size:14px;line-height:1.8}.hero-actions{gap:9px}.hero-actions .btn{padding-inline:15px;font-size:12px}.pillars-inner{gap:15px}.pillars-inner>div{gap:8px;font-size:11px}.about-layout{gap:40px}.brand-layout{gap:35px}.brand-showcase{min-height:315px}.brand-logo-stage{height:153px}.vision-intro{align-items:start}.value-card{padding:25px 22px}}
@media(max-width:700px){html{scroll-padding-top:76px}.container{width:min(calc(100% - 36px),var(--container))}.site-header{height:73px}.nav-shell{gap:10px}.brand{width:158px;height:67px}.brand img{width:158px;height:67px}.navigation{top:73px}.btn--nav{min-height:39px;padding:8px 11px;font-size:12px;gap:7px}.btn--nav svg{width:15px;height:15px}.hero{min-height:0}.hero-inner{display:flex;flex-direction:column;gap:35px;padding-top:48px;padding-bottom:79px}.hero-photo-wrap{order:2;width:min(100%,405px);margin:0 auto}.photo-frame{height:415px;clip-path:polygon(0 0,100% 0,100% 95%,94% 100%,0 100%)}.photo-outline{inset:-9px -10px 9px 10px}.hero-content{order:1;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-content .eyebrow{margin-bottom:15px}.hero-kicker{font-size:13px;margin-bottom:10px}.hero h1{font-size:clamp(40px,9.6vw,60px);margin-bottom:20px}.hero-role{font-size:16px;justify-content:center;margin-bottom:13px}.hero-description{font-size:14px;margin-bottom:22px;max-width:510px}.hero-actions{justify-content:center}.hero-footnote{margin-top:22px}.photo-caption{bottom:20px}.scroll-cue{bottom:16px;right:18px}.pillars-inner{flex-wrap:wrap;gap:0;padding:17px 0}.pillars-inner>div{width:100%;min-height:35px;justify-content:flex-start;gap:15px;font-size:12px}.pillar-separator{display:none}.pillar-index{width:25px}.section,.vision{padding-block:74px}.about-layout,.brand-layout{display:flex;flex-direction:column;gap:28px}.section-heading h2,.brand-copy h2,.vision-intro h2{font-size:clamp(34px,8.2vw,49px)}.heading-lead{font-size:15px}.accent-stroke{margin-top:20px}.about-copy{padding-top:0}.about-copy p.paragraph-lead{font-size:17px}.about-copy p{font-size:14px}.brand-section{padding-block:72px}.brand-showcase{width:100%;min-height:320px;order:2}.brand-copy{order:1;width:100%}.brand-copy>p:not(.eyebrow){font-size:14px}.vision-intro{display:block;margin-bottom:30px}.vision-intro>p{max-width:550px;margin-top:18px}.value-grid{grid-template-columns:1fr;gap:14px}.value-card{min-height:0;padding:24px}.value-icon{margin-bottom:15px}.contact{padding-block:77px}.contact h2{font-size:clamp(34px,8vw,51px)}.contact p:not(.eyebrow){font-size:14px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 20px;padding-top:55px}.footer-identity{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}}
@media(max-width:380px){.brand{width:134px}.brand img{width:134px}.btn--nav{font-size:11px;padding-inline:9px}.btn--nav svg{display:none}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.photo-frame{height:365px}.hero h1{font-size:36px}.eyebrow{font-size:9px}.footer-top{grid-template-columns:1fr}.footer-identity{grid-column:auto}.showcase-base{font-size:8px;gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.will-reveal{opacity:1;transform:none}}