/* FERSWorth pages, layered on top of /assets/styles.css.
   Swaps the site's red accent for the app's warm gold, with deep navy glows,
   inside body.fw only. */
body.fw{
  --red:#f2c14e; --red-2:#f5cb62; --red-dark:#c98a1b; --red-glow:rgba(242,193,78,.28);
  --fw-navy:#0f1e3d; --fw-blue:#8db2ff; --fw-green:#4cd68a;
}
body.fw .notice{ background:rgba(141,178,255,.09); border-color:rgba(141,178,255,.32); }
body.fw .btn-primary{ color:#0f1e3d; }
body.fw .hero h1 .accent{ background:linear-gradient(120deg, var(--red-2), var(--fw-green)); -webkit-background-clip:text; background-clip:text; }
body.fw .hero::before{
  background:
    radial-gradient(760px 440px at 78% 6%, rgba(31,62,122,.45), transparent 65%),
    radial-gradient(620px 500px at 10% 92%, rgba(242,193,78,.08), transparent 60%);
}
body.fw .cta{ background:radial-gradient(600px 300px at 50% 0%, rgba(31,62,122,.40), transparent 70%), var(--bg-2); }

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

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

.fw-mark{ font-size:1rem; font-weight:800; letter-spacing:.04em; color:var(--red-2); margin-bottom:12px; text-transform:uppercase; }
.fw-card h3{ margin:0 0 8px; }
.fw-card p{ color:var(--muted); margin:0; font-size:.95rem; }
.fw-card a{ color:var(--red-2); }

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

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

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

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