/* AXON marketing site kit — shared styles */
:root{
  --bg:#0F1015; --bg2:#0A0B0F; --surface:#1A1D24; --elev:#2A2D36;
  --gold:#C9B37A; --gold-deep:#8A7A52; --gold-dim:#5C5238;
  --fg:#F5F7F9; --fg2:#BEC2CC;
  --max:1080px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.6;}
a{color:var(--gold);text-decoration:none;transition:color 200ms ease-out;}
a:hover{color:var(--gold-deep);}
button{font-family:inherit;cursor:pointer;border:none;}
.container{max-width:var(--max);margin:0 auto;padding:0 40px;}

/* Nav */
.ax-nav{position:sticky;top:0;z-index:100;background:rgba(15,16,21,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #1A1D24;}
.ax-nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px;max-width:var(--max);margin:0 auto;padding:0 40px;}
.ax-nav-logo{font-size:16px;font-weight:700;color:var(--gold);letter-spacing:-0.01em;}
.ax-nav-links{display:flex;gap:32px;list-style:none;}
.ax-nav-links a{font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--fg2);}
.ax-nav-links a:hover{color:var(--gold);}
.ax-nav-cta{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:8px 18px;background:var(--gold);color:var(--bg);}

/* Buttons */
.ax-btn{display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:14px 30px;border:none;cursor:pointer;transition:background 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out;font-family:inherit;}
.ax-btn-primary{background:var(--gold);color:var(--bg);}
.ax-btn-primary:hover{background:var(--gold-deep);}
.ax-btn-secondary{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:13px 29px;}
.ax-btn-secondary:hover{background:#1A1D24;}
.ax-btn-ghost{background:transparent;color:var(--fg2);border:1px solid var(--elev);padding:13px 29px;}
.ax-btn-ghost:hover{color:var(--gold);border-color:var(--gold);}

/* Eyebrow / labels */
.ax-eyebrow{font-size:10px;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);font-weight:700;}
.ax-label{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-dim);font-weight:700;}

/* Sections */
.ax-section{padding:100px 0;border-bottom:1px solid #1A1D24;}
.ax-section.alt{background:var(--bg2);}
.ax-section-title{font-size:42px;font-weight:700;letter-spacing:-0.02em;line-height:1.1;color:var(--fg);margin-bottom:48px;}
.ax-section-intro{font-size:17px;color:var(--fg2);max-width:680px;line-height:1.75;margin-bottom:56px;}

/* Cards */
.ax-card{background:var(--surface);padding:36px 32px;}
.ax-card.gold{background:var(--gold);color:var(--bg);}
.ax-card.gold .ax-card-h{color:var(--bg);}
.ax-card.gold .ax-card-b{color:rgba(15,16,21,0.7);}
.ax-card.gold .ax-eyebrow{color:rgba(15,16,21,0.55);}
.ax-card-h{font-size:20px;font-weight:700;color:var(--fg);margin:14px 0 10px;letter-spacing:-0.01em;line-height:1.25;}
.ax-card-b{font-size:13px;color:var(--fg2);line-height:1.8;}

/* Grid */
.ax-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;}
.ax-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.ax-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;}

/* Inputs */
.ax-input{background:var(--bg);border:1px solid var(--elev);color:var(--fg);font-family:inherit;font-size:14px;padding:14px 16px;width:100%;outline:none;transition:border-color 200ms ease-out;}
.ax-input:focus{border-color:var(--gold);}
.ax-input::placeholder{color:var(--fg2);}

/* Tags */
.ax-tag{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;padding:6px 12px;color:var(--gold);border:1px solid var(--gold);font-weight:700;}
.ax-tag.neutral{color:var(--fg2);border-color:var(--elev);}

/* Stat */
.ax-stat-num{font-size:48px;font-weight:700;color:var(--gold);letter-spacing:-0.02em;line-height:1;}
.ax-stat-lbl{font-size:11px;color:var(--fg2);letter-spacing:0.08em;margin-top:8px;}

/* Footer */
.ax-footer{padding:80px 0 40px;background:var(--bg);border-top:1px solid #1A1D24;}
.ax-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid #1A1D24;}
.ax-footer-logo{font-size:32px;font-weight:700;color:var(--gold);letter-spacing:-0.01em;}
.ax-footer h4{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:700;}
.ax-footer ul{list-style:none;}
.ax-footer ul li{margin-bottom:10px;}
.ax-footer ul a{font-size:13px;color:var(--fg2);}
.ax-footer-meta{display:flex;justify-content:space-between;padding-top:32px;font-size:11px;color:var(--gold-dim);letter-spacing:0.1em;text-transform:uppercase;}

/* Hero */
.ax-hero{position:relative;padding:140px 40px 100px;overflow:hidden;}
.ax-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle, rgba(201,179,122,0.07) 0%, transparent 60%);pointer-events:none;}
.ax-hero-inner{max-width:var(--max);margin:0 auto;position:relative;}
.ax-hero h1{font-size:88px;font-weight:700;letter-spacing:-0.03em;line-height:1.02;color:var(--fg);margin:32px 0 24px;}
.ax-hero h1 .gold{color:var(--gold);}
.ax-hero p{font-size:19px;color:var(--fg2);max-width:540px;line-height:1.7;margin-bottom:40px;}
.ax-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;}
.ax-hero-divider{width:60px;height:1px;background:var(--gold);margin:24px 0;}

/* Inline icon glyph */
.ax-icon{width:24px;height:24px;stroke:var(--gold);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;}
