/* Simplified homepage (2026-10-09): missed call to booked job visual, what Octo does, industries. */
.hs-sec{padding:72px 0}
.hs-sec--soft{background:var(--accent-soft)}
.hs-h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text);margin:0 0 14px}
.hs-lead{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 14px;max-width:44ch}
.hs-tag{font-size:15px;font-weight:600;color:var(--text);margin:0 0 26px}
.hs-center{text-align:center}
.hs-center .hs-lead{margin-left:auto;margin-right:auto}

/* missed call -> booked job */
.hs-flow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.hs-photo{position:relative;border-radius:28px;overflow:visible}
.hs-photo>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:0 30px 60px rgba(20,46,45,.18)}
.hs-cards{position:absolute;left:-48px;bottom:28px;width:min(340px,82%);display:flex;flex-direction:column;align-items:stretch;gap:0}
.hs-card{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 14px 34px rgba(20,46,45,.18);display:flex;gap:12px;align-items:flex-start;font-family:Inter,system-ui,sans-serif}
.hs-ic{width:38px;height:38px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center}
.hs-ic svg{width:20px;height:20px}
.hs-ic--miss{background:#FDECEA;color:#D93025}
.hs-ic--octo{background:#142E2D}
.hs-ic--octo img{width:22px;height:22px}
.hs-ic--cal{background:#E6F3F3;color:#378C8C}
.hs-cb{flex:1;min-width:0}
.hs-ct{display:flex;justify-content:space-between;gap:10px;font-size:15px;font-weight:700;color:var(--text)}
.hs-ct small{font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap}
.hs-cs{font-size:13.5px;color:var(--muted);margin-top:2px;line-height:1.4}
.hs-pill{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#fff;background:#378C8C;border-radius:999px;padding:3px 8px;white-space:nowrap;align-self:center}
.hs-arrow{display:flex;justify-content:center;color:#378C8C;height:22px;align-items:center}
.hs-arrow svg{width:16px;height:16px}
.hs-cf{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #eef1f1;font-size:12.5px;color:var(--muted)}
.hs-cf b{color:var(--text);font-weight:600}

/* what Octo does */
.hs-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:34px;text-align:left}
.hs-feat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.hs-feat .hs-ic{margin-bottom:14px}
.hs-feat h3{font-size:18px;margin:0 0 6px}
.hs-feat p{font-size:15px;color:var(--muted);margin:0;line-height:1.5}

/* industries */
.hs-inds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:32px}
.hs-ind{display:block;text-decoration:none;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .18s,box-shadow .18s}
.hs-ind:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,46,45,.10)}
.hs-ind img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.hs-ind span{display:block;padding:12px 10px;font-size:15px;font-weight:700;color:var(--text);text-align:center}
.hs-more{display:inline-block;margin-top:24px;font-weight:600;color:var(--accent)}

/* closing CTA */
.hs-cta{background:#142E2D;color:#fff;border-radius:28px;padding:48px 32px;text-align:center}
.hs-cta h2{color:#fff;font-size:clamp(26px,3.2vw,38px);margin:0 0 10px}
.hs-cta p{color:#b9d6d3;font-size:17px;margin:0 0 24px}
.hs-cta p a{color:#8FD6CE;text-decoration:underline}

@media (max-width:1000px){.hs-inds{grid-template-columns:repeat(3,minmax(0,1fr))}.hs-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .hs-flow{grid-template-columns:1fr;gap:28px}
  .hs-photo{max-width:440px;margin:0 auto 150px}
  .hs-cards{left:50%;transform:translateX(-50%);bottom:-140px;width:min(340px,92%)}
}
@media (max-width:560px){.hs-sec{padding:52px 0}.hs-feats{grid-template-columns:1fr}.hs-inds{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hs-more{padding:12px 6px}
.hs-pill{font-size:11.5px}
@media (max-width:560px){.hs-h2{font-size:30px}.hs-lead{font-size:17px}.hs-card{padding:12px 14px}.hs-ct{font-size:14.5px}.hs-cs{font-size:13.5px}}
.hs-sec + #see-it-in-action{padding-top:8px}
/* phones: compact cards tucked under the photo so Jake's face stays visible (Arturo 2026-10-09) */
@media (max-width:860px){
  .hs-photo{max-width:420px;margin:0 auto 96px}
  .hs-photo>img{aspect-ratio:4/5;object-position:50% 20%}
  .hs-cards{left:50%;transform:translateX(-50%);bottom:-84px;width:min(290px,84%)}
  .hs-card{padding:8px 10px;gap:9px;border-radius:12px;box-shadow:0 8px 22px rgba(20,46,45,.18)}
  .hs-ic{width:28px;height:28px;border-radius:8px}
  .hs-ic svg{width:15px;height:15px}
  .hs-ic--octo img{width:16px;height:16px}
  .hs-ct{font-size:12.5px;line-height:1.3}
  .hs-ct small{font-size:11px}
  .hs-cs{font-size:11.5px;line-height:1.35;margin-top:1px}
  .hs-pill{font-size:9.5px;padding:2px 6px}
  .hs-arrow{height:10px}
  .hs-arrow svg{width:11px;height:11px}
  .hs-cf,.hs-cs br,.hs-cs .hs-addr{display:none}
}
/* industries v2 (2026-10-09): larger editorial cards, 3 per row, label on the photo */
.hs-inds{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hs-ind{position:relative;border:0;border-radius:20px;background:#142E2D;box-shadow:0 1px 2px rgba(20,46,45,.06)}
.hs-ind img{aspect-ratio:4/3;transition:transform .5s ease}
.hs-ind::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,46,45,0) 45%,rgba(20,46,45,.78) 100%);pointer-events:none}
.hs-ind span{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:18px 20px;text-align:left;color:#fff;font-size:19px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.hs-ind span::after{content:"\2192";font-weight:600;opacity:.85;transition:transform .2s}
.hs-ind:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,46,45,.18)}
.hs-ind:hover img{transform:scale(1.04)}
.hs-ind:hover span::after{transform:translateX(4px)}
@media (max-width:1000px){.hs-inds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hs-inds{grid-template-columns:1fr 1fr;gap:12px}.hs-ind{border-radius:16px}.hs-ind img{aspect-ratio:1/1}.hs-ind span{font-size:15px;padding:12px 12px}.hs-ind span::after{display:none}}
/* Meet Octo merged into "What Octo does for you" (2026-10-09) */
.hs-meet{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.hs-vid{position:relative;border-radius:24px;overflow:hidden;background:#142E2D;box-shadow:0 28px 60px rgba(20,46,45,.20);aspect-ratio:16/9}
.hs-vid video{display:block;width:100%;height:100%;object-fit:contain;background:#142E2D}
.hs-play{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:12px;border:0;border-radius:999px;padding:8px 18px 8px 8px;background:rgba(255,255,255,.95);color:#142E2D;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.28);font-family:inherit;transition:transform .18s}
.hs-play:hover{transform:scale(1.03)}
.hs-play[hidden]{display:none}
.hs-play-ic{width:42px;height:42px;border-radius:50%;background:#378C8C;color:#fff;display:flex;align-items:center;justify-content:center}
.hs-play-ic svg{width:18px;height:18px;margin-left:2px}
.hs-play b{display:block;font-size:15px;line-height:1.2;text-align:left}
.hs-play small{display:block;font-size:12.5px;color:var(--muted);text-align:left}
.hs-meet-cap{margin:14px 4px 0;font-size:14.5px;color:var(--muted);line-height:1.5}
.hs-meet-copy .section-eyebrow{display:block;margin-bottom:8px}
.hs-flist{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:18px}
.hs-flist li{display:flex;gap:14px;align-items:flex-start}
.hs-flist .hs-ic{margin:0;background:#fff;box-shadow:0 1px 3px rgba(20,46,45,.08)}
.hs-flist h3{font-size:17.5px;margin:2px 0 3px}
.hs-flist p{font-size:15px;color:var(--muted);margin:0;line-height:1.5}
@media (max-width:900px){.hs-meet{grid-template-columns:1fr;gap:28px}.hs-vid{border-radius:18px}.hs-play{left:12px;bottom:12px;padding:6px 14px 6px 6px}.hs-play-ic{width:36px;height:36px}.hs-flist{gap:14px}}
.hs-meet{grid-template-areas:"media head" "media list";grid-template-rows:auto 1fr;row-gap:0}
.hs-meet-media{grid-area:media}
.hs-meet-head{grid-area:head;align-self:end}
.hs-meet-head .section-eyebrow{display:block;margin-bottom:8px}
.hs-meet .hs-flist{grid-area:list;align-self:start}
@media (max-width:900px){.hs-meet{grid-template-areas:"head" "media" "list";grid-template-columns:1fr;row-gap:22px}.hs-meet .hs-flist{margin-top:4px}}
.hs-meet-head .hs-h2{font-size:clamp(28px,2.9vw,38px)}
/* ready-to-start CTAs (2026-10-09) */
.hs-meet-body{grid-area:list;align-self:start}
.hs-meet-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hs-live,.hs-end-live{display:inline-flex;align-items:center;gap:8px}
.hs-live svg,.hs-end-live svg{width:18px;height:18px}
.hs-meet-q{margin:14px 0 0;font-size:14.5px;color:var(--muted)}
.hs-meet-q a{color:var(--accent);font-weight:600;display:inline-block;padding:8px 0}
.hs-end{position:absolute;inset:0;z-index:2;background:rgba(20,46,45,.88);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:20px}
.hs-end[hidden]{display:none}
.hs-end p{color:#fff;font:800 clamp(22px,2.6vw,30px)/1.15 Outfit,Inter,sans-serif;margin:0}
.hs-end>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hs-end-live{background:#fff;color:#142E2D;border:0}
.hs-end-live:hover{color:#142E2D;background:#E6F3F3}
.hs-replay{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:#b9d6d3;font:600 14px Inter,sans-serif;cursor:pointer;padding:10px}
.hs-replay svg{width:16px;height:16px}
.hs-cta-or{margin:14px 0 0 !important;font-size:15px !important}
.hs-cta-or a{color:#8FD6CE;text-decoration:underline}
@media (max-width:900px){.hs-meet-cta .btn{flex:1 1 100%;justify-content:center}.hs-end{gap:10px}.hs-end .btn{padding:10px 16px;font-size:14.5px}}
/* hero live-call button with movement (2026-10-13) */
.hx-call{position:relative;display:inline-flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;background:#fff;border:1.5px solid #cfe5e3;color:var(--text);text-decoration:none;box-shadow:0 8px 24px rgba(20,46,45,.10);transition:transform .18s,box-shadow .18s,border-color .18s}
.hx-call:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 14px 30px rgba(20,46,45,.16);color:var(--text)}
.hx-call-ic{position:relative;width:44px;height:44px;border-radius:50%;background:#34C759;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.hx-call-ic::before,.hx-call-ic::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #34C759;animation:hxpulse 2s ease-out infinite}
.hx-call-ic::after{animation-delay:1s}
.hx-ring{width:20px;height:20px;animation:hxring 2s ease-in-out infinite;transform-origin:50% 50%}
.hx-call-txt b{display:block;font-size:16px;line-height:1.2}
.hx-call-txt small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
@keyframes hxpulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@keyframes hxring{0%,40%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-14deg)}10%,20%,30%{transform:rotate(14deg)}}
@media (prefers-reduced-motion:reduce){.hx-call-ic::before,.hx-call-ic::after,.hx-ring{animation:none}}
@media (max-width:560px){.hx-ctas{flex-direction:column;align-items:stretch}.hx-call{justify-content:center}}
/* nav Get started button: arrow after text */
.nav-start{gap:7px}
.nav-start svg{width:15px;height:15px}