:root{
  --bg:#0b0c10;
  --panel:#11131a;
  --panel2:#0f1117;
  --text:#eef0f6;
  --muted:#b7bccb;
  --line:rgba(255,255,255,.10);
  --accent:#7c5cff;
  --accent2:#22c55e;
  --shadow:0 18px 55px rgba(0,0,0,.45);
  --radius:18px;
  --container:1100px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  background: radial-gradient(1200px 600px at 15% 15%, rgba(124,92,255,.20), transparent 60%),
              radial-gradient(900px 500px at 85% 20%, rgba(34,197,94,.12), transparent 60%),
              var(--bg);
  color:var(--text);
  line-height:1.5;
}

a{color:inherit;text-decoration:none}
.container{max-width:var(--container);margin:0 auto;padding:0 18px}

.header{
  position:sticky;top:0;z-index:50;
  background:rgba(11,12,16,.65);
  backdrop-filter: blur(14px);
  border-bottom:1px solid var(--line);
}
.header__inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 0;
}

/* Logo */
.logo{display:flex;align-items:center}
.logo__img{
  height:44px;
  width:auto;
  display:block;
}
@media (max-width: 420px){
  .logo__img{height:38px;}
}

.nav{display:flex;align-items:center;gap:18px}
.nav a{color:var(--muted);font-weight:600}
.nav a:hover{color:var(--text)}
@media (max-width: 860px){
  .nav a{display:none}
  .nav a.btn{display:inline-flex}
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:10px;
  border:1px solid var(--line);
  padding:12px 16px;
  border-radius:14px;
  font-weight:800;
  cursor:pointer;
  transition: transform .08s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{transform: translateY(-1px)}
.btn--primary{
  background:linear-gradient(135deg, rgba(124,92,255,1), rgba(124,92,255,.7));
  border-color: rgba(124,92,255,.55);
}
.btn--secondary{background:rgba(255,255,255,.06)}
.btn--ghost{background:transparent}
.btn--full{width:100%}

.hero{padding:20px 0 20px}
.hero__grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:22px;
  align-items:start;
}
@media (max-width: 980px){
  .hero__grid{grid-template-columns:1fr;gap:16px}
}

/* Form-first landing hero */
.hero--form-first{
  padding:48px 0 56px;
  position:relative;
  background-image: url('images/hero-bg.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 560px){
  .hero--form-first{ padding:32px 0 40px; }
}
.hero--form-first::before{
  content:"";
  position:absolute;
  inset:0;
  background-color: rgba(0,0,0,0.45);
  pointer-events:none;
  z-index:0;
}
.hero--form-first > *{
  position:relative;
  z-index:1;
}
.hero__stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
}
.hero__stack > .card{
  width:100%;
  max-width:640px;
  margin:0 auto;
}
.hero__copy--below{
  width:100%;
  max-width:820px;
  margin:0 auto;
  text-align:center;
}
.hero__cta--center{justify-content:center}
.eyebrow--center{display:inline-flex;margin:0 auto}
.card--center{text-align:center}
.card--center .badges{justify-content:center}
.card--center .form{text-align:left}
.card--center .form label{text-align:left}
.badges--center{justify-content:center}
.card__h1{
  margin:10px 0 8px;
  font-size: clamp(24px, 3.2vw, 36px);
  line-height:1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.card__supporting{
  margin: 0 0 10px;
  font-size: clamp(0.98rem, 1.6vw, 1.1rem);
  font-weight:700;
  color:#1f2937;
  line-height:1.4;
}
.card__sub--lead{font-size:1.02rem;color:var(--muted);margin:0 0 14px}

.eyebrow{
  display:inline-flex;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-weight:700;
  background:rgba(255,255,255,.04);
}

h1{
  margin:14px 0 10px;
  font-size: clamp(32px, 4vw, 52px);
  line-height:1.05;
}
.accent{color:var(--accent)}
.lead{color:var(--muted);font-size:1.05rem;max-width:56ch}

.hero__cta{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 16px}

.trust{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin-top:16px;
}
@media (max-width: 560px){
  .trust{grid-template-columns:1fr}
}
.trust__item{
  padding:12px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.trust__item strong{display:block}
.trust__item span{color:var(--muted);font-weight:600;font-size:.95rem}

.micro{color:var(--muted);font-size:.9rem}
.center{text-align:center}

.card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:18px;
  box-shadow: var(--shadow);
}
.card__title{margin:0 0 4px;font-size:1.35rem}
.card__sub{margin:0 0 14px;color:var(--muted)}

.badges{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:0 0 14px;
}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;
  border:1px solid rgba(34,197,94,.35);
  background: rgba(34,197,94,.10);
  color:var(--text);
  border-radius:999px;
  font-weight:800;
  font-size:.82rem;
}
.badge__dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--accent2);
  box-shadow:0 0 0 3px rgba(34,197,94,.20);
}

.gallery{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 860px){
  .gallery{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 480px){
  .gallery{grid-template-columns: 1fr;}
}
.gallery__item{
  margin:0;
  border:1px solid var(--line);
  border-radius: var(--radius);
  overflow:hidden;
  background:rgba(255,255,255,.04);
  aspect-ratio: 4 / 3;
}
.gallery__item img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition: transform .3s ease;
}
.gallery__item:hover img{transform: scale(1.03)}

/* Reviews / social proof (ad-ready) */
.reviews{
  display:grid;
  gap:18px;
  justify-items:center;
  text-align:center;
  padding:22px;
  border:1px solid var(--line);
  border-radius: var(--radius);
  background: radial-gradient(900px 260px at 50% 0%, rgba(124,92,255,.18), transparent 65%),
              rgba(255,255,255,.04);
}
.reviews__badge{
  display:inline-block;
  padding:18px 22px;
  border-radius: var(--radius);
  background:#ffffff;
  box-shadow: var(--shadow);
  transition: transform .15s ease;
}
.reviews__badge:hover{transform: translateY(-2px)}
.reviews__badge img{
  display:block;
  width:100%;
  max-width:320px;
  height:auto;
}
.review-quote{
  margin:0;
  max-width:56ch;
  color:var(--text);
  font-size:1.1rem;
  line-height:1.45;
}
.review-quote p{margin:0 0 8px}
.review-quote cite{color:var(--muted);font-style:normal;font-weight:700;font-size:.92rem}
.reviews__cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

.form{display:grid;gap:12px}
.form__row{display:grid;gap:6px}
label{font-weight:800;font-size:.92rem;color:rgba(238,240,246,.95)}
input, select, textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.28);
  color:var(--text);
  padding:12px 12px;
  outline:none;
}
input:focus, select:focus, textarea:focus{
  border-color: rgba(124,92,255,.7);
  box-shadow: 0 0 0 4px rgba(124,92,255,.18);
}
textarea{resize:vertical}
.form__fineprint{margin:0;color:var(--muted);font-size:.85rem}

.section{padding:56px 0}
.section--alt{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.section__head{margin-bottom:18px}
.section__head h2{margin:0 0 6px;font-size: clamp(24px, 2.7vw, 36px)}
.section__head p{margin:0;color:var(--muted)}

.steps{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 860px){
  .steps{grid-template-columns:1fr}
}
.step{
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:16px;
}
.step__num{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(124,92,255,.22);
  border:1px solid rgba(124,92,255,.35);
  font-weight:900;
  margin-bottom:10px;
}

.callout{
  margin-top:16px;
  padding:16px;
  border-radius: var(--radius);
  border:1px solid rgba(34,197,94,.28);
  background: radial-gradient(800px 240px at 20% 20%, rgba(34,197,94,.18), transparent 70%),
              rgba(255,255,255,.03);
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;
}
@media (max-width: 680px){
  .callout{flex-direction:column;align-items:flex-start}
}

.grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 860px){
  .grid{grid-template-columns:1fr}
}
.tile{
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:16px;
}
.tile h3{margin:0 0 6px}
.tile p{margin:0;color:var(--muted)}

.faq details{
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:14px 16px;
  margin:10px 0;
}
.faq summary{cursor:pointer;font-weight:900}
.faq p{margin:10px 0 0;color:var(--muted)}

.cta-strip{
  margin-top:18px;
  padding:16px;
  border-radius: var(--radius);
  border:1px solid rgba(124,92,255,.35);
  background: radial-gradient(900px 260px at 70% 30%, rgba(124,92,255,.20), transparent 65%),
              rgba(255,255,255,.03);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
@media (max-width: 680px){
  .cta-strip{flex-direction:column;align-items:flex-start}
}

.footer{
  border-top:1px solid var(--line);
  padding:26px 0;
  background:rgba(0,0,0,.18);
}
.footer__grid{
  display:grid;
  grid-template-columns: 1.3fr .7fr 1fr;
  gap:16px;
  align-items:start;
}
@media (max-width: 860px){
  .footer__grid{grid-template-columns:1fr}
}
.footer__links{display:grid;gap:10px;color:var(--muted);font-weight:700}
.footer__links a:hover{color:var(--text)}
.footer__legal p{margin:0}

/* ===== Conversion-focused additions ===== */

/* Larger / call button variants */
.btn--lg{padding:16px 20px;font-size:1.05rem;border-radius:16px}
.btn--sm{padding:8px 12px;font-size:.9rem}
.btn--call{
  background:linear-gradient(135deg, rgba(34,197,94,1), rgba(34,197,94,.78));
  border-color: rgba(34,197,94,.55);
  color:#04190b;
}
.btn--call:hover{filter:brightness(1.05)}

/* Hero copy emphasis */
.hero__sub{
  color:var(--text);
  font-size:1.15rem;
  margin:6px 0 14px;
  max-width:60ch;
}

/* Highlighted form card */
.card--highlight{
  border:2px solid rgba(124,92,255,.55);
  background: linear-gradient(180deg, rgba(124,92,255,.10), rgba(255,255,255,.04));
  box-shadow: 0 24px 70px rgba(124,92,255,.18), var(--shadow);
  position:relative;
}
.card--highlight::before{
  content:"⚡ Fast Cash Offer";
  position:absolute;
  top:-14px;left:18px;
  background:linear-gradient(135deg, #ffc857, #ffaa00);
  color:#1a1200;
  font-weight:900;
  font-size:.78rem;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(255,170,0,.6);
  letter-spacing:.02em;
}
.card--highlight .card__title{font-size:1.55rem;line-height:1.2}

/* Form microcopy */
.form__microcopy{
  margin:6px 0 0;
  text-align:center;
  font-weight:700;
  color:#cdd2e0;
  font-size:.95rem;
}

/* Trust strip under hero */
.trust-strip{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background: linear-gradient(180deg, rgba(34,197,94,.08), rgba(255,255,255,.02));
  padding:16px 0;
}
.trust-strip__grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:12px;
  text-align:center;
}
.trust-strip__item{
  padding:8px 10px;
  font-weight:800;
  font-size:.98rem;
}
.trust-strip__item::before{
  content:"✓ ";
  color:var(--accent2);
  font-weight:900;
  margin-right:4px;
}
@media (max-width: 860px){
  .trust-strip__grid{grid-template-columns:repeat(2,1fr);text-align:left}
}

/* 4-column grid for pain tiles */
.grid--4{grid-template-columns: repeat(3, 1fr)}
@media (min-width: 1000px){
  .grid--4{grid-template-columns: repeat(3, 1fr)}
}
@media (max-width: 860px){
  .grid--4{grid-template-columns: 1fr}
}
.tile--pain{
  border-left:3px solid var(--accent2);
}
.tile--pain h3{font-size:1.05rem}

/* Testimonial layout */
.testimonials{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:14px;
  width:100%;
}
@media (max-width: 860px){
  .testimonials{grid-template-columns:1fr}
}
.testimonials .review-quote{
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding:16px;
  text-align:left;
  font-size:1rem;
}

/* CTA strip button group */
.cta-strip__btns{display:flex;gap:10px;flex-wrap:wrap}

/* Reorder hero on smaller screens so headline shows first, form second */
@media (max-width: 980px){
  .hero__grid{grid-template-columns:1fr}
  .hero__copy{order:1}
  .hero__grid > .card{order:2}
}

/* ===== Hero/form conversion polish (scoped to hero--form-first) ===== */

/* Light, high-contrast form card */
.hero--form-first .card--highlight{
  background: rgba(255,255,255,0.95);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  color:#1a1a1a;
}
.hero--form-first .card--highlight::before{
  background:linear-gradient(135deg, #ffc857, #ffaa00);
  color:#1a1200;
  border-color: rgba(255,170,0,.6);
}
.hero--form-first .card--highlight,
.hero--form-first .card--highlight .card__h1,
.hero--form-first .card--highlight .card__sub,
.hero--form-first .card--highlight .card__sub--lead,
.hero--form-first .card--highlight .card__supporting,
.hero--form-first .card--highlight label,
.hero--form-first .card--highlight .form__microcopy,
.hero--form-first .card--highlight .form__fineprint,
.hero--form-first .card--highlight .micro{
  color:#1a1a1a;
}
.hero--form-first .card--highlight .card__sub--lead,
.hero--form-first .card--highlight .form__microcopy,
.hero--form-first .card--highlight .form__fineprint,
.hero--form-first .card--highlight .micro{
  color:#3b3f4a;
}
.hero--form-first .card--highlight .card__supporting{
  color:#1f2937;
}
.hero--form-first .card--highlight .accent{ color:#16a34a; }
.hero--form-first .card--highlight .eyebrow{
  color:#2c2f3a;
  background: rgba(15,23,42,.05);
  border-color: rgba(15,23,42,.10);
}
.hero--form-first .card--highlight .badge{
  color:#0b3d1a;
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.40);
}
.hero--form-first .card--highlight .micro a{ color:#16a34a; }

/* Inputs: high contrast against light card */
.hero--form-first .card--highlight input,
.hero--form-first .card--highlight select,
.hero--form-first .card--highlight textarea{
  background:#ffffff;
  border:1.5px solid rgba(15,23,42,.22);
  color:#11131a;
}
.hero--form-first .card--highlight input::placeholder,
.hero--form-first .card--highlight textarea::placeholder{ color:#6b7280; }
.hero--form-first .card--highlight input:focus,
.hero--form-first .card--highlight select:focus,
.hero--form-first .card--highlight textarea:focus{
  border-color:#16a34a;
  box-shadow: 0 0 0 4px rgba(34,197,94,.18);
}

/* Trust bullets above the form */
.hero--form-first .trust-bullets{
  list-style:none;
  margin: 8px 0 16px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  gap:10px 18px;
}
.hero--form-first .trust-bullets li{
  font-weight:900;
  color:#0b3d1a;
  font-size:1rem;
  letter-spacing:.01em;
  flex:1 1 auto;
  text-align:center;
  white-space:nowrap;
}

/* Form spacing + tap-friendly submit */
.hero--form-first .form{ gap:14px; margin-top:6px; padding-bottom:6px; }
.hero--form-first .form__submit{ margin-top:14px; }

/* Trust microcopy directly under the orange CTA — small, subtle */
.hero--form-first .form__microcopy{
  margin: 10px 0 0;
  text-align:center;
  font-weight:500;
  color:#4b5563;
  font-size:.85rem;
  line-height:1.45;
}

/* Extra breathing room below the form card so the section is easy to scroll */
.hero--form-first .card--highlight{ margin-bottom: 28px; }
.hero--form-first .form__fineprint{ margin-top: 10px; }

/* Orange primary CTA — reserved for the form submit */
.btn--cta-orange{
  background:linear-gradient(135deg, #ffc857, #ffaa00);
  border:1px solid rgba(255,170,0,.65);
  color:#1a1200;
  box-shadow: 0 14px 35px rgba(255,170,0,.30);
}
.btn--cta-orange:hover{ filter:brightness(1.04); }

/* Scope hero secondary CTAs to green (reduce purple dominance) */
.hero--form-first .btn--primary{
  background:linear-gradient(135deg, rgba(34,197,94,1), rgba(34,197,94,.78));
  border-color: rgba(34,197,94,.55);
  color:#04190b;
}
.hero--form-first .hero__cta{ margin-top:22px; gap:12px; }

/* Urgency note directly under the trust microcopy — small, slightly darker/bolder for visibility */
.hero--form-first .form__urgency{
  margin: 8px 0 0;
  text-align:center;
  font-weight:700;
  color:#374151;
  background: transparent;
  border: none;
  border-radius:0;
  padding:0;
  font-size:.8rem;
  line-height:1.4;
}

/* Mobile spacing tightening for the hero/form */
@media (max-width: 560px){
  .hero--form-first .form{ gap:14px; }
  .hero--form-first .form__submit{ margin-top:16px; padding:18px 20px; }
  .hero--form-first .trust-bullets{ gap:8px 12px; margin: 10px 0 18px; }
  .hero--form-first .trust-bullets li{ font-size:.95rem; }
  .hero--form-first .card__h1{ font-size: 26px; line-height:1.22; }
  .hero--form-first .card__supporting{ font-size: .98rem; margin-bottom:12px; }
  .hero--form-first .badges{ margin-bottom:14px; }
  .hero__copy--below{ margin-top:8px; }
  .hero--form-first .form__microcopy{ margin-top: 10px; }
  .hero--form-first .form__urgency{ margin-top: 8px; }
  .hero--form-first .form__fineprint{ margin-top: 10px; }
}