/*
Theme Name: Recharge @
Theme URI: https://recharge-at.local
Author: Recharge Concept
Description: Premium WordPress theme for Recharge @Work, Recharge @Location and Recharge @Initiative. Calm corporate wellness design with editable Customizer content.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: recharge-at
*/

:root{
  --navy:#09213a; --olive:#67735a; --olive-dark:#48533f; --cream:#f7f4ee; --sand:#e9e2d6; --taupe:#b8a48c; --ink:#132437; --muted:#5e6870; --white:#fff; --line:#ded8cc; --shadow:0 24px 60px rgba(9,33,58,.08);
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6} img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.serif{font-family:Georgia,'Times New Roman',serif}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--olive);font-weight:700}.btn{display:inline-flex;gap:10px;align-items:center;border-radius:999px;padding:14px 22px;background:var(--navy);color:#fff;font-weight:700}.btn.alt{background:transparent;color:var(--navy);border:1px solid var(--line)}
.site-header{position:sticky;top:0;background:rgba(247,244,238,.86);backdrop-filter:blur(18px);z-index:10;border-bottom:1px solid rgba(222,216,204,.7)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.08em;font-size:24px;color:var(--navy)}.brand small{display:block;font-size:9px;letter-spacing:.18em;margin-top:-4px}.menu{display:flex;gap:28px;font-size:14px;font-weight:700;color:var(--navy)}
.hero{min-height:760px;display:grid;grid-template-columns:1fr 1.08fr;align-items:stretch;background:#fff}.hero-copy{padding:90px 70px 70px 8vw;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(58px,7vw,104px);line-height:.93;margin:22px 0;color:var(--navy);font-weight:400}.hero h1 span{color:var(--olive)}.hero p.lead{font-size:clamp(22px,2.4vw,34px);line-height:1.2;color:var(--navy);max-width:620px}.hero p.sub{max-width:520px;color:var(--muted);font-size:18px}.hero-visual{position:relative;min-height:680px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,0) 35%)}.hero-card{position:absolute;right:40px;bottom:42px;background:rgba(72,83,63,.94);color:#fff;border-radius:22px;padding:28px;max-width:320px;box-shadow:var(--shadow)}
.icon-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fff}.icon-item{padding:28px;border-right:1px solid var(--line)}.icon{width:46px;height:46px;border:1.5px solid var(--olive);border-radius:50%;display:grid;place-items:center;color:var(--olive);font-weight:800;margin-bottom:12px}.icon-item h4{margin:0 0 4px;color:var(--navy)}.icon-item p{margin:0;color:var(--muted);font-size:14px}
section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-title{font-size:clamp(42px,5vw,72px);line-height:1.02;font-weight:400;color:var(--navy);margin:16px 0 28px}.section-title span{color:var(--olive)}.text-large{font-size:20px;color:var(--muted);max-width:640px}.panel{background:#fff;border:1px solid var(--line);border-radius:30px;padding:36px;box-shadow:var(--shadow)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.card h3{font-size:28px;line-height:1.1;color:var(--navy);margin:14px 0}.card p{color:var(--muted)}.line-list{display:grid;gap:18px}.line-list div{display:flex;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}.check{flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1px solid var(--olive);display:grid;place-items:center;color:var(--olive)}
.dark{background:var(--navy);color:#fff}.dark .section-title,.dark h2,.dark h3{color:#fff}.dark p{color:rgba(255,255,255,.78)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px}.step-number{width:38px;height:38px;border-radius:50%;background:var(--olive);display:grid;place-items:center;font-weight:800;margin-bottom:18px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px}.price{font-size:44px;font-family:Georgia,serif;color:var(--olive);line-height:1}.cta{background:linear-gradient(135deg,var(--olive-dark),#718069);color:#fff;border-radius:34px;padding:52px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.cta h2{font-size:52px;line-height:1;margin:0 0 14px;font-family:Georgia,serif;font-weight:400}.site-footer{background:#fff;border-top:1px solid var(--line);padding:34px 0;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.page-hero{padding:90px 0 50px}.content{background:#fff;border:1px solid var(--line);border-radius:28px;padding:50px;margin-bottom:70px}
@media(max-width:900px){.menu{display:none}.hero,.split,.pricing,.cta{grid-template-columns:1fr}.hero-copy{padding:70px 30px}.hero-visual{min-height:440px}.icon-row,.cards,.steps{grid-template-columns:1fr}.wrap{width:min(100% - 28px,1180px)}section{padding:70px 0}.footer-grid{display:block}.section-title{font-size:44px}}