#sales-page {
  --sales-bg:#070a0e;
  --sales-panel:#11171e;
  --sales-panel-2:#171f28;
  --sales-line:#293540;
  --sales-text:#f7f4ee;
  --sales-muted:#a8b2bc;
  --sales-gold:#e6b96e;
  --sales-gold-2:#f3cf91;
  --sales-green:#76d5ad;
  min-height:100dvh;
  overflow:hidden;
  color:var(--sales-text);
  background:
    radial-gradient(circle at 84% 2%,rgba(230,185,110,.16),transparent 29rem),
    radial-gradient(circle at 7% 22%,rgba(118,213,173,.06),transparent 25rem),
    linear-gradient(180deg,#06090d 0%,#0a1016 48%,#05080b 100%);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
#sales-page[hidden] { display:none !important; }
#sales-page * { box-sizing:border-box; }
#sales-page a { color:inherit; text-decoration:none; }
#sales-page .sales-wrap { width:min(1180px,calc(100% - 36px)); margin:0 auto; }
.sales-nav { position:sticky; z-index:30; top:0; border-bottom:1px solid rgba(255,255,255,.07); background:rgba(6,9,13,.82); backdrop-filter:blur(18px); }
.sales-nav-inner { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:72px; }
.sales-brand { display:flex; align-items:center; gap:11px; font-size:17px; font-weight:950; letter-spacing:-.03em; }
.sales-brand-mark { display:grid; place-items:center; width:37px; height:37px; border:1px solid rgba(243,207,145,.34); border-radius:12px; background:linear-gradient(145deg,#2a241a,#10151b); color:var(--sales-gold-2); box-shadow:0 10px 28px rgba(0,0,0,.3); }
.sales-brand-image { padding:4px; overflow:hidden; }
.sales-brand-image img { width:100%; height:100%; object-fit:contain; border-radius:inherit; }
.sales-nav-links,.sales-hero-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.sales-nav-link { padding:9px 11px; color:var(--sales-muted); font-size:12px; font-weight:750; }
.sales-login,.sales-buy { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:10px 16px; border-radius:999px; font-size:12px; font-weight:900; transition:.18s ease; }
.sales-login { border:1px solid var(--sales-line); background:rgba(255,255,255,.025); }
.sales-buy { border:1px solid transparent; background:linear-gradient(135deg,#c58e3b,#edc777); color:#171006 !important; box-shadow:0 14px 34px rgba(197,142,59,.2); }
.sales-login:hover,.sales-buy:hover { transform:translateY(-1px); filter:brightness(1.06); }
.sales-hero { position:relative; padding:74px 0 54px; }
.sales-hero-grid { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr); gap:50px; align-items:center; }
.sales-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 16px; color:var(--sales-gold-2); font-size:10px; font-weight:950; letter-spacing:.16em; text-transform:uppercase; }
.sales-kicker::before { width:22px; height:1px; background:currentColor; content:""; }
.sales-hero h1 { max-width:740px; margin:0; font-size:clamp(46px,6vw,80px); font-weight:650; line-height:.96; letter-spacing:-.06em; text-wrap:balance; }
.sales-hero h1 em { color:var(--sales-gold-2); font-family:Georgia,"Times New Roman",serif; font-style:italic; font-weight:500; }
.sales-hero-copy>p { max-width:620px; margin:22px 0 0; color:var(--sales-muted); font-size:clamp(15px,1.4vw,18px); line-height:1.7; }
.sales-hero-points { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.sales-hero-points span { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid var(--sales-line); border-radius:999px; color:#cbd2d8; background:rgba(255,255,255,.025); font-size:10px; font-weight:800; }
.sales-hero-points i,.sales-note i { color:var(--sales-green); }
.sales-hero-actions { margin-top:28px; }
.sales-hero-actions .sales-buy,.sales-hero-actions .sales-login { min-height:50px; padding:12px 19px; font-size:13px; }
.sales-note { display:flex; align-items:center; gap:9px; margin-top:16px; color:#87939d; font-size:11px; }
.sales-product { position:relative; padding:14px; }
.sales-product::before { position:absolute; inset:10% -10% -8% 4%; border-radius:50%; background:rgba(230,185,110,.12); filter:blur(72px); content:""; }
.sales-window { position:relative; overflow:hidden; border:1px solid #34424e; border-radius:25px; background:linear-gradient(145deg,#111820,#090d12); box-shadow:0 38px 90px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.04); }
.sales-window-top { display:flex; align-items:center; justify-content:space-between; height:48px; padding:0 16px; border-bottom:1px solid #25303a; color:#85919b; background:#0c1117; font-size:9px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.sales-dots { display:flex; gap:5px; }
.sales-dots i { width:7px; height:7px; border-radius:50%; background:#42505b; }
.sales-dots i:first-child { background:var(--sales-gold); }
.sales-dots i:last-child { background:var(--sales-green); }
.sales-demo { display:grid; gap:12px; min-height:372px; padding:25px; background:radial-gradient(circle at 72% 10%,rgba(230,185,110,.09),transparent 18rem); }
.sales-demo-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.sales-demo-head small,.sales-demo-head b { display:block; }
.sales-demo-head small { color:var(--sales-gold); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.sales-demo-head b { margin-top:4px; font-size:20px; }
.sales-demo-live { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid rgba(118,213,173,.3); border-radius:99px; color:#a5e5c9; background:rgba(118,213,173,.07); font-size:9px; font-weight:900; }
.sales-demo-live::before { width:7px; height:7px; border-radius:50%; background:var(--sales-green); box-shadow:0 0 0 4px rgba(118,213,173,.08); content:""; }
.sales-demo-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.sales-demo-kpis div,.sales-demo-source,.sales-demo-flow div { padding:12px; border:1px solid var(--sales-line); border-radius:13px; background:rgba(255,255,255,.025); }
.sales-demo-kpis small,.sales-demo-kpis b { display:block; }
.sales-demo-kpis small { color:#87939e; font-size:9px; }
.sales-demo-kpis b { margin-top:5px; font-size:18px; }
.sales-demo-source { display:flex; align-items:center; gap:11px; }
.sales-demo-source>i { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:var(--sales-gold-2); background:rgba(230,185,110,.1); }
.sales-demo-source b,.sales-demo-source small { display:block; }
.sales-demo-source small { margin-top:3px; color:#8f9aa4; font-size:10px; }
.sales-demo-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.sales-demo-flow div { position:relative; color:#aab4bd; font-size:10px; line-height:1.45; }
.sales-demo-flow b { display:block; margin-bottom:4px; color:#f5f2ec; font-size:11px; }
.sales-trust { border-block:1px solid #1e2831; background:#0a0f14; }
.sales-trust-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.sales-trust-item { min-width:0; padding:24px 22px; border-right:1px solid #1e2831; }
.sales-trust-item:last-child { border-right:0; }
.sales-trust-item i { color:var(--sales-gold); font-size:18px; }
.sales-trust-item b,.sales-trust-item span { display:block; }
.sales-trust-item b { margin-top:10px; font-size:13px; }
.sales-trust-item span { margin-top:5px; color:#8e9aa4; font-size:10px; line-height:1.5; }
.sales-section { padding:76px 0; }
.sales-section:nth-of-type(even) { background:rgba(255,255,255,.012); }
.sales-section-head { max-width:780px; margin-bottom:28px; }
.sales-section h2 { margin:0; font-size:clamp(31px,4vw,50px); line-height:1.03; letter-spacing:-.045em; text-wrap:balance; }
.sales-section-head>p,.sales-flow-copy>p,.sales-faq-intro>p { color:var(--sales-muted); line-height:1.65; }
.sales-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.sales-feature { min-width:0; padding:20px; border:1px solid var(--sales-line); border-radius:17px; background:linear-gradient(145deg,rgba(23,31,40,.9),rgba(12,17,23,.96)); }
.sales-feature i { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:var(--sales-gold-2); background:rgba(230,185,110,.09); }
.sales-feature h3 { margin:16px 0 0; font-size:15px; }
.sales-feature p { margin:7px 0 0; color:#909ca6; font-size:11px; line-height:1.55; }
.sales-flow { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:34px; padding:32px; border:1px solid var(--sales-line); border-radius:24px; background:linear-gradient(135deg,#131a22,#0c1117); }
.sales-flow-list { display:grid; gap:11px; margin-top:22px; }
.sales-flow-list span { display:block; padding:12px 13px; border-left:2px solid var(--sales-gold); color:#aab4bd; background:rgba(255,255,255,.02); font-size:11px; line-height:1.5; }
.sales-flow-list b { color:#f5f2ec; }
.sales-pipeline { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.sales-pipe-card { padding:15px; border:1px solid var(--sales-line); border-radius:14px; background:#0d1319; }
.sales-pipe-card small,.sales-pipe-card strong,.sales-pipe-card span { display:block; }
.sales-pipe-card small { color:var(--sales-gold); font-size:8px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.sales-pipe-card strong { margin-top:5px; font-size:15px; }
.sales-pipe-card span { margin-top:4px; color:#84919b; font-size:9px; }
.sales-pipe-card.wide { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.sales-pipe-card.wide div { padding:8px; border-radius:10px; background:rgba(230,185,110,.05); }
.sales-pipe-card.wide b,.sales-pipe-card.wide em { display:block; }
.sales-pipe-card.wide b { font-size:10px; }
.sales-pipe-card.wide em { margin-top:3px; color:#81909a; font-size:8px; font-style:normal; }
.sales-audience { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.sales-audience article { padding:22px; border-top:2px solid var(--sales-gold); border-radius:0 0 16px 16px; background:var(--sales-panel); }
.sales-audience small { color:var(--sales-gold); font-size:9px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.sales-audience h3 { margin:9px 0 0; }
.sales-audience p { margin:7px 0 0; color:#8f9ba5; font-size:11px; line-height:1.55; }
.sales-offer { padding:44px; border:1px solid rgba(230,185,110,.28); border-radius:25px; background:radial-gradient(circle at 90% 15%,rgba(230,185,110,.15),transparent 23rem),linear-gradient(135deg,#171b1d,#0d1217); }
.sales-offer-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center; }
.sales-offer p { max-width:720px; color:#a2adb6; line-height:1.65; }
.sales-faq { display:grid; grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr); gap:42px; }
.sales-faq-list { display:grid; gap:8px; }
.sales-faq-list details { padding:15px 16px; border:1px solid var(--sales-line); border-radius:14px; background:var(--sales-panel); }
.sales-faq-list summary { cursor:pointer; font-size:12px; font-weight:900; }
.sales-faq-list p { margin:10px 0 0; color:#94a0aa; font-size:11px; line-height:1.6; }
.sales-footer { border-top:1px solid #1e2831; background:#06090d; }
.sales-footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:82px; color:#88949e; font-size:11px; }
.sales-footer b,.sales-footer a { color:#ede8de; }
.sales-footer-links { display:flex; align-items:center; gap:18px; }
.sales-footer-links a { text-decoration:none; }
body.sales-mode #login-screen,
body.sales-mode .mobile-header,
body.sales-mode #sidebar,
body.sales-mode #menu-overlay,
body.sales-mode>main,
body.sales-mode #public-catalog-screen { display:none !important; }
body.sales-mode #sales-page { display:block !important; }
body:not(.sales-mode) #sales-page { display:none !important; }
@media (max-width:980px) {
  .sales-hero-grid { grid-template-columns:1fr; }
  .sales-product { width:min(720px,100%); margin-inline:auto; }
  .sales-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  #sales-page .sales-wrap { width:min(100% - 24px,1160px); }
  .sales-nav-inner { min-height:62px; }
  .sales-nav-link,.sales-nav-links .sales-buy { display:none; }
  .sales-hero { padding:42px 0 38px; }
  .sales-hero h1 { font-size:clamp(39px,12vw,54px); }
  .sales-hero-copy>p { font-size:14px; }
  .sales-hero-actions,.sales-hero-points { display:grid; }
  .sales-hero-actions a { width:100%; }
  .sales-demo { min-height:0; padding:16px; }
  .sales-demo-kpis,.sales-demo-flow { grid-template-columns:1fr; }
  .sales-trust-grid,.sales-feature-grid,.sales-audience,.sales-pipeline { grid-template-columns:1fr; }
  .sales-trust-item { border-right:0; border-bottom:1px solid #1e2831; }
  .sales-section { padding:52px 0; }
  .sales-flow { grid-template-columns:1fr; padding:22px; }
  .sales-pipe-card.wide { grid-column:auto; grid-template-columns:1fr; }
  .sales-offer { padding:30px 22px; }
  .sales-offer-inner,.sales-faq { grid-template-columns:1fr; gap:18px; }
  .sales-footer-inner { align-items:flex-start; flex-direction:column; justify-content:center; padding-block:20px; }
  .sales-footer-links { flex-wrap:wrap; gap:10px 16px; }
}