:root{--forest:#012F25;   
  --forest-2:#06392E; 
  --forest-3:#0C4638; 
  --cream:#F0EDE4;    
  --lime:#AEFF46;     
  --lime-deep:#96E62C;
  --sage:#B8DF9E;     
  --sage-deep:#8FC978;
  --yellow:#FAF2A0;   
  --sage-tint:#E8F4E0;
  --paper:#FBFAF6;    
  --text:#212121;     
  --muted:#5B5B5B;    
  --muted-dark:#C3D6C6;
  --line:#E4E2D8; --line-dark:rgba(240,237,228,.16);
  --r-sm:10px; --r-md:18px; --r-lg:28px; --r-pill:999px;
  --ease:cubic-bezier(.22,1,.36,1);
  --wrap:1180px; --gut:24px;}
.cg *,.cg *::before,.cg *::after{box-sizing:border-box}
.cg{margin:0; background:var(--paper); color:var(--text);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;}
.cg img{max-width:100%; display:block}
.cg a{color:inherit}
.cg h1,.cg h2,.cg h3,.cg .display,.cg .price-fig{font-family:'Fraunces',Georgia,'Times New Roman',serif;
  font-weight:600; letter-spacing:-.02em; line-height:1.1;
  font-variation-settings:'SOFT' 0,'WONK' 0;
  margin:0 0 .5em;}
.cg h1{font-size:clamp(2.3rem,6vw,4rem)}
.cg h2{font-size:clamp(1.9rem,4vw,2.9rem)}
.cg h3{font-size:1.25rem; line-height:1.25}
.cg p{margin:0 0 1.1em}
.cg .wrap{max-width:var(--wrap); margin:0 auto; padding-inline:var(--gut)}
.cg .eyebrow{font-family:'Inter',system-ui,sans-serif; font-weight:700; font-size:.74rem;
  letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
  margin:0 0 .9rem;}
.cg .on-dark .eyebrow,.cg .dark .eyebrow{color:var(--sage)}
.cg .lede{font-size:1.12rem; color:var(--muted); max-width:60ch}
.cg .dark .lede,.cg .dark p{color:var(--muted-dark)}
.cg .btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  min-height:52px; padding:0 28px; border-radius:var(--r-pill);
  font-family:'Inter',system-ui,sans-serif; font-weight:600; font-size:1rem;
  text-decoration:none; border:1px solid transparent; cursor:pointer;
  transition:transform 180ms var(--ease),background 180ms var(--ease);}
.cg .btn:hover{transform:translateY(-2px)}
.cg .btn-primary{background:var(--lime); color:var(--text)}
.cg .btn-primary:hover{background:var(--lime-deep)}
.cg .btn-ink{background:var(--forest); color:var(--cream)}
.cg .btn-ghost{background:transparent; color:var(--cream); border-color:var(--line-dark)}
.cg .btn-ghost:hover{background:rgba(240,237,228,.08)}
.cg .btn-sm{min-height:44px; padding:0 20px; font-size:.94rem}
.cg .site-head{position:sticky; top:0; z-index:50; background:var(--forest);
  border-bottom:1px solid var(--line-dark);}
.cg .head-in{display:flex; align-items:center; gap:24px; min-height:78px}
.cg .logo{display:flex; align-items:center; text-decoration:none; flex:0 0 auto}
.cg .logo img{height:44px; width:auto}
.cg .nav{display:flex; gap:26px; margin-left:auto; align-items:center}
.cg .nav a{color:var(--cream); text-decoration:none; font-size:.96rem; font-weight:500;
  padding:10px 2px; min-height:44px; display:inline-flex; align-items:center;
  border-bottom:2px solid transparent;}
.cg .nav a:hover,.cg .nav a[aria-current="page"]{border-bottom-color:var(--lime)}
.cg .head-tel{color:var(--cream); text-decoration:none; font-weight:600; white-space:nowrap;
  min-height:44px; display:inline-flex; align-items:center}
.cg .head-tel:hover{color:var(--lime)}
.cg .menu{display:none; margin-left:auto; position:relative}
.cg .menu summary{list-style:none; width:48px; height:48px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:5px; cursor:pointer;
  border-radius:var(--r-sm); border:1px solid var(--line-dark);}
.cg .menu summary::-webkit-details-marker{display:none}
.cg .menu summary span{display:block; width:20px; height:2px; background:var(--cream); border-radius:2px}
.cg .menu[open] summary{background:rgba(240,237,228,.08)}
.cg .menu-panel{position:absolute; right:0; top:calc(100% + 12px); min-width:230px; z-index:60;
  background:var(--forest-2); border:1px solid var(--line-dark); border-radius:var(--r-md);
  padding:8px; display:grid; box-shadow:0 18px 44px rgba(0,0,0,.42);}
.cg .menu-panel a{color:var(--cream); text-decoration:none; font-size:1rem; padding:0 14px;
  min-height:48px; display:flex; align-items:center; border-radius:var(--r-sm);}
.cg .menu-panel a:hover,.cg .menu-panel a[aria-current="page"]{background:var(--forest-3)}
.cg .sec{padding:clamp(56px,8vw,104px) 0}
.cg .sec-tint{background:var(--sage-tint)}
.cg .dark{background:var(--forest); color:var(--cream)}
.cg .dark h1,.cg .dark h2,.cg .dark h3{color:var(--cream)}
.cg .sec-head{max-width:62ch; margin-bottom:48px}
.cg .hero{background:var(--forest); color:var(--cream); padding:clamp(48px,7vw,90px) 0}
.cg .hero-grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(32px,5vw,64px); align-items:center}
.cg .hero h1{color:var(--cream); margin-bottom:.35em}
.cg .hero .lede{color:var(--muted-dark); font-size:1.15rem; max-width:52ch}
.cg .hero-cta{display:flex; flex-wrap:wrap; gap:14px; margin:32px 0 28px}
.cg .proof{display:flex; flex-wrap:wrap; gap:8px 22px; padding:0; margin:0; list-style:none}
.cg .proof li{display:flex; align-items:center; gap:8px; font-size:.93rem; color:var(--muted-dark)}
.cg .proof li::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--lime); flex:0 0 auto}
.cg .frame{position:relative; border-radius:var(--r-lg); overflow:hidden; background:var(--forest-2);
  border:1px solid var(--line-dark)}
.cg .ba{display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--line-dark)}
.cg .slot{position:relative; aspect-ratio:4/5; background:var(--forest-3);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; text-align:center; padding:18px; color:var(--muted-dark);}
.cg .slot--wide{aspect-ratio:16/10}
.cg .slot--sq{aspect-ratio:1/1}
.cg .slot svg{width:38px; height:38px; opacity:.55}
.cg .slot-label{font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--sage);}
.cg .slot-note{font-size:.82rem; line-height:1.4; color:var(--muted-dark); max-width:26ch; margin:0}
.cg .slot-tag{position:absolute; top:12px; left:12px; background:var(--forest); color:var(--cream);
  font-size:.66rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  padding:6px 11px; border-radius:var(--r-pill);}
.cg .price-tag{position:absolute; right:-6px; bottom:24px; background:var(--lime); color:var(--text);
  border-radius:var(--r-md); padding:14px 22px; box-shadow:0 10px 30px rgba(0,0,0,.22);}
.cg .price-tag small{display:block; font-size:.7rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; opacity:.75}
.cg .price-fig{font-size:1.65rem; line-height:1.1; margin:2px 0 0}
.cg .photo{position:relative; aspect-ratio:4/5; background:var(--forest-3); overflow:hidden}
.cg .photo.slot--wide{aspect-ratio:16/10}
.cg .photo.slot--sq{aspect-ratio:1/1}
.cg .photo img{display:block; width:100%; height:100%; object-fit:cover}
.cg .grid{display:grid; gap:22px}
.cg .g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cg .g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cg .card{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:30px; box-shadow:0 2px 10px rgba(26,46,32,.05);
  transition:transform 220ms var(--ease);}
.cg .card:hover{transform:translateY(-4px)}
.cg .card p:last-child{margin-bottom:0}
.cg .card-dark{background:var(--forest-3); border-color:var(--line-dark); box-shadow:none}
.cg .icon{width:44px; height:44px; border-radius:var(--r-sm); background:var(--sage-tint);
  display:flex; align-items:center; justify-content:center; margin-bottom:18px}
.cg .icon svg{width:23px; height:23px; stroke:var(--forest)}
.cg .step-num{font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:1.5rem;
  color:var(--text); background:var(--lime); line-height:1; margin-bottom:18px;
  font-variation-settings:'SOFT' 0,'WONK' 0;
  width:60px; height:60px; border-radius:var(--r-md);
  display:flex; align-items:center; justify-content:center;}
.cg .plan{display:flex; flex-direction:column}
.cg .plan .amount{font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:2.6rem;
  line-height:1; font-variation-settings:'SOFT' 0,'WONK' 0}
.cg .plan .per{font-size:.92rem; color:var(--muted); font-weight:500}
.cg .plan ul{list-style:none; padding:0; margin:20px 0 26px; display:grid; gap:10px}
.cg .plan li{display:flex; gap:10px; align-items:flex-start; font-size:.95rem}
.cg .plan li::before{content:"✓"; color:var(--forest); font-weight:700; flex:0 0 auto}
.cg .plan .btn{margin-top:auto; width:100%}
.cg .featured{border-color:var(--forest); border-width:2px; position:relative}
.cg .badge{position:absolute; top:-13px; left:50%; transform:translateX(-50%);
  background:var(--forest); color:var(--cream); font-size:.68rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; padding:6px 14px; border-radius:var(--r-pill);
  white-space:nowrap;}
.cg .stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; text-align:center}
.cg .stat .fig{font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:2.2rem; color:var(--cream);
  font-variation-settings:'SOFT' 0,'WONK' 0; line-height:1}
.cg .stat .cap{font-size:.85rem; color:var(--muted-dark); margin-top:6px}
.cg .quote p{font-size:1.02rem}
.cg .who{display:flex; align-items:center; gap:12px; margin-top:18px}
.cg .av{width:42px; height:42px; border-radius:50%; background:var(--sage-tint); color:var(--forest);
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.85rem; flex:0 0 auto}
.cg .who b{display:block; font-size:.95rem}
.cg .who span{font-size:.85rem; color:var(--muted)}
.cg .pills{display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0}
.cg .pills li{background:var(--sage-tint); color:var(--text); border-radius:var(--r-pill);
  padding:10px 20px; font-weight:500; font-size:.95rem}
.cg .dark .pills li{background:var(--forest-3); color:var(--cream)}
.cg .profile{display:grid; gap:10px}
.cg .prow{display:flex; justify-content:space-between; gap:18px; padding:11px 0;
  border-bottom:1px solid var(--line-dark); font-size:.93rem}
.cg .prow:last-child{border-bottom:0}
.cg .prow dt{color:var(--muted-dark); margin:0}
.cg .prow dd{margin:0; color:var(--cream); text-align:right; font-weight:500}
.cg .form{display:grid; gap:18px; max-width:600px}
.cg .field{display:grid; gap:7px}
.cg .field label{font-size:.9rem; font-weight:600}
.cg .field input,.cg .field select,.cg .field textarea{font-family:inherit; font-size:1rem; color:var(--text);
  min-height:52px; padding:14px 16px; border:1px solid var(--line); border-radius:var(--r-sm);
  background:#fff; width:100%;}
.cg .field textarea{min-height:120px; resize:vertical}
.cg .field input:focus,.cg .field select:focus,.cg .field textarea:focus{outline:2px solid var(--forest); outline-offset:1px; border-color:var(--forest);}
.cg .two{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.cg .consent{display:flex; gap:12px; align-items:flex-start; font-size:.85rem; color:var(--muted); line-height:1.55}
.cg .consent input[type=checkbox]{width:20px; height:20px; min-height:0; margin-top:2px; flex:0 0 auto;
  accent-color:var(--forest)}
.cg .disclosure{font-size:.85rem; color:var(--muted); line-height:1.55; background:var(--sage-tint);
  border-radius:var(--r-sm); padding:14px 16px}
.cg .site-foot{background:var(--forest); color:var(--muted-dark); padding:64px 0 30px}
.cg .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px}
.cg .site-foot h4{color:var(--cream); font-size:.78rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; margin:0 0 16px; font-family:'Inter',system-ui,sans-serif}
.cg .site-foot ul{list-style:none; padding:0; margin:0; display:grid; gap:0}
.cg .site-foot a{color:var(--muted-dark); text-decoration:none; font-size:.93rem;
  min-height:44px; display:inline-flex; align-items:center; justify-self:start}
.cg .site-foot a:hover{color:var(--lime)}
.cg .foot-bottom{border-top:1px solid var(--line-dark); margin-top:36px; padding-top:22px;
  display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; font-size:.85rem}
.cg .pbanner{background:var(--forest-2); color:var(--cream); font-size:.85rem; line-height:1.5;
  padding:12px 0; border-bottom:1px solid var(--line-dark)}
.cg .pbanner strong{color:var(--lime)}
@media (max-width:960px){
.cg .hero-grid{grid-template-columns:1fr}
.cg .g3{grid-template-columns:1fr}
.cg .g2{grid-template-columns:1fr}
.cg .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.cg .foot-grid{grid-template-columns:1fr 1fr}
.cg .nav{display:none}
.cg .menu{display:block}
.cg .head-in{gap:14px}
}
@media (max-width:560px){
:root{--gut:18px}
.cg{font-size:16px}
.cg .two{grid-template-columns:1fr}
.cg .foot-grid{grid-template-columns:1fr}
.cg .price-tag{right:12px; bottom:12px; padding:11px 16px}
.cg .price-fig{font-size:1.35rem}
.cg .site-head .head-tel{display:none}
.cg .logo img{height:38px}
}
@media (prefers-reduced-motion:reduce){
.cg *{animation:none!important; transition:none!important}
.cg .btn:hover,.cg .card:hover{transform:none}
}

/* WordPress host overrides — only on pages that carry a .cg block (Beyond Just Systems, 2026-09-14) */
.cg{font-size:17px;line-height:1.65;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:#212121;background:#FBFAF6;-webkit-font-smoothing:antialiased}
.cg h1,.cg h2,.cg h3{font-family:'Fraunces',Georgia,serif}
body:has(.cg){background:#FBFAF6;margin:0}
body:has(.cg) header.wp-block-template-part, body:has(.cg) footer.wp-block-template-part,
body:has(.cg) .wp-site-blocks > header, body:has(.cg) .wp-site-blocks > footer{display:none !important}
body:has(.cg) .wp-site-blocks, body:has(.cg) main, body:has(.cg) .entry-content, body:has(.cg) .wp-block-post-content,
body:has(.cg) .wp-block-post-content > .wp-block-html, body:has(.cg) .is-layout-constrained > .wp-block-html{max-width:none !important;padding:0 !important;margin:0 !important}
body:has(.cg) .wp-block-post-title{display:none}
body:has(.cg) .wp-block-post-content > :not(.cg-form){max-width:none !important;margin-inline:0 !important}

/* Jetpack form styled like our form */
body:has(.cg) .cg-form{max-width:760px;margin:0 auto 60px;padding:0 24px;display:grid;gap:18px;font-family:'Inter',system-ui,sans-serif}
body:has(.cg) .cg-form label{font-weight:600;font-size:.92rem;color:#212121}
body:has(.cg) .cg-form input:not([type=checkbox]),body:has(.cg) .cg-form select,body:has(.cg) .cg-form textarea{width:100%;border:1px solid #E4E2D8;border-radius:10px;padding:13px 14px;font:inherit;background:#fff}
body:has(.cg) .cg-form button{background:#AEFF46;color:#212121;border:0;border-radius:999px;padding:14px 26px;font-weight:700;font-size:1rem;cursor:pointer}
body:has(.cg) .cg-form button:hover{background:#96E62C}