/* Alron — refined corporate identity and progressive motion. */
:root{--ink:#071f40;--muted:#5a677b;--gold:#c9a457;--lime:#e1bf75;--paper:#f4f6f9;--line:#dfe4eb}
body{max-width:none!important;background:#fff;-webkit-font-smoothing:antialiased}
html{scroll-padding-top:112px}
::selection{background:#e1bf75;color:#071f40}
header{position:sticky;top:0;height:106px;padding:0 max(5%,calc((100vw - 1400px)/2));border-top:0;border-bottom:1px solid #e7eaf0;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);transition:box-shadow .3s,height .3s;z-index:30}
header.scrolled{box-shadow:0 8px 30px #071f4010}
.brand-logo{width:115px;height:100px}
nav{gap:28px;font-size:14px}
nav>a:not(.nav-cta){position:relative;padding:12px 0}
nav>a:not(.nav-cta):after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
nav>a:hover:after,nav>a.active:after{transform:scaleX(1)}
nav>a.active{color:#876020}
.nav-cta{padding:13px 21px;border-radius:6px;font-size:13px;transition:background .25s,transform .25s}
.nav-cta:hover{transform:translateY(-2px)}
.hero{position:relative;isolation:isolate;display:block;min-height:690px;overflow:hidden;background:#061b37;color:#fff}
.hero-image{position:absolute;inset:0;z-index:-2;min-height:0;background-position:center 56%;background-size:cover;transform:scale(1.045);animation:hero-settle 1.8s ease-out both}
.hero-image:after{background:linear-gradient(90deg,rgba(3,18,40,.98) 0%,rgba(3,18,40,.92) 32%,rgba(3,18,40,.60) 64%,rgba(3,18,40,.2) 100%)}
.hero-copy{position:relative;border:0;padding:85px 6% 35px;max-width:1520px;margin:auto}
.hero .eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:2.5px;font-size:12px;margin-bottom:27px}
.hero .eyebrow:before{content:'';height:1px;width:42px;background:var(--gold)}
h1{font-size:clamp(54px,6.15vw,94px);letter-spacing:-4px;line-height:1.04;max-width:850px;font-weight:500}
h1 em{color:#e4c27b}
.hero-description{font-size:19px;line-height:1.75;max-width:480px;margin:28px 0 34px;color:#dae2ee}
.button{border-radius:6px;padding:17px 25px;font-size:14px;box-shadow:0 5px 14px #0000000a;transition:transform .25s,box-shadow .25s,background .25s;position:relative;overflow:hidden}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0000001a}
.button span,.nav-cta span{display:inline-block;transition:transform .25s}
.button:hover span,.nav-cta:hover span{transform:translate(3px,-3px)}
.lime{background:linear-gradient(105deg,#cba557,#efd397);color:#071f40}
.lime:hover{background:#f1d79f}
.text-link{border-bottom-color:#657087;padding:12px 0;font-size:14px}
.hero-bottom{max-width:100%;margin-top:65px;padding-top:23px;border-color:#ffffff26;color:#bfcadc;letter-spacing:1.4px;font-size:11px}
.image-caption{right:6%;left:auto;bottom:128px;padding:20px 24px;border-left:2px solid #d5ad60;background:#071f4059;backdrop-filter:blur(8px);gap:35px;max-width:300px;font-size:11px;color:white}
.caption-number{color:#e1bf75;font-size:32px}
.service-strip{padding:25px 6%;border-bottom:1px solid var(--line);background:white;gap:20px;justify-content:space-between;box-shadow:0 10px 25px #071f4004;font-size:14px;letter-spacing:.2px}
.service-strip span{flex:1;text-align:center}.service-strip span+span{border-left:1px solid var(--line)}
.service-strip span:before{content:'↗';margin-right:14px;color:#a78136;font-size:18px}
.section{padding:112px max(6%,calc((100vw - 1320px)/2))}
.eyebrow{font-size:12px;letter-spacing:2.1px;margin-bottom:23px}.eyebrow:not(.light){color:#916c27}
h2{font-size:clamp(38px,3.6vw,56px);line-height:1.13;letter-spacing:-2.3px;font-weight:500}
h3{font-weight:650}
.about{gap:10%;align-items:start}
.about>div:first-child{position:relative;padding-bottom:36px}
.about>div:first-child:after{content:'';position:absolute;bottom:0;left:0;width:70px;height:3px;background:var(--gold)}
.about .large-copy{font-size:24px;line-height:1.5;letter-spacing:-.5px}.about p{line-height:1.8}
.dark-link{padding:8px 0;font-size:14px;border-color:#bfa46d;transition:color .2s}.dark-link:hover{color:#94702f}
.services{background:#f4f6f9;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
.section-top{margin-bottom:48px}.section-top>p{font-size:16px;line-height:1.8;max-width:360px}
.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:none;border:0}
.cards article{position:relative;border:1px solid #e0e5ed;border-radius:12px;padding:28px 25px;min-height:332px;background:#fff;transition:transform .35s,box-shadow .35s,border-color .35s}
.cards article:after{content:'';height:3px;position:absolute;left:25px;right:25px;bottom:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.cards article:hover,.cards article:focus-within{transform:translateY(-7px);box-shadow:0 20px 40px #102d5010;border-color:#c5ad7d}
.cards article:hover:after,.cards article:focus-within:after{transform:scaleX(1)}
.service-number{border:1px solid #e9dec6;background:#faf6ed;color:#886829;border-radius:7px;width:48px;height:44px;display:flex;align-items:center;justify-content:center;font-size:13px;margin-bottom:28px;letter-spacing:1px}
.cards h3{font-size:21px;line-height:1.3;letter-spacing:-.6px}
.cards p{font-size:15px;line-height:1.75;margin:16px 0 25px}
.cards a{font-size:13px;line-height:1.6;padding-top:15px;border-top:1px solid #edf0f4;font-weight:600}
.cards .green-card{background:#09264b;color:white;border:1px solid #09264b!important}
.green-card p{color:#d4deeb}.green-card .service-number{background:#ffffff0b;border-color:#b8965755;color:#e6c988}.green-card a{border-color:#ffffff25;color:#eed092}
.why{gap:12%;align-items:start}.industries{gap:10px;margin-top:35px}.industries span{border-radius:100px;background:#f7f8fa;font-size:13px;padding:8px 15px;border-color:#e2e7ee}
.principles article{gap:22px;padding:24px 0}.principles article>span{font-size:13px;color:#9d7939;border-radius:50%;border:1px solid #e6dcc6;width:37px;height:37px;display:flex;align-items:center;justify-content:center;flex:none;padding:0}.principles h3{font-size:21px;font-weight:600}.principles p{font-size:16px;line-height:1.7}
.sustainability{margin:0 3%;padding:75px max(3%,calc((100vw - 1320px)/2 - 3vw));border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 100%,#17456d 0,transparent 60%),#061e3e;gap:10%;border:1px solid #1a3c5d}
.sustainability h2{color:#f3f6fb}.sustainability .eyebrow{color:#e4c27b}
.sustain-label{border-right:1px solid #ffffff1b;padding-right:20px;position:relative}
.circular-symbol{color:#e0bd73;font-size:145px;line-height:1.15;border:1px solid #ffffff20;width:185px;height:185px;display:grid;place-items:center;border-radius:50%;margin:20px 0}
.sustain-label>p:last-child{font-size:12px;letter-spacing:2.3px;line-height:1.8}
.steps{gap:25px;padding-top:28px;border-color:#ffffff24}.steps b{font-size:15px;color:#e5c788}.steps p{font-size:14px;line-height:1.7}
.sustain-note{font-size:12px!important;margin-top:17px}
.contact{gap:10%;align-items:start}.contact-details{margin-top:40px}.contact-details>div{border-bottom:1px solid var(--line);padding:0 0 19px;margin:22px 0}.contact-details small{color:#8d6a2e;font-size:11px;letter-spacing:1.8px;margin-bottom:6px}.contact-details a{font-size:clamp(18px,1.9vw,26px);letter-spacing:-.5px}.contact-details span{font-size:16px}
form{border:1px solid #e0e5ed;border-radius:16px;padding:36px;background:#f7f8fa;box-shadow:0 16px 55px #08244808}form h3{font-size:24px;letter-spacing:-.7px;margin-bottom:28px}label{font-size:13px;font-weight:500;color:#344864}input,select,textarea{border-radius:6px;border-color:#dbe1e9;padding:13px;font-size:15px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#ae8b42;outline:0;box-shadow:0 0 0 3px #c9a45720}.dark:hover{background:#123861}.form-note{font-size:12px;line-height:1.7}#copy{border-radius:5px}
footer{padding:32px 6%;border-top:1px solid #e4e8ed;background:#fafbfc}footer .brand-logo{width:110px;height:107px;mix-blend-mode:multiply}footer p{font-size:15px;letter-spacing:-.3px;color:#213b5e}footer>a:last-child{padding:10px 14px;border:1px solid #d9e0e9;border-radius:5px;font-size:12px}
.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-description,.hero-copy>.actions{animation:enter-up .9s both}.hero-copy>h1{animation-delay:.12s}.hero-copy>.hero-description{animation-delay:.25s}.hero-copy>.actions{animation-delay:.37s}
@keyframes enter-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-settle{from{transform:scale(1.1);opacity:.5}to{transform:scale(1.045);opacity:1}}
@media(min-width:1600px){.hero-copy{max-width:1520px;padding-left:70px;padding-right:70px}}
@media(max-width:1150px){nav{gap:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards article{min-height:290px}.image-caption{display:none}.section{padding-top:85px;padding-bottom:85px}.hero{min-height:670px}.hero-copy{padding-top:75px}.sustainability{grid-template-columns:1fr 2fr;gap:6%}.circular-symbol{width:150px;height:150px;font-size:120px}}
@media(max-width:800px){html{scroll-padding-top:95px}header{height:88px;padding:0 5%}.brand-logo{width:94px;height:84px}.menu{border-radius:5px;padding:10px 13px}.menu[aria-expanded=true]{background:#f0f3f8}nav{top:88px;padding:20px 6% 26px;border-bottom:1px solid #dfe4eb}nav.open{gap:9px}nav a{font-size:16px}.nav-cta{margin-top:9px;text-align:center}.hero{min-height:610px}.hero-copy{padding:62px 6% 28px}h1{font-size:clamp(48px,8.5vw,70px);letter-spacing:-2.5px}.hero-image{background-position:65% center}.hero-image:after{background:linear-gradient(90deg,#031228f5,#031228a8)}.hero .eyebrow{font-size:10px;letter-spacing:1.8px}.hero-description{font-size:17px;max-width:430px;margin-top:25px}.hero-bottom{margin-top:48px;font-size:10px;letter-spacing:.8px}.service-strip{padding:20px 4%;font-size:12px;gap:12px}.service-strip span:before{display:none}.section{padding:70px 6%}.about,.why,.contact{gap:36px}h2{font-size:39px;letter-spacing:-1.6px}.about .large-copy{font-size:22px}.section-top{gap:22px;margin-bottom:32px}.sustainability{grid-template-columns:1fr;padding:48px 7%;margin:0 4%;border-radius:14px;gap:16px}.sustain-label{border:0;padding:0}.sustainability h2{font-size:37px}.sustain-label .eyebrow{font-size:11px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.contact{gap:30px}footer{gap:16px}footer .brand-logo{width:100px;height:98px}}
@media(max-width:480px){.hero{min-height:620px}.hero-copy{padding-top:51px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px;gap:9px}.hero .eyebrow:before{width:24px}h1{font-size:49px;letter-spacing:-2.4px;line-height:1.09}.hero-description{font-size:16px;line-height:1.8}.actions{gap:18px;align-items:start;flex-direction:column}.button{font-size:13px;padding:15px 20px}.hero-bottom{margin-top:38px;font-size:9px;gap:14px}.service-strip{font-size:10px;line-height:1.6;padding:18px 4%}.service-strip span{font-size:10px}.cards{grid-template-columns:1fr;gap:15px}.cards article{min-height:270px;padding:26px}.service-number{margin-bottom:21px}.cards h3{font-size:23px}.cards p{font-size:16px}.cards a{font-size:14px}.steps{grid-template-columns:1fr;gap:18px}.steps p{margin-top:5px}.sustainability .button{width:100%;gap:10px}form{padding:25px 21px}.form-row{grid-template-columns:1fr}footer>span{font-size:11px}footer>a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.hero-image{transform:none}}