/* MajorWorth pages, layered on top of /assets/styles.css.
   Swaps the site's red accent for the app's money green, with navy/indigo glows,
   inside body.mw only. */
body.mw{
  --red:#2fcf7f; --red-2:#40d987; --red-dark:#17a063; --red-glow:rgba(64,217,135,.30);
  --mw-indigo:#4f4ad8; --mw-indigo-2:#a5b4fc; --mw-navy:#141848;
}
body.mw .notice{ background:rgba(79,74,216,.10); border-color:rgba(124,120,240,.35); }
body.mw .btn-primary{ color:#04130a; }
body.mw .hero h1 .accent{ background:linear-gradient(120deg, var(--red-2), var(--mw-indigo-2)); -webkit-background-clip:text; background-clip:text; }
body.mw .hero::before{
  background:
    radial-gradient(760px 440px at 78% 6%, rgba(79,74,216,.30), transparent 65%),
    radial-gradient(620px 500px at 10% 92%, rgba(64,217,135,.09), transparent 60%);
}
body.mw .cta{ background:radial-gradient(600px 300px at 50% 0%, rgba(79,74,216,.26), transparent 70%), var(--bg-2); }

.mw-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); font-weight:700; letter-spacing:-.01em; }
.mw-brand img{ width:34px; height:34px; border-radius:9px; }

.mw-hero{ padding-bottom:80px; }
.mw-hero-inner{ position:relative; display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
/* No screenshot yet: one centered column. Remove "mw-solo" when the hero shot goes in. */
.mw-hero-inner.mw-solo{ grid-template-columns:1fr; max-width:780px; }
.mw-hero-copy h1{ font-size:clamp(2.2rem,5vw,3.6rem); line-height:1.06; letter-spacing:-.03em; margin:18px 0 18px; }
.mw-icon{ width:96px; height:96px; border-radius:22px; box-shadow:0 18px 50px rgba(79,74,216,.40); margin-bottom:22px; display:block; }
.mw-hero-shot{ display:flex; justify-content:center; }
.mw-hero-shot img, .mw-shot img{
  width:100%; height:auto; display:block;
  border-radius:34px; border:1px solid var(--border-2);
  box-shadow:0 30px 80px rgba(0,0,0,.55);
}
.mw-hero-shot img{ max-width:320px; }
.mw-soon{ cursor:default; opacity:.92; }
.mw-soon:hover{ transform:none; }
.mw-fine{ color:var(--muted-2); font-size:.9rem; margin-top:18px; }

.mw-emoji{ font-size:1.9rem; line-height:1; margin-bottom:14px; }
.mw-card h3{ margin:0 0 8px; }
.mw-card p{ color:var(--muted); margin:0; font-size:.95rem; }
.mw-card a{ color:var(--red-2); }

.mw-steps{ grid-template-columns:repeat(3,1fr); }
.mw-steps .step h3{ margin:0 0 8px; font-size:1.1rem; }

.mw-shots{
  display:grid; grid-auto-flow:column; grid-auto-columns:minmax(220px,260px);
  gap:22px; overflow-x:auto; padding:6px 4px 22px; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.mw-shot{ margin:0; scroll-snap-align:start; }
.mw-shot img{ border-radius:28px; }
.mw-shot figcaption{ color:var(--muted); font-size:.92rem; text-align:center; margin-top:12px; }

.mw-plans{ display:grid; grid-template-columns:1fr 1.3fr; gap:22px; align-items:stretch; }
.mw-plan{ padding:34px; }
.mw-plan h3{ font-size:1.35rem; margin:6px 0 4px; }
.mw-price{ font-size:2.2rem; font-weight:800; letter-spacing:-.03em; margin:6px 0 2px; }
.mw-price small{ font-size:.95rem; font-weight:500; color:var(--muted); letter-spacing:0; }
.mw-plan > p{ color:var(--muted); margin:0 0 18px; font-size:.95rem; }
.mw-plan-pro{ border-color:rgba(64,217,135,.45); background:linear-gradient(160deg, rgba(79,74,216,.16), rgba(64,217,135,.05) 70%), var(--card); }
.mw-list{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.mw-list li{ padding-left:26px; position:relative; }
.mw-list li::before{ content:"\2713"; position:absolute; left:0; top:0; color:var(--red-2); font-weight:800; }
.mw-list strong{ display:block; }
.mw-list span{ color:var(--muted); font-size:.92rem; }

.doc h3{ color:var(--text); font-size:1.05rem; }

@media (max-width: 860px){
  .mw-hero-inner{ grid-template-columns:1fr; gap:40px; }
  .mw-hero-shot img{ max-width:260px; }
  .mw-steps{ grid-template-columns:1fr; }
  .mw-plans{ grid-template-columns:1fr; }
  .mw-plan{ padding:28px; }
}