:root{
  --bg:#FFFFFF;
  --surface:#F7F9F9;
  --surface-2:#EDF1F2;
  --ink:#16191B;
  --ink-2:#454E52;
  --ink-3:#6B7579;
  --line:#DDE3E5;
  --line-2:#C3CCCF;
  --accent:#0B6E7C;
  --accent-tint:#E6F2F4;
  --warn:#A8451C;
  --warn-tint:#FBEEE8;
  --font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  font-size:18px;
  line-height:1.7;
  margin:0;
  padding:0 22px 90px;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;}

header.mast{padding:54px 0 32px;border-bottom:3px solid var(--accent);}
.brand{
  font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);margin:0 0 14px;
}
h1{
  font-weight:700;font-size:clamp(34px,6vw,50px);line-height:1.12;
  letter-spacing:-.015em;margin:0 0 14px;text-wrap:balance;
}
.standfirst{font-size:20px;color:var(--ink-2);margin:0;max-width:60ch;}

section{padding-top:52px;}
h2{
  font-weight:700;font-size:clamp(25px,3.8vw,32px);line-height:1.2;
  letter-spacing:-.01em;margin:0 0 10px;text-wrap:balance;
}
h2 .n{
  color:var(--accent);margin-right:12px;font-weight:700;
}
h3{
  font-weight:700;font-size:20px;line-height:1.3;margin:34px 0 10px;color:var(--ink);
}
.deck{color:var(--ink-2);margin:0 0 24px;max-width:62ch;font-size:19px;}
p{margin:0 0 16px;max-width:64ch;}
ul,ol{margin:0 0 16px;padding-left:22px;max-width:64ch;color:var(--ink-2);}
li{margin-bottom:9px;}
li strong,strong{color:var(--ink);font-weight:700;}
a{color:var(--accent);}

.box{background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:22px;margin:0 0 22px;}
.box--accent{border-color:var(--accent);background:var(--accent-tint);}
.box--warn{border-color:var(--warn);background:var(--warn-tint);}
.box__label{
  font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin:0 0 10px;
}
.box--warn .box__label{color:var(--warn);}
.box p{max-width:none;}

.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:0 0 24px;}
.tier{background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:20px;}
.tier--target{border:2px solid var(--accent);background:var(--accent-tint);}
.tier__name{font-weight:700;font-size:22px;margin:0 0 2px;line-height:1.2;}
.tier__role{
  font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 14px;font-weight:700;
}
.tier--target .tier__role{color:var(--accent);}
.tier__price{
  font-size:38px;font-weight:700;line-height:1;margin:0 0 14px;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.tier--target .tier__price{color:var(--accent);}
.tier ul{margin:0;padding-left:18px;font-size:16px;line-height:1.55;}
.tier li{margin-bottom:6px;}

.scroll{overflow-x:auto;border:1px solid var(--line-2);border-radius:10px;margin:0 0 24px;}
table{border-collapse:collapse;width:100%;font-size:17px;background:var(--bg);}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top;}
th{
  font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:var(--surface-2);white-space:nowrap;color:var(--ink-2);
}
tbody tr:last-child td{border-bottom:none;}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.tot td{font-weight:700;background:var(--surface-2);}

hr{border:none;border-top:1px solid var(--line);margin:46px 0 0;}
footer{padding-top:46px;color:var(--ink-2);font-size:16.5px;}
