/* managed-ai specific — follows DESIGN-SYSTEM.md */
  .ma-hero { padding: 6rem 0 3rem; text-align: center; }
  .ma-hero h1 { font-family: var(--font); font-size: clamp(2rem, 6vw, 3.5rem); font-weight: 700; color: var(--text); line-height: 1.15; }
  .ma-hero .accent { color: var(--accent); }
  .ma-hero p { max-width: 620px; margin: 1.25rem auto 0; color: var(--text-secondary); font-size: 1.05rem; line-height: 1.7; }
  .ma-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 780px; margin: 2rem auto 0; }
  .ma-step { text-align: center; padding: 1.5rem 1rem; border: 1px solid var(--border); background: var(--card); }
  .ma-step .num { font-family: var(--mono); font-size: 0.75rem; color: var(--accent); letter-spacing: 0.1em; text-transform: uppercase; }
  .ma-step .label { margin-top: 0.5rem; font-size: 0.9rem; color: var(--text-primary); font-weight: 500; }

  .ma-quiz { max-width: 640px; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
  .ma-quiz.hidden { display: none; }
  .ma-qblock { margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border); }
  .ma-qblock:last-child { border-bottom: none; }
  .ma-qblock h3 { font-size: 1.05rem; color: var(--text-primary); margin-bottom: 1rem; font-weight: 500; }
  .ma-opts { display: flex; flex-direction: column; gap: 0.5rem; }
  .ma-opt { display: flex; align-items: center; gap: 0.6rem; padding: 0.7rem 1rem; border: 1px solid var(--border); background: var(--black); cursor: pointer; transition: border-color 150ms cubic-bezier(0.0, 0.0, 0.2, 1); font-size: 0.925rem; color: var(--text-primary); }
  .ma-opt:hover { border-color: var(--border-visible); }
  .ma-opt.selected { border-color: var(--accent); background: #111111; }
  .ma-opt input { display: none; }
  .ma-opt .radio { width: 16px; height: 16px; border: 1.5px solid var(--border-visible); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
  .ma-opt.selected .radio { border-color: var(--accent); }
  .ma-opt.selected .radio::after { content: ''; width: 8px; height: 8px; background: var(--accent); }

  .ma-submit { display: block; width: 100%; padding: 1rem; border: none; background: var(--accent); color: var(--text); font-family: var(--mono); font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 150ms cubic-bezier(0.0, 0.0, 0.2, 1); margin-top: 1rem; }
  .ma-submit:hover { background: var(--accent-bright); }
  .ma-submit:disabled { opacity: 0.4; cursor: not-allowed; }

  .ma-results { max-width: 640px; margin: 0 auto; padding: 0 1.5rem 5rem; }
  .ma-results.hidden { display: none; }
  .ma-score-card { border: 1px solid var(--border); background: var(--card); padding: 2.5rem 2rem; text-align: center; margin-bottom: 2rem; }
  .ma-score-big { font-family: var(--font); font-size: clamp(3rem, 10vw, 5rem); font-weight: 700; line-height: 1; }
  .ma-score-label { font-family: var(--mono); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--text-secondary); margin-top: 0.5rem; }
  .ma-score-bar { height: 4px; background: var(--border); margin: 1.5rem 0; position: relative; }
  .ma-score-fill { height: 100%; transition: width 800ms cubic-bezier(0.0, 0.0, 0.2, 1); }

  .ma-report { border: 1px solid var(--border); padding: 2rem; background: var(--card); margin-bottom: 2rem; }
  .ma-report h4 { font-size: 1.1rem; color: var(--text); margin-bottom: 1rem; font-weight: 500; }
  .ma-report .finding { padding: 0.75rem 0; border-bottom: 1px solid var(--border); }
  .ma-report .finding:last-child { border-bottom: none; }
  .ma-report .finding .status { font-family: var(--mono); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.3rem; }
  .ma-report .finding .status.green { color: var(--success); }
  .ma-report .finding .status.yellow { color: var(--warning); }
  .ma-report .finding .status.red { color: var(--error); }
  .ma-report .finding .title { font-size: 0.95rem; color: var(--text-primary); margin-bottom: 0.3rem; }
  .ma-report .finding .detail { font-size: 0.8rem; color: var(--text-secondary); line-height: 1.5; }

  .ma-cta-block { border: 1px solid var(--accent); padding: 2rem; text-align: center; background: var(--card); margin-bottom: 2rem; }
  .ma-cta-block h3 { font-size: 1.3rem; color: var(--text); margin-bottom: 1rem; }
  .ma-cta-block p { color: var(--text-secondary); margin-bottom: 1.5rem; font-size: 0.95rem; line-height: 1.6; }
  .ma-email-form { display: flex; gap: 0.75rem; max-width: 450px; margin: 0 auto 1rem; flex-wrap: wrap; justify-content: center; }
  .ma-email-form input { flex: 1 1 250px; padding: 0.75rem 1rem; border: 1px solid var(--border-visible); background: var(--black); color: var(--text); font-family: var(--mono); font-size: 0.85rem; }
  .ma-email-form input:focus { outline: none; border-color: var(--accent); }
  .ma-cta-block .ma-submit { width: auto; padding: 0.75rem 2rem; margin: 0; }

  .ma-consult-cta { text-align: center; }
  .ma-consult-cta .btn { font-size: 0.9rem; }
  .ma-email-msg { font-size: 0.85rem; margin-top: 0.5rem; min-height: 1.2rem; }

  /* TIERS SECTION */
  .ma-tiers { padding: 4rem 1.5rem 5rem; max-width: 960px; margin: 0 auto; }
  .ma-tiers h2 { font-size: 2rem; font-weight: 700; color: var(--text); text-align: center; margin-bottom: 0.75rem; }
  .ma-tiers .subtitle { text-align: center; color: var(--text-secondary); font-size: 1rem; margin-bottom: 3rem; }
  .ma-tier-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .ma-tier { border: 1px solid var(--border); background: var(--card); padding: 2rem; position: relative; }
  .ma-tier.featured { border-color: var(--accent); }
  .ma-tier.featured::before { content: 'MOST POPULAR'; position: absolute; top: -0.6rem; left: 50%; transform: translateX(-50%); background: var(--accent); color: var(--text); font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.15em; padding: 0.25rem 1rem; text-transform: uppercase; }
  .ma-tier h3 { font-size: 1.25rem; font-weight: 600; color: var(--text); margin-bottom: 0.5rem; }
  .ma-tier .price { font-family: var(--font); font-size: 2rem; font-weight: 700; color: var(--text); margin-bottom: 0.25rem; }
  .ma-tier .price small { font-size: 0.9rem; font-weight: 400; color: var(--text-secondary); }
  .ma-tier .price-desc { font-size: 0.8rem; color: var(--text-secondary); margin-bottom: 1.25rem; }
  .ma-tier ul { list-style: none; padding: 0; margin: 0 0 1.5rem; }
  .ma-tier ul li { padding: 0.3rem 0; font-size: 0.875rem; color: var(--text-primary); border-bottom: 1px solid var(--border); }
  .ma-tier ul li:last-child { border-bottom: none; }
  .ma-tier ul li span { color: var(--text-disabled); font-family: var(--mono); font-size: 0.7rem; margin-right: 0.5rem; }
  .ma-tier .timeline { font-size: 0.8rem; color: var(--text-disabled); margin-bottom: 1rem; font-family: var(--mono); }
  .ma-tier .btn-secondary { display: block; text-align: center; }

  /* PIPELINE SECTION */
  .ma-pipeline { padding: 3rem 1.5rem 5rem; max-width: 960px; margin: 0 auto; }
  .ma-pipeline h2 { font-size: 1.75rem; font-weight: 700; color: var(--text); text-align: center; margin-bottom: 1rem; }
  .ma-pipeline .subtitle { text-align: center; color: var(--text-secondary); font-size: 0.95rem; margin-bottom: 2.5rem; }
  .ma-pipe-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 2rem; }
  .ma-pipe-step { border: 1px solid var(--border); background: var(--card); padding: 1.25rem 1rem; text-align: center; }
  .ma-pipe-step .icon { font-family: var(--mono); font-size: 1.5rem; color: var(--accent); margin-bottom: 0.5rem; }
  .ma-pipe-step h4 { font-size: 0.85rem; color: var(--text); font-weight: 500; margin-bottom: 0.4rem; }
  .ma-pipe-step p { font-size: 0.75rem; color: var(--text-secondary); line-height: 1.4; }

  /* FAQ */
  .ma-faq { padding: 3rem 1.5rem 5rem; max-width: 720px; margin: 0 auto; }
  .ma-faq h2 { font-size: 1.75rem; font-weight: 700; color: var(--text); text-align: center; margin-bottom: 2rem; }
  .ma-faq details { border: 1px solid var(--border); padding: 1.25rem; margin-bottom: 0.75rem; background: var(--card); }
  .ma-faq summary { font-size: 0.95rem; color: var(--text-primary); cursor: pointer; font-weight: 500; }
  .ma-faq details p { font-size: 0.85rem; color: var(--text-secondary); margin-top: 0.75rem; line-height: 1.6; }

  /* DISCLOSURE */
  .ma-disclosure { border: 1px solid var(--border-visible); padding: 1.5rem; text-align: center; margin: 0 1.5rem 3rem; max-width: 720px; margin: 0 auto 3rem; background: var(--dark); }
  .ma-disclosure p { font-size: 0.8rem; color: var(--text-disabled); line-height: 1.5; }

  footer { text-align: center; padding: 2rem; border-top: 1px solid var(--border); color: var(--text-disabled); font-size: 0.8rem; }

  @media (max-width: 768px) {
   .ma-tier-grid { grid-template-columns: 1fr; }
   .ma-pipe-flow { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 640px) {
   .ma-steps { grid-template-columns: 1fr; }
   .ma-pipe-flow { grid-template-columns: 1fr; }
   .ma-tier { padding: 1.5rem; }
   .ma-tiers { padding: 3rem 1rem 4rem; }
  }