:root {
  --ink: #171c22;
  --muted: #68727d;
  --line: #e6e9ec;
  --paper: #ffffff;
  --soft: #f5f7f8;
  --lime: #a3ff12;
  --lime-dark: #78bd00;
  --radius: 20px;
  --shadow: 0 18px 50px rgba(23,28,34,.08);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font:inherit; }
.container { width:min(1140px, calc(100% - 40px)); margin:auto; }
header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.92); backdrop-filter:blur(16px); border-bottom:1px solid rgba(230,233,236,.85); }
.nav { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:10px; font-size:25px; font-weight:850; letter-spacing:-1.5px; }
.brand-mark { width:32px; height:32px; }
.nav-links { display:flex; align-items:center; gap:28px; color:#4f5963; font-size:14px; font-weight:600; }
.nav-links a:hover { color:#111; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid var(--ink); border-radius:999px; padding:13px 20px; background:var(--ink); color:#fff; font-weight:700; font-size:14px; transition:.2s ease; cursor:pointer; }
.btn:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(23,28,34,.15); }
.btn-lime { background:var(--lime); border-color:var(--lime); color:#111; }
.btn-lime:hover { background:#b5ff42; }
.btn-outline { background:transparent; color:var(--ink); }
.menu-toggle { display:none; border:0; background:none; font-size:25px; }
.hero { padding:92px 0 78px; background:radial-gradient(circle at 85% 20%, rgba(163,255,18,.14), transparent 28%), linear-gradient(180deg,#fbfcfc,#fff); overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:56px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:#59636d; font-size:12px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
.eyebrow:before { content:""; width:22px; height:3px; background:var(--lime-dark); border-radius:3px; }
h1 { margin:20px 0; max-width:700px; font-size:clamp(43px,6vw,70px); line-height:1.02; letter-spacing:-4px; font-weight:850; }
h1 span { background:linear-gradient(100deg,#83ce00,#b2ff38); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lead { max-width:590px; color:var(--muted); font-size:18px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.note { color:#7a838c; font-size:12px; margin-top:18px; }
.dashboard { position:relative; padding:22px; border:1px solid #252c33; border-radius:26px; color:#fff; background:linear-gradient(145deg,#202830,#101419); box-shadow:0 28px 65px rgba(20,27,34,.2); transform:rotate(1deg); }
.dash-top { display:flex; align-items:center; justify-content:space-between; color:#bfc7cf; font-size:12px; }
.dash-title { margin:22px 0 4px; font-weight:750; font-size:17px; }
.dash-sub { color:#9da7b1; font-size:12px; }
.chart { height:180px; width:100%; margin-top:15px; }
.chart-grid { stroke:#39434d; stroke-width:1; stroke-dasharray:4 6; }
.chart-line { fill:none; stroke:var(--lime); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px; }
.stat { padding:13px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); border-radius:14px; }
.stat strong { display:block; font-size:21px; }
.stat small { color:#aab4bd; font-size:10px; }
.stat em { color:var(--lime); font-style:normal; font-size:11px; }
.trust { padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.trust-item { display:flex; gap:12px; align-items:center; }
.trust-icon { display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:13px; background:var(--soft); font-size:20px; }
.trust-item strong { display:block; font-size:13px; }
.trust-item small { display:block; color:var(--muted); font-size:11px; }
section { padding:86px 0; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.kicker { color:#7ab900; font-size:12px; font-weight:850; letter-spacing:1.5px; text-transform:uppercase; }
h2 { margin:8px 0 0; font-size:clamp(30px,4vw,43px); letter-spacing:-2px; line-height:1.1; }
.section-desc { max-width:420px; color:var(--muted); margin:0; }
.cards { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.card { padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; transition:.2s ease; }
.card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.card-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:#f0f6e7; font-size:22px; }
.card h3 { margin:20px 0 8px; font-size:17px; }
.card p { margin:0; color:var(--muted); font-size:14px; }
.soft-section { background:var(--soft); }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; counter-reset:step; }
.step { padding:24px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); }
.step:before { counter-increment:step; content:"0" counter(step); display:block; margin-bottom:24px; color:#82c600; font-size:13px; font-weight:850; letter-spacing:1px; }
.step h3 { margin:0 0 8px; font-size:17px; }
.step p { margin:0; color:var(--muted); font-size:14px; }
.pricing { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.price-card { position:relative; padding:28px; border:1px solid var(--line); border-radius:22px; background:#fff; }
.price-card.featured { border:2px solid var(--lime-dark); box-shadow:var(--shadow); }
.popular { position:absolute; top:17px; right:17px; padding:5px 9px; border-radius:99px; background:#effbdc; color:#527e00; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.7px; }
.price-name { font-weight:800; font-size:18px; }
.price { margin:16px 0 4px; font-size:43px; font-weight:850; letter-spacing:-2px; }
.price span { font-size:13px; color:var(--muted); font-weight:500; letter-spacing:0; }
.price-card p { color:var(--muted); font-size:13px; min-height:40px; }
.features { list-style:none; padding:0; margin:22px 0 26px; }
.features li { padding:8px 0; border-bottom:1px solid #f0f1f2; color:#4e5862; font-size:13px; }
.features li:before { content:"✓"; color:#76b900; font-weight:900; margin-right:10px; }
.price-card .btn { width:100%; }
.disclaimer { margin-top:18px; color:#77818a; font-size:12px; }
.cta { padding:44px; border-radius:26px; color:#fff; background:radial-gradient(circle at 80% 30%,rgba(163,255,18,.22),transparent 30%),#171c22; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.cta h2 { max-width:600px; color:#fff; }
.cta p { color:#c1c8ce; margin-bottom:0; }
.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; align-items:start; }
.contact-copy p { color:var(--muted); }
.form { padding:28px; border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.field { display:flex; flex-direction:column; gap:7px; }
.field.full { grid-column:1/-1; }
label { font-size:12px; font-weight:750; }
input, select, textarea { width:100%; border:1px solid #dce1e5; border-radius:11px; padding:12px 13px; background:#fff; color:var(--ink); outline:none; }
input:focus,select:focus,textarea:focus { border-color:#8bc900; box-shadow:0 0 0 3px rgba(163,255,18,.17); }
textarea { min-height:105px; resize:vertical; }
.form small { display:block; color:#7b858e; font-size:11px; margin-top:12px; }
footer { padding:34px 0; border-top:1px solid var(--line); }
.footer-row { display:flex; justify-content:space-between; gap:20px; align-items:center; color:var(--muted); font-size:12px; }
.footer-links { display:flex; gap:20px; }
@media(max-width:900px) {
 .hero-grid { grid-template-columns:1fr; gap:42px; }
 .dashboard { max-width:650px; transform:none; }
 .cards { grid-template-columns:repeat(2,1fr); }
 .trust-grid { grid-template-columns:repeat(2,1fr); }
 .steps { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:650px) {
 .container { width:min(100% - 30px,1140px); }
 .nav { min-height:68px; }
 .menu-toggle { display:block; }
 .nav-links { display:none; position:absolute; top:68px; left:0; right:0; padding:20px; background:#fff; border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; gap:17px; }
 .nav-links.open { display:flex; }
 .nav > .btn { display:none; }
 .hero { padding:65px 0 55px; }
 h1 { letter-spacing:-2.5px; }
 .lead { font-size:16px; }
 section { padding:65px 0; }
 .section-head { display:block; }
 .section-desc { margin-top:14px; }
 .cards,.pricing,.steps { grid-template-columns:1fr; }
 .trust-grid { grid-template-columns:1fr 1fr; gap:18px 10px; }
 .trust-item { align-items:flex-start; }
 .trust-icon { width:36px; height:36px; }
 .stat-grid { gap:6px; }
 .stat { padding:9px; }
 .stat strong { font-size:17px; }
 .cta { padding:28px; flex-direction:column; align-items:flex-start; }
 .contact-grid { grid-template-columns:1fr; gap:25px; }
 .form-grid { grid-template-columns:1fr; }
 .field.full { grid-column:auto; }
 .footer-row { flex-direction:column; align-items:flex-start; }
}


/* Contact form submission feedback */
.form-status {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 650;
}
.form-status.success {
  color: #285400;
  background: #f0f9e5;
  border: 1px solid #cce9a8;
}
.form-status.error {
  color: #8b2424;
  background: #fff1f1;
  border: 1px solid #f1c7c7;
}
.form button[disabled] {
  opacity: .65;
  cursor: wait;
  transform: none;
}