@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#1c1408;
  --surface:#251b0a;
  --surface2:#2e230e;
  --surface3:#382b14;
  --accent:#f0a030;
  --accent-dark:#c07818;
  --text:#f7f2e8;
  --muted:#b09870;
  --subtle:#7a6848;
  --border:rgba(240,160,48,0.15);
  --border-strong:rgba(240,160,48,0.32);
  --mono:'Space Mono',monospace;
  --body:'DM Sans',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.6;overflow-x:hidden}
body::before{
  content:'';position:fixed;inset:0;
  background-image:linear-gradient(rgba(240,160,48,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(240,160,48,0.04) 1px,transparent 1px);
  background-size:48px 48px;pointer-events:none;z-index:0;
}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 2.5rem;
  background:rgba(28,20,8,0.95);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  transition:padding 0.3s;
}
nav.scrolled{padding:0.75rem 2.5rem}
.logo{font-family:var(--mono);font-size:0.9rem;font-weight:700;letter-spacing:0.15em;color:var(--text);text-decoration:none}
.logo span{color:var(--accent)}
.nav-links{list-style:none;display:flex;gap:2rem;align-items:center}
.nav-links a{font-family:var(--mono);font-size:0.62rem;color:var(--muted);text-decoration:none;letter-spacing:0.12em;text-transform:uppercase;transition:color 0.2s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transition:transform 0.2s}
.nav-links a:hover,.nav-links a.active{color:var(--accent)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-cta{color:var(--accent)!important;border:1px solid var(--border-strong)!important;padding:0.4rem 1.1rem;transition:background 0.2s,color 0.2s!important}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:var(--accent)!important;color:var(--bg)!important}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--muted);transition:all 0.3s}

/* PAGE HEADER */
.page-header{padding:9rem 2.5rem 4rem;position:relative;z-index:1;border-bottom:1px solid var(--border)}
.page-header .section-label{margin-bottom:0.75rem}
.page-header h1{font-family:var(--mono);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;color:var(--text)}
.page-header p{font-size:1rem;color:var(--muted);max-width:540px;margin-top:1rem;font-weight:300;line-height:1.85}

/* COMMON */
.section-label{font-family:var(--mono);font-size:0.62rem;color:var(--accent);letter-spacing:0.18em;text-transform:uppercase;display:flex;align-items:center;gap:0.75rem}
.section-label::before{content:'';display:block;width:1.5rem;height:1px;background:var(--accent)}
h2{font-family:var(--mono);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;line-height:1.2;color:var(--text)}
section{position:relative;z-index:1;padding:5rem 2.5rem}
.divider{height:1px;background:var(--border);position:relative;z-index:1;margin:0 2.5rem}

/* BUTTONS */
.btn-primary{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;background:var(--accent);color:#1c1408;border:none;padding:0.85rem 2rem;cursor:pointer;font-weight:700;transition:background 0.2s,transform 0.15s;text-decoration:none;display:inline-block}
.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}
.btn-ghost{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;background:transparent;color:var(--text);border:1px solid var(--border-strong);padding:0.85rem 2rem;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block}
.btn-ghost:hover{border-color:var(--accent);background:rgba(240,160,48,0.08);transform:translateY(-1px)}

/* FOOTER */
footer{position:relative;z-index:1;background:var(--surface);border-top:1px solid var(--border);padding:3rem 2.5rem 2rem}
.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}
.footer-brand .logo{font-size:1rem;margin-bottom:0.75rem;display:block}
.footer-brand p{font-size:0.85rem;color:var(--muted);font-weight:300;line-height:1.75;max-width:260px}
.footer-col h4{font-family:var(--mono);font-size:0.6rem;color:var(--accent);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:1rem}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:0.5rem}
.footer-col ul li a{font-size:0.85rem;color:var(--muted);text-decoration:none;transition:color 0.2s}
.footer-col ul li a:hover{color:var(--accent)}
.footer-col p{font-size:0.85rem;color:var(--muted);line-height:1.75}
.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{font-family:var(--mono);font-size:0.6rem;color:var(--subtle);letter-spacing:0.06em}

/* FORMS */
.form-group{margin-bottom:1.2rem}
label{display:block;font-family:var(--mono);font-size:0.58rem;color:var(--muted);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:0.5rem}
input,textarea,select{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--body);font-size:0.88rem;padding:0.75rem 1rem;outline:none;transition:border-color 0.2s,background 0.2s;border-radius:2px}
input::placeholder,textarea::placeholder{color:var(--subtle)}
input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--surface3)}
select option{background:var(--surface2);color:var(--text)}
textarea{resize:vertical;min-height:130px}

/* FADE IN */
.fade-in{opacity:0;transform:translateY(22px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

@media(max-width:768px){
  nav{padding:1rem 1.5rem}
  .nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;z-index:99}
  .nav-links.open{display:flex}
  .nav-links a{font-size:1rem}
  .hamburger{display:flex;z-index:100}
  section{padding:4rem 1.5rem}
  .page-header{padding:8rem 1.5rem 3rem}
  .footer-inner{grid-template-columns:1fr;gap:2rem}
  .footer-bottom{flex-direction:column;gap:0.5rem;text-align:center}
}

/* SCROLL ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}