.page-ai-miniapp{
  --ma-text:#1f2937;
  --ma-sub:#4b5563;
  --ma-line: rgba(31,41,55,.14);
  --ma-blue:#0B7CC2;
  --ma-blue2:#18A6D8;
  --ma-orange:#F6A623;
  --ma-radius: 12px;
  --ma-shadow: 0 10px 28px rgba(2,6,23,.08);
  color: var(--ma-text);
}

.page-ai-miniapp .container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Breadcrumb */
.page-ai-miniapp .pw-breadcrumb{
  margin-top: 10px;
  font-size: 14px;
  color: var(--ma-sub);
}
.page-ai-miniapp .pw-breadcrumb a{
  color: var(--ma-blue);
  text-decoration: none;
}
.page-ai-miniapp .pw-breadcrumb a:hover{ text-decoration: underline; }
.page-ai-miniapp .pw-breadcrumb-sep{
  margin: 0 8px;
  color: rgba(31,41,55,.45);
}

/* Cards */
.page-ai-miniapp .ma-card{
  background:#fff;
  border: 1px solid var(--ma-line);
  border-radius: calc(var(--ma-radius) + 2px);
  box-shadow: var(--ma-shadow);
}

/* Hero */
.page-ai-miniapp .ma-hero{
  padding: 46px 0 24px;
  background: linear-gradient(180deg, rgba(11,124,194,.06), rgba(255,255,255,0));
}

.page-ai-miniapp .ma-hero-grid{
  display:grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;
  align-items:start;
}

.page-ai-miniapp .ma-hero-title{
  margin: 10px 0 12px;
  line-height: 1.35;
}

.page-ai-miniapp .ma-hero-lead{
  color: var(--ma-sub);
  line-height: 1.9;
}

.page-ai-miniapp .ma-hero-cta{
  margin-top: 16px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-ai-miniapp .ma-hero-subcta{
  opacity: .95;
}

.page-ai-miniapp .ma-hero-panel{
  padding: 14px;
}

.page-ai-miniapp .ma-hero-figure{
  margin: 0 0 12px;
}
.page-ai-miniapp .ma-hero-figure img{
  width:100%;
  height:auto;
  display:block;
  border-radius: var(--ma-radius);
  border: 1px solid var(--ma-line);
  box-shadow: var(--ma-shadow);
}

.page-ai-miniapp .ma-hero-points{
  margin: 12px 0 0;
  padding-left: 1.2em;
  color: var(--ma-sub);
  line-height: 1.85;
}
.page-ai-miniapp .ma-hero-points--panel{
  margin-top: 8px;
}

/* Sections */
.page-ai-miniapp .ma-section{
  padding: 34px 0;
  border-top: 1px solid var(--ma-line);
}

.page-ai-miniapp .ma-section-title{
  margin: 6px 0 14px;
}

.page-ai-miniapp .ma-text{
  color: var(--ma-sub);
  line-height: 1.9;
}

.page-ai-miniapp .ma-list{
  margin: 10px 0 0;
  padding-left: 1.2em;
  color: var(--ma-sub);
  line-height: 1.9;
}

/* Usecase grid */
.page-ai-miniapp .ma-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.page-ai-miniapp .ma-card--small{
  padding: 12px 14px;
}

/* Plan */
.page-ai-miniapp .ma-plan-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 12px;
}

.page-ai-miniapp .ma-plan{
  padding: 16px;
}

.page-ai-miniapp .ma-plan--featured{
  border-color: rgba(11,124,194,.28);
  box-shadow: 0 14px 36px rgba(2,6,23,.10);
}

.page-ai-miniapp .ma-price{
  margin: 8px 0 10px;
  color: var(--ma-text);
}

.page-ai-miniapp .ma-fit{
  margin-top: 10px;
  color: var(--ma-sub);
  line-height: 1.8;
}

.page-ai-miniapp .ma-scope{
  padding: 16px;
  margin-top: 14px;
}

/* Steps */
.page-ai-miniapp .ma-steps{
  margin: 12px 0 0;
  padding-left: 1.2em;
  color: var(--ma-sub);
  line-height: 1.9;
}

/* FAQ */
.page-ai-miniapp .ma-faq-item{
  border: 1px solid var(--ma-line);
  border-radius: var(--ma-radius);
  padding: 12px 14px;
  margin: 10px 0;
  background:#fff;
}
.page-ai-miniapp .ma-faq-item summary{
  cursor:pointer;
  font-weight:700;
}

/* CTA */
.page-ai-miniapp .ma-cta-center{
  margin-top: 16px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Minor */
.page-ai-miniapp .ma-note{
  margin-top: 12px;
  color: var(--ma-sub);
  font-size: .95rem;
  line-height: 1.8;
}

@media (max-width: 980px){
  .page-ai-miniapp .ma-hero-grid{ grid-template-columns: 1fr; }
  .page-ai-miniapp .ma-section{ padding: 26px 0; }
}