:root{
  --bg:#07090d;--card:#10151d;--text:#fff;--muted:#9ca4b3;
  --green:#a6ff3f;--border:rgba(255,255,255,.10);
  --container:1440px;--radius:24px;--transition:.3s ease;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(7,9,13,.72);border-bottom:1px solid transparent;backdrop-filter:blur(16px);transition:var(--transition)}
.site-header.scrolled{background:rgba(7,9,13,.94);border-color:var(--border)}
.navbar{width:min(100% - 48px,var(--container));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between}
/* .brand img,.footer-brand img{width:150px;display:block} */
.brand img {
  width: 100px;
  display: block;
}

.footer-brand img {
  width: 150px;
  display: block;
}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links>a{font-size:14px;color:#d8dce4;transition:var(--transition)}
.nav-links>a:hover,.nav-links>a.active{color:var(--green)}
.nav-links .nav-cta{padding:11px 18px;border:1px solid rgba(166,255,63,.5);border-radius:999px;color:var(--green)}
.nav-links .nav-cta:hover{background:var(--green);color:#081006}
.menu-toggle{display:none;background:none;border:0;cursor:pointer}
.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}

.contact-hero{min-height:68vh;position:relative;isolation:isolate;display:flex;align-items:center;padding:130px 24px 75px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-3;background:url("../assets/images/hero/hero.webp") center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,7,11,.98),rgba(4,7,11,.82) 43%,rgba(4,7,11,.38) 75%,rgba(4,7,11,.82))}
.contact-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 45%,rgba(166,255,63,.13),transparent 35%)}
.hero-content{width:min(100%,var(--container));margin:auto}
.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:3px;margin-bottom:14px}
.hero-content h1{max-width:850px;font-size:clamp(48px,7vw,86px);line-height:1.02;letter-spacing:-3px}
.hero-content h1 span,.contact-info h2 span,.contact-cta h2 span{color:var(--green)}
.hero-content>p:last-child{max-width:620px;color:#b6bdc9;font-size:18px;margin-top:24px}

.contact-section{width:min(100% - 48px,var(--container));margin:auto;padding:105px 0}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
.contact-info h2{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-2px}
.intro{color:var(--muted);max-width:500px;margin:20px 0 35px}
.info-list{display:grid;gap:13px}
.info-card{display:flex;align-items:center;gap:17px;padding:18px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.025);transition:var(--transition)}
.info-card:hover{border-color:rgba(166,255,63,.35);transform:translateX(5px)}
.icon{width:45px;height:45px;border-radius:50%;background:rgba(166,255,63,.10);color:var(--green);display:grid;place-items:center;font-size:20px}
.info-card small{display:block;color:#6f7887;font-size:9px;letter-spacing:2px}
.info-card strong{display:block;font-size:14px;margin-top:2px}

.form-card{background:var(--card);border:1px solid var(--border);border-radius:26px;padding:34px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:block;color:#dfe3e9;font-size:12px;font-weight:700;margin-bottom:20px}
input,select,textarea{width:100%;margin-top:8px;background:#0a0e14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;padding:14px 15px;outline:none;font:inherit;font-size:16px;transition:var(--transition)}
input::placeholder,textarea::placeholder{color:#626b79}
select{appearance:auto}
input:focus,select:focus,textarea:focus{border-color:rgba(166,255,63,.65);box-shadow:0 0 0 3px rgba(166,255,63,.07)}
textarea{resize:vertical;min-height:145px}
.submit-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;padding:14px 23px;background:var(--green);color:#081006;font-weight:800;border-radius:999px;transition:var(--transition)}
.submit-btn:hover,.primary-btn:hover{background:#fff;transform:translateY(-2px)}
.form-note{min-height:20px;color:var(--green);font-size:12px;margin-top:12px}

.contact-cta{width:min(100% - 48px,var(--container));margin:0 auto 105px;padding:55px 60px;border:1px solid rgba(166,255,63,.18);border-radius:26px;background:radial-gradient(circle at 20% 50%,rgba(166,255,63,.10),transparent 40%),var(--card);display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact-cta h2{max-width:750px;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-2px}

.footer{border-top:1px solid var(--border);padding:55px 24px 30px;background:#05070a}
.footer-inner{width:min(100%,var(--container));margin:auto;text-align:center}
.footer-brand img{margin:0 auto 16px}
.footer-inner>p{color:var(--muted);font-size:14px}
.footer-links{display:flex;justify-content:center;gap:25px;margin:28px 0;flex-wrap:wrap}
.footer-links a{font-size:13px;color:#c4c9d2}
.footer-links a:hover{color:var(--green)}
.footer small{color:#626a78;font-size:11px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){
  .nav-links{gap:18px}
  .contact-grid{grid-template-columns:1fr;gap:45px}
  .contact-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:720px){
  .navbar{height:72px;width:min(100% - 30px,var(--container))}
  .brand img{width:132px}.menu-toggle{display:block}
  .nav-links{position:absolute;top:72px;left:15px;right:15px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:rgba(10,13,18,.98);border:1px solid var(--border);border-radius:18px;padding:10px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition)}
  .nav-links.open{opacity:1;visibility:visible;transform:none}
  .nav-links>a{padding:13px 14px}.nav-links .nav-cta{text-align:center;margin-top:6px}
  .contact-hero{min-height:64vh;padding:110px 20px 65px}
  .hero-content h1{font-size:clamp(43px,13vw,64px);letter-spacing:-2px}
  .hero-content>p:last-child{font-size:15px}
  .contact-section{width:min(100% - 30px,var(--container));padding:75px 0}
  .form-card{padding:23px 18px}.form-row{grid-template-columns:1fr;gap:0}
  .contact-cta{width:min(100% - 30px,var(--container));padding:40px 25px;margin-bottom:75px}
}

/* Phones: use the portrait workspace photo (same hero-m.webp as every other page) */
@media(max-width:700px){.hero-bg{background-image:url("../assets/images/hero/hero-m.webp");background-position:50% 25%}}