:root{--ink:#17221d;--cream:#f4f0e6;--paper:#fffdf8;--green:#23634c;--lime:#d8ed83;--line:#d8d5cb}
*{box-sizing:border-box}
html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden}
body{background:radial-gradient(circle at 50% 0,#fff 0,transparent 34%),var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.seo-page{width:min(940px,calc(100% - 28px));margin:28px auto;padding:38px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 18px 45px #34423812}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}
.brand{display:inline-block;color:var(--ink);font-size:24px;font-weight:900;text-decoration:none}
.brand span{color:var(--green)}
.home-link{border:1px solid #bfcaa6;border-radius:999px;padding:9px 14px;color:var(--green);font-size:14px;font-weight:900;text-decoration:none;white-space:nowrap}
.eyebrow{margin:0 0 12px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
h1{max-width:760px;margin:0 0 16px;font:700 clamp(38px,7vw,68px)/.98 Georgia,serif;letter-spacing:0}
h2{margin:34px 0 10px;color:var(--green);font:700 28px/1.1 Georgia,serif}
.lead{max-width:760px;margin:0 0 22px;color:#667068;font-size:20px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 36px}
.cta-row a,.more-links a{border:1px solid #bfcaa6;border-radius:999px;padding:12px 16px;color:var(--green);font-weight:900;text-decoration:none}
.cta-row .cta{border-color:var(--green);background:var(--green);color:white}
.cta-row .secondary{background:white;color:var(--green)}
.sample-switch{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:28px 0 34px;padding:22px;border:1px solid #d8e4bd;border-radius:20px;background:#f7faec}
.sample-switch h2{margin:0 0 8px}
.sample-switch p:last-child{margin:0;color:#667068}
.sample-switch .cta-row{justify-content:flex-end;margin:0}
.idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.idea-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:white}
.idea-card h3{margin:0 0 7px;color:var(--ink);font-size:20px;line-height:1.15}
.idea-card p{margin:0 0 13px;color:#667068;font-size:14px}
.idea-actions{display:flex;flex-wrap:wrap;gap:8px}
.idea-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfcaa6;border-radius:999px;padding:9px 12px;color:var(--green);font-size:13px;font-weight:900;text-decoration:none}
.idea-actions a:first-child{border-color:var(--green);background:var(--green);color:white}
section{padding-top:4px}
table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:white}
th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:#eef5d3;color:var(--green);font-size:14px;text-transform:uppercase;letter-spacing:.08em}
tr:last-child td{border-bottom:0}
td:last-child{font-weight:900;letter-spacing:.04em;color:var(--green)}
ul{padding-left:22px}
.more-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:640px){
  .seo-page{width:calc(100% - 16px);margin:8px auto;padding:24px 18px;border-radius:18px}
  .topbar{margin-bottom:26px}
  .brand{font-size:22px}
  .home-link{padding:8px 11px;font-size:13px}
  h1{font-size:clamp(34px,11vw,48px)}
  h2{font-size:24px}
  .lead{font-size:17px}
  .sample-switch{display:block;padding:18px}
  .sample-switch .cta-row{margin-top:18px}
  .idea-grid{grid-template-columns:1fr}
  .idea-actions a{width:100%;border-radius:12px}
  .cta-row a,.more-links a{width:100%;border-radius:12px;text-align:center}
  table,thead,tbody,tr,th,td{display:block}
  thead{display:none}
  tr{padding:12px;border-bottom:1px solid var(--line)}
  tr:last-child{border-bottom:0}
  td{padding:3px 0;border:0}
  td:first-child{color:#667068}
  td:last-child{font-size:18px}
}