/* Public site. Wider frame, generous sections, one accent. */
.mk{max-width:var(--w-wide);margin:0 auto;background:var(--surface);border:1px solid var(--border)}
.mk section{padding:clamp(44px,6vw,86px) var(--pad-frame)}
.mk section+section{border-top:1px solid var(--rule)}
.mk h2{max-width:22ch}
.sec-lead{font-size:var(--t-lead-lg);line-height:1.65;max-width:62ch;margin:20px 0 0;color:var(--ink-2)}
.sec-lead strong{color:var(--ink)}

/* Hero */
.hero{background:var(--surface)}
.hero h1{font-size:var(--d-hero);max-width:24ch}
.hero__sub{font-size:clamp(17px,2vw,21px);line-height:1.6;max-width:56ch;margin:22px 0 0;color:var(--ink-2)}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin:34px 0 0}
.hero__helper{font-size:var(--t-small);color:var(--ink-2);margin:12px 0 0}
.hero__trust{font-size:var(--t-ui);color:var(--ink-2);margin:26px 0 0;padding-top:20px;
  border-top:1px solid var(--rule);max-width:60ch}

/* Stats strip */
.strip{display:grid;gap:28px 40px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  background:var(--alt)}
.strip__n{font-family:var(--serif);font-size:var(--d-l);line-height:1;display:block;margin:0 0 10px}
.strip__t{font-size:var(--t-ui);line-height:1.55;color:var(--ink-2);margin:0}
.ref{font-size:11px;vertical-align:super;color:var(--ink-3);text-decoration:none}
.ref:hover{background:var(--lime)}

/* Numbered skills */
.skill{border-top:1px solid var(--rule);padding:26px 0 0;margin:0}
.skill__n{font-family:var(--serif);font-size:34px;line-height:1;color:var(--ink-3);display:block;margin:0 0 10px}
.skill h3{margin:0 0 10px}
.skill p{font-size:var(--t-body-lg);line-height:1.6;color:var(--ink-2);max-width:46ch}

/* Definition list style used by "why AI English is harder" and audiences */
.deflist{display:grid;gap:22px;margin:30px 0 0;max-width:66ch}
.deflist dt{font-size:var(--t-lead);font-weight:700;margin:0 0 4px}
.deflist dd{margin:0;font-size:var(--t-body-lg);line-height:1.6;color:var(--ink-2)}

/* Plans */
.plans{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));margin:34px 0 0}
.plan{background:var(--card);border:1px solid var(--border);padding:26px 24px;
  display:flex;flex-direction:column}
.plan--best{border-color:var(--ink);box-shadow:6px 6px 0 var(--lime)}
.plan__name{font-size:var(--t-label);font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-2);margin:0 0 12px}
.plan__price{font-family:var(--serif);font-size:38px;line-height:1;margin:0}
.plan__cad{font-size:var(--t-small);color:var(--ink-2);margin:6px 0 0}
.plan__line{font-size:var(--t-body);color:var(--ink-2);margin:14px 0 0}
.plan__f{list-style:none;padding:0;margin:18px 0 22px;font-size:var(--t-ui);line-height:1.5;flex:1}
.plan__f li{padding:7px 0 7px 18px;position:relative;border-top:1px solid var(--rule)}
.plan__f li:first-child{border-top:0}
.plan__f li::before{content:'·';position:absolute;left:4px;font-weight:700}

/* Final CTA */
.final{background:var(--ink);color:var(--ink-inv);text-align:center}
.final h2{color:var(--ink-inv);margin:0 auto;max-width:26ch}
.final p{color:var(--ink-4);margin:18px auto 0;max-width:52ch;font-size:var(--t-body-lg)}
.final .btn{margin-top:30px}

/* Long-form pages (method, research, legal) */
.doc{max-width:var(--w-prose);margin:0 auto}
.doc__toc{position:sticky;top:64px;font-size:var(--t-ui);line-height:1.9}
.doc__toc a{display:block;color:var(--ink-2);text-decoration:none}
.doc__toc a:hover{color:var(--ink);background:var(--lime)}
.doc__meta{font-size:var(--t-small);color:var(--ink-3);margin:0 0 30px}
.tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;
  padding:2px 6px;border:1px solid var(--border);color:var(--ink-2);
  vertical-align:middle;margin-left:6px}
.tag--e{background:var(--lime-soft);border-color:var(--lime-deep)}
.tag--x{background:var(--warm)}
@media (min-width:920px){
  .withtoc{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:start;
    max-width:var(--w-wide);margin:0 auto}
}