/* === Fenizo: Cryptocurrency MLM Software (scoped) === */
.crypto-mlm { --c1:#6e79ff; --c2:#9a6bff; --ink:#0a0a17; --muted:#6b7280; --card:#ffffff; --ghost:#eef0ff; }

.crypto-mlm .cm-wrap{ max-width:1180px; margin:0 auto; padding:64px 20px; }
.crypto-mlm h1, .crypto-mlm h2, .crypto-mlm h3, .crypto-mlm h4{ color:var(--ink); line-height:1.15; }
.crypto-mlm p{ color:var(--muted); }

.cm-btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:12px; font-weight:600; text-decoration:none; }
.cm-btn--primary{ background:linear-gradient(90deg,var(--c1),var(--c2)); color:#fff; box-shadow:0 8px 20px rgba(110,121,255,.25); }
.cm-btn--ghost{ background:#fff; color:var(--ink); border:1px solid #e5e7eb; }
.cm-btn--light{ background:#fff; color:var(--ink); box-shadow:0 20px 50px rgba(0,0,0,.18); border:none; padding:14px 26px; border-radius:999px; }
.cm-btn--ghost-light{ border-color:rgba(255,255,255,.55); color:#fff; background:rgba(255,255,255,.08); }
.cm-btn--primary:hover,
.cm-btn--calculate:hover{ box-shadow:0 22px 44px rgba(110,121,255,.35); }
.cm-btn--light:hover{ box-shadow:0 24px 60px rgba(0,0,0,.22); }
.cm-btn--ghost-light:hover{ background:rgba(255,255,255,.15); }
.cm-cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.cm-cta--center{ justify-content:center; }

/* HERO */
.cm-hero{ background: radial-gradient(1200px 600px at 10% 0%, rgba(110,121,255,.18), transparent),
           radial-gradient(1000px 500px at 90% 20%, rgba(154,107,255,.18), transparent);
          padding-top:96px; }
.cm-hero .cm-wrap{ display:grid; grid-template-columns: 1.2fr .8fr; gap:40px; align-items:center; }
.cm-badge{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; background:rgba(110,121,255,.15); color:#4850c7; border:1px solid rgba(110,121,255,.35); margin-bottom:18px; }
.cm-hero__art img{ width:100%; height:auto; filter:drop-shadow(0 20px 40px rgba(0,0,0,.08)); border-radius:22px; }
.cm-hero h1{ font-size:44px; margin:0 0 12px; }
.cm-hero h1 span{ color:#6b72ff; }
.cm-sub{ font-size:1.08rem; }
.cm-hero__meta{ display:flex; gap:10px; flex-wrap:wrap; margin:22px 0 4px; }
.cm-pill{ background:rgba(255,255,255,.8); border:1px solid rgba(110,121,255,.2); border-radius:999px; padding:8px 12px; font-size:.85rem; color:#3f4559; font-weight:600; }
.cm-stats{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; padding:0; margin:20px 0 0; list-style:none; color:#4b5563; }
.cm-stats li{ background:rgba(255,255,255,.85); border:1px solid #eef; padding:12px 14px; border-radius:16px; display:flex; flex-direction:column; gap:4px; box-shadow:0 14px 32px rgba(0,0,0,.05); }
.cm-stats strong{ font-size:1.6rem; color:var(--ink); display:block; line-height:1; }
.cm-stats span{ font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; }
.cm-hero__logos{ margin-top:26px; }
.cm-hero__logos span{ display:block; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; color:#6b72ff; margin-bottom:12px; }
.cm-hero__logos ul{ display:flex; gap:12px; padding:0; margin:0; list-style:none; flex-wrap:wrap; }
.cm-hero__logos li{ background:rgba(255,255,255,.75); border:1px solid rgba(110,121,255,.2); padding:10px 14px; border-radius:12px; font-weight:600; color:var(--ink); }
.cm-hero__art{ display:flex; flex-direction:column; gap:18px; }
.cm-hero__panel{ position:relative; }
.cm-glass{ position:absolute; left:18px; right:18px; bottom:18px; background:rgba(8,10,30,.75); color:#fff; border-radius:18px; padding:16px 18px; backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 40px rgba(8,10,30,.25); }
.cm-glass p{ margin:0; font-size:.85rem; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.76); }
.cm-glass ul{ margin:12px 0 0; padding:0; list-style:none; display:grid; gap:8px; font-size:.9rem; }
.cm-dot{ width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:8px; }
.cm-dot--green{ background:#22c55e; }
.cm-dot--blue{ background:#3b82f6; }
.cm-dot--amber{ background:#f59e0b; }
.cm-hero__card{ background:var(--card); border:1px solid #e4e7ff; border-radius:20px; padding:22px; box-shadow:0 18px 48px rgba(0,0,0,.08); }
.cm-hero__card h4{ margin:0 0 10px; }
.cm-link{ display:inline-flex; align-items:center; gap:8px; margin-top:12px; color:#6b72ff; font-weight:600; text-decoration:none; }
.cm-link::after{ content:'\2192'; font-size:1.12em; }

/* HIGHLIGHTS */
.cm-highlights{ background:linear-gradient(180deg, #f8f9ff 0%, #fff 100%); }
.cm-highlights .cm-wrap{ display:grid; gap:26px; }
.cm-highlight{ display:grid; grid-template-columns:1.3fr .9fr; gap:28px; background:rgba(255,255,255,.92); border:1px solid #e6e9ff; border-radius:26px; padding:28px; box-shadow:0 20px 44px rgba(111,123,255,.12); align-items:center; }
.cm-highlight h2{ margin:0 0 12px; }
.cm-highlight ul{ margin:0; padding:0; list-style:none; display:grid; gap:12px; }
.cm-highlight li{ background:rgba(110,121,255,.08); border:1px solid rgba(110,121,255,.2); border-radius:16px; padding:12px 14px; font-weight:600; color:#3f4559; display:flex; align-items:center; gap:14px; }
.cm-highlight li span{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:12px; background:linear-gradient(90deg,var(--c1),var(--c2)); color:#fff; font-weight:700; }

/* WHY */
.cm-why{ background:linear-gradient(180deg, #fff 0%, #fafbff 100%); }
.cm-why .cm-lead{ max-width:760px; margin:8px 0 26px; }
.cm-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:18px; }
.cm-card{ background:rgba(255,255,255,.75); border:1px solid #e9eafc; border-radius:18px; padding:18px; box-shadow:0 10px 24px rgba(111,123,255,.08); }

/* PLANS */
.cm-plans{ background:linear-gradient(180deg,#fff 0%,#f9f9ff 100%); }
.cm-plans__lead{ max-width:720px; margin:12px 0 36px; }
.cm-grid--3{ grid-template-columns: repeat(3,1fr); }
.cm-plans__grid{ gap:24px; }
.cm-plan{ position:relative; display:flex; gap:16px; padding:26px 24px; border-radius:24px; background:rgba(255,255,255,.92); border:1px solid rgba(110,121,255,.18); box-shadow:0 30px 60px rgba(79,88,249,.12); transition:transform .3s ease, box-shadow .3s ease; overflow:hidden; }
.cm-plan::before{ content:''; position:absolute; inset:0; background:linear-gradient(130deg,rgba(110,121,255,.18),rgba(154,107,255,.12)); opacity:0; transition:opacity .3s ease; }
.cm-plan:hover{ transform:translateY(-8px); box-shadow:0 36px 80px rgba(79,88,249,.18); }
.cm-plan:hover::before{ opacity:1; }
.cm-plan > *{ position:relative; z-index:1; }
.cm-plan__icon{ display:grid; place-items:center; width:56px; height:56px; border-radius:18px; background:linear-gradient(140deg,rgba(110,121,255,.16),rgba(154,107,255,.24)); color:#5a63f7; font-weight:700; letter-spacing:.08em; border:1px solid rgba(110,121,255,.32); }
.cm-plan__icon span{ font-size:1rem; }
.cm-plan__body h4{ margin:0 0 10px; }
.cm-plan__body p{ margin:0; color:#4b5065; }
.cm-plans .cm-cta{ margin-top:32px; }

/* HOW */
.cm-how{ background:linear-gradient(180deg, #f7f8ff 0%, #fff 100%); }
.cm-steps{ counter-reset: step; margin:20px 0 0; padding:0; list-style:none; display:grid; gap:14px; }
.cm-steps li{ background:#fff; border:1px solid #eceefe; border-radius:16px; padding:14px 16px; display:flex; gap:12px; align-items:center; box-shadow:0 8px 20px rgba(0,0,0,.04); }
.cm-steps li span{ width:28px; height:28px; border-radius:10px; display:inline-grid; place-items:center; background:linear-gradient(90deg,var(--c1),var(--c2)); color:#fff; font-weight:700; }

/* MODULES */
.cm-modules{ background:linear-gradient(180deg,#fff 0%,#f5f6ff 100%); }
.cm-grid--3{ grid-template-columns: repeat(3,1fr); }
.cm-section-kicker{ text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; font-weight:700; color:#6b72ff; margin:0 0 12px; }
.cm-modules__grid{ gap:24px; }
.cm-module{ position:relative; display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:flex-start; background:rgba(255,255,255,.9); border:1px solid rgba(110,121,255,.18); border-radius:22px; padding:22px; box-shadow:0 25px 50px rgba(79,88,249,.12); overflow:hidden; }
.cm-module::before{ content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(110,121,255,.18),rgba(154,107,255,.12)); opacity:0; transition:opacity .3s ease; }
.cm-module:hover::before{ opacity:1; }
.cm-module__icon{ position:relative; width:56px; height:56px; border-radius:18px; background:linear-gradient(135deg,rgba(110,121,255,.18),rgba(154,107,255,.24)); display:grid; place-items:center; color:#5a63f7; border:1px solid rgba(110,121,255,.35); }
.cm-module__body{ position:relative; }
.cm-module__body h3{ margin:0 0 10px; }
.cm-module__body p{ margin:0 0 12px; color:#4b5065; }
.cm-module ul{ margin:0; padding:0 0 0 20px; color:var(--muted); }

.cm-cta-banner{ background:linear-gradient(180deg,#f5f6ff 0%,#fff 100%); color:#fff; }
.cm-cta-banner .cm-wrap{ padding:0 20px 60px; }
.cm-cta-card{ position:relative; overflow:hidden; padding:48px 56px; border-radius:32px; background:linear-gradient(110deg,rgba(110,121,255,.9),rgba(154,107,255,.85)); box-shadow:0 35px 70px rgba(96,104,255,.35); display:flex; flex-direction:column; gap:18px; }
.cm-cta-card::before, .cm-cta-card::after{ content:''; position:absolute; border-radius:50%; filter:blur(0); opacity:.45; }
.cm-cta-card::before{ width:220px; height:220px; background:rgba(255,255,255,.28); top:-60px; right:-40px; }
.cm-cta-card::after{ width:180px; height:180px; background:rgba(255,255,255,.16); bottom:-70px; left:-40px; }
.cm-cta-card > *{ position:relative; z-index:1; }
.cm-cta-card__badge{ align-self:flex-start; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.2); color:#fff; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; }
.cm-cta-card h3{ margin:0; font-size:1.9rem; line-height:1.2; color:#fff; }
.cm-cta-card p{ margin:0; max-width:560px; color:rgba(255,255,255,.88); }
.cm-cta-card__actions{ display:flex; flex-wrap:wrap; gap:14px; }

/* CALCULATOR */
.cm-calculator{ background:linear-gradient(180deg, #fafbff 0%, #ffffff 100%); }
.cm-calculator__lead{ max-width:760px; margin:8px 0 28px; }
.cm-calc-shell{ background:linear-gradient(120deg,rgba(110,121,255,.2),rgba(154,107,255,.15)); padding:1px; border-radius:28px; box-shadow:0 25px 60px rgba(108,118,255,.18); }
.cm-calc-shell__inner{ background:#fff; border-radius:inherit; padding:32px; display:grid; gap:28px; }
.cm-calc-form{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:14px; }
.cm-calc-form label{ display:flex; flex-direction:column; gap:6px; font-size:.9rem; color:#374151; }
.cm-calc-form input, .cm-calc-form select{ border:1px solid #e5e7eb; border-radius:12px; padding:12px 14px; background:#f9f9ff; font-weight:600; color:#111827; box-shadow:inset 0 1px 2px rgba(15,23,42,.08); }
.cm-calc-form input:focus, .cm-calc-form select:focus{ outline:none; border-color:rgba(110,121,255,.65); box-shadow:0 0 0 3px rgba(110,121,255,.18); }
.cm-btn--calculate{ grid-column:-2/-1; align-self:end; justify-self:end; justify-content:center; background:linear-gradient(90deg,var(--c1),var(--c2)); color:#fff; box-shadow:0 18px 36px rgba(110,121,255,.35); padding:14px 22px; border-radius:14px; border:none; }
.cm-calc-out{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0; padding:24px; }
.cm-calc-card{ background:linear-gradient(180deg,#fbfbff 0%,#ffffff 100%); border:1px solid rgba(110,121,255,.22); border-radius:20px; padding:18px 20px; box-shadow:0 18px 32px rgba(110,121,255,.12); }
.cm-k{ color:#6b7280; margin:0 0 6px; }

/* FAQ */
.cm-faq{ background:#fff; }
.cm-acc{ max-width:920px; margin:0 auto; }
.cm-acc__head{ width:100%; text-align:left; background:#fff; border:1px solid #eceefe; border-radius:14px; padding:14px 16px; margin:10px 0; font-weight:600; cursor:pointer; }
.cm-acc__body{ display:none; padding:10px 2px 4px 2px; color:var(--muted); }

/* Responsive */
@media (max-width: 1024px){
  .cm-hero .cm-wrap{ grid-template-columns: 1fr; }
  .cm-hero__art{ max-width:540px; margin:0 auto; }
  .cm-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cm-highlight{ grid-template-columns:1fr; }
  .cm-grid{ grid-template-columns: repeat(2,1fr); }
  .cm-grid--3{ grid-template-columns: repeat(2,1fr); }
  .cm-grid--6{ grid-template-columns: repeat(3,1fr); }
  .cm-calc-form{ grid-template-columns:1fr 1fr; }
  .cm-calc-shell__inner{ padding:28px; }
  .cm-cta-card{ padding:40px 36px; }
}
@media (max-width: 640px){
  .cm-grid, .cm-grid--6, .cm-grid--3{ grid-template-columns:1fr; }
  .cm-stats{ grid-template-columns:1fr; }
  .cm-hero h1{ font-size:34px; }
  .cm-hero__logos ul{ gap:8px; }
  .cm-hero__logos li{ font-size:.85rem; }
  .cm-cta-banner .cm-wrap{ padding:20px; }
  .cm-cta-card{ padding:32px 26px; border-radius:26px; }
  .cm-calc-shell{ border-radius:22px; }
  .cm-calc-shell__inner{ border-radius:22px; padding:24px; }
  .cm-calc-form{ grid-template-columns:1fr; gap:12px; }
  .cm-btn--calculate{ grid-column:1/-1; width:100%; }
  .cm-calc-out{ grid-template-columns:1fr; }
}