*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0a0a0a;--bg2:#111111;--bg3:#161616;
  --border:rgba(255,255,255,0.08);--border2:rgba(255,255,255,0.15);
  --text:#e8e6e0;--muted:#888880;
  --accent:#c8ff00;--accent2:#ff6b2b;
  --mono:'DM Mono',monospace;--display:'Bebas Neue',sans-serif;--body:'DM Sans',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;height:64px;background:rgba(10,10,10,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}

.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-logo-mark{width:32px;height:32px}
.nav-logo-text{font-family:var(--display);font-size:26px;letter-spacing:0.12em;color:var(--accent)}

.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-family:var(--mono);font-size:12px;color:var(--muted);text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;transition:color 0.2s}
.nav-links a:hover{color:var(--text)}
.nav-cta{font-family:var(--mono);font-size:12px;color:var(--bg);background:var(--accent);border:none;padding:10px 20px;cursor:pointer;letter-spacing:0.06em;text-transform:uppercase;transition:opacity 0.2s}
.nav-cta:hover{opacity:0.85}

section{padding:7rem 3rem}

.hero{min-height:100vh;display:flex;align-items:flex-end;padding:0 3rem 5rem;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}

#hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0.6}

.hero-content{position:relative;z-index:2;max-width:900px}
.hero-tag{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}
.hero-tag::before{content:'';display:block;width:24px;height:1px;background:var(--accent)}
h1{font-family:var(--display);font-size:clamp(64px,9vw,130px);line-height:0.92;letter-spacing:0.01em;margin-bottom:2rem;color:var(--text)}
h1 span{color:var(--accent)}
.hero-sub{font-size:18px;font-weight:300;color:var(--muted);max-width:560px;line-height:1.7;margin-bottom:3rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primary{font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;background:var(--accent);color:var(--bg);border:none;padding:16px 32px;cursor:pointer;transition:opacity 0.2s}
.btn-primary:hover{opacity:0.85}
.btn-outline{font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;background:transparent;color:var(--text);border:1px solid var(--border2);padding:16px 32px;cursor:pointer;transition:border-color 0.2s}
.btn-outline:hover{border-color:var(--text)}
.hero-stats{position:absolute;right:3rem;bottom:5rem;display:flex;flex-direction:column;gap:2rem;text-align:right;z-index:2}
.stat-num{font-family:var(--display);font-size:42px;color:var(--accent);line-height:1}
.hero-stat-verified{font-size:28px;line-height:1.1}
.stat-label{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase}

.section-label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:3rem;display:flex;align-items:center;gap:1rem}
.section-label::after{content:'';flex:1;height:1px;background:var(--border);max-width:200px}
h2{font-family:var(--display);font-size:clamp(36px,5vw,72px);line-height:0.95;letter-spacing:0.02em;margin-bottom:1.5rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.section-copy{color:var(--muted);max-width:620px;margin-top:1rem;font-size:15px;font-weight:300}
.section-copy-narrow{max-width:560px}
.button-offset{margin-top:2rem}

.problem-section{background:var(--bg2)}
.problem-list{list-style:none;display:flex;flex-direction:column;gap:0}
.problem-item{padding:1.5rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:48px 1fr;gap:1.5rem;align-items:start}
.problem-num{font-family:var(--mono);font-size:11px;color:var(--muted);padding-top:3px}
.problem-title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:0.4rem}
.problem-desc{font-size:14px;color:var(--muted);line-height:1.6}

.solutions-section{background:var(--bg)}
.solution-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.solution-card{background:var(--bg);padding:2.5rem;transition:background 0.2s}
.solution-card:hover{background:var(--bg3)}
.solution-tag{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:1.5rem}
.solution-tag.development{color:var(--accent2)}
.solution-title{font-family:var(--display);font-size:28px;letter-spacing:0.03em;margin-bottom:1rem;line-height:1}
.solution-desc{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:1.5rem}
.solution-specs{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
.solution-specs li{font-family:var(--mono);font-size:12px;color:var(--muted);padding-left:1rem;position:relative}
.solution-specs li::before{content:'—';position:absolute;left:0;color:var(--accent)}

.field-section{background:var(--bg2)}
.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.field-grid.flush{margin-top:0}
.field-card{background:var(--bg2);padding:2rem}
.field-icon{width:32px;height:32px;background:rgba(200,255,0,0.08);border:1px solid rgba(200,255,0,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.field-icon svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:1.5}
.field-title{font-size:14px;font-weight:500;margin-bottom:0.5rem;color:var(--text)}
.field-desc{font-size:13px;color:var(--muted);line-height:1.6}
.field-copy{color:var(--muted);margin-top:1.5rem;font-size:15px;font-weight:300;line-height:1.8}
.field-copy.secondary{margin-top:1rem}

.engage-section{background:var(--bg)}
.forms-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.form-panel{background:var(--bg);padding:3rem}
.form-panel.named{background:var(--bg3)}
.form-label-tag{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:0.5rem;color:var(--muted)}
.form-label-tag.anon{color:var(--accent)}
.form-label-tag.named-tag{color:var(--accent2)}
.form-title{font-family:var(--display);font-size:32px;letter-spacing:0.03em;margin-bottom:0.75rem}
.form-note{font-size:13px;color:var(--muted);margin-bottom:2rem;line-height:1.6}
.field-group{margin-bottom:1.25rem}
.field-group label{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.4rem}
.field-group select,.field-group input,.field-group textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text);padding:10px 14px;font-family:var(--body);font-size:14px;outline:none;transition:border-color 0.2s;appearance:none}
.field-group select:focus,.field-group input:focus,.field-group textarea:focus{border-color:var(--border2)}
.field-group select option{background:var(--bg3);color:var(--text)}
.field-group textarea{resize:vertical;min-height:80px}
.hp-field{position:absolute;left:-100vw;width:1px;height:1px;overflow:hidden}
.optional-tag{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:0.08em;text-transform:uppercase;margin-left:6px;opacity:0.6}
.submit-btn{width:100%;padding:14px;font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border:none;margin-top:0.5rem;transition:opacity 0.2s}
.submit-anon{background:var(--accent);color:var(--bg)}
.submit-named{background:var(--accent2);color:var(--text)}
.submit-btn:hover{opacity:0.85}
.submit-btn:disabled{cursor:wait;opacity:0.7}
.anon-note{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.6;margin-top:1rem;padding:1rem;border:1px solid var(--border)}

.about-section{background:var(--bg2)}
.about-body{font-size:16px;font-weight:300;color:var(--muted);line-height:1.8}
.about-body.spaced{margin-top:2rem}
.about-body p+p{margin-top:1.25rem}
.about-body strong{color:var(--text);font-weight:400}
.tech-note{border:1px solid var(--border);border-left:3px solid var(--accent2);padding:1.5rem 2rem;margin-top:2rem}
.tech-note-label{font-family:var(--mono);font-size:10px;color:var(--accent2);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:0.75rem}
.tech-note-text{font-size:14px;color:var(--muted);line-height:1.7}
.about-specs{display:flex;flex-direction:column;gap:0}
.spec-row{display:flex;justify-content:space-between;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--border)}
.spec-key{font-family:var(--mono);font-size:12px;color:var(--muted)}
.spec-val{font-family:var(--mono);font-size:12px;color:var(--text)}
.spec-val.accent{color:var(--accent)}
.spec-val.development{color:var(--accent2)}

.performance-table-wrap{margin-top:2rem}
.performance-label{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:1rem}
.performance-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}
.performance-table th{text-align:left;padding:8px 12px;background:rgba(200,255,0,0.06);border:1px solid var(--border);color:var(--muted);font-weight:400;letter-spacing:0.06em}
.performance-table th:last-child{text-align:right}
.performance-table td{padding:7px 12px;border:1px solid var(--border);color:var(--text)}
.performance-table td:last-child{color:var(--accent);text-align:right}
.performance-table tr:nth-child(even) td{background:rgba(255,255,255,0.01)}
.performance-note{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:0.75rem;letter-spacing:0.04em}

footer{border-top:1px solid var(--border);padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between}
.footer-logo{display:flex;align-items:center;gap:10px}
.footer-logo-text{font-family:var(--display);font-size:20px;color:var(--accent);letter-spacing:0.1em}
.footer-note{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:0.06em}

.success-msg{display:none;padding:1rem;background:rgba(200,255,0,0.06);border:1px solid rgba(200,255,0,0.2);font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:0.06em;margin-top:1rem;text-align:center;line-height:1.6}
.success-msg.is-visible{display:block}
.success-msg.named-success{border-color:rgba(255,107,43,0.3);background:rgba(255,107,43,0.05);color:var(--accent2)}
.success-msg.error{border-color:rgba(255,107,43,0.35);background:rgba(255,107,43,0.07);color:var(--accent2)}

@media(max-width:768px){
  nav{padding:0 1.5rem}
  .nav-links{display:none}
  section{padding:4rem 1.5rem}
  .hero{padding:0 1.5rem 4rem}
  .hero-stats{display:none}
  .two-col,.forms-grid{grid-template-columns:1fr;gap:2rem}
}