/* =========================================================
   OFF-SITE TECH EXPERT — extends main.css (Monolith)
   Same edges as the home page: full width, --pad gutters.
   Modular grid cells, square markers, mono labels.
   ========================================================= */
.os{--cell:#0d0d10;--cell-2:#121216;}

/* square marker used in labels */
.sq{display:inline-block;width:8px;height:8px;background:var(--acid);margin-right:12px;vertical-align:1px;flex:none;}
.lbl{font-family:var(--fm);font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--mid);
  display:flex;align-items:center;}
.lbl b{color:var(--ink);font-weight:500;margin-right:10px;}

/* ---------- HERO ---------- */
.os-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;background:#08080a;overflow:hidden;isolation:isolate;}
.os-hero-img{position:absolute;inset:0 0 0 auto;width:min(58%,920px);z-index:-2;
  background:url("../images/portrait.png") center right/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 46%),linear-gradient(0deg,transparent 0%,#000 24%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 46%),linear-gradient(0deg,transparent 0%,#000 24%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
  animation:osWipe 1.5s cubic-bezier(.65,0,.2,1) both;}
@keyframes osWipe{from{clip-path:inset(0 0 0 100%);transform:scale(1.04);}to{clip-path:inset(0 0 0 0);transform:none;}}

/* faint column rules, drawn down on load */
.os-cols{position:absolute;inset:0;z-index:-1;pointer-events:none;display:grid;grid-template-columns:repeat(4,1fr);
  padding:0 var(--pad);}
.os-cols i{border-left:1px solid rgba(255,255,255,.07);transform-origin:top;animation:osDraw 1.4s var(--ease) both;}
.os-cols i:last-child{border-right:1px solid rgba(255,255,255,.07);}
.os-cols i:nth-child(2){animation-delay:.1s;} .os-cols i:nth-child(3){animation-delay:.2s;} .os-cols i:nth-child(4){animation-delay:.3s;}
@keyframes osDraw{from{transform:scaleY(0);}to{transform:none;}}

.os-meta{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  font-family:var(--fm);font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--mid);}
.os-meta span{padding:14px 0 14px 16px;}
.os-meta span:first-child{padding-left:0;color:var(--acid);}
.os-meta span:last-child{text-align:right;padding-right:0;}

.os-hero-in{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px);}
.os-kick{margin-bottom:clamp(20px,2.6vw,34px);opacity:0;animation:osFade .8s var(--ease) .6s both;}
.os-kick .lbl{color:var(--acid);}
.os-h1{font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.86;
  font-size:clamp(44px,7vw,120px);display:flex;flex-direction:column;align-items:flex-start;}
.os-h1 .ln{display:block;background:#08080a;padding:.02em .12em .04em 0;white-space:nowrap;
  animation:osLn .9s var(--ease) both;animation-delay:.75s;}
.os-h1 .ln:nth-child(2){animation-delay:.85s;}
.os-h1 .ln:nth-child(3){animation-delay:.95s;}
.os-h1 .ln:nth-child(4){animation-delay:1.05s;}
.os-h1 .ln.in{margin-left:clamp(20px,6vw,110px);padding-left:.12em;}
.os-h1 .acid{color:var(--acid);}
@keyframes osLn{from{transform:translateX(-30px);clip-path:inset(0 100% 0 0);}to{transform:none;clip-path:inset(0 0 0 0);}}
@keyframes osFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

.os-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-bottom:clamp(26px,3.4vw,44px);
  opacity:0;animation:osFade .9s var(--ease) 1.3s both;}
.os-hero-foot p{max-width:38ch;color:var(--dim);font-size:clamp(15px,1.3vw,18px);line-height:1.5;}
.os-hero-foot p b{color:var(--ink);font-weight:600;}
.cue{font-family:var(--fm);font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--mid);
  display:inline-flex;align-items:center;gap:12px;}
.cue i{display:block;width:1px;height:34px;background:linear-gradient(var(--acid),transparent);animation:cue 2s var(--ease) infinite;transform-origin:top;}
@keyframes cue{0%{transform:scaleY(0);}50%{transform:scaleY(1);}100%{transform:scaleY(1);opacity:0;}}

@media(max-width:860px){
  .os-hero-img{width:100%;inset:auto 0 0 0;height:66%;background-position:64% 6%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 80%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 80%,transparent 100%);
    -webkit-mask-composite:source-over;mask-composite:add;}
  .os-meta{grid-template-columns:1fr 1fr;}
  .os-meta span:nth-child(2),.os-meta span:nth-child(3){display:none;}
  .os-meta{font-size:9px;letter-spacing:1.6px;}
  .os-meta span{white-space:nowrap;}
  .os-cols{grid-template-columns:repeat(2,1fr);}
  .os-cols i:nth-child(n+3){display:none;}
  .os-cols i:nth-child(2){border-right:1px solid rgba(255,255,255,.07);}
  .os-hero-in{justify-content:flex-start;padding-top:44px;}
  .os-meta span{white-space:nowrap;}
  .os-hero-foot{position:relative;padding-top:70px;background:linear-gradient(180deg,transparent,rgba(8,8,10,.92) 55%);}
  .os-hero-foot p{color:#c9c9d1;}
  .os-h1{font-size:clamp(34px,10.4vw,80px);}
  .os-h1 .ln.in{margin-left:18px;}
}

/* ---------- section heads (home slab language, bigger note) ---------- */
.os .slabnote{font-size:clamp(16px,1.35vw,19px);max-width:52ch;line-height:1.55;}

/* ---------- 01 · modular problem grid ---------- */
.cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.cell{background:var(--cell);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;justify-content:space-between;gap:34px;
  min-height:clamp(250px,21vw,320px);min-width:0;transition:background .4s var(--ease);}
.cell:hover{background:var(--cell-2);}
.cell q{quotes:"\201C" "\201D";display:block;font-weight:800;font-size:clamp(20px,1.9vw,28px);line-height:1.1;letter-spacing:-.025em;color:var(--ink);text-wrap:balance;}
.cell p{margin-top:12px;color:var(--dim);font-size:14.5px;line-height:1.5;max-width:36ch;}
.cell .lbl .n{color:var(--acid);margin-right:12px;}
.cell-img{grid-column:span 2;grid-row:span 2;padding:0;position:relative;overflow:hidden;min-height:0;}
.cell-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);
  transform:scale(1.06);transition:transform 1.4s var(--ease);}
.cell-img.in img,.cell-img:hover img{transform:none;}
.cell-img .tag{position:absolute;left:16px;bottom:16px;z-index:1;background:rgba(8,8,10,.86);padding:8px 12px;}
.cell-dots{background-color:var(--cell);
  background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.4px);background-size:14px 14px;container-type:inline-size;}
.cell-dots .big{display:block;font-weight:900;font-size:clamp(32px,calc(20cqw - 14px),80px);letter-spacing:-.05em;line-height:.85;color:var(--acid);text-transform:uppercase;}
.cell-dots .big + span{font-family:var(--fm);font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--dim);margin-top:10px;display:block;}
@media(max-width:1100px){
  .cells{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cell-img{grid-column:span 2;grid-row:auto;aspect-ratio:16/9;}
}
@media(max-width:620px){
  .cells{grid-template-columns:1fr;}
  .cell-img{grid-column:auto;aspect-ratio:4/3;}
  .cell{min-height:0;gap:24px;}
}

/* acid statement cell (replaces the photo) */
.cell-acid{container-type:inline-size;grid-column:span 2;grid-row:span 2;background:var(--acid);color:#08080a;position:relative;overflow:hidden;
  background-image:linear-gradient(rgba(8,8,10,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(8,8,10,.07) 1px,transparent 1px);
  background-size:28px 28px;background-position:-1px -1px;}
.cell-acid:hover{background-color:var(--acid);}
.ca-top,.ca-foot{display:flex;justify-content:space-between;gap:14px;font-family:var(--fm);font-size:10px;letter-spacing:2.2px;
  text-transform:uppercase;color:rgba(8,8,10,.6);}
.ca-top span:first-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#08080a;
  margin-right:9px;vertical-align:1px;animation:blip 1.4s steps(2) infinite;}
.ca-foot{border-top:1px solid rgba(8,8,10,.2);padding-top:14px;}
.ca-foot span:last-child{color:#08080a;}
.cell .ca-big{margin:0;max-width:none;color:#08080a;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.9;font-size:clamp(30px,calc(12cqw - 7px),110px);}
.ca-big span{display:block;width:fit-content;}
.ca-big .strike{position:relative;color:rgba(8,8,10,.4);}
.ca-big .now{color:#08080a;white-space:normal !important;text-wrap:balance;width:auto;}
.ca-big .strike::after{content:"";position:absolute;left:-.04em;right:-.04em;top:52%;height:.09em;background:#08080a;
  transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.65,0,.2,1) .35s;}
.ca-big .now{margin-top:.08em;opacity:0;transform:translateY(.25em);transition:opacity .7s var(--ease) 1.1s,transform .7s var(--ease) 1.1s;}
.cell-acid.in .strike::after{transform:none;}
.cell-acid.in .now{opacity:1;transform:none;}
.ca-big span{white-space:nowrap;}
@media(max-width:1100px){.cell-acid{grid-column:span 2;grid-row:auto;min-height:380px;}}
@media(max-width:620px){.cell-acid{grid-column:auto;min-height:320px;}}

/* ---------- 02 · what I look after ---------- */
.look{display:grid;gap:clamp(28px,4vw,64px);align-items:start;}
@media(min-width:1000px){.look{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}}
.look-aside{position:relative;}
@media(min-width:1000px){.look-aside{position:sticky;top:96px;}}
.look-photo{position:relative;aspect-ratio:4/3;border:1px solid var(--line);overflow:hidden;background:#111116;}
.look-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(1.3) contrast(1.05);}
.look-photo .tag{position:absolute;left:16px;top:16px;background:rgba(8,8,10,.86);padding:8px 12px;}
.look-aside p{margin-top:24px;color:var(--dim);font-size:clamp(16px,1.3vw,18px);line-height:1.55;max-width:46ch;}
.look-aside p b{color:var(--ink);font-weight:600;}
.groups{border-top:1px solid var(--line-2);}
.grp{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;padding:clamp(24px,2.6vw,34px) 0;border-bottom:1px solid var(--line);}
.grp .n{font-family:var(--fm);font-size:11px;letter-spacing:2px;color:var(--acid);padding-top:10px;}
.grp h3{font-weight:900;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(28px,3.2vw,46px);line-height:.9;margin-bottom:12px;}
.grp > div > p{color:var(--dim);font-size:15.5px;max-width:52ch;margin-bottom:18px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;}
.chips li{font-size:14px;color:var(--ink);border:1px solid var(--line-2);padding:8px 13px;transition:.3s var(--ease);}
.grp:hover .chips li{border-color:rgba(216,255,54,.4);}
.not{margin-top:26px;display:flex;gap:14px;align-items:flex-start;color:var(--mid);font-size:14.5px;max-width:60ch;}
.not b{color:var(--ink);font-weight:600;}
@media(max-width:620px){.grp{grid-template-columns:1fr;gap:6px;}.grp .n{padding-top:0;}}

/* acid services panel (replaces the laptop photo) */
.lpanel{background:var(--acid);color:#08080a;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);
  background-image:linear-gradient(rgba(8,8,10,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(8,8,10,.07) 1px,transparent 1px);
  background-size:28px 28px;background-position:-1px -1px;}
.lp-row{display:flex;justify-content:space-between;gap:14px;font-family:var(--fm);font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:rgba(8,8,10,.6);}
.lp-live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#08080a;margin-right:9px;vertical-align:1px;animation:blip 1.4s steps(2) infinite;}
.lp-foot{border-top:1px solid rgba(8,8,10,.2);padding-top:14px;}
.lp-foot span:last-child{color:#08080a;}
.lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(8,8,10,.22);border:1px solid rgba(8,8,10,.22);}
.lp-t{position:relative;background:var(--acid);padding:clamp(16px,1.8vw,24px);display:flex;flex-direction:column;justify-content:space-between;gap:18px;
  aspect-ratio:1.25;min-width:0;transition:background .45s var(--ease),color .45s var(--ease);cursor:default;}
.lp-t svg{width:clamp(44px,4.4vw,64px);height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible;}
.lp-t b{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(20px,2vw,30px);line-height:.9;}
.lp-t > span{position:absolute;top:clamp(16px,1.8vw,24px);right:clamp(16px,1.8vw,24px);font-family:var(--fm);font-size:10.5px;letter-spacing:2px;opacity:.6;}
.lp-t.on{background:#08080a;color:var(--acid);}
/* connect: packet travels the links */
.lp-t .ln-a{stroke-dasharray:3 5;animation:lpDash 1.2s linear infinite;}
.lp-t .pk{fill:currentColor;stroke:none;}
.lp-t circle:not(.pk):not(.led):not(.dt){fill:var(--acid);transition:fill .45s var(--ease);}
.lp-t.on circle:not(.pk):not(.led):not(.dt){fill:#08080a;}
@keyframes lpDash{to{stroke-dashoffset:-16;}}
/* run: status lights */
.lp-t .led{fill:currentColor;stroke:none;animation:lpLed 1.8s steps(2) infinite;}
.lp-t .l2{animation-delay:.6s;} .lp-t .l3{animation-delay:1.2s;}
@keyframes lpLed{50%{opacity:.15;}}
/* protect: tick draws in */
.lp-t .tick{stroke-width:2.6;stroke-dasharray:30;stroke-dashoffset:30;animation:lpTick 2.8s var(--ease) infinite;}
@keyframes lpTick{0%,15%{stroke-dashoffset:30;}45%,85%{stroke-dashoffset:0;}100%{stroke-dashoffset:0;opacity:0;}}
/* advise: typing dots */
.lp-t .dt{fill:currentColor;stroke:none;animation:lpType 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.lp-t .d2{animation-delay:.18s;} .lp-t .d3{animation-delay:.36s;}
@keyframes lpType{0%,60%,100%{transform:none;opacity:.35;}30%{transform:translateY(-4px);opacity:1;}}
@media (prefers-reduced-motion:reduce){.lp-t .ln-a,.lp-t .led,.lp-t .tick,.lp-t .dt,.lp-live::before{animation:none;}.lp-t .tick{stroke-dashoffset:0;}.lp-t .pk{display:none;}}

/* ---------- 03 · how it starts (acid panel, like the home pipeline tile) ---------- */
.osflow{position:relative;background:var(--acid);color:#08080a;padding:clamp(28px,4vw,56px);overflow:hidden;
  background-image:linear-gradient(rgba(8,8,10,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(8,8,10,.07) 1px,transparent 1px);
  background-size:28px 28px;background-position:-1px -1px;}
.flow-top{display:flex;justify-content:space-between;gap:16px;font-family:var(--fm);font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:rgba(8,8,10,.6);}
.flow-top span:first-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#08080a;margin-right:9px;vertical-align:1px;animation:blip 1.4s steps(2) infinite;}
.flow-row{--g:clamp(20px,3vw,48px);position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g);margin-top:clamp(34px,4vw,56px);}
.flow-track{position:absolute;left:32px;right:calc((100% - 2 * var(--g)) / 3 - 32px);top:31px;height:1px;
  background:repeating-linear-gradient(90deg,rgba(8,8,10,.45) 0 6px,transparent 6px 11px);}
.flow-track i{position:absolute;left:0;top:-1px;height:3px;width:0;background:#08080a;transition:width 1.8s cubic-bezier(.65,0,.2,1) .2s;}
.osflow.in .flow-track i{width:100%;}
.fstep{position:relative;min-width:0;}
.fdisc{width:64px;height:64px;border-radius:50%;border:1.5px solid #08080a;background:var(--acid);display:grid;place-items:center;
  font-family:var(--fm);font-size:13px;font-weight:500;transition:background .5s var(--ease),color .5s var(--ease);}
.osflow.in .fstep:nth-child(2) .fdisc{background:#08080a;color:var(--acid);transition-delay:.2s;}
.osflow.in .fstep:nth-child(3) .fdisc{background:#08080a;color:var(--acid);transition-delay:1s;}
.osflow.in .fstep:nth-child(4) .fdisc{background:#08080a;color:var(--acid);transition-delay:1.8s;}
.fstep h3{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(24px,2.6vw,38px);line-height:.92;margin:24px 0 12px;}
.fstep p{font-size:15.5px;line-height:1.5;color:rgba(8,8,10,.78);max-width:36ch;}
.fstep .price{display:inline-block;margin-top:14px;font-family:var(--fm);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;
  background:#08080a;color:var(--acid);padding:6px 10px;}
@media(max-width:860px){
  .flow-row{grid-template-columns:1fr;gap:34px;}
  .flow-track{left:31px;right:auto;top:32px;bottom:32px;width:1px;height:auto;
    background:repeating-linear-gradient(180deg,rgba(8,8,10,.45) 0 6px,transparent 6px 11px);}
  .flow-track i{width:3px;left:-1px;height:0;transition:height 1.8s cubic-bezier(.65,0,.2,1) .2s;}
  .osflow.in .flow-track i{width:3px;height:100%;}
  .fstep{padding-left:88px;}
  .fdisc{position:absolute;left:0;top:0;}
  .fstep h3{margin-top:4px;}
}

/* ---------- 04 · compare ---------- */
.cmp{display:grid;grid-template-columns:minmax(140px,.7fr) repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.cmp > div{background:var(--cell);padding:18px clamp(14px,1.6vw,22px);min-width:0;font-size:15px;color:var(--dim);line-height:1.45;}
.cmp .hd{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(18px,1.7vw,24px);color:var(--ink);padding-top:22px;padding-bottom:22px;}
.cmp .hd small{display:block;font-family:var(--fm);font-weight:400;font-size:9.5px;letter-spacing:2.2px;color:var(--mid);margin-bottom:8px;}
.cmp .rl{font-family:var(--fm);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);}
.cmp .me{background:var(--cell-2);color:var(--ink);}
.cmp .hd.me{box-shadow:inset 0 3px 0 var(--acid);color:var(--acid);}
.cmp .hd.me small{color:var(--acid);opacity:.7;}
.cmp .blank{background:var(--bg);}
@media(max-width:860px){
  .cmp{grid-template-columns:1fr;}
  .cmp .blank,.cmp .rl{display:none;}
  .cmp > div[data-l]::before{content:attr(data-l);display:block;font-family:var(--fm);font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);margin-bottom:6px;}
  .cmp .c1{order:1;} .cmp .c2{order:2;} .cmp .c3{order:3;}
}

/* ---------- 05 · plans ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.plan{background:var(--cell);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;min-width:0;}
.plan .lbl{margin-bottom:26px;}
.plan h3{font-weight:900;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(26px,2.6vw,38px);line-height:.92;}
.plan .amt{font-weight:900;font-size:clamp(46px,5.4vw,84px);letter-spacing:-.055em;line-height:.9;margin:26px 0 6px;}
.plan .amt small{font-size:.28em;letter-spacing:0;font-weight:700;color:var(--mid);margin-left:6px;}
.plan .sub{font-family:var(--fm);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);}
.plan > p{color:var(--dim);font-size:15.5px;margin:22px 0 24px;max-width:34ch;}
.plan ul{list-style:none;margin-top:auto;border-top:1px solid var(--line);}
.plan li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--dim);display:flex;gap:12px;}
.plan li::before{content:"";width:6px;height:6px;background:var(--acid);flex:none;margin-top:8px;}
.plan.hot{background:var(--acid);color:#08080a;
  background-image:linear-gradient(rgba(8,8,10,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(8,8,10,.06) 1px,transparent 1px);background-size:28px 28px;}
.plan.hot .lbl,.plan.hot .sub,.plan.hot .amt small{color:rgba(8,8,10,.6);}
.plan.hot .sq,.plan.hot li::before{background:#08080a;}
.plan.hot > p,.plan.hot li{color:rgba(8,8,10,.8);}
.plan.hot ul,.plan.hot li{border-color:rgba(8,8,10,.18);}
@media(max-width:980px){.plans{grid-template-columns:1fr;}}
.fine{margin-top:22px;font-family:var(--fm);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mid);line-height:1.9;}
.fine a{color:var(--acid);}

/* ---------- 06 · remote, not distant ---------- */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.tr{background:var(--cell);padding:clamp(22px,2.4vw,32px);min-width:0;}
.tr svg{width:34px;height:34px;fill:none;stroke:var(--acid);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:34px;}
.tr b{display:block;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(18px,1.6vw,22px);margin-bottom:10px;}
.tr span{font-size:15px;color:var(--dim);line-height:1.5;}
@media(max-width:1000px){.trust{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.trust{grid-template-columns:1fr;}}

/* ---------- contact CTA additions ---------- */
.os .contact h2{font-size:clamp(40px,7.4vw,124px);}
.os .contact .avail{margin-top:clamp(26px,3vw,40px);}
.os .ccol > p{margin-top:clamp(22px,2.6vw,32px);max-width:40ch;color:var(--dim);font-size:clamp(16px,1.4vw,19px);line-height:1.5;}

@media (prefers-reduced-motion:reduce){
  .os-hero-img,.os-cols i,.os-h1 .ln,.os-kick,.os-hero-foot,.cue i{animation:none;opacity:1;}
  .cell-img img{transform:none;transition:none;}
  .flow-track i{transition:none;}
  .ca-big .strike::after,.ca-big .now{transition:none;}
}

/* statement band: keep side gutters on phones and open up the lines */
.os .introband{padding-left:var(--pad);padding-right:var(--pad);}
@media(max-width:760px){
  .os .introband{padding-left:28px;padding-right:28px;}
  .os .subrow{gap:44px;}
  .os .subrow p{font-size:clamp(26px,7.2vw,36px);line-height:1.34;letter-spacing:-.02em;max-width:18ch;hyphens:none;}
}

/* statement band: keep side gutters on phones and open up the lines */
.os .introband{padding-left:var(--pad);padding-right:var(--pad);}
@media(max-width:760px){
  .os .introband{padding-left:28px;padding-right:28px;}
  .os .subrow{gap:44px;}
  .os .subrow p{font-size:clamp(26px,7.2vw,36px);line-height:1.34;letter-spacing:-.02em;max-width:18ch;hyphens:none;}
}

/* ---------- contact: direct line ---------- */
.os .ccol > p.reach{margin-top:clamp(30px,3.6vw,48px);max-width:18ch;color:var(--ink);font-weight:800;
  font-size:clamp(28px,3.4vw,54px);line-height:1.05;letter-spacing:-.035em;}
.os .ccol > p.reach span{color:var(--acid);}