:root{--ink:#0d0e10;--paper:#f2f0eb;--acid:#d7ff2f;--muted:#a6a7a8;--line:#2b2c2f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,.brand{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.92}
h2{font-size:clamp(3.2rem,7vw,6.7rem);letter-spacing:-.045em;margin-bottom:2rem}
.section{max-width:1380px;margin:auto;padding:var(--space-section,clamp(48px,6vw,84px)) 5vw}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff35;transition:.3s}
.site-header.scrolled{background:#0d0e10ef;backdrop-filter:blur(12px);height:70px}
.brand{font-size:1.65rem;font-weight:900;letter-spacing:-.04em}
.brand i{color:var(--acid);font-style:normal}
.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.nav-cta{background:var(--acid);color:var(--ink);padding:.85rem 1.2rem}
.nav-toggle{display:none;background:none;border:1px solid #ffffff55;color:#fff;padding:.6rem}
.hero{position:relative;color:#fff;overflow:hidden}
.hero>img{height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090bd9 0%,#08090b50 55%,#08090b15),linear-gradient(0deg,#08090bc9 0%,transparent 50%)}
.hero-copy{position:absolute;left:5vw;bottom:19%;max-width:900px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:var(--acid);margin-bottom:1.5rem}
.eyebrow.dark{color:#667800}
.hero h1{font-size:clamp(5rem,11vw,10rem);letter-spacing:-.055em;margin:0 0 1.5rem}
.hero h1 em{font-style:italic;color:var(--acid)}
.hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.5vw,1.3rem);max-width:650px;color:#e6e6e6}
.hero-actions{display:flex;gap:1rem;margin-top:2.1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.45rem;text-transform:uppercase;font-size:.82rem;font-weight:800;letter-spacing:.05em;border:1px solid transparent;cursor:pointer}
.btn.primary{background:var(--acid);color:var(--ink)}
.btn.ghost{border-color:#ffffff88}
.hero-proof{position:absolute;left:5vw;right:5vw;bottom:0;height:100px;border-top:1px solid #ffffff44;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:1rem}
.hero-proof b{font-family:'Barlow Condensed';font-size:2.4rem;color:var(--acid)}
.hero-proof span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.lead{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.4}
.product-grid{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1rem;margin-top:2rem}
.product-card{background:var(--ink);color:#fff}
.product-card img{height:340px;object-fit:cover;filter:saturate(.8)}
.product-card.large img{height:460px}
.product-card>div{padding:1.5rem;position:relative}
.product-card span{color:var(--acid);font-size:.75rem}
.product-card h3{font-size:2.4rem;margin:.5rem 0}
.product-card p{color:#b8b9ba;font-size:.9rem}
.institution,.process{background:var(--ink);color:#fff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.institution :is(h1,h2){font-size:clamp(3.5rem,6vw,6rem)}
.institution .lead{color:#bfc0c1}
.text-link{display:inline-block;color:var(--acid);font-weight:800;text-transform:uppercase;margin-top:1rem}
.benefits article{display:flex;gap:1.8rem;border-top:1px solid var(--line);padding:1.5rem 0}
.benefits b{color:var(--acid)}
.benefits h3{font-size:1.7rem;margin:0 0 .5rem}
.benefits p{color:#aaa;margin:0}
.title-row{display:flex;align-items:end;justify-content:space-between;gap:2rem}
.title-row p{max-width:350px;margin-bottom:2.6rem}
.gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem}
.gallery figure{margin:0;position:relative;overflow:hidden}
.gallery .g1{grid-row:span 2}
.gallery img{height:100%;min-height:280px;object-fit:cover;transition:.5s}
.gallery figure:hover img{transform:scale(1.02)}
figcaption{position:absolute;left:0;right:0;bottom:0;padding:3rem 1.5rem 1.4rem;color:#fff;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-between;align-items:end}
figcaption b{font-family:'Barlow Condensed';font-size:1.8rem;text-transform:uppercase}
figcaption span{font-size:.7rem;text-transform:uppercase}
.process .section{padding-top:var(--space-section,clamp(48px,6vw,84px));padding-bottom:var(--space-section,clamp(48px,6vw,84px))}
.process :is(h1,h2){max-width:900px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.steps article{padding:2rem 2rem 1rem 0}
.steps b{display:block;color:var(--acid);font-size:.8rem;margin-bottom:2.5rem}
.steps h3{font-size:1.8rem}
.steps p{color:#aaa;font-size:.9rem}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}
.contact :is(h1,h2){font-size:clamp(3.5rem,6vw,6rem)}
.direct{border-top:1px solid #ccc;padding-top:1.5rem;margin-top:4rem;display:flex;flex-direction:column;align-items:start}
.direct span{font-size:.72rem;text-transform:uppercase;color:#777}
.direct a{font-weight:700;margin:.4rem 0 1.5rem}
.form-wrap{background:#fff;padding:clamp(1.5rem,4vw,3rem)}
form label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:1.2rem}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
input,select,textarea{width:100%;border:0;border-bottom:1px solid #bbb;background:transparent;padding:.8rem 0;font:inherit;border-radius:0;outline:none}
input:focus,select:focus,textarea:focus{border-color:#657b00}
textarea{resize:vertical}
.consent{display:flex;align-items:flex-start;gap:.7rem;text-transform:none;font-weight:400;letter-spacing:0}
.consent input{width:auto;margin-top:.35rem}
.submit{width:100%;justify-content:space-between;border:0}
.hp{position:absolute!important;left:-9999px!important}
.alert{padding:1rem;margin-bottom:1.5rem;font-size:.9rem}
.alert.success{background:#e8f5bd}
.alert.error{background:#ffe0dc;color:#8a170d}
footer{background:#070809;color:#ddd;padding:4rem 5vw;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:2rem;align-items:start}
footer>div{display:flex;flex-direction:column;font-size:.85rem}
footer p,footer small{color:#777}
.legal-button{background:none;border:0;color:#ddd;text-align:left;padding:0;margin:0 0 .5rem;cursor:pointer}
dialog{max-width:650px;border:0;padding:3rem;box-shadow:0 20px 80px #0008}
dialog::backdrop{background:#000b}
.close{float:right;background:none;border:0;font-size:2rem;cursor:pointer}
dialog h2{font-size:3rem}
dialog p{line-height:1.7}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0d0e10;padding:2rem 5vw;flex-direction:column;align-items:stretch}
.site-header nav.open{display:flex}
.nav-toggle{display:block}
.intro,.split,.contact{grid-template-columns:1fr}
.product-grid{grid-template-columns:1fr 1fr}
.product-card.large{grid-column:1/-1}
.steps{grid-template-columns:1fr 1fr}
.gallery{grid-template-columns:1fr}
.gallery .g1{grid-row:auto}
.gallery img{height:400px}
.title-row{display:block}
footer{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.section{padding:var(--space-section,48px) 6vw}
.hero-copy{bottom:18%}
.hero h1{font-size:4.5rem}
.hero-actions{flex-direction:column;align-items:stretch}
.hero-proof{grid-template-columns:auto 1fr auto 1fr;height:85px}
.hero-proof b:nth-of-type(3),.hero-proof b:nth-of-type(3)+span{display:none}
.product-grid,.steps,.field-row{grid-template-columns:1fr}
.product-card img,.product-card.large img{height:300px}
.gallery img{height:300px}
.contact{gap:2rem}
footer{grid-template-columns:1fr}
h2{font-size:3.6rem}
}