:root { color-scheme: dark; --bg:#0b0a0f; --panel:#15131d; --text:#f7f3ed; --muted:#aaa4b0; --line:rgba(255,255,255,.13); --gold:#e9be7a; --blue:#9bc9ff; --lilac:#c7b5ff; --pink:#ff9fca; --green:#9fe3bd; }
* { box-sizing:border-box; } html { scroll-behaviour:smooth; } body { margin:0; font-family:Inter,ui-sans-serif,system-ui,sans-serif; color:var(--text); background:radial-gradient(circle at 80% 0%,#252032 0,transparent 34rem),var(--bg); } a { color:inherit; } .sales-nav { max-width:1180px; margin:auto; padding:25px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; } .wordmark { font-weight:800; letter-spacing:.14em; text-decoration:none; } nav { display:flex; align-items:center; gap:24px; font-size:.86rem; color:var(--muted); } nav a { text-decoration:none; } .nav-cta,.primary { color:#17131a; background:var(--gold); border-radius:999px; padding:12px 18px; font-weight:700; } .sales-hero,.systems-section,.process-section,.contact-section { max-width:1180px; margin:auto; padding:100px 28px; } .sales-hero { min-height:650px; display:flex; flex-direction:column; justify-content:center; } .eyebrow { margin:0 0 14px; color:var(--gold); font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; } h1,h2,h3,p { margin-top:0; } h1 { max-width:850px; margin-bottom:25px; font-size:clamp(3.2rem,8vw,7.4rem); line-height:.94; letter-spacing:-.07em; } h1 em { color:var(--gold); font-style:normal; } h2 { max-width:650px; font-size:clamp(2rem,4vw,4rem); line-height:1; letter-spacing:-.05em; } .hero-copy { max-width:620px; color:var(--muted); font-size:1.12rem; line-height:1.65; } .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; } .primary,.secondary { display:inline-block; text-decoration:none; border:1px solid var(--gold); cursor:pointer; } .secondary { padding:12px 18px; border-radius:999px; color:var(--text); } .truth { color:#77717e; font-size:.75rem; } .section-head { margin-bottom:32px; } .system-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:14px; } .system-card { grid-column:span 4; min-height:250px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:24px; text-decoration:none; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); transition:transform .2s,border-color .2s; } .system-card:hover { transform:translateY(-5px); border-color:currentColor; } .system-card:nth-child(4),.system-card:nth-child(5) { grid-column:span 6; } .system-card span { font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .system-card h3 { margin:30px 0 8px; font-size:1.45rem; } .system-card p { min-height:48px; color:var(--muted); line-height:1.5; } .system-card b { font-size:.8rem; } .accent-gold{color:var(--gold)} .accent-blue{color:var(--blue)} .accent-lilac{color:var(--lilac)} .accent-pink{color:var(--pink)} .accent-green{color:var(--green)} .process-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; border-top:1px solid var(--line); } .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .steps article { padding:20px 0; border-top:1px solid var(--line); } .steps strong { color:var(--gold); } .steps h3 { margin-top:40px; } .steps p,.contact-section p { color:var(--muted); line-height:1.5; } .contact-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; border-top:1px solid var(--line); } form { display:grid; grid-template-columns:1fr 1fr; gap:14px; } label { display:grid; gap:7px; color:var(--muted); font-size:.82rem; } input,select,textarea { width:100%; padding:13px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:rgba(255,255,255,.06); font:inherit; } textarea { min-height:130px; resize:vertical; } .wide { grid-column:1/-1; } form .primary { justify-self:start; border:0; font:inherit; } #salesLeadStatus { align-self:center; color:var(--gold); font-size:.8rem; } footer { max-width:1180px; margin:auto; padding:28px; display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); color:#77717e; font-size:.75rem; } @media(max-width:760px) { .sales-nav { align-items:flex-start; flex-direction:column; } nav { flex-wrap:wrap; gap:12px; } .sales-hero,.systems-section,.process-section,.contact-section { padding:70px 20px; } h1 { font-size:3.7rem; } .system-card,.system-card:nth-child(4),.system-card:nth-child(5) { grid-column:1/-1; } .process-section,.contact-section { display:block; } .steps { margin-top:35px; grid-template-columns:1fr; } form { grid-template-columns:1fr; } .wide { grid-column:auto; } footer { margin:0 20px; padding:22px 0; flex-direction:column; } }