:root{--paper:#f7f5ee;--hero:#faf7ef;--soft:#eef2e9;--ink:#15382f;--muted:#50685e;--line:#c4cec2;--deep:#163e36;--accent:#d6f58b;--teal:#08766d;--white:#f6f8f0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}.wrap,.shell{width:min(1180px,calc(100% - 96px));margin:auto}
.kicker{margin:0 0 14px;color:var(--teal);font:500 .71rem/1.35 "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.035em}section{scroll-margin-top:84px}

/* nav */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8f5ed 0%,#faf6ee 70%,#f3f0e6 100%)}
.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 0;border-bottom:1px solid rgba(30,67,56,.18)}
.logo{display:flex;align-items:center;min-height:38px;color:#14362e;font-family:"Cormorant Garamond",Georgia,serif;font-size:27px;font-weight:500;letter-spacing:-.035em}
.site-nav{display:flex;align-items:center;gap:5px}.nav-link,.nav-cluster summary,.nav-mobile summary{display:inline-flex;align-items:center;min-height:38px;padding:9px 10px;color:#254e43;font-size:13px;font-weight:500;cursor:pointer;list-style:none}
.nav-cluster,.nav-mobile{position:relative}.nav-cluster summary::-webkit-details-marker,.nav-mobile summary::-webkit-details-marker{display:none}
.nav-menu{position:absolute;top:calc(100% + 11px);right:0;display:grid;width:265px;padding:10px;background:#fbf9f2;border:1px solid rgba(21,78,69,.22);box-shadow:0 18px 48px rgba(21,56,47,.16)}
.nav-menu a{padding:11px 12px;color:#244a3e;font-size:.85rem}.nav-menu a:hover{background:#e9f0e7;color:var(--teal)}
.nav-mobile{display:none}.nav-cta{margin-left:8px;padding:9px 15px;border:1px solid #667d6e;color:#183f33;font-size:13px;font-weight:500}
.nav-cta:hover{background:#173e34;color:#f8faf0}

/* hero */
.hero-stage{display:flex;align-items:center;min-height:clamp(590px,43vw,760px);padding:42px 0 74px}
.hero-main{max-width:1120px;position:relative;z-index:2}.hero h1{margin:0;max-width:1160px;font-size:clamp(58px,5vw,94px);line-height:.91;letter-spacing:-.055em;color:#14362e}
.hero h1 .tone{position:relative;display:inline-block;margin-top:.05em;color:#155b4e;font-style:italic;z-index:1}
.hero h1 .tone:after{content:"";position:absolute;left:.02em;right:-.03em;bottom:.06em;height:.18em;background:var(--accent);opacity:.62;z-index:-1;transform:rotate(-.7deg)}
.hero-lead{max-width:720px;margin:29px 0 0;color:#244a3e;font-size:19px;line-height:1.58}
.hero-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}.hero-links a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid rgba(21,91,78,.34);border-radius:999px;background:rgba(247,245,238,.72);color:#155b4e;font-size:14px;font-weight:600;transition:.18s}
.hero-links a:before{content:"↗";margin-right:7px;font:500 .72em "DM Mono",monospace}.hero-links a:hover{background:var(--accent);border-color:#155b4e;transform:translateY(-1px)}

/* shared */
.head{display:grid;grid-template-columns:1.04fr .76fr;gap:62px;align-items:end;margin-bottom:34px}.head h2{margin:0;font-size:clamp(3.05rem,4.8vw,4.9rem);line-height:.92}
.head-copy{color:var(--muted);font-size:.96rem;line-height:1.6}.head-copy p{margin:0}

/* thesis */
.thesis{padding:70px 0;background:var(--deep);color:var(--white)}.thesis .kicker{color:var(--accent)}.thesis .head h2{color:#fbfcf5}.thesis .head-copy{color:#d6e2d5}
.thesis-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(237,247,229,.24);border-bottom:1px solid rgba(237,247,229,.24)}
.thesis-card{min-height:185px;padding:20px 22px 22px;border-right:1px solid rgba(237,247,229,.20)}.thesis-card:last-child{border-right:0}
.thesis-card span{color:var(--accent);font:500 .65rem "DM Mono",monospace;letter-spacing:.08em}.thesis-card h3{margin:31px 0 8px;color:#fbfcf5;font-size:1.55rem;line-height:1}.thesis-card p{margin:0;color:#cbd9ce;font-size:.8rem;line-height:1.48}

/* build */
.build{padding:72px 0;background:var(--paper)}.build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.build-card{position:relative;display:flex;flex-direction:column;min-height:260px;padding:22px 23px 24px;background:#e9eee8;border:1px solid var(--line);cursor:pointer;transition:.2s}
.build-card>span{color:var(--teal);font:500 .67rem "DM Mono",monospace;letter-spacing:.07em}.build-card h3{margin:42px 0 10px;font-size:1.65rem;line-height:1}.build-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}.build-card small{margin-top:auto;padding-top:18px;color:#647b72;font-size:.72rem}
.build-card.is-active,.build-card:hover{background:var(--deep);border-color:var(--deep);color:var(--white);transform:translateY(-2px)}.build-card.is-active>span,.build-card:hover>span{color:var(--accent)}.build-card.is-active p,.build-card:hover p{color:#d6e2d5}.build-card.is-active small,.build-card:hover small{color:#b9ccbf}

/* lifecycle */
.lifecycle{padding:72px 0;background:var(--soft)}.life-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.life-step{min-height:220px;padding:20px;border-right:1px solid var(--line);cursor:pointer;transition:.18s}.life-step:last-child{border-right:0}
.life-step span{color:var(--teal);font:500 .64rem "DM Mono",monospace}.life-step strong{display:block;margin-top:42px;font-family:"Cormorant Garamond";font-size:1.42rem;font-weight:500;line-height:1}.life-step p{margin:8px 0 0;color:var(--muted);font-size:.78rem;line-height:1.46}
.life-step.is-active{background:var(--deep);color:var(--white)}.life-step.is-active span{color:var(--accent)}.life-step.is-active p{color:#d6e2d5}
.life-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:26px}.life-detail h3{margin:0;font-size:clamp(2.2rem,3.2vw,3.3rem);line-height:.98}.life-detail p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.58}.life-detail p+p{margin-top:10px}

/* diagnostic */
.audit{padding:72px 0;background:var(--paper)}.patterns{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pattern{min-height:210px;padding:21px 22px;border:1px solid var(--line);background:#f8f6ef}.pattern span{color:var(--teal);font:500 .65rem "DM Mono",monospace}.pattern h3{margin:35px 0 9px;font-size:1.46rem;line-height:1.02}.pattern p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.48}
.audit-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audit-step{padding:17px 18px 20px;border-right:1px solid var(--line)}.audit-step:last-child{border-right:0}.audit-step strong{font-family:"Cormorant Garamond";font-size:1.24rem;font-weight:500}.audit-step p{margin:6px 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}

/* workflows */
.workflows{padding:72px 0;background:var(--deep);color:var(--white)}.workflows .kicker{color:var(--accent)}.workflows .head h2{color:#fbfcf5}.workflows .head-copy{color:#d6e2d5}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tab{min-height:38px;padding:8px 12px;border:1px solid rgba(237,247,229,.26);border-radius:999px;background:transparent;color:#d9e4da;font-size:.78rem;font-weight:600;cursor:pointer}.tab.is-active{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.workflow-panel{display:none}.workflow-panel.is-active{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-card{min-height:230px;padding:21px 22px 23px;border:1px solid rgba(237,247,229,.23);background:rgba(255,255,255,.018)}
.workflow-card span{color:var(--accent);font:500 .62rem "DM Mono",monospace}.workflow-card h3{margin:33px 0 9px;color:#fbfcf5;font-size:1.4rem;line-height:1.02}.workflow-card p{margin:0;color:#d1ddd3;font-size:.8rem;line-height:1.48}.workflow-card small{display:block;margin-top:16px;color:#9eb5a8;font-size:.7rem}

/* enterprise */
.enterprise{padding:72px 0;background:var(--soft)}.enterprise-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.enterprise h2{margin:0;max-width:430px;font-size:clamp(3rem,4.4vw,4.55rem);line-height:.92}.enterprise-list{border-top:1px solid var(--line)}
.enterprise-row{display:grid;grid-template-columns:46px .62fr 1fr;gap:22px;padding:21px 0;border-bottom:1px solid var(--line)}.enterprise-row>span{color:var(--teal);font:500 .66rem "DM Mono",monospace}.enterprise-row h3{margin:0;font-size:1.33rem;line-height:1.05}.enterprise-row p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}

/* human + training */
.human{padding:72px 0;background:var(--paper)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px}.principle{padding:22px 23px;border:1px solid var(--line);background:#f8f6ef}.principle h3{margin:0 0 9px;font-size:1.5rem}.principle p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}
.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.track{min-height:250px;padding:22px 23px;border:1px solid var(--line);background:#e9eee8}.track span{color:var(--teal);font:500 .66rem "DM Mono",monospace}.track h3{margin:37px 0 9px;font-size:1.55rem;line-height:1.03}.track p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.track ul{margin:17px 0 0;padding-left:17px;color:#36574d;font-size:.77rem;line-height:1.5}

/* leadership */
.leadership{padding:72px 0;background:var(--deep);color:var(--white)}.leadership .kicker{color:var(--accent)}.leadership .head h2{color:#fbfcf5}.leadership .head-copy{color:#d6e2d5}
.resp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resp{padding:21px 22px 23px;border:1px solid rgba(237,247,229,.23);min-height:180px}.resp span{color:var(--accent);font:500 .62rem "DM Mono",monospace}.resp h3{margin:28px 0 7px;color:#fbfcf5;font-size:1.35rem}.resp p{margin:0;color:#d1ddd3;font-size:.78rem;line-height:1.45}

/* results */
.results{padding:70px 0;background:var(--paper)}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.score{min-height:160px;padding:19px 21px 21px;border-right:1px solid var(--line)}.score:last-child{border-right:0}.score span{color:var(--teal);font:500 .63rem "DM Mono",monospace}.score h3{margin:28px 0 7px;font-size:1.45rem;line-height:1}.score p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}

/* cta */
.cta{padding:76px 0 28px;background:var(--accent)}.cta-grid{display:grid;grid-template-columns:1.1fr .72fr;gap:72px;align-items:end}.cta h2{margin:0;max-width:800px;font-size:clamp(3.7rem,6vw,6rem);line-height:.88}.cta-copy p{max-width:460px;margin:0;color:#294a3d;font-size:.98rem;line-height:1.58}.cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:999px;font-size:.8rem;font-weight:600}.cta-primary{background:var(--deep);color:#f8faf0;border:1px solid var(--deep)}.cta-secondary{color:var(--deep);border:1px solid rgba(21,56,47,.34)}.footer{display:flex;justify-content:space-between;gap:25px;margin-top:55px;padding-top:17px;border-top:1px solid rgba(21,56,47,.32);color:#35543e;font-size:.76rem;font-weight:600}

@media(max-width:1080px){.wrap,.shell{width:min(100% - 64px,1180px)}.head,.enterprise-grid,.cta-grid{grid-template-columns:1fr;gap:28px}.build-grid,.workflow-panel.is-active{grid-template-columns:repeat(2,1fr)}.patterns{grid-template-columns:repeat(2,1fr)}.life-track{grid-template-columns:repeat(3,1fr)}.track-grid,.resp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wrap,.shell{width:calc(100% - 40px)}.nav{min-height:68px;padding:11px 0}.logo{font-size:24px}.nav-link--desktop,.nav-cluster{display:none}.nav-mobile{display:block}.nav-menu{position:fixed;top:70px;right:20px;left:20px;width:auto}.nav-cta{margin-left:0;padding:9px 10px;font-size:.75rem}.hero-stage{min-height:0;padding:52px 0 70px}.hero h1{font-size:clamp(40px,11vw,66px);line-height:1.02}.hero-lead{font-size:16px}.thesis,.build,.lifecycle,.audit,.workflows,.enterprise,.human,.leadership,.results,.cta{padding-top:56px;padding-bottom:54px}.thesis-grid,.build-grid,.patterns,.workflow-panel.is-active,.principles,.track-grid,.resp-grid,.score-grid{grid-template-columns:1fr}.thesis-card,.score{border-right:0;border-bottom:1px solid var(--line)}.life-track{grid-template-columns:1fr}.life-step{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.life-step strong{margin-top:18px}.life-detail{grid-template-columns:1fr;gap:16px}.audit-process{grid-template-columns:1fr}.audit-step{border-right:0;border-bottom:1px solid var(--line)}.enterprise-row{grid-template-columns:36px 1fr;gap:10px 16px}.enterprise-row p{grid-column:2}.cta h2{font-size:clamp(3.1rem,15vw,5rem)}.footer{flex-direction:column}}

/* ===== Verba elegant interactive refinement ===== */

/* Global rhythm / polish */
body{
  background:#f7f5ee;
}
.hero{
  border-bottom:1px solid rgba(21,56,47,.10);
}
.hero-stage{
  padding-top:58px;
  padding-bottom:86px;
}
.hero-main{
  max-width:1080px;
}
.hero-lead{
  max-width:680px;
}
.head{
  margin-bottom:38px;
}
.head-copy{
  max-width:530px;
}
section:not(.hero){
  border-top:1px solid rgba(21,56,47,.08);
}

/* More editorial section spacing */
.thesis,.build,.lifecycle,.audit,.workflows,.enterprise,.human,.leadership,.results{
  padding-top:82px;
  padding-bottom:82px;
}

/* Shared interactive surface system */
.thesis-card,
.build-card,
.pattern,
.audit-step,
.enterprise-row,
.principle,
.track,
.resp,
.score{
  position:relative;
  cursor:pointer;
  outline:none;
  transition:
    background .20s ease,
    color .20s ease,
    border-color .20s ease,
    transform .20s ease,
    box-shadow .20s ease;
}

.thesis-card::after,
.build-card::after,
.pattern::after,
.audit-step::after,
.enterprise-row::after,
.principle::after,
.track::after,
.resp::after,
.score::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .20s ease;
  pointer-events:none;
}

.thesis-card.is-active::after,
.build-card.is-active::after,
.pattern.is-active::after,
.audit-step.is-active::after,
.enterprise-row.is-active::after,
.principle.is-active::after,
.track.is-active::after,
.resp.is-active::after,
.score.is-active::after{
  transform:scaleX(1);
}

.thesis-card:focus-visible,
.build-card:focus-visible,
.pattern:focus-visible,
.audit-step:focus-visible,
.enterprise-row:focus-visible,
.principle:focus-visible,
.track:focus-visible,
.resp:focus-visible,
.score:focus-visible,
.life-step:focus-visible,
.tab:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:3px;
}

/* Dark section interactive state */
.thesis-card.is-active,
.resp.is-active{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--ink);
  transform:translateY(-2px);
}

.thesis-card.is-active span,
.resp.is-active span{
  color:#315843;
}
.thesis-card.is-active h3,
.resp.is-active h3{
  color:var(--ink);
}
.thesis-card.is-active p,
.resp.is-active p{
  color:#294a3d;
}

/* Light section interactive state */
.build-card.is-active,
.pattern.is-active,
.audit-step.is-active,
.principle.is-active,
.track.is-active,
.score.is-active{
  background:var(--deep);
  border-color:var(--deep);
  color:var(--white);
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(16,47,41,.10);
}
.build-card.is-active>span,
.pattern.is-active>span,
.track.is-active>span,
.score.is-active>span{
  color:var(--accent);
}
.build-card.is-active h3,
.pattern.is-active h3,
.principle.is-active h3,
.track.is-active h3,
.score.is-active h3{
  color:#fbfcf5;
}
.build-card.is-active p,
.pattern.is-active p,
.principle.is-active p,
.track.is-active p,
.score.is-active p{
  color:#d6e2d5;
}
.build-card.is-active small{
  color:#b9ccbf;
}
.track.is-active ul{
  color:#d6e2d5;
}

/* Enterprise rows become a clean selected rail */
.enterprise-list{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.enterprise-row{
  padding:22px 18px 22px 0;
}
.enterprise-row.is-active{
  background:var(--deep);
  color:#fbfcf5;
  transform:none;
  box-shadow:none;
}
.enterprise-row.is-active>span{
  color:var(--accent);
}
.enterprise-row.is-active h3{
  color:#fbfcf5;
}
.enterprise-row.is-active p{
  color:#d6e2d5;
}
.enterprise-row.is-active::after{
  transform:scaleX(1);
}

/* Audit process: elegant connected strip */
.audit-process{
  background:#f8f6ef;
}
.audit-step{
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.audit-step.is-active{
  background:var(--deep);
  color:var(--white);
}
.audit-step.is-active strong{
  color:#fbfcf5;
}
.audit-step.is-active p{
  color:#d6e2d5;
}

/* Lifecycle refined */
.life-track{
  background:#f8f6ef;
}
.life-step{
  transition:
    background .20s ease,
    color .20s ease,
    transform .20s ease;
}
.life-step.is-active{
  background:var(--deep);
  color:var(--white);
  transform:translateY(-2px);
}
.life-detail{
  margin-top:12px;
  padding-top:30px;
  border-top:1px solid rgba(21,56,47,.10);
}

/* Workflow tabs feel like the index hero links */
.tabs{
  gap:9px;
  margin-bottom:22px;
}
.tab{
  min-height:38px;
  padding:9px 13px;
  border-color:rgba(214,245,139,.28);
  background:rgba(255,255,255,.015);
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease;
}
.tab.is-active{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--ink);
  transform:translateY(-1px);
}
.workflow-card{
  position:relative;
  overflow:hidden;
  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}
.workflow-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
.workflow-card:hover{
  background:rgba(255,255,255,.045);
  border-color:rgba(214,245,139,.42);
  transform:translateY(-2px);
}
.workflow-card:hover::after{
  transform:scaleX(1);
}

/* Human section is less card-heavy */
.principles{
  gap:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.principle{
  border:0;
  border-right:1px solid var(--line);
  background:transparent;
  min-height:156px;
  padding:23px 24px;
}
.principle:last-child{
  border-right:0;
}
.principle.is-active{
  box-shadow:none;
}

.track-grid{
  margin-top:3px;
}
.track{
  min-height:270px;
}

/* Results strip */
.score-grid{
  background:#f8f6ef;
}
.score{
  min-height:172px;
}
.score.is-active{
  box-shadow:none;
}

/* CTA closer to the rest of the site */
.cta{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 80% 30%,rgba(255,255,255,.22),transparent 32%),
    var(--accent);
}
.cta::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:130px;
  background:
    radial-gradient(ellipse at 15% 100%,rgba(21,56,47,.08),transparent 31%),
    radial-gradient(ellipse at 76% 100%,rgba(21,56,47,.06),transparent 28%);
  pointer-events:none;
}
.cta .shell{
  position:relative;
  z-index:1;
}

/* Hover is enhancement; click/touch holds selection */
@media(hover:hover) and (pointer:fine){
  .thesis-card:not(.is-active):hover,
  .resp:not(.is-active):hover{
    background:rgba(255,255,255,.045);
    transform:translateY(-2px);
  }

  .build-card:not(.is-active):hover,
  .pattern:not(.is-active):hover,
  .audit-step:not(.is-active):hover,
  .principle:not(.is-active):hover,
  .track:not(.is-active):hover,
  .score:not(.is-active):hover{
    background:#e4ebe3;
    border-color:#aebcaf;
    color:var(--ink);
    transform:translateY(-2px);
  }

  .enterprise-row:not(.is-active):hover{
    background:#e4ebe3;
  }
}

@media(max-width:1080px){
  .thesis,.build,.lifecycle,.audit,.workflows,.enterprise,.human,.leadership,.results{
    padding-top:68px;
    padding-bottom:68px;
  }
}

@media(max-width:760px){
  .hero-stage{
    padding-top:54px;
    padding-bottom:72px;
  }

  .thesis,.build,.lifecycle,.audit,.workflows,.enterprise,.human,.leadership,.results{
    padding-top:56px;
    padding-bottom:56px;
  }

  .principles{
    display:grid;
    grid-template-columns:1fr;
  }

  .principle{
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .principle:last-child{
    border-bottom:0;
  }

  .enterprise-row{
    padding-left:14px;
    padding-right:14px;
  }
}

@media(prefers-reduced-motion:reduce){
  .thesis-card,
  .build-card,
  .pattern,
  .audit-step,
  .enterprise-row,
  .principle,
  .track,
  .resp,
  .score,
  .life-step,
  .tab,
  .workflow-card{
    transition:none!important;
  }
}

/* ===== Detail alignment refinement v12 ===== */

/* Enterprise list: move the numbers inward so they sit closer to the titles. */
.enterprise-row{
  grid-template-columns:58px .62fr 1fr;
  gap:18px;
}

.enterprise-row>span{
  justify-self:end;
  width:100%;
  padding-right:6px;
  text-align:right;
}

/* Workflow cards: keep the technology labels on one shared bottom baseline. */
.workflow-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.workflow-card small{
  display:block;
  margin-top:auto;
  padding-top:18px;
  white-space:nowrap;
  line-height:1.25;
}

/* Keep the layout neat at narrower widths without forcing overflow. */
@media(max-width:1080px){
  .workflow-card small{
    white-space:normal;
  }
}

@media(max-width:760px){
  .enterprise-row{
    grid-template-columns:44px 1fr;
    gap:10px 16px;
  }

  .enterprise-row>span{
    justify-self:end;
    padding-right:3px;
  }
}


/* ===== Build cards pointer-follow polish v13 ===== */
.build-card{
  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}
.build-card h3,
.build-card p,
.build-card small,
.build-card>span{
  transition:color .18s ease;
}
@media(hover:hover) and (pointer:fine){
  .build-card:hover{
    box-shadow:0 14px 30px rgba(16,47,41,.10);
  }
}


/* ===== Lifecycle pointer-follow polish v14 ===== */
.life-step{
  position:relative;
  overflow:hidden;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}
.life-step::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
.life-step.is-active::after{
  transform:scaleX(1);
}
.life-step strong,
.life-step p,
.life-step span{
  transition:color .18s ease;
}
@media(hover:hover) and (pointer:fine){
  .life-step:hover{
    box-shadow:0 14px 30px rgba(16,47,41,.08);
  }
}


/* ===== Leadership + results pointer-follow polish v15 ===== */

/* AI Leadership */
.resp{
  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}
.resp h3,
.resp p,
.resp span{
  transition:color .18s ease;
}
.resp.is-active{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--ink);
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.08);
}
.resp.is-active span{
  color:#315843;
}
.resp.is-active h3{
  color:var(--ink);
}
.resp.is-active p{
  color:#294a3d;
}
@media(hover:hover) and (pointer:fine){
  .resp:not(.is-active):hover{
    background:rgba(255,255,255,.045);
    transform:translateY(-2px);
  }
}

/* Results */
.score{
  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}
.score h3,
.score p,
.score span{
  transition:color .18s ease;
}
.score.is-active{
  background:var(--deep);
  border-color:var(--deep);
  color:var(--white);
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(16,47,41,.08);
}
.score.is-active span{
  color:var(--accent);
}
.score.is-active h3{
  color:#fbfcf5;
}
.score.is-active p{
  color:#d6e2d5;
}
@media(hover:hover) and (pointer:fine){
  .score:not(.is-active):hover{
    background:#e4ebe3;
    transform:translateY(-2px);
  }
}