/* V4: only the changes requested in the supplied brief. */
.cycle-stages li:nth-child(1){border-top:7px solid #d6b05a}
.cycle-stages li:nth-child(2){border-top:7px solid #6a8c57}
.cycle-stages li:nth-child(3){border-top:7px solid #526e7d}
.cycle-stages li:nth-child(4){border-top:7px solid #33573d}
.cycle-stages li:nth-child(5){border-top:7px solid #776b9a}

.v4-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:35px;padding-top:26px;border-top:1px solid #486271}.v4-value-strip h3{font-size:16px;text-transform:uppercase;letter-spacing:.07em;color:var(--aqua);margin:0 0 10px}.v4-value-strip p{font-size:14px;line-height:1.5;margin:0}.v4-difference-statement{max-width:1000px;margin-bottom:32px}.v4-difference-statement p{max-width:none}.v4-difference-statement .lead{margin-bottom:12px}.v4-diagram-scroll{overflow-x:auto;margin-top:30px}.v4-cfs{display:block;width:100%;max-width:1100px;margin:0 auto}.v4-tech-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:55px;align-items:center}.v4-kit{margin:0;display:flex;justify-content:center}.v4-kit img{display:block;width:100%;max-width:520px;object-fit:contain}.v4-tech-copy h2{font-size:clamp(32px,3.5vw,52px)}.version-3 .v4-tech-copy .technical-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.version-3 .v4-tech-copy .technical-capabilities>div{padding:18px;font-size:16px}.v4-software-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}.v4-software-image{margin:0;min-width:0}.v4-software-image img{width:100%;display:block}.v4-software-copy h2{font-size:clamp(32px,3.3vw,50px)}.v4-software-copy .architecture-stack article{grid-template-columns:1fr;gap:12px;padding:22px}.v4-software-copy .architecture-stack p{font-size:15px}.v4-software-copy .architecture-stack h3{font-size:23px}.v4-software-copy .architecture-tags{gap:6px}.v4-software-copy .architecture-tags li{font-size:12px;padding:5px 9px}.v4-engines{padding-right:3%}.v4-engine-scroll{overflow-x:auto;margin-top:30px}.v4-engine-image{display:block;width:100%;min-width:0;max-width:none;height:auto;object-fit:contain}.v4-accessible-table{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.v4-diagram-scroll:focus-visible,.v4-engine-scroll:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
@media(max-width:1000px){.v4-tech-layout{gap:28px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.v4-software-layout{gap:28px}.v4-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.v4-tech-layout,.v4-software-layout{grid-template-columns:1fr}.v4-kit img{max-width:320px}.v4-software-image{margin-top:8px}.v4-software-copy .architecture-stack article{grid-template-columns:1fr 1.5fr}.v4-cfs{min-width:650px}.v4-engines{padding-right:7%}}
@media(max-width:500px){.v4-value-strip{grid-template-columns:1fr;gap:22px}.v4-kit img{max-width:270px}.v4-software-copy .architecture-stack article{grid-template-columns:1fr}.v4-tech-copy h2{font-size:36px}}

/* V5: full architecture image, left-aligned with its heading. */
@media(max-width:1200px){.v4-engine-image{width:1250px;min-width:1250px}.v4-engine-scroll{overflow-x:auto;overscroll-behavior-x:contain}}

/* Scroll-direction behaviour; retain the existing header appearance and space. */
header.smart-header{position:fixed;top:0;left:0;right:0;transition:transform 280ms cubic-bezier(.22,.61,.36,1)}
header.smart-header.is-scroll-hidden{transform:translateY(calc(-100% - var(--header-top-gap,20px) - 1px));pointer-events:none}
.header-scroll-space{width:94%;margin:20px auto;pointer-events:none}
@media(max-width:760px){.header-scroll-space{margin:14px auto}}
@media(prefers-reduced-motion:reduce){header.smart-header{transition:none}}

/* Frosted background for the scrolled header; top styling is unchanged. */
header.smart-header.is-scroll-overlay{background:rgba(255,255,255,0.70);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:transparent;border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:none}
header.smart-header.is-scroll-overlay nav{background:transparent;box-shadow:none}

/* Restrained pointer emphasis for the five growing-cycle steps only. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #how-it-works .cycle-stages{overflow:visible}
  #how-it-works .cycle-stages>li{transition:transform 600ms cubic-bezier(0.22,1,0.36,1);transform-origin:center}
  #how-it-works .cycle-stages>li:not(:last-child){background:var(--navy)}
  #how-it-works .cycle-stages>li:first-child{border-radius:13px 0 0 13px}
  #how-it-works .cycle-stages>li:last-child{border-radius:0 13px 13px 0}
  #how-it-works .cycle-stages>li:hover{transform:translateY(-4px) scale(1.03);z-index:1}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (max-width:850px){
  #how-it-works .cycle-stages>li:first-child{border-radius:13px 13px 0 0}
  #how-it-works .cycle-stages>li:last-child{border-radius:0 0 13px 13px}
}

/* Independent audience-card hover; no automatic entrance or touch simulation. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #growers .grower-cards>article{transition:transform 400ms cubic-bezier(0.22,1,0.36,1)}
  #growers .grower-cards>article:hover{transform:translateY(-4px) scale(1.03)}
}

/* Hero film sits in its own white area below the navy text panel. */
.hero-media-area{background:#fff;padding:48px 0 56px}
.hero-media{position:relative;width:76%;max-width:1280px;aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:18px}
.version-3 .hero-media .hero-poster,.hero-media .hero-video{display:block;position:absolute;inset:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center center}
.hero-media .hero-video{opacity:0;pointer-events:none}
.hero-media.is-playing .hero-video{opacity:1}
.hero-media.is-playing .hero-poster{visibility:hidden}
.hero-start{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}
.hero-start::before{content:"";position:absolute;left:50%;top:50%;width:clamp(56px,6vw,80px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #ffffff80;border-radius:50%;background:rgba(7,35,52,.78)}
.hero-start::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid #fff;transform:translate(-35%,-50%)}
.hero-sound{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid #ffffff40;border-radius:999px;background:rgba(7,35,52,.78);color:#fff;font:inherit;font-size:13px;line-height:1;cursor:pointer}
.hero-media button[hidden]{display:none}
.hero-media button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:600px){.hero-media{width:calc(100% - 32px);aspect-ratio:16/9}.hero-sound{right:10px;bottom:10px;font-size:12px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.hero-media .hero-video{display:none}.hero-media.is-playing .hero-poster{visibility:visible}}

/* Balance the remaining centred philosophy text after removing its paragraph. */
#human-first > .lead{margin-bottom:0}

/* Focused technology copy layout after removing the software illustration. */
.technology-page .v4-software-layout{display:block;max-width:800px;margin:0 auto}
.technology-page .v4-software-copy{text-align:left}
.technology-page .v4-software-copy .architecture-explainer{max-width:600px}
.technology-page .v4-software-copy .architecture-stack{margin-left:auto;margin-right:auto}
.technology-page .v4-software-copy .architecture-stack article{grid-template-columns:minmax(0,39fr) minmax(0,61fr);text-align:left;gap:24px;padding:22px}
.technology-page .engine-foundation{font-size:clamp(24px,2.6vw,36px);line-height:1.25;max-width:900px}
.validation-content{max-width:1000px;margin:0 auto}
.validation-statement{font-size:clamp(25px,3vw,38px);line-height:1.3;letter-spacing:-.025em;max-width:900px;margin:0 0 44px;color:var(--navy)}
.validation-body{max-width:720px}
.validation-body p{max-width:none;margin-bottom:24px}
.validation-goal{max-width:820px;border-left:3px solid var(--teal);padding-left:28px;margin:40px 0 32px;font-size:23px;line-height:1.5;color:var(--navy)}
.validation-goal span{display:block;color:var(--teal);margin-top:16px}
@media(max-width:760px){.technology-page .v4-software-copy .architecture-stack article{grid-template-columns:1fr;gap:16px;padding:24px 20px}.validation-statement{margin-bottom:32px}.validation-goal{font-size:21px;padding-left:20px;margin-top:32px}}

/* Shared left edge, retaining the current 900px desktop table width. */
@media(min-width:1050px){.technology-page .v4-software-layout{max-width:900px}}
/* Restrained horizontal layers; the existing core highlight and borders remain. */
.technology-page .v4-software-copy .architecture-stack article:nth-child(3){background:#04223b}
.technology-page .v4-software-copy .architecture-stack article:nth-child(4){background:#062b40}

/* Two local alignment refinements; the approved phone presentation is excluded. */
@media (min-width:481px) {
  .technology-page .v4-software-copy > .section-label,
  .technology-page .v4-software-copy > h2,
  .technology-page .v4-software-copy > .architecture-explainer {
    position:relative;
    left:var(--knowd-copy-left,0px);
  }
  #why > .three > article:nth-child(2) > p,
  #why > .three > article:nth-child(3) > p {
    margin-top:var(--knowd-paragraph-top,0px);
  }
}