/* Haulor HUB marketplace — Studio (kit 6) page styles.
   Values mirror design/marketing-site/css/hub.css in the redesign kit, rewritten as
   reusable classes so hub-data.js can rebuild cards / rows / ticker items with the
   same look. */
.h0{width:100%;background-image:linear-gradient(135deg,#f2f6ec 0%,#f4f4f5 55%,#eaecf0 100%);overflow:hidden;display:flex;flex-direction:column}
.sec{--padx:max(var(--gutter),calc((100% - 1200px) / 2));padding:120px var(--padx);display:flex;flex-direction:column;gap:40px}
.sec>*{width:100%;max-width:1200px}

/* ---------- shared bits ---------- */
.eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:99px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px #fff,0 1px 2px rgba(13,15,23,.03),0 8px 24px -8px rgba(13,15,23,.05);font-size:12px;font-weight:600;color:#56595f;letter-spacing:.06em;line-height:1.4;text-transform:uppercase;white-space:nowrap}
.eyebrow::before{content:"";width:18px;height:18px;flex:none;border-radius:99px;background:radial-gradient(circle,#fff 0 3px,#7a1cff 3.5px)}
.eyebrow--dark{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff}
.eyebrow--dark::before{background:radial-gradient(circle,#0d0e10 0 3px,#a8f04c 3.5px)}
.eyebrow--c{align-self:center}
.h2{font-size:clamp(31px,3.89vw,56px);font-weight:300;color:#0d0e10;letter-spacing:-.03em;line-height:1.04;margin:0}
.h2>span{display:block;color:#686b71}
.h2--sm{font-size:clamp(28px,3.06vw,44px)}
.h2--dark{color:#fff}.h2--dark>span{color:#a7aab0}
.lead{font-size:18px;font-weight:500;color:#56595f;line-height:1.55;max-width:540px;margin:0}
.lead--dark{color:#a7aab0}
.head{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.head--c{align-items:center;text-align:center}
.head--c .lead{max-width:620px}
.headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.headrow>.head{max-width:700px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 18px;border-radius:99px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;border:0;cursor:pointer;font-family:inherit}
.btn svg{width:16px;height:16px;flex:none}
.btn--lg{padding:14px 24px;font-size:15px}
.btn--violet{background:#7a1cff;color:#fff;box-shadow:0 8px 20px -6px rgba(122,28,255,.28)}
.btn--ink{background:#0d0e10;color:#fff}
.btn--ghost{background:#fff;color:#0d0e10;box-shadow:inset 0 0 0 1px #d9dbdf}
.btn--glass{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}

.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;background:#e8efff;color:#1f55d6}
.tag i{width:6px;height:6px;border-radius:50%;background:#2f6bff;flex:none}
.tag--sold{background:#e3f5ea;color:#137242}.tag--sold i{background:#1e9e58}
.tag--drop{background:#fdf1dc;color:#8f5600}.tag--drop i{background:#c27a0e}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px #e6e7ea;font-size:12px;font-weight:500;color:#56595f;line-height:1.4;white-space:nowrap}
.av{width:28px;height:28px;flex:none;border-radius:50%;background:#ecedef;display:grid;place-items:center;font-size:10px;font-weight:600;color:#0d0e10}
.vshield{width:11px;height:11px;flex:none}

/* ---------- nav ---------- */
.nav{--padx:max(var(--gutter),calc((100% - 1200px) / 2));padding:20px var(--padx) 0;display:flex}
.nav__pill{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;padding:10px 10px 10px 24px;border-radius:99px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px #fff,0 1px 2px rgba(13,15,23,.03),0 8px 24px -8px rgba(13,15,23,.05)}
.nav__logo img{width:143px;height:26px}
.nav__sp{flex:1 1 0;min-width:0}
.nav__a{padding:8px 12px;font-size:14px;font-weight:500;color:#56595f;line-height:1.4;white-space:nowrap}
.nav__a[aria-current]{color:#0d0e10;font-weight:600}
.nav__a:hover{color:#0d0e10}

/* ---------- hero ---------- */
.hero{padding-top:72px;padding-bottom:56px;gap:56px}
.hero__row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hero__txt{width:580px;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.hero__h1{white-space:nowrap;font-size:clamp(40px,4.72vw,68px);font-weight:300;color:#0d0e10;letter-spacing:-.04em;line-height:1.059;margin:0}
.hero__h1>span{display:block;color:#686b71}
.hero__sub{font-size:18px;font-weight:500;color:#56595f;line-height:1.55;max-width:540px}
.search{width:560px;max-width:100%;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px #fff,0 2px 4px rgba(13,15,23,.04),0 24px 48px -12px rgba(13,15,23,.08)}
.search svg{width:18px;height:18px;flex:none}
.search input{flex:1 1 0;min-width:0;border:0;outline:0;background:none;font:500 15px/1.4 Manrope,system-ui,sans-serif;color:#0d0e10}
.search input::placeholder{color:#686b71;opacity:1}
.search:focus-within{box-shadow:inset 0 0 0 2px #7a1cff,0 24px 48px -12px rgba(13,15,23,.08)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:10px}
.facts{display:flex;flex-wrap:wrap;gap:14px 26px;padding-top:8px}
.fact{display:flex;flex-direction:column;gap:4px}
.fact>b{font-size:22px;font-weight:300;color:#0d0e10;letter-spacing:-.03em;line-height:1.1;white-space:nowrap}
.fact>span{font-size:13px;font-weight:500;color:#686b71;line-height:1.4;white-space:nowrap}

/* hero collage (decorative) */
.collage{position:relative;width:572px;height:570px;flex:none}
.collage>*{position:absolute}
.mock{width:282px;display:flex;flex-direction:column;padding:10px;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(13,15,23,.03),0 8px 24px -8px rgba(13,15,23,.05)}
.collage .mock--a{left:0;top:110px}
.collage .mock--b{left:290px;top:0}
.float{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px #fff,0 2px 4px rgba(13,15,23,.04),0 24px 48px -12px rgba(13,15,23,.08)}
.float__ic{width:32px;height:32px;flex:none;border-radius:10px;background:#e3f5ea;display:grid;place-items:center}
.float__ic svg{width:16px;height:16px}
.float__t{display:flex;flex-direction:column;min-width:0}
.float__t b{font-size:13px;font-weight:600;color:#0d0e10;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.float__t span{font-size:11px;font-weight:500;color:#686b71;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collage .float--sold{left:330px;top:410px;max-width:242px}
.collage .float--ver{left:40px;top:500px}
.float--sold.is-swap{animation:hubSwap .5s ease}
@keyframes hubSwap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- listing card (grid + hero mocks) ---------- */
.lc{position:relative;display:flex;flex-direction:column;padding:10px;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(13,15,23,.03),0 8px 24px -8px rgba(13,15,23,.05);transition:transform .2s ease,box-shadow .2s ease}
.lc:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(13,15,23,.04),0 24px 48px -12px rgba(13,15,23,.1)}
.lc__media{height:160px;flex:none;border-radius:18px;background:#f3f4f5;overflow:hidden;display:grid;place-items:center}
.lc__truck{width:241px;max-width:92%;aspect-ratio:241/66;background:url(../img/truckside.webp) center/cover no-repeat}
.lc__icon{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 1px 2px rgba(13,15,23,.04)}
.lc__icon svg{width:28px;height:28px}
.lc__body{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;padding:16px 10px 10px}
.lc__meta{display:flex;align-items:center;gap:6px}
.lc__watch{margin-left:auto;font-size:11px;font-weight:500;color:#686b71;white-space:nowrap}
.lc__title{margin:0;font-size:15px;font-weight:600;color:#0d0e10;line-height:1.4}
.lc__title a::after{content:"";position:absolute;inset:0;border-radius:24px}
.lc__title a:focus-visible{outline:none}
.lc:focus-within{box-shadow:0 0 0 2px #7a1cff}
.lc__foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #e6e7ea}
.lc__price{flex:1 0 auto;display:flex;flex-direction:column}
.lc__price b{font-size:22px;font-weight:300;color:#0d0e10;letter-spacing:-.01em;line-height:1.4;white-space:nowrap}
.lc__price span{font-size:11px;font-weight:500;color:#686b71;line-height:1.4;white-space:nowrap}
.lc__seller{flex:0 1 auto;min-width:0;display:flex;flex-direction:column}
.lc__name{display:flex;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:600;color:#0d0e10;line-height:1.4}
.lc__name>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lc__sub{font-size:11px;font-weight:500;color:#686b71;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock .lc__body{flex:none}

/* ---------- ticker ---------- */
.ticker{padding-top:16px;padding-bottom:16px}
.ticker__vp{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker__track{display:flex;width:max-content}
.ticker__track.is-live{animation:hubTicker 48s linear infinite}
.ticker__vp:hover .ticker__track{animation-play-state:paused}
@keyframes hubTicker{to{transform:translateX(-50%)}}
.tki{width:291px;flex:none;margin-right:12px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #e6e7ea}
.tki__t{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.tki__t b{font-size:14px;font-weight:600;color:#0d0e10;line-height:1.4;white-space:nowrap}
.tki__t span{font-size:11px;font-weight:500;color:#686b71;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- categories ---------- */
.cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.cat{display:flex;flex-direction:column;gap:28px;padding:24px;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(13,15,23,.03),0 8px 24px -8px rgba(13,15,23,.05)}
.cat:hover{transform:translateY(-3px)}
.cat__top{display:flex;align-items:center;justify-content:space-between}
.cat__ic{width:44px;height:44px;border-radius:14px;background:#f1e9ff;display:grid;place-items:center}
.cat__ic svg{width:20px;height:20px}
.cat__arw{width:16px;height:16px}
.cat__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.cat__n{font-size:clamp(28px,2.78vw,40px);font-weight:300;color:#0d0e10;letter-spacing:-.02em;line-height:1.1}
.cat__name{font-size:16px;font-weight:600;color:#0d0e10;line-height:1.4}
.cat__sub{font-size:12px;font-weight:500;color:#686b71;line-height:1.4}
.cat--dark{background:#0d0e10}
.cat--dark .cat__ic{background:rgba(255,255,255,.1)}
.cat--dark .cat__n,.cat--dark .cat__name{color:#fff}
.cat--dark .cat__sub{color:#a7aab0}

/* ---------- listings ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters a{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px #e6e7ea;font-size:13px;font-weight:500;color:#56595f;white-space:nowrap}
.filters a[aria-current]{background:#0d0e10;color:#fff;box-shadow:none}
.lgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}

/* ---------- trust (dark) ---------- */
.dark{background:#0d0e10;gap:48px}
.tgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tcard{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:24px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.tcard__top{display:flex;align-items:center;justify-content:space-between}
.tcard__ic{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.tcard__ic svg{width:20px;height:20px}
.tcard__n{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:#686b71}
.tcard h3{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.01em;line-height:1.4}
.tcard p{margin:0;font-size:15px;font-weight:500;color:#a7aab0;line-height:23px}

/* ---------- activity map ---------- */
.mapsec{padding-top:120px}
.mapcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;padding:48px;border-radius:32px;background:#fff;box-shadow:0 2px 4px rgba(13,15,23,.04),0 24px 48px -12px rgba(13,15,23,.08)}
.mapcard .head{gap:20px}
.mstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:8px}
.mstat{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid #e6e7ea}
.mstat b{font-size:32px;font-weight:300;color:#0d0e10;letter-spacing:-.03em;line-height:1.1}
.mstat span{font-size:13px;font-weight:500;color:#686b71;line-height:1.4}
.mapviz{position:relative;aspect-ratio:400/275;border-radius:24px;background:#0d0e10;overflow:hidden}
.mapviz svg{position:absolute;inset:0;width:100%;height:100%}
.mapviz .land{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.14);stroke-width:1}
.mapviz .lane{fill:none;stroke:#a8f04c;stroke-width:1.4;stroke-dasharray:4 5;opacity:.7}
.node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}
.node__d{position:relative;width:10px;height:10px;border-radius:50%;background:#a8f04c;flex:none}
.node__d::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(168,240,76,.6);animation:hubPulse 2.4s ease-out infinite}
@keyframes hubPulse{from{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}
.node__l{padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font-size:12px;font-weight:600;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* ---------- jobs ---------- */
.jobsrow{display:flex;align-items:center;justify-content:space-between;gap:40px}
.jobsrow>.head{width:420px;flex:none;gap:22px}
.jobsrow .lead{font-size:17px}
.jobs{width:720px;max-width:100%;flex:0 1 auto;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:28px;background:#fff;box-shadow:0 2px 4px rgba(13,15,23,.04),0 24px 48px -12px rgba(13,15,23,.08)}
.jobs__top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}
.jobs__top>span:first-child{font-size:16px;font-weight:600;color:#0d0e10}
.job{display:grid;grid-template-columns:40px minmax(0,1fr) auto 80px;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;transition:background-color .15s ease}
.jobs__top+.job,.job:hover{background:#f1e9ff}
.job .av{width:40px;height:40px;background:#0d0e10;color:#fff;font-size:14px}
.job__c{display:flex;flex-direction:column;gap:2px;min-width:0}
.job__role{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#0d0e10;line-height:1.4}
.job__role svg{width:12px;height:12px;flex:none}
.job__meta{font-size:12px;font-weight:500;color:#686b71;line-height:1.4}
.job__pay{justify-self:end;font-size:15px;font-weight:600;color:#0d0e10;white-space:nowrap}
.job .chip{justify-self:end}

/* ---------- selling ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.step{display:flex;flex-direction:column;gap:14px}
.step__top{display:flex;align-items:center;gap:10px}
.step__n{width:36px;height:36px;flex:none;border-radius:99px;background:#0d0e10;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}
.step__top::after{content:"";flex:1 1 0;height:1px;background:#d9dbdf}
.step:last-child .step__n{background:#7a1cff}
.step:last-child .step__top::after{visibility:hidden}
.step h3{margin:0;font-size:20px;font-weight:600;color:#0d0e10;letter-spacing:-.01em;line-height:1.4}
.step p{margin:0;font-size:15px;font-weight:500;color:#56595f;line-height:23px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* ---------- testimonials ---------- */
.quotes{display:flex;flex-direction:column;align-items:center;gap:24px}
.quote{width:900px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;padding:44px 48px;border-radius:32px;background:#fff;box-shadow:0 1px 2px rgba(13,15,23,.03),0 8px 24px -8px rgba(13,15,23,.05);text-align:center}
.stars{display:flex;gap:3px}
.stars svg{width:18px;height:18px}
.quote blockquote{margin:0;font-size:26px;font-weight:300;color:#0d0e10;letter-spacing:-.01em;line-height:36px;max-width:800px}
.who{display:flex;align-items:center;gap:12px;text-align:left}
.who .av{display:grid;line-height:1;width:44px;height:44px;background:#0d0e10;color:#fff;font-size:16px}
.who b{display:block;font-size:15px;font-weight:600;color:#0d0e10;line-height:1.4}
.who span{display:block;font-size:13px;font-weight:500;color:#686b71;line-height:1.4}
.who__rate{margin-left:auto;padding-left:12px;font-size:13px;font-weight:600;color:#8f5600;white-space:nowrap}
.quotes__pair{width:900px;max-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.quote--sm{width:auto;align-items:flex-start;text-align:left;gap:20px;padding:32px;border-radius:28px}
.quote--sm blockquote{font-size:18px;line-height:27px}
.quote--sm .who{width:100%}

/* ---------- final CTA ---------- */
.final{padding-top:40px}
.final__box{display:flex;flex-direction:column;align-items:center;gap:28px;padding:80px;border-radius:40px;background:#0d0e10;text-align:center}
.final__h{font-size:clamp(35px,4.44vw,64px);font-weight:300;color:#fff;letter-spacing:-.03em;line-height:1.04;margin:0}
.final__h>span{display:block;color:#a7aab0}
.final__lead{font-size:18px;font-weight:500;color:#c4c6ca;line-height:1.55;max-width:560px}
.final__notes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:0;padding:0;list-style:none}
.final__notes li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#c4c6ca;white-space:nowrap}
.final__notes svg{width:14px;height:14px;flex:none}

/* ---------- footer ---------- */
.foot{--padx:max(var(--gutter),calc((100% - 1200px) / 2));background:#0d0e10;padding:80px var(--padx) 40px;display:flex;flex-direction:column;gap:56px}
.foot>*{width:100%;max-width:1200px}
.foot__grid{display:flex;align-items:flex-start;gap:40px}
.foot__brand{width:300px;flex:none;display:flex;flex-direction:column;gap:16px}
.foot__brand img{width:154px;height:28px}
.foot__brand p{margin:0;font-size:14px;font-weight:500;color:#a7aab0;line-height:22px}
.foot__sp{flex:1 1 0;min-width:0}
.foot__col{width:130px;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.foot__h{margin:0;font-size:12px;font-weight:600;color:#686b71;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}
.foot__col a{font-size:14px;font-weight:500;color:#c4c6ca;line-height:1.4}
.foot__col a:hover{color:#fff}
.foot__sub{width:300px;flex:none;display:flex;flex-direction:column;gap:12px}
.foot__form{display:flex;gap:8px;padding:4px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.foot__form input{flex:1 1 0;min-width:0;border:0;outline:0;background:none;padding:0 12px;font:500 14px/1.4 Manrope,system-ui,sans-serif;color:#fff}
.foot__form input::placeholder{color:#8a8d93;opacity:1}
.foot__form:focus-within{box-shadow:inset 0 0 0 1px #7a1cff}
.foot__form button{padding:8px 16px;min-height:36px}
.foot__fine{margin:0;font-size:13px;font-weight:500;color:#686b71;line-height:1.4}
.foot__rule{height:1px;background:#26282c;margin-top:-16px}
.foot__bot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:-16px}
.foot__bot>span{font-size:13px;font-weight:500;color:#686b71}
.foot__legal{display:flex;gap:24px}
.foot__legal a{font-size:13px;font-weight:500;color:#686b71}
.foot__legal a:hover{color:#c4c6ca}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .hero__row{flex-direction:column;align-items:flex-start;gap:48px}
  .collage{align-self:center}
  .cats{grid-template-columns:repeat(6,minmax(0,1fr))}
  .cat{grid-column:span 2}
  .cat:nth-child(-n+2){grid-column:span 3}
  .lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tgrid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .step__top::after{visibility:hidden}
  .mapcard{grid-template-columns:minmax(0,1fr);padding:40px}
  .jobsrow{flex-direction:column;align-items:flex-start}
  .jobsrow>.head{width:auto;max-width:620px}
  .jobs{width:100%}
  .foot__grid{flex-wrap:wrap;gap:40px 32px}
  .foot__sp{display:none}
  .foot__brand{width:100%}
  .nav__a{padding:8px 8px}
}
@media (max-width:900px){
  .headrow{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
  .sec{gap:32px}
  .hero{padding-top:40px!important}
  .hero__row{gap:0}
  .hero__h1{font-size:40px}
  .h2,.h2--sm{font-size:36px}
  .final__h{font-size:38px}
  .collage{display:none}
  .hero__sub,.lead{font-size:16px}
  .search input{font-size:16px}
  .search{padding-left:16px}
  .fact>b{font-size:22px}
  .fact>span,.mstat span,.cat__sub,.lc__sub,.lc__price span,.lc__watch,.job__meta,.who span,.final__notes li,.foot__fine,.foot__bot>span,.foot__legal a,.tki__t span{font-size:14px}
  .eyebrow,.foot__h{font-size:13px}
  .eyebrow{white-space:normal}
  .tag,.chip,.lc__name,.node__l{font-size:14px}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cat{padding:20px;gap:20px}
  .cat,.cat:nth-child(-n+2){grid-column:auto}
  .cat:first-child{grid-column:1/-1}
  .lgrid,.tgrid,.steps,.quotes__pair{grid-template-columns:minmax(0,1fr)}
  .mapcard{padding:24px;gap:28px}
  .mstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .node__l{padding:3px 8px}
  .jobs{padding:8px;border-radius:24px}
  .job{grid-template-columns:40px minmax(0,1fr) auto;row-gap:8px;padding:12px}
  .job .chip{grid-column:2;grid-row:2;justify-self:start}
  .job__pay{grid-column:3;grid-row:1}
  .tki{width:260px}
  .quote{padding:32px 24px;border-radius:28px}
  .quote blockquote{font-size:20px;line-height:29px}
  .quote--sm blockquote{font-size:17px;line-height:26px}
  .final__box{padding:48px 20px;border-radius:32px}
  .final .btn,.ctas .btn{flex:1 1 auto}
  .foot{padding-top:56px}
  .foot__col{width:calc(50% - 16px)}
  .foot__sub{width:100%}
  .foot__legal{gap:20px}
  .foot__legal a,.foot__col a{padding:8px 0;margin:-8px 0}
}
@media (prefers-reduced-motion:reduce){
  .ticker__track.is-live,.node__d::after,.float--sold.is-swap{animation:none}
  .lc:hover,.cat:hover{transform:none}
}