/* ================================================================
   LOCAL GROWTH 360 — ABOUT PAGE STYLES
   File: css/about.css
   All styles for this page, extracted verbatim from original HTML.
================================================================ */

/* ── TOKENS ───────────────────────────────────────────────────── */
:root{
  --ink-900:#0A0F1E; --ink-800:#0F1525; --ink-700:#111827;
  --ink-600:#141C2E; --ink-500:#1B2438;
  --orange-600:#E64A18; --orange-500:#FF5E28; --orange-400:#FF7A4D;
  --orange-dim:rgba(255,94,40,.12); --orange-glow:rgba(255,94,40,.30);
  --green-500:#22C55E; --green-400:#4ADE80; --green-glow:rgba(34,197,94,.20);
  --text-hi:#F8FAFC; --text-mid:#AEB9CC; --text-lo:#6B7892;
  --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.16);
  --light-bg:#F6F5F1; --light-card:#FFFFFF; --light-line:#E7E4DC;
  --on-light-hi:#0A0F1E; --on-light-mid:#5A6477; --on-light-lo:#8A93A6;
  --display:'Cormorant',Georgia,serif;
  --editorial:'Lora',Georgia,serif;
  --ui:'Sora',system-ui,-apple-system,sans-serif;
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:26px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.45s;
  --sec:clamp(74px,9vw,116px);
  --wrap:1200px; --hh:74px;
}

/* ── RESET + BASE ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--ui);background:var(--ink-900);color:var(--text-mid);line-height:1.6;
  overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}

h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.06;
  letter-spacing:-.012em;color:var(--text-hi)}
.eyebrow{font-family:var(--ui);font-size:.72rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--orange-400);display:inline-flex;align-items:center;
  gap:10px;margin-bottom:18px}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--orange-500)}
.eyebrow.center{justify-content:center}
.headline{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,4.2vw,3.25rem);
  line-height:1.04;color:var(--text-hi)}
.headline em{font-style:italic;color:var(--orange-500)}
.sub{font-family:var(--editorial);font-size:1.08rem;color:var(--text-mid);line-height:1.7;
  margin-top:18px;max-width:560px}

.sec{padding:var(--sec) 0}
.sec-dark{background:var(--ink-900)}
.sec-mid{background:var(--ink-800)}
.sec-light{background:var(--light-bg)}
.sec-light .headline,.sec-light h2,.sec-light h3,.sec-light h4{color:var(--on-light-hi)}
.sec-light .sub{color:var(--on-light-mid)}
.sec-light .eyebrow{color:var(--orange-600)}
.sec-light .eyebrow::before{background:var(--orange-600)}
.sec-head-split{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;
  margin-bottom:54px;flex-wrap:wrap}
.sec-head-center{text-align:center;margin-bottom:58px;max-width:680px;margin-inline:auto}
.sec-head-center .sub{margin:18px auto 0}

[data-r]{opacity:0;transform:translateY(24px);
  transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}
[data-r].in{opacity:1;transform:none}
[data-d="1"]{transition-delay:.08s}[data-d="2"]{transition-delay:.16s}
[data-d="3"]{transition-delay:.24s}[data-d="4"]{transition-delay:.32s}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
  [data-r]{opacity:1;transform:none}
}

/* ── BUTTONS ──────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--ui);font-size:.9rem;
  font-weight:600;border-radius:var(--r-sm);transition:all .28s var(--ease);white-space:nowrap;line-height:1}
.btn .ic{font-size:1.05em}
.btn-primary{background:var(--orange-500);color:#fff;padding:15px 30px;border:1.5px solid transparent;
  box-shadow:0 10px 30px -12px var(--orange-glow)}
.btn-primary:hover{background:var(--orange-400);transform:translateY(-2px);
  box-shadow:0 18px 42px -14px var(--orange-glow)}
.btn-ghost{background:rgba(255,255,255,.02);color:var(--text-hi);padding:14px 28px;
  border:1.5px solid var(--line-strong)}
.btn-ghost:hover{border-color:var(--orange-500);color:var(--orange-400);background:rgba(255,94,40,.05)}
.btn-outline{background:transparent;color:var(--orange-500);padding:11px 22px;
  border:1.5px solid var(--orange-500);font-size:.84rem}
.btn-outline:hover{background:var(--orange-500);color:#fff}
.arrow-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--ui);font-size:.84rem;
  font-weight:600;color:var(--orange-500);transition:gap .25s var(--ease),color .25s var(--ease)}
.arrow-link:hover{gap:11px;color:var(--orange-400)}

/* ── ICONS ────────────────────────────────────────────────────── */
.ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ic-solid{fill:currentColor;stroke:none}

/* ── ANNOUNCEMENT BAR ─────────────────────────────────────────── */
.ann-bar{background:var(--ink-600);border-bottom:1px solid var(--line);
  font-family:var(--ui);font-size:.76rem;font-weight:500;color:var(--text-mid);
  padding:9px 28px;display:flex;align-items:center;justify-content:center;gap:10px;
  text-align:center;flex-wrap:wrap}
.ann-bar strong{color:var(--orange-400);font-weight:700;background:var(--orange-dim);
  padding:2px 8px;border-radius:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.ann-bar a{color:var(--orange-400);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ann-bar a:hover{color:var(--orange-500)}

/* ── HEADER ───────────────────────────────────────────────────── */
#hdr{position:fixed;top:0;left:0;width:100%;z-index:900;
  transition:background .3s var(--ease),box-shadow .3s var(--ease),top .3s var(--ease)}
#hdr.solid{background:rgba(10,15,30,.96);backdrop-filter:blur(14px);
  box-shadow:0 1px 0 var(--line),0 8px 32px -8px rgba(0,0,0,.45)}
.hdr-inner{display:flex;align-items:center;justify-content:space-between;
  height:var(--hh);gap:24px}
.logo{font-family:var(--display);font-weight:700;font-size:1.28rem;
  color:var(--text-hi);letter-spacing:-.01em;display:flex;align-items:center;gap:10px;
  white-space:nowrap}
.logo-dot{width:9px;height:9px;border-radius:50%;background:var(--orange-500);
  box-shadow:0 0 10px var(--orange-glow);flex-shrink:0}
.hdr-nav{display:flex;align-items:center;gap:4px}
.hdr-nav a{font-family:var(--ui);font-size:.84rem;font-weight:500;color:var(--text-mid);
  padding:7px 13px;border-radius:var(--r-sm);transition:color .22s,background .22s}
.hdr-nav a:hover,.hdr-nav a[aria-current="page"]{color:var(--text-hi);background:rgba(255,255,255,.06)}
.hdr-nav a[aria-current="page"]{color:var(--orange-400)}
.hdr-cta{display:flex;align-items:center;gap:12px}
.hdr-phone{font-family:var(--ui);font-size:.82rem;font-weight:600;color:var(--text-mid);
  display:flex;align-items:center;gap:7px;transition:color .22s}
.hdr-phone:hover{color:var(--orange-400)}
.hbg{display:none;background:none;border:1.5px solid var(--line-strong);
  border-radius:var(--r-sm);padding:8px;cursor:pointer;color:var(--text-hi);
  transition:border-color .22s,color .22s;flex-direction:column;gap:5px;
  align-items:center;justify-content:center;width:40px;height:40px}
.hbg span{display:block;width:18px;height:1.5px;background:currentColor;
  transition:transform .3s var(--ease),opacity .3s}
.hbg.x span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hbg.x span:nth-child(2){opacity:0}
.hbg.x span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mob-nav{display:none;position:fixed;inset:0;z-index:800;background:rgba(10,15,30,.98);
  padding:calc(var(--hh) + 28px) 28px 40px;flex-direction:column;gap:4px;
  opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.mob-nav.open{display:flex;opacity:1;pointer-events:all}
.mob-nav a{font-family:var(--display);font-size:1.8rem;font-weight:600;color:var(--text-hi);
  padding:10px 0;border-bottom:1px solid var(--line);transition:color .22s}
.mob-nav a:hover{color:var(--orange-400)}
.mob-nav .btn{margin-top:20px;justify-content:center}

/* ── HERO ─────────────────────────────────────────────────────── */
.pg-hero{
  padding-top:calc(var(--hh) + 80px);
  padding-bottom:clamp(60px,8vw,100px);
  background:radial-gradient(120% 80% at 50% -10%,#0e1730 0%,var(--ink-900) 55%);
  position:relative;overflow:hidden;
}
.pg-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 600px 400px at 50% 110%,var(--orange-glow),transparent 70%);
  pointer-events:none;
}
.pg-hero-inner{text-align:center;max-width:760px;margin:0 auto;position:relative;z-index:1}
.pg-hero .sub{margin:20px auto 0;max-width:580px;text-align:center}
.pg-hero .btn-row{display:flex;align-items:center;justify-content:center;gap:16px;
  flex-wrap:wrap;margin-top:36px}

/* ── STORY SECTION ────────────────────────────────────────────── */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.story-body p{font-family:var(--editorial);font-size:1.05rem;line-height:1.78;
  color:var(--on-light-mid);margin-bottom:22px}
.story-body p:last-child{margin-bottom:0}
.story-body strong{color:var(--on-light-hi);font-weight:600}
.story-visual{background:var(--on-light-hi);border-radius:var(--r-xl);
  padding:40px 36px;display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden}
.story-visual::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 120% 60% at 50% -20%,rgba(255,94,40,.15),transparent 70%);
  pointer-events:none}
.story-visual-tag{font-family:var(--ui);font-size:.7rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--orange-400);margin-bottom:4px}
.story-visual-num{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,4vw,3.4rem);
  line-height:1;color:var(--text-hi)}
.story-visual-num span{color:var(--orange-500)}
.story-visual-label{font-family:var(--ui);font-size:.8rem;color:var(--text-mid);margin-top:2px}
.story-divider{height:1px;background:var(--line)}

/* ── STATS BAND ───────────────────────────────────────────────── */
.stats-band{padding:clamp(48px,6vw,72px) 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.stat-tile{background:var(--ink-600);padding:38px 28px;text-align:center}
.stat-num{font-family:var(--display);font-weight:700;
  font-size:clamp(2.2rem,3.8vw,3.1rem);line-height:1;color:var(--orange-500)}
.stat-num.green{color:var(--green-400)}
.stat-label{font-family:var(--ui);font-size:.72rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-lo);margin-top:10px}

/* ── VALUES ───────────────────────────────────────────────────── */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.val-card{background:var(--ink-600);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px 26px;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.val-card:hover{transform:translateY(-4px);border-color:rgba(255,94,40,.35);
  box-shadow:0 18px 48px -16px rgba(0,0,0,.5),0 0 0 1px rgba(255,94,40,.12)}
.val-icon{width:48px;height:48px;border-radius:12px;background:var(--orange-dim);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;color:var(--orange-400);margin-bottom:20px;flex-shrink:0}
.val-card h3{font-family:var(--display);font-size:1.22rem;font-weight:600;
  color:var(--text-hi);margin-bottom:10px;line-height:1.2}
.val-card p{font-family:var(--ui);font-size:.87rem;color:var(--text-mid);line-height:1.65}

/* ── TEAM ─────────────────────────────────────────────────────── */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tm-card{background:var(--light-card);border:1px solid var(--light-line);
  border-radius:var(--r-lg);padding:34px 26px;text-align:center;
  transition:transform .3s var(--ease),box-shadow .3s}
.tm-card:hover{transform:translateY(-4px);
  box-shadow:0 20px 50px -16px rgba(10,15,30,.18)}
.av{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-family:var(--ui);font-size:1.1rem;font-weight:700;
  color:#fff;margin:0 auto 18px;letter-spacing:.04em;flex-shrink:0}
.av-1{background:linear-gradient(135deg,#FF5E28,#E64A18)}
.av-2{background:linear-gradient(135deg,#1B2438,#3A4D6E)}
.av-3{background:linear-gradient(135deg,#22C55E,#0ea25f)}
.av-4{background:linear-gradient(135deg,#FF7A4D,#FF5E28)}
.av-5{background:linear-gradient(135deg,#3A4D6E,#1B2438)}
.av-6{background:linear-gradient(135deg,#4ADE80,#22C55E)}
.tm-name{font-family:var(--ui);font-size:.97rem;font-weight:700;
  color:var(--on-light-hi);margin-bottom:4px}
.tm-role{font-family:var(--ui);font-size:.8rem;color:var(--on-light-mid)}
.tm-bio{font-family:var(--editorial);font-size:.88rem;color:var(--on-light-mid);
  line-height:1.65;margin-top:14px;text-align:left}

/* ── PROCESS ──────────────────────────────────────────────────── */
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.process-steps::before{content:"";position:absolute;top:28px;left:10%;right:10%;
  height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),var(--line-strong),var(--line-strong),transparent);
  z-index:0}
.step{text-align:center;padding:0 12px;position:relative;z-index:1}
.step-num{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--line-strong);
  background:var(--ink-600);display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-weight:700;font-size:1.2rem;color:var(--orange-400);
  margin:0 auto 20px;transition:border-color .3s,background .3s,box-shadow .3s}
.step:hover .step-num{border-color:var(--orange-500);background:var(--orange-dim);
  box-shadow:0 0 20px var(--orange-glow)}
.step h4{font-family:var(--display);font-size:1.08rem;font-weight:600;
  color:var(--text-hi);margin-bottom:8px}
.step p{font-family:var(--ui);font-size:.8rem;color:var(--text-mid);line-height:1.6}

/* ── PHILOSOPHY / PULL QUOTE ──────────────────────────────────── */
.philosophy-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.pull-quote{border-left:3px solid var(--orange-500);padding-left:28px}
.pull-quote blockquote{font-family:var(--editorial);font-style:italic;
  font-size:clamp(1.25rem,2vw,1.6rem);color:var(--on-light-hi);line-height:1.5;
  margin-bottom:18px}
.pull-quote cite{font-family:var(--ui);font-size:.8rem;font-weight:600;
  color:var(--on-light-mid);font-style:normal}
.philosophy-points{display:flex;flex-direction:column;gap:20px}
.phil-point{display:flex;gap:16px;align-items:flex-start}
.phil-ico{width:36px;height:36px;border-radius:var(--r-sm);flex-shrink:0;
  background:var(--orange-dim);display:flex;align-items:center;justify-content:center;
  color:var(--orange-600);font-size:1rem;margin-top:2px}
.phil-point h4{font-family:var(--ui);font-size:.9rem;font-weight:700;
  color:var(--on-light-hi);margin-bottom:4px}
.phil-point p{font-family:var(--ui);font-size:.84rem;color:var(--on-light-mid);line-height:1.6}

/* ── FINAL CTA ────────────────────────────────────────────────── */
.final-cta{position:relative;overflow:hidden;
  background:radial-gradient(ellipse 120% 80% at 50% 50%,#1a2040 0%,var(--ink-900) 70%)}
.final-cta::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 100%,var(--orange-glow),transparent 65%);
  pointer-events:none}
.final-cta-inner{text-align:center;position:relative;z-index:1;max-width:700px;margin:0 auto}
.final-cta .sub{margin:18px auto 0;max-width:500px;text-align:center}
.final-cta .btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.trust-row{display:flex;align-items:center;justify-content:center;gap:22px;
  flex-wrap:wrap;margin-top:28px}
.trust-item{display:flex;align-items:center;gap:7px;font-family:var(--ui);font-size:.78rem;
  font-weight:600;color:var(--text-lo)}
.trust-item .ic{color:var(--orange-400);font-size:1rem}

/* ── FOOTER ───────────────────────────────────────────────────── */
footer{background:var(--ink-800);border-top:1px solid var(--line);padding:64px 0 0}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px}
.ft-brand p{font-family:var(--ui);font-size:.85rem;color:var(--text-lo);
  line-height:1.7;margin-top:14px;max-width:280px}
.ft-socials{display:flex;gap:12px;margin-top:22px}
.ft-soc-btn{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--text-lo);
  font-size:.95rem;transition:border-color .22s,color .22s,background .22s}
.ft-soc-btn:hover{border-color:var(--orange-500);color:var(--orange-400);
  background:var(--orange-dim)}
.ft-col h4{font-family:var(--ui);font-size:.78rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-hi);margin-bottom:18px}
.ft-col ul li{margin-bottom:10px}
.ft-col ul li a{font-family:var(--ui);font-size:.84rem;color:var(--text-lo);
  transition:color .22s}
.ft-col ul li a:hover{color:var(--orange-400)}
.ft-bottom{border-top:1px solid var(--line);padding:22px 0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ft-bottom p{font-family:var(--ui);font-size:.76rem;color:var(--text-lo)}
.ft-bottom-links{display:flex;gap:20px}
.ft-bottom-links a{font-family:var(--ui);font-size:.76rem;color:var(--text-lo);
  transition:color .22s}
.ft-bottom-links a:hover{color:var(--orange-400)}

/* ── STICKY MOBILE CTA ────────────────────────────────────────── */
.mob-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:800;
  background:var(--ink-700);border-top:1px solid var(--line);
  padding:12px 20px;gap:10px}
.mob-sticky .btn{flex:1;justify-content:center;font-size:.84rem;padding:13px 12px}

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@media(max-width:1024px){
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .process-steps{grid-template-columns:repeat(3,1fr);gap:28px}
  .process-steps::before{display:none}
  .story-grid{grid-template-columns:1fr}
  .philosophy-inner{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:768px){
  .hdr-nav,.hdr-phone,.hbg+.btn{display:none!important}
  .hbg{display:flex}
  .values-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr;gap:20px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .ft-grid{grid-template-columns:1fr;gap:32px}
  .ft-bottom{flex-direction:column;text-align:center}
  .mob-sticky{display:flex}
  .pg-hero .btn-row .btn-ghost{display:none}
}