section{padding:62px 0;border-top:1px solid var(--ln)}
h2{font-size:clamp(24px,3.4vw,34px)}
.lede{color:var(--mu);font-size:18px;max-width:var(--read)}
.draftnote{background:var(--flag-w);border:1px dashed var(--flag);border-radius:10px;padding:14px 18px;font-family:var(--fm);font-size:13.5px;color:var(--flag);line-height:1.55;margin:22px 0 0}
.nav a:hover{color:var(--g1)}
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:440px;background:#16210F}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
    background:linear-gradient(178deg,rgba(14,24,11,.14),rgba(14,24,11,.36) 46%,rgba(14,24,11,.86)),
               linear-gradient(90deg,rgba(14,24,11,.48),rgba(14,24,11,.10) 58%,transparent)}
.hero .wrap{width:100%;flex:1 1 100%;padding-top:74px;padding-bottom:48px;display:flex;flex-direction:column;gap:15px;align-items:flex-start}
.hero h1{font-size:clamp(31px,5vw,52px);color:#fff;max-width:17ch}
.hero p{color:#E4EBDD;font-size:clamp(17px,2vw,20px);max-width:52ch}
.keypoint{background:var(--c);border:1px solid var(--ln2);border-left:5px solid var(--g2);border-radius:var(--r);padding:30px 32px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh)}
.keypoint p{font-size:20px;line-height:1.4;color:var(--ink);max-width:var(--read)}
.keypoint p.sm{font-size:16.5px;color:var(--bd);max-width:var(--read)}
.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}
.case{background:var(--c);border:1px solid var(--ln);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--sh)}
section.alt .case{background:var(--p)}
.case .n{font-family:var(--fm);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g2)}
.case h3{font-size:17px}
.case p{max-width:none;font-size:15.5px;color:var(--mu)}
/* three models */
  .models{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.model{background:var(--c);border:1px solid var(--ln2);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column}
section.alt .model{background:var(--p)}
.model > header{padding:22px 24px 18px;border-bottom:1px solid var(--ln);background:var(--s2)}
.model > header .n{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);display:block;margin-bottom:5px}
.model > header h3{font-size:19px}
.model .b{padding:20px 24px 24px;display:flex;flex-direction:column;gap:13px;flex:1}
.model .b p{max-width:none;font-size:15.5px;color:var(--mu)}
.model dl{margin:0;display:flex;flex-direction:column;gap:9px}
.model .r{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;font-size:14.5px;align-items:baseline}
.model .r dt{font-family:var(--fm);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mu)}
.model .r dd{margin:0;color:var(--ink)}
.model .best{font-family:var(--fm);font-size:12.5px;color:var(--g1);background:#EAF4E5;border:1px solid #BEDBB2;border-radius:10px;padding:10px 13px;line-height:1.45}
.tw{overflow-x:auto;background:var(--c);border:1px solid var(--ln);border-radius:var(--r)}
section.alt .tw{background:var(--p)}
table{border-collapse:collapse;width:100%;min-width:640px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--ln);font-size:15.5px;vertical-align:top}
thead th{font-family:var(--fd);font-style:italic;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ln2)}
tbody th{font-family:var(--fm);font-size:12px;color:var(--mu);font-weight:400;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}
td.now{color:var(--mu)}
td.then{color:var(--ink)}
.promise{background:var(--ink);color:#D6E0CD;border-radius:var(--r);padding:34px 34px;display:flex;flex-direction:column;gap:14px}
.promise h2{color:#fff}
.promise p{color:inherit;max-width:var(--read)}
.promise ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px;color:#C6D3BC;font-size:16px}
details p + p{margin-top:-8px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;align-items:center}
.box{display:flex;flex-direction:column;gap:10px}
.box ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15.5px;color:var(--mu)}
.cta{background:var(--c);border:1px solid var(--ln2);border-radius:var(--r);padding:42px 38px;display:flex;flex-direction:column;gap:15px;box-shadow:var(--sh)}
.cta .btn-o{color:var(--g1);border-color:var(--ln2)}
.cta .btn-o:hover{background:#EAF4E5;border-color:var(--g2)}