@media (max-width: 620px){
  .shell{width:min(100% - 32px,1180px)!important}.hero{padding:48px 0 64px!important;min-height:auto!important}.hero-grid{gap:34px!important}.hero-copy{text-align:left}.hero-copy .actions{gap:14px!important}.hero-copy .button{width:100%;max-width:320px}.hero-copy .text-link{display:inline-flex;justify-content:flex-start}.intelligence-map{width:100%!important;max-width:520px!important;min-height:430px!important;margin:0 auto!important;border-radius:26px!important}.intelligence-map svg{inset:0!important;width:100%!important;height:100%!important}.map-node{width:142px!important;padding:15px 16px!important;text-align:left}.map-node-a{top:8%!important;left:7%!important;right:auto!important}.map-node-b{top:39%!important;right:7%!important;left:auto!important}.map-node-c{bottom:7%!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.audience-section{padding-top:76px!important}.section-heading{margin-bottom:30px!important}.section-heading h2{font-size:clamp(2.15rem,11vw,3.3rem)!important;line-height:1.04!important}.audience-grid,.tension-grid,.thinking-grid,.journey-track{gap:16px!important}.audience-card,.tension-card,.vm-card{padding:24px!important}.vm-grid{gap:16px!important}.vm-belief{margin-top:16px!important;padding:20px!important;text-align:left}.difference-section{padding:76px 0!important}.difference-grid{gap:16px!important}.difference-row{border-radius:18px!important}.difference-old,.difference-new{padding:24px!important}.difference-arrow{height:34px!important;margin:0!important}.journey-track>div{min-height:112px!important;padding:18px 16px!important}.journey-center{max-width:100%!important;padding:18px 20px!important}.thinking-grid>div{min-height:auto!important;padding:24px!important}.future-orbit{min-height:auto!important;grid-template-columns:1fr!important;padding:22px!important;gap:12px!important}.future-orbit strong{grid-column:auto!important;width:100%;text-align:center}.future-orbit span{min-height:60px!important;width:100%}.final-cta .actions{gap:14px!important}.final-cta .button{width:100%}.site-footer .footer-grid{gap:30px!important}}
@media (max-width:390px){.map-node{width:132px!important}.map-node-a{left:5%!important}.map-node-b{right:5%!important}.intelligence-map{min-height:410px!important}}
.audience-grid-three{grid-template-columns:repeat(3,1fr)!important}.audience-paths{display:grid;gap:8px;margin:18px 0 24px}.audience-paths em{font-style:normal;font-size:.82rem;font-weight:800;padding:9px 11px;border-radius:999px;background:rgba(240,106,0,.08);color:#7c0d04}.audience-org .audience-paths em{background:rgba(255,194,28,.1);color:#ffd12a}
.product-showcase{overflow:hidden;background:linear-gradient(180deg,#220302,#4a0703);color:#fff8eb}.product-showcase .section-heading{max-width:760px}.product-showcase .eyebrow{color:#ffd12a!important}.product-showcase h2{color:#fff8eb}.product-showcase .section-heading p:last-child{color:#ffe1a8}.showcase-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:min(82vw,860px);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 28px;scrollbar-width:thin;scrollbar-color:#ffc21c rgba(255,255,255,.08)}.showcase-slide{scroll-snap-align:center;overflow:hidden;border:1px solid rgba(255,194,28,.3);border-radius:22px;background:#fff8eb;box-shadow:0 24px 70px rgba(0,0,0,.28)}.browser-chrome{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#3a0503;border-bottom:1px solid rgba(255,194,28,.2)}.browser-chrome i{width:9px;height:9px;border-radius:50%;background:#f06a00}.browser-chrome i:nth-child(2){background:#ffc21c}.browser-chrome i:nth-child(3){background:#fff1d6}.browser-chrome span{margin-left:8px;color:#ffe1a8;font-size:.75rem;font-weight:800}.preview-frame{height:470px;overflow:hidden;background:#fff}.preview-frame iframe{width:1440px;height:900px;border:0;transform:scale(.6);transform-origin:top left;pointer-events:none}.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;color:#2a0905}.showcase-caption span{display:block;color:#c52b05;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.showcase-caption strong{display:block;margin-top:4px;font-size:1.05rem}.showcase-caption a{white-space:nowrap;color:#7c0d04;font-weight:900}.carousel-hint{margin:8px 0 0;color:#ffd12a;font-size:.82rem;font-weight:800;letter-spacing:.04em}
@media(max-width:1050px){.audience-grid-three{grid-template-columns:1fr 1fr!important}.audience-grid-three .audience-card:last-child{grid-column:1/-1}.preview-frame{height:420px}}
@media(max-width:620px){.audience-grid-three{grid-template-columns:1fr!important}.audience-grid-three .audience-card:last-child{grid-column:auto}.showcase-carousel{grid-auto-columns:92%;gap:14px;margin-right:-16px}.showcase-slide{border-radius:18px}.browser-chrome{height:42px}.preview-frame{height:380px}.preview-frame iframe{width:1200px;height:800px;transform:scale(.46)}.showcase-caption{align-items:flex-start;flex-direction:column;gap:12px;padding:18px}.showcase-caption a{display:inline-flex;padding:10px 14px;border-radius:999px;background:#ffc21c;color:#220302}.product-showcase{padding-block:76px!important}}

/* Homepage Insights now points to real HRTechify LinkedIn publishing rather than website-only article cards. */
.journey-section + .section.shell .editorial-insights{display:none!important}
.journey-section + .section.shell{padding-bottom:92px!important}
.journey-section + .section.shell:after{content:"Posters + Newsletters · Published on the HRTechify LinkedIn company page";display:flex;align-items:center;min-height:92px;margin-top:4px;padding:22px 26px;border:1px solid rgba(124,13,4,.14);border-radius:20px;background:linear-gradient(135deg,#fff8eb,#fff1d6);box-shadow:0 12px 34px rgba(74,7,3,.06);color:#7c0d04;font-size:clamp(1rem,2vw,1.18rem);font-weight:850;letter-spacing:-.01em}
@media(max-width:620px){.journey-section + .section.shell .row-heading{align-items:flex-start;flex-direction:column}.journey-section + .section.shell:after{min-height:78px;padding:18px 20px;font-size:.95rem}}

/* Homepage-wide editorial heading system: standalone section intros use the canvas symmetrically. */
@media(min-width:721px){
  html body main > section.section:not(.founder-section) .section-heading,
  html body main > section.section:not(.founder-section) .difference-intro{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  html body main > section.section:not(.founder-section) .section-heading .eyebrow,
  html body main > section.section:not(.founder-section) .difference-intro .eyebrow{
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }
  html body main > section.section:not(.founder-section) .section-heading h2,
  html body main > section.section:not(.founder-section) .difference-intro h2{
    width:min(100%,1120px)!important;
    max-width:1120px!important;
    margin:.08em auto .34em!important;
    text-align:center!important;
    text-wrap:balance;
  }
  html body main > section.section:not(.founder-section) .section-heading > p:last-child,
  html body main > section.section:not(.founder-section) .section-heading > div > p:last-child{
    width:min(100%,920px)!important;
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  html body main > section.section:not(.founder-section) .row-heading{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:start!important;
    gap:18px!important;
  }
  html body main > section.section:not(.founder-section) .row-heading > div{
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
  }
  html body main > section.section:not(.founder-section) .row-heading > .text-link{
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body main .difference-section .difference-intro{
    margin-bottom:48px!important;
  }
}
@media(max-width:720px){
  html body main > section.section:not(.founder-section) .section-heading,
  html body main > section.section:not(.founder-section) .section-heading .eyebrow,
  html body main > section.section:not(.founder-section) .section-heading h2,
  html body main > section.section:not(.founder-section) .section-heading > p:last-child,
  html body main > section.section:not(.founder-section) .section-heading > div > p:last-child,
  html body main > section.section:not(.founder-section) .difference-intro,
  html body main > section.section:not(.founder-section) .difference-intro .eyebrow,
  html body main > section.section:not(.founder-section) .difference-intro h2{
    width:100%!important;
    max-width:none!important;
    text-align:left!important;
  }
  html body main > section.section:not(.founder-section) .row-heading{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:start!important;
    gap:14px!important;
  }
  html body main > section.section:not(.founder-section) .row-heading > .text-link{
    justify-self:start!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Journey hierarchy: short statements stay as single-line anchors on desktop. */
@media(min-width:1080px){
  html body .human-journey-section .journey-heading h2{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    white-space:nowrap!important;
    font-size:clamp(2.15rem,3vw,3rem)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
  }
  html body .human-journey-section .journey-human-centre{
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
  }
  html body .human-journey-section .journey-human-centre strong{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    white-space:nowrap!important;
    font-size:clamp(1.95rem,2.5vw,2.55rem)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    text-align:center!important;
  }
}

/* Do not surface editorial filler as published HRTechify thinking. */
html body main > section.section.shell:has(.editorial-insights){display:none!important}
html body .journey-section + .section.shell:after{content:none!important;display:none!important}