﻿:root{
  --green:#1D9E75;--gl:#E1F5EE;--gm:#9FE1CB;--gd:#085041;--gdp:#0F6E56;
  --amber:#FAEEDA;--at:#633806;--am:#FAC775;--ab:#854F0B;
  --pl:#EEEDFE;--pt:#3C3489;--pm:#534AB7;
  --bl:#E6F1FB;--bt:#0C447C;--bm:#378ADD;
  --g50:#F7F6F3;--g100:#EEEDE8;--g200:#D3D1C7;--g400:#888780;
  --tx:#1A1A18;--ts:#5F5E5A;--tt:#888780;
  --bd:rgba(26,26,24,0.10);--bdm:rgba(26,26,24,0.18);
  --rl:14px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:#FAFAF8;color:var(--tx);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;}

/* NAV — identical to home */
nav{position:sticky;top:0;z-index:100;background:rgba(250,250,248,0.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:60px;}
.nav-logo{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:500;color:var(--tx);text-decoration:none;letter-spacing:-.01em;}
.lmk{width:30px;height:30px;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;color:var(--ts);list-style:none;}
.nav-links a{color:inherit;text-decoration:none;transition:color .15s;}
.nav-links a:hover{color:var(--tx);}
.btn-n{font-size:13px;font-weight:500;padding:7px 18px;border-radius:8px;cursor:pointer;font-family:inherit;border:1px solid var(--bdm);background:transparent;color:var(--ts);transition:all .15s;}
.btn-np{background:var(--green);color:#fff;border-color:var(--green);}
.btn-np:hover{background:var(--gdp);}

/* PAGE LAYOUT */
.page-wrap{max-width:720px;margin:0 auto;padding:72px 40px 96px;}

/* EYEBROW */
.ey{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gdp);margin-bottom:16px;}

/* HERO TEXT */
.page-h{font-size:40px;font-weight:300;line-height:1.08;color:var(--tx);letter-spacing:-.025em;margin-bottom:20px;}
.page-h strong{font-weight:500;}

.lead{font-size:18px;font-weight:300;color:var(--ts);line-height:1.7;margin-bottom:48px;max-width:600px;}
.lead em{font-style:italic;color:var(--tx);}

/* DIVIDER */
.divider{height:1px;background:var(--bd);margin:48px 0;}

/* BODY PROSE */
.prose p{font-size:15px;color:var(--ts);line-height:1.8;margin-bottom:20px;}
.prose p:last-child{margin-bottom:0;}
.prose strong{font-weight:500;color:var(--tx);}
.prose em{font-style:italic;}

/* PULL QUOTE */
.pullquote{border-left:2px solid var(--green);padding:16px 0 16px 24px;margin:36px 0;}
.pullquote p{font-size:17px;font-weight:300;color:var(--tx);line-height:1.65;font-style:italic;margin:0;}

/* FRUSTRATION LIST */
.frust-list{background:var(--g50);border-radius:var(--rl);border:1px solid var(--bd);padding:24px 28px;margin:32px 0;}
.frust-list-title{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--tt);margin-bottom:16px;font-family:'DM Mono',monospace;}
.frust-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;}
.frust-item:last-child{margin-bottom:0;}
.frust-num{font-size:10px;font-weight:500;color:var(--green);font-family:'DM Mono',monospace;min-width:20px;padding-top:3px;}
.frust-text{font-size:13px;color:var(--ts);line-height:1.65;}
.frust-text strong{font-weight:500;color:var(--tx);}

/* WHAT WE ARE / NOT */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0;}
.col-card{border-radius:var(--rl);padding:22px 24px;}
.col-card.yes{background:var(--gl);border:1px solid var(--gm);}
.col-card.no{background:var(--g50);border:1px solid var(--bd);}
.col-card-title{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px;font-family:'DM Mono',monospace;}
.col-card.yes .col-card-title{color:var(--gdp);}
.col-card.no .col-card-title{color:var(--tt);}
.col-item{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px;font-size:13px;color:var(--ts);line-height:1.5;}
.col-item:last-child{margin-bottom:0;}
.col-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;margin-top:7px;}
.col-card.yes .col-dot{background:var(--green);}
.col-card.no .col-dot{background:var(--g200);}

/* PRINCIPLES */
.principles{margin:0;}
.principle{padding:24px 0;border-bottom:1px solid var(--bd);}
.principle:first-child{border-top:1px solid var(--bd);}
.principle-label{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--gdp);font-family:'DM Mono',monospace;margin-bottom:8px;}
.principle-text{font-size:14px;color:var(--ts);line-height:1.75;}
.principle-text strong{font-weight:500;color:var(--tx);}

/* CTA STRIP */
.cta-strip{background:var(--g50);border:1px solid var(--bd);border-radius:var(--rl);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:56px;}
.cta-strip-text h3{font-size:16px;font-weight:500;color:var(--tx);margin-bottom:4px;}
.cta-strip-text p{font-size:13px;color:var(--ts);}
.btn-p{font-family:inherit;font-size:13px;font-weight:500;padding:11px 22px;border-radius:8px;cursor:pointer;background:var(--green);color:#fff;border:none;transition:all .15s;white-space:nowrap;}
.btn-p:hover{background:var(--gdp);}

/* FOOTER */
footer{border-top:1px solid var(--bd);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;}
.flinks{display:flex;gap:20px;}
.flinks a{font-size:12px;color:var(--tt);text-decoration:none;transition:color .15s;}
.flinks a:hover{color:var(--tx);}
.fcopy{font-size:12px;color:var(--tt);}

@media(max-width:680px){
  nav{padding:0 20px;}
  .page-wrap{padding:48px 20px 72px;}
  .page-h{font-size:30px;}
  .lead{font-size:16px;}
  .two-col{grid-template-columns:1fr;}
  .cta-strip{flex-direction:column;align-items:flex-start;}
  footer{flex-direction:column;gap:12px;padding:20px;}
}
