:root {
  --primary: #4a1a44;
  --primary-light: #5e2258;
  --primary-dark: #361332;
  --accent: #d4a843;
  --accent-hover: #c49a38;
  --white: #ffffff;
  --light-gray: #f7f8fa;
  --medium-gray: #e0e0e0;
  --text-dark: #222222;
  --text-muted: #555555;
  --shadow: 0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --radius: 8px;
  --radius-lg: 12px;
  --transition: 0.3s ease;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --max-width: 1100px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--font); color:var(--text-dark); line-height:1.6; background:var(--white); }
img { max-width:100%; height:auto; display:block; }
a { color:var(--accent); text-decoration:none; transition:color var(--transition); }
a:hover { color:var(--accent-hover); }
ul { list-style:none; }
h1,h2,h3,h4 { line-height:1.2; font-weight:700; color:var(--primary); }
h1 { font-size:2.6rem; } h2 { font-size:2rem; } h3 { font-size:1.3rem; }
p { margin-bottom:1rem; }
.container { width:100%; max-width:var(--max-width); margin:0 auto; padding:0 20px; }

/* Nav */
.nav { position:sticky; top:0; z-index:1000; background:var(--primary); box-shadow:var(--shadow); }
.nav__inner { display:flex; align-items:center; justify-content:space-between; height:64px; }
.nav__logo { font-size:1.15rem; font-weight:800; color:var(--white); white-space:nowrap; }
.nav__right { display:flex; gap:16px; align-items:center; }
.nav__phone { color:var(--accent) !important; font-weight:600; font-size:0.95rem; }
.nav__cta { background:var(--accent); color:var(--primary) !important; padding:8px 18px; border-radius:var(--radius); font-weight:700; font-size:0.9rem; transition:background var(--transition); }
.nav__cta:hover { background:var(--accent-hover); }

/* Hero */
.hero { background:var(--primary); color:var(--white); padding:80px 0 70px; text-align:center; }
.hero__content { max-width:700px; margin:0 auto; }
.hero h1 { color:var(--white); margin-bottom:20px; }
.hero h1 span { color:var(--accent); }
.hero p { font-size:1.15rem; color:rgba(255,255,255,0.85); margin-bottom:28px; }

/* Buttons */
.cta-button { display:inline-block; background:var(--accent); color:var(--primary); padding:15px 32px; border-radius:var(--radius); font-size:1.05rem; font-weight:700; border:none; cursor:pointer; transition:background var(--transition), transform var(--transition); }
.cta-button:hover { background:var(--accent-hover); color:var(--primary); transform:translateY(-2px); }
.cta-button:disabled { opacity:0.6; cursor:not-allowed; transform:none; }

/* Stats Bar */
.stats-bar { background:var(--primary-light); padding:16px 0; }
.stats-bar__inner { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 36px; }
.stats-bar__item { color:var(--white); font-size:0.95rem; font-weight:600; white-space:nowrap; }
.stats-bar__item span { color:var(--accent); font-weight:800; }

/* Sections */
.section { padding:70px 0; }
.section--alt { background:var(--light-gray); }
.section__header { text-align:center; margin-bottom:45px; }
.section__header h2 { margin-bottom:10px; }
.section__header p { color:var(--text-muted); font-size:1.05rem; max-width:550px; margin:0 auto; }

/* Steps */
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.step-card { text-align:center; padding:35px 25px; background:var(--white); border-radius:var(--radius-lg); box-shadow:var(--shadow); }
.step-card__number { display:inline-block; background:var(--accent); color:var(--primary); width:36px; height:36px; line-height:36px; border-radius:50%; font-weight:800; margin-bottom:14px; }
.step-card h3 { margin-bottom:8px; }
.step-card p { color:var(--text-muted); font-size:0.93rem; margin-bottom:0; }

/* Features */
.features { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.feature-card { padding:30px; background:var(--white); border-radius:var(--radius-lg); box-shadow:var(--shadow); border-left:4px solid var(--accent); }
.feature-card h3 { margin-bottom:8px; }
.feature-card p { color:var(--text-muted); font-size:0.93rem; margin-bottom:0; }

/* Situations */
.situations { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.situations__item { background:var(--white); padding:12px 22px; border-radius:50px; font-weight:600; font-size:0.9rem; box-shadow:var(--shadow); color:var(--primary); }

/* CTA Section */
.cta-section { background:var(--primary); color:var(--white); text-align:center; padding:70px 0; }
.cta-section h2 { color:var(--white); margin-bottom:14px; }
.cta-section p { color:rgba(255,255,255,0.85); margin-bottom:24px; }
.cta-section__phone { margin-top:16px; font-size:1.05rem; }
.cta-section__phone a { color:var(--accent); font-weight:700; }

/* Form */
.form-wrapper { max-width:680px; margin:0 auto; background:var(--white); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); padding:40px; }
.seller-form label { display:block; font-weight:600; margin-bottom:6px; font-size:0.93rem; color:var(--text-dark); }
.seller-form .req { color:#e53e3e; }
.seller-form input, .seller-form select, .seller-form textarea { width:100%; padding:12px 14px; border:2px solid var(--medium-gray); border-radius:var(--radius); font-size:1rem; font-family:var(--font); transition:border-color var(--transition); }
.seller-form input:focus, .seller-form select:focus, .seller-form textarea:focus { outline:none; border-color:var(--accent); }
.seller-form textarea { resize:vertical; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; }
.form-group--full { grid-column:1 / -1; }
.form-submit { text-align:center; margin-top:10px; }
.form-submit .cta-button { width:100%; padding:16px; font-size:1.1rem; }
.form-disclaimer { font-size:0.82rem; color:var(--text-muted); margin-top:12px; margin-bottom:0; }
.form-status { text-align:center; margin-top:16px; padding:12px; border-radius:var(--radius); }
.form-status.error { background:#fff5f5; color:#c53030; border:1px solid #feb2b2; }
.form-success { text-align:center; padding:50px 20px; }
.form-success__icon { width:70px; height:70px; line-height:70px; border-radius:50%; background:#38a169; color:white; font-size:2rem; margin:0 auto 20px; }
.form-success h3 { font-size:1.6rem; margin-bottom:12px; color:#38a169; }
.form-success p { color:var(--text-muted); }
.form-success a { color:var(--accent); font-weight:700; }

/* FAQ */
.faq-section { max-width:700px; margin:0 auto; }
.faq-item { border:1px solid var(--medium-gray); border-radius:var(--radius); margin-bottom:10px; overflow:hidden; }
.faq-item summary { padding:16px 20px; font-weight:600; cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; }
.faq-item summary::after { content:'+'; font-size:1.3rem; font-weight:300; color:var(--text-muted); }
.faq-item[open] summary::after { content:'−'; }
.faq-item__answer { padding:0 20px 16px; }
.faq-item__answer p { color:var(--text-muted); margin-bottom:0; }

/* Footer */
.footer { background:var(--primary-dark); color:rgba(255,255,255,0.8); padding:50px 0 0; }
.footer__inner { display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.footer__brand h3 { color:var(--white); margin-bottom:10px; }
.footer__brand p { max-width:350px; }
.footer__contact h4 { color:var(--white); margin-bottom:10px; }
.footer__contact a { color:var(--accent); }
.footer__bottom { border-top:1px solid rgba(255,255,255,0.1); margin-top:30px; padding:20px 0; text-align:center; font-size:0.85rem; }

/* Responsive */
@media (max-width: 768px) {
  h1 { font-size:2rem; }
  h2 { font-size:1.6rem; }
  .hero { padding:50px 0 40px; }
  .steps { grid-template-columns:1fr; }
  .features { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .nav__right { gap:10px; }
  .nav__phone { display:none; }
  .footer__inner { flex-direction:column; gap:24px; }
}

@media (max-width: 480px) {
  .form-wrapper { padding:24px 16px; }
  .stats-bar__inner { gap:8px 20px; }
  .nav__logo { font-size:1rem; }
}