/* Main company overview: people, product and decision framework have distinct compositions. */
@media(min-width:1101px){.company-home .editorial-opening .hero-slogan{margin-left:90px}}
.company-home .purpose-band{padding:60px 0 35px;background:#ece6db}.purpose-human-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:0 70px;align-items:center}.purpose-photo{margin:0}.purpose-photo img{display:block;width:100%;height:auto}.company-home .purpose-band h2{font-size:46px;max-width:none}.purpose-human-copy>p:not(.section-label){font-size:14px;line-height:1.8;color:#6d5d48;margin:0 0 18px}.purpose-human-copy .editorial-link{margin-top:8px}.purpose-founder-quote{grid-column:1/-1;margin:35px 0 0;padding-top:25px;border-top:1px solid #d3bd8b;display:flex;align-items:baseline;justify-content:center;gap:35px}.purpose-founder-quote p{font:500 28px/1.3 Georgia,serif;letter-spacing:-.02em;margin:0;color:#604c30}.purpose-founder-quote cite{font:400 11px/1.5 system-ui;color:#79684f}
.roadmap-photo{margin:0 0 25px}.roadmap-photo img{width:100%;height:auto;display:block}.company-home .roadmap-ledger{grid-template-columns:.9fr 1.3fr;gap:70px;align-items:start}.company-home .roadmap-intro h3{font-size:31px}.company-home .roadmap-entries>a:first-child{padding-top:0}.company-home .roadmap-stage{background:none;border:0;border-radius:0}
.company-home .workday-intro{grid-template-columns:1fr 1.15fr;gap:90px;align-items:center}.company-home .workday-intro>div{grid-column:2;grid-row:1}.company-home .workday-intro>p{grid-column:1;grid-row:1;max-width:390px}.company-home .workday-intro h2{font-size:44px}.company-home .workday-section{padding:60px 0}
.company-home .nexus-editorial{padding:60px 0 65px;background:#e3d8c3;border-top:1px solid #c6ad77}.nexus-home-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.company-home .nexus-editorial .eyebrow{font-size:10px;letter-spacing:.1em;color:#796342;margin:0 0 23px}.company-home .nexus-editorial h3{font:500 34px/1.15 Georgia,serif;margin:0 0 24px;letter-spacing:-.025em}.company-home .nexus-editorial p{font-size:14px;max-width:420px;color:#63533b}.company-home .nexus-home-focus{border-left:1px solid #b49a62;padding-left:55px}.company-home .nexus-editorial h2{font:500 90px/1 Georgia,serif;color:#8b7042;margin:0 0 23px;letter-spacing:-.045em}.company-home .nexus-editorial .nexus-home-statement{font:500 34px/1.15 Georgia,serif;color:#413622;margin:0 0 32px}.nexus-home-path{list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;padding:18px 0 0;margin:0;border-top:1px solid #b49a62}.nexus-home-path li{font-size:11px;color:#695535}.nexus-home-path li+li:before{content:'→';margin-right:20px;color:#b49a62}
.company-home>footer{background:#342f29;border-top:0;padding:35px 0;color:#f5eedf}.company-home .company-footer{grid-template-columns:1.4fr 1fr 1fr;gap:45px}.company-home .company-footer .footer-company-name,.company-home .company-footer nav b{color:#f5eedf}.company-home .company-footer p,.company-home .company-footer small,.company-home .company-footer nav{color:#cfc3b0}.company-home .company-footer nav{font-size:12px;gap:8px}.company-home .company-footer nav a:hover{color:#ead4a5}
@media(max-width:1100px){.purpose-human-layout,.company-home .roadmap-ledger,.company-home .workday-intro,.nexus-home-layout{gap:35px}.company-home .purpose-band h2{font-size:38px}.company-home .nexus-home-focus{padding-left:30px}.company-home .nexus-editorial h2{font-size:76px}}
@media(max-width:760px){.purpose-human-layout,.company-home .roadmap-ledger,.company-home .workday-intro,.nexus-home-layout{grid-template-columns:1fr;gap:28px}.company-home .purpose-band{padding:35px 0 30px}.purpose-human-copy{grid-row:1}.purpose-founder-quote{display:block;margin-top:0}.purpose-founder-quote p{font-size:26px;margin-bottom:12px}.company-home .purpose-band h2{font-size:38px}.company-home .workday-intro>div,.company-home .workday-intro>p{grid-column:1;grid-row:auto}.company-home .workday-intro h2{font-size:36px}.company-home .workday-section{padding:38px 0}.company-home .nexus-editorial{padding:35px 0 40px}.company-home .nexus-home-focus{border-left:0;border-top:1px solid #b49a62;padding:28px 0 0;grid-row:1}.company-home .nexus-editorial h2{font-size:72px}.company-home .nexus-editorial .nexus-home-statement{font-size:32px}.company-home .nexus-editorial h3{font-size:30px}.company-home .company-footer{grid-template-columns:1fr 1fr;gap:25px}.company-home .company-footer>div{grid-column:1/-1}.company-home .roadmap-intro h3{font-size:30px}}

.dashboard-gallery{min-width:0}.dashboard-gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:0 0 13px;color:#5c4b33;font-size:13px;font-weight:650}.dashboard-gallery-heading>span:last-child{font-size:10px;font-weight:400;color:#7d705e}.dashboard-gallery-frame{border:1px solid #8b867b;background:#282b31;padding:0;box-shadow:9px 10px 0 #d9d0c1}.dashboard-gallery-frame img{display:block;width:100%;height:auto;aspect-ratio:1440 / 1250;object-fit:contain}.company-home .dashboard-gallery figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;border:0;font-size:12px}.dashboard-gallery-controls>div{display:flex;gap:8px}.dashboard-gallery-controls button{width:44px;height:44px;display:grid;place-items:center;background:none;border:1px solid #b5a58a;color:#5b4931;border-radius:0;font-size:23px;cursor:pointer}.dashboard-gallery-controls button:hover{background:#e6dccb}.dashboard-gallery-controls button:focus-visible{outline:2px solid #67408d;outline-offset:3px}@media(max-width:600px){.dashboard-gallery-heading{display:block}.dashboard-gallery-heading>span{display:block}.dashboard-gallery-heading>span:last-child{margin-top:6px}.company-home .dashboard-gallery figcaption{display:flex;font-size:11px}.dashboard-gallery-frame{box-shadow:5px 6px 0 #d9d0c1}}

.dashboard-gallery-frame{position:relative}.gallery-edge{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:64px;padding:0;border:0;background:none;color:#e8dcc3;cursor:pointer;filter:drop-shadow(0 1px 3px #111);z-index:2}.gallery-edge[hidden]{display:none}.gallery-edge-left{left:0}.gallery-edge-right{right:0}.gallery-edge svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gallery-edge:hover{color:#fff5df}.gallery-edge:focus-visible{outline:2px solid #e8dcc3;outline-offset:-4px}.company-home .dashboard-gallery figcaption{padding-top:17px;min-height:40px}

.company-home .capacity-description,.company-home .capacity-note{font-size:17px;line-height:1.65;max-width:850px}.company-home .capacity-note{margin-top:25px;color:#675940}@media(max-width:600px){.company-home .capacity-description,.company-home .capacity-note{font-size:16px}}

.fit-feature-bar{display:grid;grid-template-columns:1.25fr 1fr 45px;gap:35px;align-items:center;margin:38px 0 0;padding:30px 28px;border:1px solid #80628f;background:#e5dac6;color:#4f3e26}.fit-feature-bar small{display:block;font-size:12px;margin-bottom:10px;color:#7a6444}.fit-feature-bar strong{font:500 30px/1.15 Georgia,serif;letter-spacing:-.025em}.fit-feature-description{font-size:13px;line-height:1.75;color:#6d5b40}.fit-feature-arrow{font-size:35px;justify-self:end}.fit-feature-bar:hover{background:#ded0b6}.fit-feature-bar:focus-visible{outline:none}@media(max-width:760px){.fit-feature-bar{grid-template-columns:1fr 35px;gap:18px;padding:25px 20px}.fit-feature-bar strong{font-size:28px}.fit-feature-description{grid-column:1;grid-row:2}.fit-feature-arrow{grid-column:2;grid-row:1/3}}

#business-fit{scroll-margin-top:115px}

.roadmap-entries .roadmap-entry{display:block;padding:20px 0;border-bottom:1px solid #ccbea7}.roadmap-entries .roadmap-entry:first-child{padding-top:0}.roadmap-explore{margin-top:20px;min-height:44px}

.roadmap-entries .roadmap-explore{display:flex;width:max-content;margin-left:auto;justify-content:flex-end}

/* Clicks and return navigation retain the permanent trim without a second focus box. */
.company-home .portfolio-feature #business-fit:focus-visible,.company-home .workday-choices button:focus-visible{outline:none;box-shadow:none}.company-home #business-fit:focus-visible strong{text-decoration:none}
html[data-keyboard-focus="true"] .company-home .portfolio-feature #business-fit:focus-visible,html[data-keyboard-focus="true"] .company-home .workday-choices button:focus-visible{outline:2px solid #685338;outline-offset:4px}
/* Lift the gallery title toward the section label and free space above the fit link. */
@media(min-width:851px){.company-home .dashboard-gallery{margin-top:-42px;margin-bottom:32px}}
@media(min-width:851px){.company-home .dashboard-gallery{margin-top:-73px}}

/* Overview opening: staggered title beside the preserved wordmark. */
@media(min-width:761px){
.company-home .editorial-opening>.container{grid-template-columns:1fr 1fr;gap:0 75px;align-items:start}
.company-home .opening-brand{display:contents}
.company-home .editorial-opening .hero-slogan{grid-column:1;grid-row:1}
.company-home .editorial-opening h1{grid-column:1;grid-row:2;margin-bottom:0}
.company-home .editorial-opening .opening-brand h2{grid-column:2;grid-row:2;margin-top:30px}
.company-home .editorial-opening .opening-brand h2 em{display:inline-block;margin-left:96px;white-space:nowrap}
.company-home .opening-statement{grid-column:1/-1;margin-top:28px}
.company-home .editorial-opening .hero-copy{max-width:none}
.company-home .editorial-opening .hero-actions{margin-top:18px}
}
@media(min-width:761px) and (max-width:1100px){
.company-home .editorial-opening>.container{column-gap:35px}
.company-home .editorial-opening .opening-brand h2 em{margin-left:55px}
}

/* Center the opening pair and tighten the supporting copy. */
@media(min-width:1101px){
.company-home .editorial-opening>.container{grid-template-columns:minmax(0,550px) minmax(0,420px);justify-content:center;column-gap:75px}
.company-home .editorial-opening .opening-brand h2{margin-top:62px}
.company-home .editorial-opening .hero-copy{max-width:980px;margin-inline:auto}
.company-home .editorial-opening .hero-actions{max-width:980px;margin-inline:auto}
}

.company-home .editorial-opening .hero-copy{text-wrap:balance}

/* A centered invitation above the working-day examples. */
.company-home .workday-intro{grid-template-columns:1fr;text-align:center;gap:0}
.company-home .workday-intro>div{max-width:760px;margin:0 auto}
body.company-home main .workday-intro .section-label{padding-left:0!important}

/* Keep gallery labels below the roadmap row instead of pulling them into it. */
@media(min-width:851px){.company-home .retail-feature-layout{align-items:center}.company-home .dashboard-gallery{margin-block:0;align-self:center}}
/* Give the opening branding pair more horizontal presence without widening its copy. */
@media(min-width:1101px){
.company-home .editorial-opening>.container{grid-template-columns:minmax(0,610px) minmax(0,470px);column-gap:90px;max-width:1240px}
}
/* Increase the opening tagline by approximately twenty percent. */
.company-home .editorial-opening .opening-brand h2{font-size:clamp(43.2px,4.2vw,55.2px)}
@media(max-width:760px){.company-home .editorial-opening .opening-brand h2{font-size:45.6px}}
@media(max-width:500px){.company-home .editorial-opening .opening-brand h2{font-size:39.6px}}

/* Bring the opening description closer to the branding. */
@media(min-width:761px){.company-home .opening-statement{margin-top:-10px}}
/* Match Ava Unleashed's soft purple while retaining readable dark lettering. */
.company-home .fit-feature-bar{background:#e7dfec;border-color:#cec0d5;color:#51402c}
.company-home .fit-feature-bar small,.company-home .fit-feature-description{color:#685772}
.company-home .fit-feature-bar:hover{background:#ded2e5}
.company-home .fit-feature-bar:focus-visible{outline:2px solid #80628f;outline-offset:5px}
/* Deep purple invitation with cream copy and a brushed champagne-gold arrow. */
.company-home .fit-feature-bar{background:#554060;border-color:#766080;color:#faf3e5}
.company-home .fit-feature-bar small,.company-home .fit-feature-description{color:#f0e6d8}
.company-home .fit-feature-bar .fit-feature-arrow{color:#d4ba7e;background:repeating-linear-gradient(174deg,transparent 0 2px,#ffffff12 2px 3px),linear-gradient(115deg,#b49454 0%,#f0dcaa 35%,#c3a363 60%,#e6ce95 82%,#b49454 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.company-home .fit-feature-bar:hover{background:#60496c}
.company-home .fit-feature-bar:focus-visible{outline-color:#b49454}
/* Light Ava-purple background, deep-purple lettering, champagne-gold arrow. */
.company-home .fit-feature-bar{background:#e7dfec;border-color:#cec0d5;color:#554060}
.company-home .fit-feature-bar small,.company-home .fit-feature-description{color:#60496c}
.company-home .fit-feature-bar:hover{background:#ded2e5}
/* Fine champagne rules extend into the gutters without widening the invitation. */
.company-home .fit-feature-bar{position:relative}
.company-home .fit-feature-bar::before,.company-home .fit-feature-bar::after{content:"";position:absolute;top:50%;height:1px;width:max(0px,calc((100vw - 100%) / 2 - 24px));background:#c6ad77;pointer-events:none}
.company-home .fit-feature-bar::before{right:100%}
.company-home .fit-feature-bar::after{left:100%}
@media(max-width:760px){.company-home .fit-feature-bar::before,.company-home .fit-feature-bar::after{width:max(0px,calc((100vw - 100%) / 2 - 8px))}}
/* The arithmetic exercise shares the soft-purple follow-up treatment. */
.company-home .capacity-layout{background:#e7dfec;border-top:1px solid #cec0d5;padding:26px 28px;color:#554060}
.company-home .capacity-layout h3,.company-home .capacity-layout label,.company-home .capacity-layout .capacity-daily,.company-home .capacity-layout .capacity-weekly{color:#554060}
.company-home .capacity-layout .capacity-description,.company-home .capacity-layout .capacity-daily span,.company-home .capacity-layout #capacityMath{color:#60496c}
.company-home .capacity-layout input,.company-home .capacity-layout select{color:#554060;border-color:#aa96b4}
.company-home .capacity-result{border-color:#c5b4cf}
@media(max-width:760px){.company-home .capacity-layout{padding:24px 20px}}
/* Separate the future systems with one champagne rule below the invitation. */
.company-home .fit-feature-bar::before,.company-home .fit-feature-bar::after{content:none}
.company-home .fit-feature-bar+.roadmap-ledger{border-top:1px solid #c6ad77;margin-top:24px;padding-top:28px}
/* Extend only the divider to the page edges, keeping roadmap content contained. */
.company-home .fit-feature-bar+.roadmap-ledger{position:relative;border-top:0}
.company-home .fit-feature-bar+.roadmap-ledger::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:1px;background:#c6ad77;pointer-events:none}

/* Let the purple invitation and open space separate the roadmap. */
.company-home .fit-feature-bar+.roadmap-ledger::before{content:none}

/* Let the brand lead, with the people section revealed gradually below. */
@media(min-width:761px){.company-home .editorial-opening{padding-bottom:clamp(200px,30vh,380px)}}
@media(max-width:760px){.company-home .editorial-opening{padding-bottom:120px}}
/* Balance the opening's outer spacing and separate the introduction from the tagline. */
@media(min-width:761px){
.company-home .editorial-opening{padding-top:20px;padding-bottom:20px;min-height:calc(100svh - 365px);box-sizing:border-box;display:flex;align-items:center}
.company-home .editorial-opening>.container{row-gap:0}
.company-home .opening-statement{margin-top:24px}
}
@media(max-width:760px){.company-home .editorial-opening{padding-top:28px;padding-bottom:28px}.company-home .opening-statement{margin-top:20px}}
/* Place the opening shortcuts as a deliberate closing row beneath the introduction. */
.company-home .editorial-opening .hero-actions{margin-top:42px;justify-content:space-between;gap:28px;max-width:980px;margin-inline:auto}
@media(max-width:760px){.company-home .editorial-opening .hero-actions{margin-top:30px;gap:20px;flex-wrap:wrap}}

/* One solid cream surface behind the existing overview content; no layout changes. */
.company-home .editorial-opening > .container {
  position: relative;
  isolation: isolate;
}
.company-home .editorial-opening > .container::before {
  content: "";
  position: absolute;
  inset: -20px 0;
  z-index: -1;
  background: #fbf8f1;
  pointer-events: none;
}
@media (max-width: 760px) {
  .company-home .editorial-opening > .container::before {
    inset-block: -28px;
  }
}

/* Continue the overview's cream surface behind the selected text groups only. */
.company-home :is(.purpose-human-copy, .retail-feature-copy, .roadmap-entries) {
  position: relative;
  isolation: isolate;
}
.company-home :is(.purpose-human-copy, .retail-feature-copy, .roadmap-entries)::before {
  content: "";
  position: absolute;
  inset: -20px -20px;
  z-index: -1;
  background: #fbf8f1;
  pointer-events: none;
}
@media (max-width: 760px) {
  .company-home :is(.purpose-human-copy, .retail-feature-copy, .roadmap-entries)::before {
    inset: -12px -8px;
  }
}


.company-home .portfolio-heading {
  position: relative;
  z-index: 1;
}
/* One continuous surface behind the development image, heading and systems. */
.company-home .roadmap-ledger {
  position: relative;
  isolation: isolate;
  align-items: center;
  padding-bottom: 28px;
}
.company-home .roadmap-ledger::after {
  content: "";
  position: absolute;
  inset: 0 -20px;
  z-index: -1;
  background: #fbf8f1;
  pointer-events: none;
}
.company-home .roadmap-entries::before {
  content: none;
}
@media (max-width: 760px) {
  .company-home .roadmap-ledger::after { inset-inline: -8px; }
}

/* Keep the systems label above the cream Retail Pro panel. */
.company-home .retail-feature-layout { padding-top: 48.5px; }
.company-home .retail-feature-copy::before { top: -20px; }
.company-home .retail-feature-copy .systems-label {
  position: absolute;
  top: -52px;
  margin: 0;
  color: var(--champagne, #b49a62);
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.company-home .retail-feature-actions {
  display: grid;
  grid-template-columns: .85fr 1.4fr;
  align-items: start;
  gap: 12px 20px;
  grid-column: 1 / -1;
}
.company-home .retail-feature-actions a { min-width: 0; white-space: normal; grid-column: auto; }
@media(max-width:760px) {
  .company-home .retail-feature-copy::before { top: -12px; }
}
@media(max-width:600px) {
  .company-home .retail-feature-actions { grid-template-columns: 1fr; }
  .company-home .retail-feature-layout { padding-top: 41.5px; }
}

/* Keep all six Overview navigation actions in two rows on phones. */
@media(max-width:600px) {
  body.company-concept.company-home:not(.retail-site) .topbar .nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: 0 8px;
  }
  body.company-concept.company-home:not(.retail-site) .topbar .nav::before { content: none; }
  body.company-concept.company-home:not(.retail-site) .topbar .nav-links { display: contents; }
  body.company-concept.company-home:not(.retail-site) .topbar .nav-actions {
    grid-column: 3;
    grid-row: 2;
    justify-content: center;
  }
  body.company-concept.company-home:not(.retail-site) .topbar .nav-actions .btn[data-signin] {
    min-height: 36px;
    padding: 6px 2px;
    font-size: 11px;
  }
}

@media(max-width:600px) {
  body.company-concept.company-home:not(.retail-site) .topbar .nav-actions { justify-self: stretch; }
  body.company-concept.company-home:not(.retail-site) .topbar .nav-actions .btn[data-signin] { height:36px; box-sizing:border-box; }
  body.company-concept.company-home:not(.retail-site) .topbar.is-compact .nav-actions .btn[data-signin] { height:36px; min-height:36px; }
}

/* Match Sign In to its neighboring phone navigation labels. */
@media(max-width:600px) {
  body.company-concept.company-home:not(.retail-site) .topbar .nav-actions .btn[data-signin] {
    width: 100%;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    border-bottom-color: #d4c9b9;
  }
}

/* Group the four development systems into two compact, readable pairs. */
.company-home .portfolio-feature{padding-bottom:56px}
.company-home .roadmap-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;align-content:start}
.company-home .roadmap-entries .roadmap-entry{min-width:0;padding:0 0 14px;border-bottom:1px solid #ccbea7}
.company-home .roadmap-entries h4{font-size:clamp(21px,2.1vw,27px);line-height:1.15}
.company-home .roadmap-entries p{margin-top:7px;max-width:none;font-size:15px;line-height:1.5}
.company-home .roadmap-entries .roadmap-explore{grid-column:1/-1;margin-top:0;justify-self:end}
#next-systems{scroll-margin-top:105px}
@media(max-width:760px){.company-home .portfolio-feature{padding-bottom:40px}.company-home .roadmap-ledger{gap:24px}.company-home .roadmap-ledger::after{inset-inline:-8px}.company-home .roadmap-entries{gap:20px 22px}.company-home .roadmap-entries p{font-size:14px}}
@media(max-width:359px){.company-home .roadmap-entries{grid-template-columns:1fr}}