:root{
  --bg:#0A0A0A; --panel:#0E0D0C; --panel2:#131211; --card:#141312;
  --ink:#EDE9E1; --muted:#A8A29A; --dim:#8F8A82; --faint:#6E6A64;
  --rule:#262421; --rule2:#1C1A18; --line:#3A3733;
  --red:#B42318; --accent:#D12B1C; --hot:#F0483A; --cream:#EDE9E1;
  --sans:'Archivo',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--hot)}
::selection{background:var(--red);color:var(--ink)}
button,input,textarea{font-family:var(--sans)}
img{max-width:100%;height:auto}
h1,h2,h3,p,ul,ol{margin:0}
.mono{font-family:var(--mono)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:60}
.ribbon{background:linear-gradient(90deg,var(--red) 0%,var(--accent) 55%,var(--hot) 100%);color:#fff;padding:13px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ribbon p{font-size:16px;font-weight:600;letter-spacing:-.01em}
.ribbon a{color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:9px;white-space:nowrap}
.ribbon a:hover{color:#101010}
.nav{background:rgba(10,10,10,.94);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 36px;border-bottom:1px solid var(--rule);min-height:68px}
.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:900;letter-spacing:-.05em;flex-shrink:0}
.brand svg{flex-shrink:0}
.brand i{color:var(--accent);font-style:normal}
.navlinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase}
.navlinks a{color:var(--dim);border-bottom:2px solid transparent;padding-bottom:2px}
.navlinks a:hover{color:var(--ink)}
.navlinks a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
.btn{background:var(--red);color:#fff;padding:11px 15px;font-size:12px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;border:none;cursor:pointer}
.btn:hover{background:var(--cream);color:#101010}
.btn-lg{padding:16px 26px;font-size:16px}
.btn-ghost{border:1px solid var(--line);background:transparent;color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);background:transparent;color:var(--ink)}

/* ---------- hero ---------- */
section{scroll-margin-top:114px}
.hero{display:grid;grid-template-columns:1.02fr 1fr;border-bottom:1px solid var(--rule)}
.hero-copy{padding:76px 48px 64px;border-right:1px solid var(--rule);display:flex;flex-direction:column;justify-content:space-between;gap:52px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
h1{font-size:clamp(44px,5.6vw,108px);line-height:.84;font-weight:900;letter-spacing:-.055em;text-transform:uppercase;margin-top:26px;text-wrap:pretty}
h1 .soft{color:#C9351F}
h1 .mark{background:#C9351F;color:var(--ink);padding:.04em .09em .09em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
h1 .dot{color:var(--hot)}
.lede{margin-top:30px;font-size:19px;line-height:1.55;color:var(--muted);max-width:42ch}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.pillars{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.pillar{display:grid;grid-template-columns:68px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--rule2)}
.pillar dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding-top:3px}
.pillar dd{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}

/* ---------- audit ---------- */
.audit{display:flex;flex-direction:column;background:var(--panel)}
.audit-head{padding:22px 40px 18px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.jobs{flex:1;display:flex;flex-direction:column}
.job{display:grid;grid-template-columns:24px 1fr 110px;gap:18px;align-items:center;padding:16px 40px;border-bottom:1px solid var(--rule2);border-left:3px solid transparent;cursor:pointer;transition:background 140ms ease}
.job:hover{background:#1A1816}
.job input{appearance:none;-webkit-appearance:none;margin:0;width:15px;height:15px;border:2px solid #4A4640;background:transparent;cursor:pointer}
.job input:checked{border-color:var(--accent);background:var(--accent)}
.job input:focus-visible{outline:2px solid var(--hot);outline-offset:3px}
.job:has(input:checked){background:#1A1614;border-left-color:var(--accent)}
.job-name{font-size:20px;font-weight:700;letter-spacing:-.03em}
.job-hrs{font-family:var(--mono);font-size:12px;text-align:right;color:var(--hot)}
.job:not(:has(input:checked)) .job-hrs{color:var(--faint)}
.audit-foot{background:var(--panel2);border-top:1px solid var(--rule);padding:28px 40px 32px;display:flex;flex-direction:column;gap:18px}
.audit-sum{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.audit-sum .labels{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.audit-sum .labels span:last-child{letter-spacing:.08em;text-transform:none;color:var(--faint)}
.audit-total{text-align:right}
.audit-total b{display:block;font-size:62px;line-height:.8;font-weight:900;letter-spacing:-.055em;color:var(--hot)}
.audit-total span{display:block;font-family:var(--mono);font-size:15px;margin-top:10px;color:var(--ink)}
.bars{display:flex;height:8px;gap:2px}
.bars span{background:var(--accent)}
.bars span[data-off]{background:#232120}
.verdict{font-size:15px;line-height:1.6;color:var(--dim);max-width:54ch}
.audit-cta{background:linear-gradient(90deg,var(--red),var(--accent));color:#fff;padding:17px 24px;font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center;gap:16px}
.audit-cta:hover{background:var(--cream);color:#101010}

/* ---------- spectrum + platform ---------- */
.spectrum{height:3px;background:linear-gradient(90deg,#0A0A0A,var(--red) 25%,var(--accent) 50%,var(--hot) 72%,#0A0A0A)}
.platform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:92px 48px;align-items:center;border-bottom:1px solid var(--rule)}
.stack{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.layer{max-width:100%;background:linear-gradient(90deg,var(--red),var(--accent) 55%,var(--hot));border-radius:999px;padding:16px 30px;text-align:center;color:#fff}
.layer b{display:block;font-size:20px;font-weight:800;letter-spacing:-.03em}
.layer span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;margin-top:5px;opacity:.9}
.stem{width:1px;height:26px;background:var(--line)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.tile{background:var(--card);border:1px solid var(--rule);padding:22px 14px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.tile:hover{border-color:var(--accent)}
.tile span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--accent)}
.tile b{font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.02em}
h2{font-size:clamp(34px,3.9vw,66px);line-height:.92;font-weight:900;letter-spacing:-.05em}
.h2-alt{color:var(--accent)}
.body-copy{margin-top:26px;font-size:18px;line-height:1.65;color:var(--muted);max-width:50ch}
.inline-cta{display:inline-block;margin-top:30px}

/* ---------- stats ---------- */
.stats{padding:84px 48px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.stats h2{font-size:clamp(32px,3.3vw,54px);line-height:.98;margin-top:20px}
.stats .note{margin-top:22px;font-size:16px;line-height:1.6;color:var(--dim);max-width:40ch}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat{background:var(--card);border:1px solid var(--rule);padding:30px 26px;min-height:168px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.stat dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.stat dd{margin:0}
.stat b{display:block;font-size:52px;line-height:.85;font-weight:900;letter-spacing:-.055em}
.stat span{display:block;font-size:14px;line-height:1.45;margin-top:12px;color:var(--dim)}
.stat--hot{background:linear-gradient(135deg,var(--red),var(--accent));border-color:transparent}
.stat--warm{background:linear-gradient(135deg,var(--accent),var(--hot));border-color:transparent}
.stat--hot dt,.stat--warm dt{color:rgba(255,255,255,.82)}
.stat--hot b,.stat--warm b,.stat--hot span,.stat--warm span{color:#fff}

/* ---------- services ---------- */
.build{padding:92px 48px;border-bottom:1px solid var(--rule)}
.build-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:40px}
.build-head h2{font-size:clamp(36px,4vw,68px);text-transform:uppercase}
.build-head .mono{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.tabpanel-wrap{border:1px solid var(--rule);background:var(--panel)}
.tablist{display:flex;border-bottom:1px solid var(--rule)}
.tablist button{flex:1 1 0;min-width:0;cursor:pointer;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--dim);padding:16px 18px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.tablist button:hover{background:#171513}
.tablist button span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#5E5A54}
.tablist button b{font-size:15px;font-weight:800;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap}
.tablist button[aria-selected="true"]{background:#1A1614;border-bottom-color:var(--accent);color:var(--ink)}
.tablist button[aria-selected="true"] span{color:var(--hot)}
.svc{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:46px 40px 48px;align-items:start;border-top:1px solid var(--rule2)}
.svc:first-of-type{border-top:none}
.svc h3{font-size:40px;line-height:.98;font-weight:900;letter-spacing:-.045em;text-transform:uppercase;margin-top:16px}
.svc .body-copy{font-size:17px;line-height:1.6;max-width:46ch}
.points{list-style:none;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.points li{display:grid;grid-template-columns:18px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--rule2);align-items:start;font-size:16px;line-height:1.5;color:#C9C4BC}
.points li::before{content:"";width:8px;height:8px;background:var(--accent);margin-top:7px}

/* ---------- engagement ---------- */
.run{padding:92px 48px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.run h2{font-size:clamp(32px,3.4vw,56px);line-height:.94;margin-top:20px}
.run .note{margin-top:22px;font-size:16px;line-height:1.6;color:var(--dim);max-width:38ch}
.steps{border:1px solid var(--rule);background:var(--panel)}
.step{border-bottom:1px solid var(--rule2);border-left:3px solid transparent}
.step h3{margin:0}
.step-btn{width:100%;cursor:pointer;background:transparent;border:none;color:var(--ink);padding:22px 26px;display:grid;grid-template-columns:44px 1fr 28px;gap:16px;align-items:center;text-align:left;font:inherit}
.step-btn:hover{background:#171513}
.step-btn .n{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--faint)}
.step-btn .t{font-size:21px;font-weight:800;letter-spacing:-.03em}
.step-btn .s{font-size:20px;text-align:right;color:var(--faint)}
.step[data-open] { border-left-color:var(--accent) }
.step[data-open] .step-btn .n,.step[data-open] .step-btn .s{color:var(--hot)}
.step-body{padding:0 26px 26px 86px;display:flex;flex-direction:column;gap:14px}
.step-body p{font-size:16px;line-height:1.6;color:var(--muted);max-width:60ch}
.step-body .mono{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}

/* ---------- creed ---------- */
.creed{background:var(--cream);color:#101010;display:grid;grid-template-columns:1fr 1fr}
.creed-head{padding:76px 48px;border-right:2px solid #101010}
.creed h2{font-size:clamp(38px,4.4vw,76px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase;text-wrap:pretty}
.creed h2 em{font-style:normal;color:var(--red)}
.creed-body{padding:76px 48px;display:flex;flex-direction:column;gap:22px;justify-content:center}
.creed-body p{font-size:19px;line-height:1.65;color:#35322D;max-width:52ch}
.terms{display:flex;flex-direction:column;border-top:2px solid #101010}
.terms div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #CBC5B9}
.terms dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#55524C;padding-top:3px}
.terms dd{margin:0;font-size:15px;line-height:1.5}

/* ---------- closing CTA ---------- */
.close{position:relative;overflow:hidden;background:linear-gradient(105deg,#1A0503 0%,#5E0F0A 32%,#8E1A12 62%,var(--red) 100%);color:#fff;padding:88px 48px;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.feather,.feather2,.glow{position:absolute;pointer-events:none}
.feather{inset:-40% -20% -40% -30%;background:repeating-radial-gradient(ellipse 760px 1500px at 6% 112%,rgba(255,92,72,.85) 0 2.5px,rgba(255,92,72,0) 2.5px 30px);-webkit-mask-image:linear-gradient(96deg,#000 0%,rgba(0,0,0,.72) 26%,rgba(0,0,0,.22) 48%,transparent 66%);mask-image:linear-gradient(96deg,#000 0%,rgba(0,0,0,.72) 26%,rgba(0,0,0,.22) 48%,transparent 66%)}
.feather2{inset:-40% -20% -40% -30%;background:repeating-radial-gradient(ellipse 980px 1750px at -4% 118%,rgba(255,124,102,.5) 0 1.5px,rgba(255,124,102,0) 1.5px 46px);-webkit-mask-image:linear-gradient(96deg,#000 0%,rgba(0,0,0,.5) 22%,transparent 52%);mask-image:linear-gradient(96deg,#000 0%,rgba(0,0,0,.5) 22%,transparent 52%)}
.glow{inset:0;background:radial-gradient(120% 90% at 100% 40%,rgba(224,52,34,.32),transparent 62%)}
.close h2,.close p,.close a{position:relative}
.close h2{font-size:clamp(34px,4.2vw,68px);line-height:.9;text-transform:uppercase;max-width:18ch;text-wrap:pretty}
.close p{font-size:18px;line-height:1.55;max-width:52ch;opacity:.92}
.close a{background:#101010;color:#fff;padding:18px 32px;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-top:8px}
.close a:hover{background:var(--cream);color:#101010}

/* ---------- footer ---------- */
footer.site{padding:26px 36px 36px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
footer.site a{color:var(--dim)}
footer.site i{color:var(--accent);font-style:normal}
footer.site nav{display:flex;gap:26px;flex-wrap:wrap}

/* ---------- contact ---------- */
.contact{display:grid;grid-template-columns:1.02fr 1fr;border-bottom:1px solid var(--rule)}
.channels{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.channel{display:grid;grid-template-columns:116px 1fr auto;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule2);border-left:3px solid transparent}
.channel:hover{background:#171513;border-left-color:var(--accent)}
.channel .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding-left:14px}
.channel .v{font-size:21px;font-weight:700;letter-spacing:-.03em}
.channel .n{font-family:var(--mono);font-size:11px;color:var(--dim)}
.form-wrap{display:flex;flex-direction:column;background:var(--panel)}
.form-head{padding:22px 40px 18px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
form.enquiry{flex:1;display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #CBC5B9}
.cell{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 40px;background:var(--cream)}
.cell+.cell{border-left:1px solid #CBC5B9}
.cell label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#55524C}
.cell input{border:none;outline:none;background:transparent;font-size:17px;color:#101010;width:100%;min-width:0}
.cell input::placeholder,.msg textarea::placeholder{color:#8A857C}
.reasons{padding:18px 40px 16px;background:var(--cream);border-bottom:1px solid #CBC5B9}
.reasons legend{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#55524C;margin-bottom:12px;padding:0}
.reasons .opts{display:flex;gap:8px;flex-wrap:wrap}
.reasons label{cursor:pointer;border:1px solid #101010;padding:10px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#35322D}
.reasons input{position:absolute;opacity:0;width:0;height:0}
.reasons label:has(input:checked){background:#C9351F;border-color:#C9351F;color:#fff}
.reasons label:has(input:focus-visible){outline:2px solid #C9351F;outline-offset:2px}
.msg{flex:1;display:flex;flex-direction:column;gap:8px;padding:18px 40px 20px;background:var(--cream);border-bottom:1px solid #CBC5B9;min-height:150px}
.msg label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#55524C}
.msg textarea{flex:1;resize:vertical;min-height:110px;width:100%;border:none;outline:none;background:transparent;font-size:17px;line-height:1.55;color:#101010}
.submit{border:none;cursor:pointer;background:#1A1614;color:#fff;padding:24px 40px;font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:-.02em;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px}
.submit:hover{background:var(--cream);color:#101010}
.expect{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--rule)}
.expect > div{padding:40px 40px 46px;border-right:1px solid var(--rule2);display:flex;flex-direction:column;gap:12px}
.expect b{font-size:34px;font-weight:900;letter-spacing:-.05em;color:var(--accent);line-height:1}
.expect h3{font-size:22px;font-weight:800;letter-spacing:-.035em;text-transform:uppercase}
.expect p{font-size:15px;line-height:1.6;color:var(--dim)}

/* ---------- blog ---------- */
.blog-head{padding:64px 48px 48px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
.blog-head p:not(.eyebrow){font-size:19px;line-height:1.55;color:var(--muted);max-width:44ch;margin-bottom:10px}
.filters{padding:16px 48px;border-bottom:1px solid var(--rule2);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.filters .opts{display:flex;gap:8px;flex-wrap:wrap}
.filters a{border:1px solid var(--line);padding:9px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.filters a:hover{border-color:var(--accent);color:var(--ink)}
.filters a[aria-current]{background:#C9351F;border-color:#C9351F;color:#fff}
.filters .count{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.post-row{display:grid;grid-template-columns:66px 1.35fr 1fr;gap:36px;align-items:start;padding:34px 48px 36px;border-bottom:1px solid var(--rule2);border-left:3px solid transparent}
.post-row:hover{background:var(--card);border-left-color:var(--accent)}
.post-row h2{font-size:clamp(22px,2.4vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1.05;text-wrap:pretty}
.post-row .meta{display:flex;flex-direction:column;gap:12px}
.post-row .meta .mono{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.post-row .meta p{font-size:16px;line-height:1.55;color:var(--dim)}
.subscribe{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule)}
.subscribe > div:first-child{padding:64px 48px;border-right:1px solid var(--rule)}
.subscribe h2{font-size:clamp(34px,4.4vw,62px);line-height:.88;text-transform:uppercase}
.subscribe p{margin-top:22px;font-size:17px;line-height:1.6;color:var(--dim);max-width:40ch}
.subscribe form{display:flex;border:1px solid var(--line)}
.subscribe .box{padding:64px 48px;display:flex;flex-direction:column;justify-content:center}
.subscribe input{flex:1;min-width:0;border:none;outline:none;background:var(--panel);padding:18px;font-size:16px;color:var(--ink)}
.subscribe button{border:none;cursor:pointer;background:var(--red);color:#fff;padding:18px 28px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap}
.subscribe button:hover{background:var(--cream);color:#101010}
.subscribe .fine{margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .hero,.platform,.stats,.run,.creed,.contact,.subscribe,.blog-head{grid-template-columns:1fr}
  .hero-copy,.creed-head,.subscribe > div:first-child{border-right:none;border-bottom:1px solid var(--rule)}
  .creed-head{border-bottom:2px solid #101010}
  .platform,.stats,.run,.build{padding:64px 32px}
  .hero-copy{padding:56px 32px 48px}
  .svc,.expect{grid-template-columns:1fr}
  .tablist{flex-wrap:wrap}
  .tablist button{flex:1 1 40%}
  .post-row{grid-template-columns:1fr;gap:16px;padding:28px 32px}
  .blog-head,.filters,.close{padding-left:32px;padding-right:32px}
  .nav,.ribbon,footer.site{padding-left:24px;padding-right:24px}
}
@media (max-width:640px){
  .row{grid-template-columns:1fr}
  .cell+.cell{border-left:none;border-top:1px solid #CBC5B9}
  .stat-grid{grid-template-columns:1fr}
  .tiles{grid-template-columns:1fr 1fr}
  .job,.audit-head,.audit-foot,.cell,.reasons,.msg,.form-head{padding-left:24px;padding-right:24px}
  .step-body{padding-left:26px}
}