@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@0;1&family=Share+Tech+Mono&display=swap');

:root {
  --bg:#0c0b0a;--surface:#141312;--surface2:#1a1816;--surface3:#201e1b;
  --border:#272420;--border2:#332e28;
  --amber:#f0a030;--amber2:#c47a18;--amber-dim:#3a2800;--amber-glow:rgba(240,160,48,0.12);
  --text:#c4b49a;--text2:#8a7a65;--text3:#5a5040;--text4:#3a3428;
  --danger:#c0392b;--success:#2d8a55;--info:#2d6a9a;
  --radius:2px;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Share Tech Mono',monospace;overflow-x:hidden;line-height:1.6;}

body::before{
  content:'';position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events:none;z-index:1000;opacity:0.35;
}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s;}
nav.scrolled{background:rgba(12,11,10,0.96);border-bottom:1px solid var(--border);backdrop-filter:blur(8px);}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:8px;color:var(--amber);text-decoration:none;}
.nav-links{display:flex;align-items:center;gap:24px;}
.nav-link{font-size:9px;letter-spacing:3px;color:var(--text3);text-decoration:none;text-transform:uppercase;transition:color 0.2s;}
.nav-link:hover,.nav-link.active{color:var(--text);}
.nav-btn{font-size:9px;letter-spacing:3px;padding:7px 16px;border:1px solid var(--border);color:var(--text3);text-decoration:none;text-transform:uppercase;background:transparent;cursor:pointer;font-family:'Share Tech Mono',monospace;transition:all 0.15s;}
.nav-btn:hover{border-color:var(--text3);color:var(--text);}
.nav-btn.primary{border-color:var(--amber);color:var(--amber);}
.nav-btn.primary:hover{background:var(--amber);color:var(--bg);}

/* Footer */
footer{padding:48px 40px 32px;border-top:1px solid var(--border);margin-top:80px;}
.footer-inner{max-width:1100px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-brand .nav-logo{display:block;margin-bottom:12px;}
.footer-tagline{font-size:11px;color:var(--text3);line-height:1.7;max-width:220px;}
.footer-col-title{font-size:9px;letter-spacing:3px;color:var(--text3);text-transform:uppercase;margin-bottom:14px;}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:8px;}
.footer-links a{font-size:11px;color:var(--text3);text-decoration:none;transition:color 0.2s;}
.footer-links a:hover{color:var(--text);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:9px;color:var(--text4);letter-spacing:1px;}
.footer-legal{display:flex;gap:20px;}
.footer-legal a{font-size:9px;color:var(--text4);text-decoration:none;transition:color 0.2s;}
.footer-legal a:hover{color:var(--text3);}

/* Page layouts */
.page{padding-top:80px;}
.container{max-width:1100px;margin:0 auto;padding:0 40px;}
.section{padding:80px 0;}
.section-sm{padding:48px 0;}

/* Typography */
.eyebrow{font-size:9px;letter-spacing:5px;color:var(--text3);text-transform:uppercase;margin-bottom:16px;}
.display{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,100px);letter-spacing:8px;color:var(--amber);line-height:0.95;}
.headline{font-family:'DM Serif Display',serif;font-size:clamp(28px,4vw,52px);color:var(--text);line-height:1.1;margin-bottom:20px;}
.headline em{font-style:italic;color:var(--amber);}
.subhead{font-family:'DM Serif Display',serif;font-size:clamp(20px,3vw,32px);color:var(--text);line-height:1.2;margin-bottom:16px;}
.body-lg{font-size:15px;color:var(--text2);line-height:1.9;max-width:640px;}
.body-sm{font-size:12px;color:var(--text2);line-height:1.8;}
.mono-label{font-size:9px;letter-spacing:3px;color:var(--text3);text-transform:uppercase;}

/* Buttons */
.btn{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:3px;padding:12px 32px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.15s;}
.btn-primary{background:var(--amber);color:var(--bg);}
.btn-primary:hover{background:var(--amber2);}
.btn-ghost{background:transparent;color:var(--amber);border:1px solid var(--amber);}
.btn-ghost:hover{background:var(--amber-dim);}
.btn-sm{font-size:12px;letter-spacing:2px;padding:8px 20px;}
.btn-dark{background:var(--surface);color:var(--text);border:1px solid var(--border);}
.btn-dark:hover{border-color:var(--amber);color:var(--amber);}

/* Cards */
.card{background:var(--surface);border:1px solid var(--border);padding:28px;}
.card-sm{background:var(--surface);border:1px solid var(--border);padding:20px;}
.card:hover{border-color:var(--border2);}

/* Grid */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;}
.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);}

/* Divider */
.divider{height:1px;background:var(--border);margin:0;}

/* Forms */
.form-group{margin-bottom:20px;}
.form-label{display:block;font-size:9px;letter-spacing:3px;color:var(--text3);text-transform:uppercase;margin-bottom:6px;}
.form-input{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:'Share Tech Mono',monospace;font-size:13px;padding:10px 14px;outline:none;transition:border-color 0.2s;}
.form-input:focus{border-color:var(--amber);}
.form-input::placeholder{color:var(--text3);}
textarea.form-input{resize:vertical;min-height:120px;line-height:1.6;}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a5040' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}

/* Badge */
.badge{font-size:8px;letter-spacing:2px;padding:3px 10px;text-transform:uppercase;display:inline-block;}
.badge-amber{background:var(--amber-dim);color:var(--amber);border:1px solid var(--amber2);}
.badge-success{background:rgba(45,138,85,0.15);color:#4aaa6a;border:1px solid rgba(45,138,85,0.3);}
.badge-muted{background:var(--surface2);color:var(--text3);border:1px solid var(--border);}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s,transform 0.6s;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* Scrollbar */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border2);}

/* Responsive */
@media(max-width:768px){
  nav{padding:14px 20px;}
  .nav-links .nav-link{display:none;}
  .container{padding:0 20px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .grid-5{grid-template-columns:1fr 1fr;}
  .section{padding:48px 0;}
}