/*
Theme Name: Cheralis Landing
Theme URI: https://cheralis.com
Author: Siteplot Media (for Cheralis Financial)
Author URI: https://siteplotmedia.com
Description: High-converting one-page landing theme for a Free Tax Resolution Consultation. Matches Cheralis brand colors.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cheralis-landing
*/

:root{
  --brand-orange:#FFA31A;
  --brand-orange-dark:#FF8C00;
  --brand-dark:#2b2b2b;
  --brand-gray:#555;
  --brand-light:#f8f8f8;
  --radius:18px;
  --shadow:0 10px 25px rgba(0,0,0,.12);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--brand-dark);}
a{color:var(--brand-orange-dark);text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:1120px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark));color:#fff;font-weight:700;box-shadow:var(--shadow);border:none;cursor:pointer}
.btn:focus,.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}
.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #eee;box-shadow:var(--shadow)}

.section{padding:64px 0}
.section.light{background:var(--brand-light)}
.section.dark{background:#111;color:#fff}

.hero{padding:96px 0;background:radial-gradient(1200px 400px at 20% -10%, rgba(255,163,26,.35),transparent),linear-gradient(180deg,#fff 0%, #fff 40%, #fef6e8 100%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero h1{font-size:48px;line-height:1.05;margin:0 0 14px}
.hero p.lead{font-size:18px;color:var(--brand-gray);margin:0 0 20px}
.hero-card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}

.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kpi{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);text-align:center}
.kpi .num{font-size:28px;font-weight:800}
.kpi .lbl{font-size:13px;color:var(--brand-gray)}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card h3{margin-top:0}

.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.benefits li{list-style:none;background:#fff;border:1px solid #eee;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:flex-start}
.check{width:22px;height:22px;flex:0 0 22px;border-radius:999px;background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-dark));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900}

.faq details{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:var(--shadow)}
summary{cursor:pointer;font-weight:700}

.form{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{font-size:13px;color:var(--brand-gray)}
.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px}
.form textarea{min-height:120px}
.form .disclaimer{font-size:12px;color:var(--brand-gray)}

.footer{padding:32px 0;border-top:1px solid #eee;font-size:14px;color:#666}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
  .benefits{grid-template-columns:1fr}
  .form .row{grid-template-columns:1fr}
  .hero h1{font-size:38px}
}