/* ============================================================
   Salventa Health: site styles
   Single committed light theme.
   ============================================================ */

:root{
  --bg:#FBFBFC;
  --bg-2:#F4F5F8;
  --surface:#FFFFFF;
  --surface-2:#F5F6F8;
  --raise:linear-gradient(180deg,#FFFFFF 0%,#FCFCFD 100%);
  --line:#E7E9ED;
  --line-2:#D3D8E0;
  --line-3:#98A3AF;

  --text:#0B0D12;
  --text-2:#555D6A;
  --text-3:#868E9C;

  --ink:#0B0D12;
  --ink-hi:#282D36;

  --accent:#BE7118;
  --accent-hi:#9A590F;
  --accent-dim:rgba(190,113,24,.09);
  --accent-line:rgba(190,113,24,.30);

  --mint:#0E7B66;
  --mint-dim:rgba(14,123,102,.08);
  --mint-line:rgba(14,123,102,.26);

  --sans:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --maxw:1180px;
  --head-h:66px;
  --r:10px;
  --shadow:0 1px 2px rgba(11,13,18,.05), 0 14px 34px -22px rgba(11,13,18,.30);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:calc(var(--head-h) + 22px); background:var(--bg)}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--sans); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
::selection{background:var(--ink); color:#FFF}
a{color:inherit}
h1,h2,h3,h4,h5{margin:0; text-wrap:balance; font-weight:600; letter-spacing:-.025em; line-height:1.1}
p{margin:0}
ul{margin:0; padding:0; list-style:none}
button{font:inherit; color:inherit}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:4px}
img,svg{max-width:100%}

.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px}

.eyebrow{
  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--text-3); display:flex; align-items:center; gap:12px;
}
.eyebrow::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--accent); flex:none}
.eyebrow::after{content:""; flex:1; height:1px; background:linear-gradient(90deg,var(--line-2),transparent)}

.h-display{font-weight:600; letter-spacing:-.032em}
.h1{font-size:clamp(38px,5.4vw,64px); line-height:1.03}
.h2{font-size:clamp(28px,3.5vw,42px); line-height:1.06}
.h3{font-size:clamp(20px,2.1vw,25px)}
.lede{font-size:clamp(16.5px,1.4vw,19px); color:var(--text-2); line-height:1.62; max-width:62ch; letter-spacing:-.005em}
.body-2{color:var(--text-2)}

/* ---------------- header ---------------- */
.site-head{
  position:sticky; top:0; z-index:60;
  background:rgba(251,251,252,.78);
  backdrop-filter:saturate(1.6) blur(16px);
  -webkit-backdrop-filter:saturate(1.6) blur(16px);
  border-bottom:1px solid var(--line);
}
.progress{height:1px; background:transparent}
.progress i{display:block; height:2px; width:0%; background:var(--accent); transition:width .1s linear}
.head-inner{max-width:var(--maxw); margin:0 auto; padding:0 28px; height:var(--head-h); display:flex; align-items:center; gap:24px}

.brand{display:flex; align-items:center; gap:10px; text-decoration:none; margin-right:auto}
.brand svg{display:block; color:var(--line-2)}
.brand b{font-size:21px; font-weight:600; letter-spacing:-.03em}
.brand span{
  font-family:var(--mono); font-size:9px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--text-3); border-left:1px solid var(--line-2); padding-left:10px;
}

.nav{display:flex; align-items:center; gap:2px}
.nav a{
  position:relative; text-decoration:none; font-size:14px; font-weight:500; color:var(--text-2);
  padding:8px 12px; border-radius:6px; white-space:nowrap; transition:color .16s ease, background .16s ease;
}
.nav a:hover{color:var(--text); background:var(--surface-2)}
.nav a::after{
  content:""; position:absolute; left:12px; right:12px; bottom:1px; height:1.5px; border-radius:2px;
  background:var(--accent);
  transform:scaleX(0); transform-origin:left; transition:transform .24s cubic-bezier(.2,.7,.3,1);
}
.nav a[aria-current]{color:var(--text)}
.nav a[aria-current]::after{transform:scaleX(1)}
.nav-sep{width:1px; height:16px; background:var(--line-2); margin:0 8px}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-size:14px; font-weight:600; letter-spacing:-.01em; text-decoration:none;
  padding:10px 17px; border-radius:7px; border:1px solid transparent; cursor:pointer;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.btn-solid{background:var(--ink); color:#FFF; box-shadow:0 1px 2px rgba(11,13,18,.16)}
.btn-solid:hover{background:var(--ink-hi); transform:translateY(-1px); box-shadow:0 8px 20px -10px rgba(11,13,18,.5)}
.btn-line{border-color:var(--line-2); color:var(--text); background:var(--surface)}
.btn-line:hover{border-color:var(--text-3); transform:translateY(-1px); box-shadow:0 6px 16px -12px rgba(11,13,18,.5)}
.btn-lg{padding:13px 22px; font-size:15px}

.menu-btn{display:none; background:var(--surface); border:1px solid var(--line-2); border-radius:7px; padding:9px 11px; cursor:pointer}
.menu-btn span{display:block; width:16px; height:1.5px; background:var(--text)}
.menu-btn span+span{margin-top:4px}

/* ---------------- sections ---------------- */
section{scroll-margin-top:calc(var(--head-h) + 22px)}
.band{padding:clamp(64px,8vw,108px) 0; border-top:1px solid var(--line); position:relative}

/* ---------------- hero ---------------- */
.hero{position:relative; overflow:hidden; padding:clamp(58px,7.5vw,104px) 0 clamp(58px,7vw,92px)}
.hero-fx{position:absolute; inset:0; pointer-events:none}
.hero-fx .dots{
  position:absolute; inset:0;
  background-image:radial-gradient(circle at 1px 1px, rgba(11,13,18,.075) 1px, transparent 0);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 70%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 70%);
}
.hero-fx .glow{
  position:absolute; inset:-30% -15% auto -15%; height:820px;
  background:
    radial-gradient(50% 46% at 70% 30%, rgba(190,113,24,.10), transparent 70%),
    radial-gradient(44% 42% at 14% 10%, rgba(14,123,102,.07), transparent 72%);
}
.hero .wrap{position:relative; z-index:1}
.hero-grid{display:grid; grid-template-columns:1.06fr .94fr; gap:clamp(34px,5vw,70px); align-items:start}
.hero h1{margin:22px 0 22px}
.hero h1 em{font-style:normal; color:var(--accent)}
.hero-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:32px}
.hero-note{
  margin-top:30px; padding-top:16px; border-top:1px solid var(--line);
  font-family:var(--mono); font-size:11.5px; letter-spacing:.08em; color:var(--text-3);
}

/* ---------------- claim lifecycle panel ---------------- */
.panel{
  position:relative; background:var(--raise); border:1px solid var(--line);
  border-radius:14px; box-shadow:var(--shadow); overflow:hidden;
}
.panel::before{
  content:""; position:absolute; top:0; left:14%; right:14%; height:2px;
  background:linear-gradient(90deg,transparent,var(--accent-line),transparent);
}
.panel-head{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; border-bottom:1px solid var(--line); background:var(--surface-2)}
.panel-head b{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:500; color:var(--text)}
.panel-head i{font-family:var(--mono); font-size:10.5px; color:var(--text-3); font-style:normal; letter-spacing:.06em}
.stage{
  display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:12px;
  padding:12px 18px; border-bottom:1px solid var(--line); position:relative; transition:background .4s ease;
}
.stage:last-child{border-bottom:none}
.stage-n{font-family:var(--mono); font-size:10.5px; color:var(--text-3); font-variant-numeric:tabular-nums}
.stage-name{font-size:14.5px; font-weight:500; letter-spacing:-.012em}
.chip{
  font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase;
  padding:4px 9px; border-radius:999px; white-space:nowrap; font-weight:500;
}
.chip-auto{background:var(--mint-dim); color:var(--mint); border:1px solid var(--mint-line)}
.chip-human{background:var(--accent-dim); color:var(--accent-hi); border:1px solid var(--accent-line)}
.stage.live{background:var(--accent-dim)}
.stage.live::before{content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--accent)}
.panel-foot{padding:14px 18px; border-top:1px solid var(--line); background:var(--surface-2); font-size:13px; color:var(--text-2)}
.panel-foot b{color:var(--text); font-weight:600}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} .stage{transition:none} }

/* ---------------- problem strip ---------------- */
.prob{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px}
.prob div{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:26px 24px; box-shadow:0 1px 2px rgba(11,13,18,.03)}
.prob h4{font-size:18px; margin-bottom:10px}
.prob p{font-size:14.5px; color:var(--text-2)}

/* ---------------- services ---------------- */
.svc{display:grid; grid-template-columns:repeat(3,1fr); gap:32px 40px; margin-top:44px}
.svc-item{border-top:1px solid var(--line-2); padding-top:16px; position:relative}
.svc-item::before{content:""; position:absolute; top:-1px; left:0; width:26px; height:1px; background:var(--accent)}
.svc-item h4{font-size:15.5px; font-weight:600; margin-bottom:7px; letter-spacing:-.015em}
.svc-item p{font-size:14.5px; color:var(--text-2); line-height:1.55}

/* ---------------- why ---------------- */
.why-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,4vw,58px); margin-top:38px; align-items:start}
.why-copy p+p{margin-top:16px}
.why-copy .pull{
  font-size:clamp(20px,2.05vw,24px); line-height:1.34; letter-spacing:-.025em; font-weight:500; color:var(--text);
  border-left:2px solid var(--accent); padding-left:20px; margin-top:26px;
}
.why-list{display:grid; gap:12px}
.why-list > div{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:20px 22px; box-shadow:0 1px 2px rgba(11,13,18,.03)}
.why-list h4{font-size:15.5px; font-weight:600; margin-bottom:6px; display:flex; align-items:center; gap:10px}
.why-list h4::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--accent); flex:none}
.why-list p{font-size:14.5px; color:var(--text-2); line-height:1.55}

/* ---------------- how it works ---------------- */
.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:46px; border-top:1px solid var(--line-2)}
.step{padding:26px 26px 0 0; border-right:1px solid var(--line); position:relative}
.step:last-child{border-right:none; padding-right:0}
.step::before{content:""; position:absolute; top:-3.5px; left:0; width:7px; height:7px; border-radius:50%; background:var(--accent)}
.step .num{font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; color:var(--accent-hi); display:block; margin-bottom:12px}
.step h4{font-size:18px; margin-bottom:9px}
.step p{font-size:14.5px; color:var(--text-2); line-height:1.55; padding-right:22px}

/* ---------------- trust strip ---------------- */
.trust{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--bg-2)}
.trust ul{display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px 30px; padding:22px 0}
.trust li{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--text-2); display:flex; align-items:center; gap:10px}
.trust li svg{flex:none; color:var(--accent)}

/* ---------------- contact ---------------- */
.contact-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(32px,5vw,64px); margin-top:36px; align-items:start}
.contact-side .kv{margin-top:28px; border-top:1px solid var(--line); padding-top:20px}
.contact-side .kv dt{font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--text-3)}
.contact-side .kv dd{margin:5px 0 16px; font-size:15.5px; color:var(--text-2)}
.contact-side .kv a{color:var(--accent-hi); text-decoration:none; border-bottom:1px solid var(--accent-line)}
.contact-side .kv a:hover{color:var(--accent)}

.contact-card{
  background:var(--raise); border:1px solid var(--line); border-radius:14px;
  padding:clamp(28px,3.4vw,40px); box-shadow:var(--shadow);
  display:flex; flex-direction:column; align-items:flex-start;
}
.contact-label{
  font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--text-3);
}
.contact-email{
  display:inline-block; margin:14px 0 0;
  font-size:clamp(23px,2.9vw,36px); font-weight:600; letter-spacing:-.035em; line-height:1.1;
  color:var(--text); text-decoration:none; word-break:break-word;
  border-bottom:2px solid var(--accent-line); padding-bottom:3px;
  transition:color .18s ease, border-color .18s ease;
}
.contact-email:hover{color:var(--accent-hi); border-color:var(--accent)}
.contact-note{
  margin-top:20px; font-size:14.5px; color:var(--text-2); line-height:1.55; max-width:46ch;
}

/* ---------------- page header (about / careers) ---------------- */
.page-head{position:relative; overflow:hidden; padding:clamp(52px,6.5vw,92px) 0 clamp(28px,4vw,44px)}
.page-head .hero-fx .glow{inset:-40% -15% auto -15%; height:640px}
.page-head .wrap{position:relative; z-index:1}
.page-head h1{margin:20px 0 20px}
.split{display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(28px,4.5vw,64px); margin-top:34px; align-items:start}
.split-body p+p{margin-top:16px}
.split-body{max-width:66ch}

.table-split{border:1px solid var(--line); border-radius:12px; overflow:hidden; margin-top:30px; background:var(--surface); box-shadow:0 1px 2px rgba(11,13,18,.03)}
.table-split .tr{display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line)}
.table-split .tr:last-child{border-bottom:none}
.table-split .td{padding:14px 20px; font-size:14px; color:var(--text-2)}
.table-split .td:first-child{border-right:1px solid var(--line)}
.table-split .th{background:var(--surface-2); font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--text)}
.table-split .th .dot{display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:9px}

.sec-privacy{background:var(--bg-2)}
.lock-head{display:flex; align-items:flex-start; gap:20px}
.lock-head svg{flex:none; color:var(--accent); margin-top:2px}
.priv-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:38px}
.priv-item{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:20px 22px}
.priv-item h4{font-size:15px; font-weight:600; margin-bottom:6px}
.priv-item p{font-size:14px; color:var(--text-2); line-height:1.55}
.priv-note{
  margin-top:34px; padding:20px 24px; border:1px solid var(--accent-line); border-radius:10px;
  background:var(--accent-dim); font-size:17.5px; line-height:1.45; letter-spacing:-.02em; font-weight:500; color:var(--text);
}

.believe{display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:40px}
.believe div{border-top:1px solid var(--line-2); padding-top:16px; position:relative}
.believe div::before{content:""; position:absolute; top:-1px; left:0; width:26px; height:1px; background:var(--accent)}
.believe h4{font-size:17.5px; margin-bottom:9px}
.believe p{font-size:14.5px; color:var(--text-2); line-height:1.55}

.cta-band{text-align:center; padding:clamp(58px,7vw,92px) 0; position:relative; overflow:hidden}
.cta-band .wrap{position:relative; z-index:1}
.cta-band p{margin:16px auto 28px; color:var(--text-2); max-width:48ch}

/* ---------------- careers ---------------- */
.perks{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:38px}
.perks div{background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:26px 24px; box-shadow:0 1px 2px rgba(11,13,18,.03)}
.perks h4{font-size:18px; margin-bottom:10px}
.perks p{font-size:14.5px; color:var(--text-2)}

.roles{margin-top:38px; border-top:1px solid var(--line-2)}
.role{display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(20px,3vw,48px); padding:32px 0; border-bottom:1px solid var(--line)}
.role h4{font-size:clamp(21px,2.1vw,26px); margin-bottom:12px}
.role .tags{display:flex; gap:8px; flex-wrap:wrap}
.role .tag{font-family:var(--mono); font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--text-3); border:1px solid var(--line-2); border-radius:999px; padding:4px 10px}
.role p{font-size:15px; color:var(--text-2)}
.role .looking{margin-top:16px; border-top:1px solid var(--line); padding-top:16px}
.role .looking span{font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--text-3); display:block; margin-bottom:10px}
.role .looking li{font-size:14.5px; color:var(--text-2); padding-left:18px; position:relative; margin-bottom:5px}
.role .looking li::before{content:""; position:absolute; left:0; top:9px; width:6px; height:1.5px; background:var(--accent)}
.roles-note{margin-top:26px; font-size:15px; color:var(--text-2)}

.expect{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:clamp(26px,3.4vw,40px); margin-top:38px; display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(24px,4vw,52px); box-shadow:0 1px 2px rgba(11,13,18,.03)}
.expect p{max-width:62ch; color:var(--text-2)}
.apply{display:flex; flex-direction:column; align-items:center; gap:18px}

/* ---------------- footer ---------------- */
footer{border-top:1px solid var(--line); background:var(--bg-2); padding:56px 0 30px}
.foot-grid{display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:36px}
.foot-grid h5{font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--text-3); font-weight:500; margin:0 0 14px}
.foot-grid a{display:block; text-decoration:none; font-size:14px; color:var(--text-2); padding:5px 0; transition:color .16s ease}
.foot-grid a:hover{color:var(--accent-hi)}
.foot-brand p{font-size:14px; color:var(--text-2); max-width:34ch; margin-top:14px}
.foot-bar{
  margin-top:44px; padding-top:20px; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; color:var(--text-3);
}

/* ---------------- page transitions ---------------- */
.page-sweep{
  position:fixed; top:0; left:0; height:3px; width:0; z-index:200;
  background:linear-gradient(90deg,var(--accent),var(--accent-hi));
  opacity:0; pointer-events:none;
}
.page-sweep.run{animation:sweep .55s cubic-bezier(.25,.8,.3,1) forwards}
@keyframes sweep{0%{width:0; opacity:1} 65%{opacity:1} 100%{width:100%; opacity:0}}

@keyframes pageIn{from{opacity:0; transform:translateY(16px) scale(.994)} to{opacity:1; transform:none}}
@keyframes pageOut{from{opacity:1} to{opacity:0; transform:translateY(-10px)}}
main.page-in, .view.enter{animation:pageIn .45s cubic-bezier(.2,.7,.25,1) both}
main.page-out{animation:pageOut .22s ease-in both}
@media (prefers-reduced-motion: reduce){
  .page-sweep.run{animation:none}
  main.page-in, main.page-out, .view.enter{animation:none}
}

/* ---------------- section rail (home page only) ---------------- */
.rail{
  position:fixed; right:22px; top:50%; transform:translateY(-50%); z-index:50;
  display:flex; flex-direction:column; align-items:flex-end; gap:24px;
}
.rail a{display:flex; align-items:center; gap:14px; text-decoration:none; padding:3px}
.rail .lbl{
  font-family:var(--sans); font-size:16px; font-weight:600;
  letter-spacing:-.015em; line-height:1.15;
  color:var(--text);
  background:var(--surface); border:1px solid var(--line-2); border-radius:9px;
  box-shadow:0 3px 16px -8px rgba(11,13,18,.5);
  padding:10px 15px; white-space:nowrap;
  opacity:0; transform:translateX(8px);
  transition:opacity .2s ease, transform .2s ease, border-color .2s ease;
}
.rail .dot{
  width:12px; height:12px; border-radius:50%; flex:none;
  border:2px solid var(--line-3); background:transparent;
  transition:background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.rail a:hover .lbl{opacity:1; transform:none}
.rail a:hover .dot{border-color:var(--accent); background:var(--accent-dim)}
.rail a[aria-current] .lbl{opacity:1; transform:none; border-color:var(--accent-line)}
.rail a[aria-current] .dot{
  background:var(--accent); border-color:var(--accent);
  transform:scale(1.15); box-shadow:0 0 0 5px var(--accent-dim);
}
@media (max-width:1300px){ .rail{display:none} }
@media (prefers-reduced-motion: reduce){ .rail .lbl,.rail .dot{transition:none} }

.only-mobile{display:none}
@media (max-width:760px){ .only-mobile{display:block} }

/* ---------------- responsive ---------------- */
@media (max-width:980px){
  .hero-grid,.why-grid,.contact-grid,.split,.expect,.role{grid-template-columns:1fr}
  .svc,.prob,.perks,.believe{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .step{border-right:none; border-bottom:1px solid var(--line); padding:26px 0 24px}
  .step:nth-child(odd){padding-right:26px; border-right:1px solid var(--line)}
  .priv-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .wrap,.head-inner{padding:0 20px}
  .nav{
    display:none; position:absolute; top:var(--head-h); left:0; right:0;
    flex-direction:column; align-items:stretch; gap:0;
    background:var(--surface); border-bottom:1px solid var(--line); padding:8px 20px 16px;
    box-shadow:0 24px 40px -28px rgba(11,13,18,.6);
  }
  .site-head.open .nav{display:flex}
  .nav a{padding:13px 0; font-size:16px; border-bottom:1px solid var(--line); border-radius:0}
  .nav a:hover{background:transparent}
  .nav a::after{display:none}
  .nav-sep{display:none}
  .menu-btn{display:block}
  .head-inner > .btn-solid{display:none}
  .svc,.prob,.perks,.believe,.steps,.table-split .tr{grid-template-columns:1fr}
  .table-split .td:first-child{border-right:none; border-bottom:1px solid var(--line)}
  .step,.step:nth-child(odd){border-right:none; padding-right:0}
  .foot-grid{grid-template-columns:1fr}
  .brand span{display:none}
  .lock-head{gap:14px}
}