:root{--primary:#155b35;--secondary:#267a45;--accent:#a8d5a2;--bg:#f5faf5;--ink:#203329;--muted:#65766b;--white:#fff;--line:#dce9dc;--shadow:0 18px 50px rgba(21,91,53,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1140px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.07em;color:var(--primary)}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900}.nav-links{display:flex;align-items:center;gap:28px;font-weight:650;color:#41584a}.nav-links a:hover,.nav-links a.active{color:var(--secondary)}.menu-toggle{display:none;border:0;background:var(--primary);color:#fff;border-radius:10px;padding:9px 13px;font-size:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 22px;background:var(--primary);color:#fff;font-weight:750;cursor:pointer;transition:.2s}.btn:hover{background:var(--secondary);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{color:#fff}.eyebrow{display:inline-block;color:var(--secondary);font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero{padding:88px 0 76px;background:radial-gradient(circle at 85% 20%,#dcefd9 0,transparent 34%),linear-gradient(135deg,#f8fcf7,#edf7ed)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px}.hero h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.07;letter-spacing:-.045em;margin:15px 0 22px;color:var(--primary)}.hero p{font-size:1.12rem;color:var(--muted);max-width:610px}.hero-art{background:#fff;border:1px solid var(--line);border-radius:32px;padding:22px;box-shadow:var(--shadow)}.hero-art img{width:100%;display:block;border-radius:22px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
.section{padding:76px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 38px}.section-head h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.15;color:var(--primary);margin:10px 0}.section-head p{color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 8px 28px rgba(21,91,53,.04)}.feature-icon{width:46px;height:46px;border-radius:14px;background:#e8f4e6;color:var(--primary);display:grid;place-items:center;font-size:22px}.feature h3{margin:14px 0 6px;color:var(--primary)}.feature p{margin:0;color:var(--muted)}
.page-hero{padding:62px 0 48px;background:linear-gradient(120deg,#eaf5e9,#f8fcf7);text-align:center}.page-hero h1{font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.1;color:var(--primary);margin:10px 0}.page-hero p{color:var(--muted);max-width:680px;margin:0 auto}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.plan-card{background:var(--card-bg,#fff);border:1px solid var(--line);border-radius:22px;padding:19px;display:flex;flex-direction:column;box-shadow:var(--shadow);position:relative;overflow:hidden}.plan-card.featured{outline:2px solid var(--secondary);transform:translateY(-7px)}.plan-card img{width:100%;height:150px;object-fit:contain;background:rgba(255,255,255,.58);border-radius:15px}.plan-card h3{margin:16px 0 0;color:var(--card-text,var(--primary));font-size:1.25rem}.plan-price{font-size:2rem;font-weight:900;color:var(--card-text,var(--primary));margin:4px 0}.plan-subtitle{font-size:.88rem;font-weight:700;color:var(--muted)}.plan-card p{font-size:.92rem;color:#53675a;min-height:86px}.plan-meta{border-top:1px solid rgba(21,91,53,.15);padding-top:12px;margin-top:auto;font-size:.87rem;color:#43594a}.plan-card .btn{margin-top:16px;background:var(--button-color,var(--primary));width:100%}.plan-note{font-size:.9rem;color:var(--muted);text-align:center;margin:28px auto 0;max-width:850px}
.plan-badge{position:absolute;top:12px;right:12px;background:var(--secondary);color:#fff;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;z-index:1}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.about-panel h2{color:var(--primary);margin-top:0}.check-list{padding:0;list-style:none}.check-list li{padding:9px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";font-weight:900;color:var(--secondary);margin-right:10px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.contact-info,.contact-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.contact-info h2,.contact-form h2{color:var(--primary);margin-top:0}.contact-item{margin:20px 0}.contact-item small{display:block;color:var(--muted);font-weight:700}.form-row{margin-bottom:16px}.form-row label{display:block;font-weight:700;margin-bottom:6px}.form-row input,.form-row textarea{width:100%;padding:13px 14px;border:1px solid #cbdccc;border-radius:12px;font:inherit;background:#fbfdfb;color:var(--ink)}.form-row input:focus,.form-row textarea:focus{outline:2px solid #a8d5a2;border-color:var(--secondary)}.form-row textarea{min-height:140px;resize:vertical}.form-message{padding:12px 14px;border-radius:10px;margin-bottom:16px;background:#edf7eb;color:var(--primary)}.form-message.error{background:#fff0ef;color:#9b2820}
.cta{background:var(--primary);color:#fff;border-radius:28px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{margin:0 0 6px;font-size:1.8rem}.cta p{margin:0;color:#d7ead8}.cta .btn{background:#fff;color:var(--primary);white-space:nowrap}
.site-footer{background:#103f27;color:#eaf5eb;padding:42px 0 20px;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.site-footer p,.site-footer a{color:#c5ddc9}.site-footer h3{margin-top:0}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:18px;color:#b9d3be;font-size:.85rem}
.join-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}
.pay-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow);text-align:center}
.pay-box h2{color:var(--primary);margin:4px 0 0}
.pay-box .plan-price{color:var(--primary)}
.qr-frame{background:#fbfdfb;border:1px dashed var(--accent);border-radius:18px;padding:16px;margin:16px auto;max-width:280px}
.qr-frame img{width:100%;display:block;border-radius:10px}
.qr-missing{color:var(--muted);font-size:.9rem;margin:30px 0}
.pay-line{margin:10px 0;text-align:left;border-bottom:1px solid var(--line);padding-bottom:8px}
.pay-line small{display:block;color:var(--muted);font-weight:700}
.pay-steps{text-align:left;color:#43594a;font-size:.92rem;padding-left:20px;margin:16px 0 0}
.form-row small{font-weight:500;color:var(--muted)}
.form-row input[type=file]{background:#fff;padding:10px}
.form-row select{width:100%;padding:13px 14px;border:1px solid #cbdccc;border-radius:12px;font:inherit;background:#fbfdfb;color:var(--ink)}
.plan-card .btn:hover{filter:brightness(1.12)}
.footer-disclaimer{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:16px}
.footer-disclaimer h4{margin:0 0 6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#eaf5eb}
.footer-disclaimer p{margin:0;font-size:.78rem;line-height:1.55;color:#b9d3be}
.footer-disclaimer a{text-decoration:underline}
.terms-page{max-width:800px}
.terms-page h2{color:var(--primary);font-size:1.25rem;margin:28px 0 6px}
.terms-page p{color:#43594a;margin:0}
.terms-page a{color:var(--secondary);text-decoration:underline}
.hero-subtitle{font-size:1.25rem;color:var(--secondary);font-weight:700}
@media(max-width:980px){.plan-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:28px}.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px 22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:16px}.nav-links.open{display:flex}.hero{padding:58px 0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-art{max-width:500px;margin:auto}.feature-grid{grid-template-columns:1fr}.section{padding:56px 0}.plan-card.featured{transform:none}.cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.container{width:min(100% - 30px,1140px)}}
@media(max-width:430px){.plan-grid{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.hero-actions .btn{width:100%}}
@media(max-width:700px){.join-grid{grid-template-columns:1fr}}
/* Equal alignment for plan cards */
.plan-card.featured{transform:none}            /* keep the green outline, remove the lift */

@supports (grid-template-rows: subgrid){
  .plan-grid{gap:0 18px}
  .plan-card{
    display:grid;
    grid-template-rows:subgrid;                 /* all cards share the same row heights */
    grid-row:span 7;                            /* image, subtitle, name, price, text, details, button */
    row-gap:0;
    margin-bottom:18px;
  }
  .plan-card p{min-height:0}
  .plan-meta{margin-top:0}
}

/* ===== About page (PDF layout): paste at the END of assets/css/style.css =====
   If you pasted style-additions-3.css earlier, you can delete that block (.adv-*). */
.ab-section{background:linear-gradient(180deg,#f2faf4,#eaf6ee)}
.ab-wrap{max-width:900px}
.ab-quote{border:2px dashed #12a272;border-radius:16px;background:#fff;padding:20px 26px;text-align:center;font-weight:800;color:#0b4d34;font-size:1.02rem;line-height:1.7;margin-bottom:30px}
.ab-heading{display:inline-block;background:#0b4d34;color:#fff;border-radius:10px;padding:10px 20px;font-size:1.2rem;line-height:1.3;margin:22px 0 14px}
.ab-lead{font-weight:700;color:#1f3a2c;margin:0 0 16px}
.ab-grid{display:grid;gap:16px;margin-bottom:10px}
.ab-grid-2{grid-template-columns:1fr 1fr}
.ab-grid-3{grid-template-columns:repeat(3,1fr)}
.ab-card{background:#fff;border:1px solid #d6ece0;border-top:3px solid #12a272;border-radius:12px;padding:16px 18px;box-shadow:0 6px 20px rgba(11,77,52,.05)}
.ab-card h3{margin:0 0 8px;color:#0a7a55;font-size:1.02rem;line-height:1.35}
.ab-card p{margin:0;color:#2f4636;font-size:.92rem;line-height:1.65}
.ab-plans{background:#fff;border:2px solid #12a272;border-radius:16px;padding:24px;text-align:center}
.ab-plans h3{margin:0 0 6px;color:#0b4d34;font-size:1.15rem}
.ab-plans>p{margin:0 0 18px;color:var(--muted);font-size:.93rem}
.ab-plan-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ab-plan{background:linear-gradient(180deg,#f3fbf5,#e4f4e9);border:2px solid #4cc29a;border-radius:14px;padding:22px 12px}
.ab-plan span{display:block;font-weight:800;color:#0a7a55;letter-spacing:.04em;font-size:.95rem;margin-bottom:6px}
.ab-plan strong{font-size:1.5rem;color:#0b4d34}
.ab-commit{margin-top:24px;background:linear-gradient(135deg,#0b4d34,#06311f);border-left:5px solid #12a272;border-radius:12px;padding:22px 26px;color:#e8f6ec}
.ab-commit h3{margin:0 0 8px;color:#7ee0b8;font-size:1.1rem}
.ab-commit p{margin:0;line-height:1.7;font-size:.95rem}
@media(max-width:860px){.ab-grid-2,.ab-grid-3{grid-template-columns:1fr}}
@media(max-width:520px){.ab-plan-row{grid-template-columns:1fr}.ab-heading{display:block}}