/* Static product illustrations, with content kept inside the cropped card edges. */
.hiw{padding:clamp(56px,7vw,84px) 0 clamp(72px,9vw,108px)}
.hiw,.hiw *{box-sizing:border-box}
.hiw-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.hiw-title{font-family:var(--font-heading);font-weight:600;letter-spacing:-.022em;line-height:1.12;font-size:clamp(1.7rem,3vw,2.1875rem);text-align:center;color:#171717;margin:0}
.hiw-intro{text-align:center;margin-bottom:40px}
.hiw-subtitle{max-width:680px;margin:14px auto 0;font-size:17px;line-height:1.55;color:#858585;text-wrap:balance}
.hiw-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.hiw-actions svg{opacity:.5}
@media(max-width:480px){.hiw-subtitle{font-size:15px}.hiw-actions{gap:9px}.hiw-actions .ds-btn{font-size:12px;padding:0 11px;gap:5px}}
.hiw-cards{display:grid;gap:24px}
.hiw-step{display:grid;grid-template-columns:37% 63%;align-items:center;background:#fff;border:1px solid #e2e2e2;border-radius:22px;overflow:hidden;box-shadow:0 2px 3px #00000004}
.hiw-main{min-width:0;padding:36px 28px 36px 36px}
.hiw-num{display:block;font-family:var(--font-heading);font-size:15px;color:#929292;margin-bottom:16px}
.hiw-h{font-family:var(--font-heading);font-size:clamp(25px,2.5vw,30px);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:#171717;margin:0 0 16px}
.hiw-text{font-size:15.5px;line-height:1.65;color:#777;margin:0}
.hiw-text strong{font-weight:600;color:#303030}
.hiw-art{min-width:0;position:relative;align-self:stretch;color:#292929;font-family:var(--font-body,inherit)}
.hiw-art svg{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hiw-art--market{padding-top:40px;display:flex;align-items:flex-end}
.hiw-leads{width:calc(100% + 22px);flex-shrink:0;border:1px solid #dedede;border-radius:15px 0 0 0;background:#fff;box-shadow:0 0 0 5px #fafafa;overflow:hidden;margin-bottom:-1px}
.hiw-ui-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px;font-size:18px;font-weight:500;border-bottom:1px solid #e6e6e6}
.hiw-ui-sub{font-size:12px;color:#969696;font-weight:400;padding-right:20px}
.hiw-lead-head,.hiw-lead{display:grid;grid-template-columns:.75fr .95fr 1.08fr 1.5fr 1.3fr .6fr;gap:9px;align-items:center;padding:0 32px 0 18px}
.hiw-lead-head{height:43px;font-size:12px;color:#969696;border-bottom:1px solid #e9e9e9;background:#fdfdfd;white-space:nowrap}
.hiw-lead{min-height:75px;font-size:13px;border-bottom:1px solid #ebebeb;position:relative;letter-spacing:-.02em}
.hiw-lead:last-child{border-bottom:0}
.hiw-job{color:#818181}
.hiw-contact{font-size:12px;white-space:nowrap;letter-spacing:-.02em}
.hiw-verified{display:flex;align-items:center;gap:4px;margin-top:6px;color:#279269;font-size:11px;letter-spacing:0}
.hiw-verified svg{width:12px;height:12px}
.hiw-score{justify-self:start;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 7px;border-radius:7px;border:1px solid}
.hiw-score--good{color:#22875f;background:#edfaf2;border-color:#d6eadd}
.hiw-score--fair{color:#a47720;background:#fff8e6;border-color:#f2e6c4}
.hiw-score--poor{color:#b97676;background:#fcf0f0;border-color:#eedddd}
.hiw-lead--poor{background:#fafafa;color:#aaa}
.hiw-lead--poor .hiw-job,.hiw-lead--poor .hiw-contact{color:#aaa}
.hiw-lead--poor .hiw-verified{color:#a8b8ae}
.hiw-lead--poor:after{content:"";position:absolute;left:17px;right:31px;top:50%;height:1px;background:#b9b9b9}
.hiw-art--outreach{display:grid;place-items:center;padding:20px 24px 28px 0}
.hiw-network{position:relative;width:100%;aspect-ratio:640/390;max-width:640px;container-type:inline-size}
.hiw-connections{position:absolute;inset:0;width:100%;height:94.87%;color:#dedede}
.hiw-logo-node{position:absolute;width:10.94%;aspect-ratio:1;left:44.53%;top:1.54%;display:grid;place-items:center;background:#303030;border:1px solid #242424;border-radius:17px;box-shadow:0 2px 3px #00000012,inset 0 1px 1px #ffffff25}
.hiw-logo-node img{width:58%;height:58%;object-fit:contain;filter:invert(1)}
.hiw-domain,.hiw-inbox,.hiw-volume{position:absolute;background:#fff;border:1px solid #dedede;box-shadow:0 2px 2px #00000004;display:flex;align-items:center;justify-content:center;border-radius:10px}
.hiw-domain{top:35.13%;height:10.77%;width:30%;font-size:clamp(10px,2.3cqw,15px);letter-spacing:-.02em}
.hiw-domain--one{left:9.38%}.hiw-domain--two{left:60.63%}
.hiw-inbox{top:60.26%;height:11.8%;width:19.7%;gap:9px;font-size:clamp(10px,2.2cqw,14px);color:#777}
.hiw-inbox svg{width:19px;height:19px;color:#555}
.hiw-inbox--one{left:2.8%}.hiw-inbox--two{left:26.25%}.hiw-inbox--three{left:54.05%}.hiw-inbox--four{left:77.5%}
.hiw-volume{left:27%;width:46%;top:83.85%;height:15.13%;gap:10px;font-size:clamp(13px,3cqw,20px);font-weight:500}
.hiw-volume svg{width:22px;height:22px}.hiw-volume span span{font-weight:400;color:#898989}
.hiw-step:last-child{overflow:clip}
.hiw-art--meeting{display:flex;align-items:flex-end;padding:32px 30px 0 25px}
/* A cropped week view: appointment colors match familiar Google Calendar categories. */
.hiw-calendar{width:100%;min-width:0;container-type:inline-size;border:1px solid #dedede;border-radius:17px 17px 0 0;background:#fff;margin-bottom:-52px;box-shadow:0 0 0 6px #fafafa;overflow:hidden}
.hiw-cal-toolbar{height:54px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #e9e9e9}
.hiw-cal-brand{display:flex;align-items:center;gap:9px;font-size:17px;color:#5f6368;white-space:nowrap}
.hiw-calendar .hiw-gcal-icon{width:25px;height:25px;stroke:none;flex-shrink:0}
.hiw-cal-month{margin-left:auto;font-size:14px;color:#3c4043;white-space:nowrap}
.hiw-cal-nav{display:flex;gap:8px;color:#70757a}.hiw-cal-nav svg{width:16px;height:16px}
.hiw-cal-days{display:grid;grid-template-columns:42px repeat(4,minmax(0,1fr));height:58px;border-bottom:1px solid #e5e7eb}
.hiw-cal-days>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.hiw-cal-days>div>span{font-size:9px;letter-spacing:.05em;color:#70757a}.hiw-cal-days b{font-size:23px;font-weight:400;color:#3c4043;line-height:1.1}
.hiw-cal-zone{align-self:end;text-align:center;font-size:8px;color:#91969d;padding-bottom:7px}
.hiw-cal-timeline{display:grid;grid-template-columns:42px repeat(4,minmax(0,1fr));height:352px}
.hiw-cal-hours{position:relative;background:#fff}.hiw-cal-hours>span{position:absolute;right:6px;font-size:9px;color:#8b9098;line-height:1;transform:translateY(-50%)}.hiw-cal-hours>span:first-child{transform:translateY(4px)}
.hiw-cal-day{position:relative;min-width:0;border-left:1px solid #e8eaed;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#e8eaed 43px,#e8eaed 44px)}
.hiw-cal-event{position:absolute;left:3px;right:3px;border-radius:5px;padding:5px 6px;overflow:hidden;color:#174ea6;background:#d2e3fc;line-height:1.3}
.hiw-cal-event strong{display:block;font-size:clamp(9px,1.75cqw,11px);font-weight:500;white-space:nowrap}.hiw-cal-event small{display:block;font-size:clamp(8px,1.5cqw,10px);white-space:nowrap;margin-top:2px;opacity:.85}
.hiw-cal-event--sales{display:flex;align-items:center;gap:5px;padding:1px 5px}.hiw-cal-event--sales strong{font-size:10px}.hiw-cal-event--sales small{font-size:9px;margin:0}.hiw-cal-event--sales small span{display:none}
.hiw-cal-event--team{background:#e8def8;color:#6747a5}.hiw-cal-event--lunch{background:#f0f1f3;color:#70757a}
.hiw-cal-event--sync{display:flex;align-items:center;gap:4px;background:#ceead6;color:#137333;padding:1px 5px;border-radius:4px}.hiw-cal-event--sync strong{font-size:clamp(8px,1.55cqw,10px)}.hiw-cal-event--sync small{font-size:8px;margin:0}
@container(max-width:420px){.hiw-calendar .hiw-cal-event--sales{display:block;padding:1px 3px}.hiw-cal-event--sales strong{font-size:9px;line-height:9px}.hiw-cal-event--sales small{font-size:8px;line-height:9px;margin:0}.hiw-cal-toolbar{gap:10px;padding:0 11px}.hiw-cal-brand{font-size:14px;gap:6px}.hiw-cal-month{font-size:11px}.hiw-cal-nav{gap:2px}.hiw-cal-nav svg{width:12px}.hiw-cal-days,.hiw-cal-timeline{grid-template-columns:30px repeat(4,minmax(0,1fr))}.hiw-cal-hours>span{font-size:7px;right:3px}.hiw-cal-zone{font-size:6px}.hiw-cal-event{left:2px;right:2px;padding:5px 3px}.hiw-cal-event small span{display:none}.hiw-cal-event--sync{padding:1px 2px}.hiw-cal-event--sync strong{font-size:7.5px}.hiw-cal-event--sync small{display:none}}
/* Keep the full intro visible; outer section padding remains after the stack releases. */
@media(min-width:801px){
  .hiw-inner{position:relative;--hiw-stop-gap:56px;--hiw-intro-height:152px;--hiw-card-height:445px;padding-top:calc(var(--hiw-intro-height) + 40px)}
  .hiw-intro-track{position:absolute;top:0;left:24px;right:24px;bottom:calc(var(--hiw-card-height) + 52px);pointer-events:none;z-index:5}
  .hiw-intro{margin-bottom:0;pointer-events:auto;position:sticky;top:calc(var(--hdr-h,116px) + var(--hiw-stop-gap));background:var(--ds-bg,#fcfcfc)}
  .hiw-intro:before{content:"";position:absolute;inset:calc(-1 * var(--hiw-stop-gap)) 0 -16px;background:var(--ds-bg,#fcfcfc);z-index:-1}
  /* One sticky limit releases all cards together; visual offsets preserve their edge peeks. */
  .hiw-cards{grid-template-rows:repeat(3,1fr);gap:12px;padding-top:24px;padding-bottom:0;isolation:isolate}
  .hiw-step{position:sticky;top:calc(var(--hdr-h,116px) + var(--hiw-stop-gap) + var(--hiw-intro-height) + 52px);transform:translateY(calc(var(--hiw-stack-offset,0px) - 24px));box-shadow:none}
  .hiw-step:nth-child(2){--hiw-stack-offset:12px}
  .hiw-step:nth-child(3){--hiw-stack-offset:24px}
}
@media(max-width:1050px) and (min-width:801px){.hiw-main{padding:28px 22px}.hiw-step{grid-template-columns:36% 64%}.hiw-lead-head,.hiw-lead{gap:5px;padding-left:12px}.hiw-lead{font-size:10px}.hiw-contact{font-size:9px}.hiw-lead-head{font-size:9px}.hiw-art--meeting{padding-right:18px;padding-left:12px}}
@media(max-width:800px){.hiw-step{grid-template-columns:1fr}.hiw-main{padding:28px 28px 24px;max-width:65ch}.hiw-art--market{padding:7px 0 0 26px}.hiw-lead{min-height:78px}.hiw-art--outreach{padding:0 24px 28px}.hiw-art--meeting{padding:14px 28px 0;height:428px;min-height:0;overflow:clip;align-self:end}.hiw-calendar{position:absolute;top:14px;left:28px;right:28px;width:auto;max-width:680px;margin:0 auto}.hiw-num{margin-bottom:12px}.hiw-h{font-size:27px}}
@media(max-width:640px){.hiw-inner{padding:0 18px}.hiw-cards{gap:20px}.hiw-step{border-radius:18px}.hiw-main{padding:26px 22px 22px}.hiw-text{font-size:15px}.hiw-art--market{padding-left:20px}.hiw-leads{width:calc(100% + 14px)}.hiw-ui-top{padding:15px 16px;font-size:16px}.hiw-lead-head{grid-template-columns:1fr 1.35fr 40px;padding:0 26px 0 14px;gap:9px}.hiw-lead-head span:nth-child(1){grid-column:1}.hiw-lead-head span:nth-child(2),.hiw-lead-head span:nth-child(3),.hiw-lead-head span:nth-child(5){display:none}.hiw-lead-head span:nth-child(4){font-size:0}.hiw-lead-head span:nth-child(4):after{content:"Email / Phone";font-size:11px}.hiw-lead{grid-template-columns:1fr 1.35fr 40px;grid-template-rows:auto auto auto;gap:4px 9px;padding:14px 26px 14px 14px;font-size:12px}.hiw-company{grid-column:1;grid-row:1;font-weight:500}.hiw-person{grid-column:1;grid-row:2;font-size:11px;color:#777}.hiw-job{grid-column:1;grid-row:3;font-size:10px}.hiw-email{grid-column:2;grid-row:1 / 3}.hiw-phone{grid-column:2;grid-row:3;font-size:10px}.hiw-contact{font-size:10px}.hiw-phone .hiw-verified{display:none}.hiw-score{grid-column:3;grid-row:1 / 4;font-size:11px;min-width:28px}.hiw-verified{font-size:9px;margin-top:3px}.hiw-verified svg{width:10px;height:10px}.hiw-lead--poor:after{right:24px}.hiw-art--outreach{padding:4px 15px 24px}.hiw-logo-node{border-radius:10px}.hiw-domain,.hiw-inbox,.hiw-volume{border-radius:7px}.hiw-inbox{gap:5px}.hiw-inbox svg{width:14px;height:14px}.hiw-volume{gap:6px}.hiw-volume svg{width:16px;height:16px}.hiw-art--meeting{padding:13px 20px 0;height:427px}.hiw-calendar{top:13px;left:20px;right:20px}}
@media(max-width:640px){.hiw-domain,.hiw-inbox{font-size:11px}.hiw-volume{left:20%;width:60%;white-space:nowrap;font-size:13px}}

.hiw-domain span{color:#aaa}
.hiw-inbox .hiw-gmail{stroke:none;width:20px;height:15px;flex-shrink:0}
@media(max-width:640px){.hiw-inbox{gap:4px;font-size:10px}.hiw-inbox .hiw-gmail{width:14px;height:11px}}