.org-bento-foot {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 23px auto 0;
}

.org-bento-foot span {
  border: 1px solid #e3d9d2;
  border-radius: 100px;
  background: rgba(255, 255, 255, .68);
  padding: 8px 14px;
  color: #52636c;
  font-size: .82rem;
  font-weight: 700;
}

.org-identity { background: #fff; }
.org-identity-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(45px, 8vw, 120px); align-items: center; }
.org-identity-copy .eyebrow { color: #bd7252; }
.org-identity-copy h2 { margin: 19px 0 24px; }
.org-identity-copy h2 em { color: #bb7557; }
.org-identity-copy p { max-width: 480px; color: #5d727d; font-size: 1.18rem; }
.org-identity-points { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.org-identity-points span { padding: 9px 14px; border-radius: 100px; background: #f8eee7; color: #835a4a; font-size: .8rem; font-weight: 800; }

.org-identity-showcase { position: relative; overflow: hidden; padding: 24px 30px 26px; border-radius: 27px; background: #314c5c; color: #fff; box-shadow: 0 24px 55px rgba(37, 57, 68, .17); }
.org-identity-showcase::before { content: ''; position: absolute; width: 390px; height: 390px; left: 50%; top: 47%; transform: translate(-50%, -50%); border: 1px solid rgba(255, 255, 255, .11); border-radius: 50%; box-shadow: 0 0 0 75px rgba(255, 255, 255, .03), 0 0 0 150px rgba(255, 255, 255, .025); pointer-events: none; }
.org-showcase-intro { position: relative; z-index: 1; margin: 0; color: #d5e3e8; font-size: 1rem; }
.org-app-icons { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 20px 0 3px; }
.org-app-icons a { display: flex; align-items: center; gap: 13px; min-width: 0; padding: 8px; border-radius: 18px; transition: background .2s, transform .2s; }
.org-app-icons a:hover { background: rgba(255, 255, 255, .1); transform: translateY(-3px); }
.org-app-icons img { flex: 0 0 80px; width: 80px; height: 80px; object-fit: cover; border-radius: 22%; box-shadow: 0 8px 17px rgba(11, 22, 28, .24); }
.org-app-icons a > span { font-size: .82rem; font-weight: 700; line-height: 1.4; }
.org-app-icons a > span span { color: #ffbd96; }

.org-systems-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1fr);
  gap: clamp(42px, 8vw, 120px);
  align-items: center;
}

.org-systems-copy .eyebrow { color: var(--coral); }
.org-systems-copy h2 { margin: 19px 0 25px; }
.org-systems-copy h2 em { color: #ffb88f; }
.org-systems-copy .lead { color: #fff; font-size: 1.3rem; line-height: 1.55; }
.org-systems-copy p:last-child { color: #d3e1e7; }

.org-systems-board {
  position: relative;
  border-radius: 28px;
  padding: 25px;
  background: #f9f4ef;
  color: var(--ink);
  box-shadow: 0 28px 75px rgba(15, 28, 36, .21);
  transform: rotate(2deg);
}

.org-systems-board::after {
  content: '';
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(45, 65, 78, .09);
  border-radius: 21px;
  pointer-events: none;
}

.org-systems-center {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px 19px;
  border-radius: 18px;
  background: #314d5d;
  color: #fff;
}

.org-center-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: #f5ad83;
  color: #314d5d;
  font: 2rem Georgia, serif;
}

.org-systems-center span:last-child,
.org-service span:nth-child(2) { display: grid; gap: 2px; }
.org-systems-center strong { font-size: 1.05rem; }
.org-systems-center small { color: #c8d8e0; }

.org-service-list {
  display: grid;
  gap: 8px;
  margin: 11px 0 14px;
}

.org-service {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 12px;
  align-items: center;
  min-height: 66px;
  padding: 9px 14px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 3px 13px rgba(34, 52, 61, .07);
}

.org-service-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #ffecdf;
  color: #ad6747;
  font-size: 1.35rem;
  font-weight: 700;
}

.org-service:nth-child(2) .org-service-icon { background: #e2edf1; color: #496d7d; font-size: 1.05rem; }
.org-service:nth-child(3) .org-service-icon { background: #f3e8f0; color: #866885; }
.org-service:nth-child(4) .org-service-icon { background: #e9eddf; color: #65765c; }
.org-service strong { font-size: .92rem; }
.org-service small { color: #71808a; font-size: .75rem; }
.org-service > span:last-child { color: #83909a; font-size: 1.2rem; }
.org-board-caption, .org-final-chip { display: none; }

.org-pricing-heading { max-width: 750px; margin-bottom: 38px; }
.org-pricing-heading .eyebrow { color: #ba6d4e; }
.org-pricing-heading h2 { margin: 16px 0 15px; }
.org-pricing-heading h2 em { color: #bc7859; }
.org-pricing-heading p { max-width: 670px; color: #61747d; font-size: 1.1rem; }

.org-pricing-card {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  overflow: hidden;
  border: 1px solid #e2e8e8;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(40, 60, 70, .07);
}

.org-pricing-main { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(32px, 4.3vw, 58px); background: #304958; color: #fff; }
.org-price-label { color: #ffc49f; font-size: .7rem; font-weight: 800; letter-spacing: .18em; }
.org-price { display: flex; align-items: baseline; gap: 13px; flex-wrap: wrap; margin: 19px 0; }
.org-price strong { font: 700 clamp(4.2rem, 7vw, 6.5rem)/1 Manrope, sans-serif; letter-spacing: -.09em; }
.org-price span { color: #d8e4e9; font-size: 1.05rem; }
.org-pricing-main p { max-width: 285px; color: #d6e3e8; }
.org-pricing-main .button { margin-top: auto; background: #fff; color: #304958; }

.org-pricing-includes { padding: clamp(32px, 4.3vw, 58px); }
.org-pricing-includes h3 { margin-bottom: 25px; font-size: clamp(1.5rem, 2vw, 2rem); }
.org-pricing-includes ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 25px; margin: 0; padding: 0; list-style: none; }
.org-pricing-includes li { display: flex; align-items: flex-start; gap: 10px; color: #3e535e; font-weight: 600; line-height: 1.35; }
.org-pricing-includes li::before { content: '✓'; display: grid; flex: 0 0 22px; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #e5f0e8; color: #3b7556; font-size: .85rem; font-weight: 900; }

.org-final { padding: 80px 0; background: #fff; }
.org-final-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  min-height: 515px;
  overflow: hidden;
  border-radius: 30px;
  background: #f8ded0;
}

.org-final-copy { position: relative; z-index: 2; padding: 65px clamp(35px, 6vw, 85px); }
.org-final-copy .eyebrow { color: #a85e43; }
.org-final-copy h2 { margin: 19px 0; font-size: clamp(2.6rem, 4.4vw, 4.5rem); }
.org-final-copy h2 em { color: #ba7658; }
.org-final-copy p { max-width: 460px; color: #546a74; font-size: 1.08rem; }
.org-final-copy .button { margin-top: 12px; }

.org-final-art {
  position: relative;
  align-self: stretch;
  min-height: 515px;
  isolation: isolate;
}

.org-final-orbit {
  position: absolute;
  width: 480px;
  height: 480px;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #efbd9f;
  box-shadow: 0 0 0 45px rgba(255, 255, 255, .15);
  z-index: -1;
}

.org-final-art img {
  position: absolute;
  width: 290px;
  max-width: none;
  left: 50%;
  top: 45px;
  transform: translateX(-50%) rotate(-7deg);
  filter: drop-shadow(8px 20px 20px rgba(51, 55, 57, .25));
}

.org-final-chip {
  position: absolute;
  z-index: 2;
  padding: 11px 15px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0 9px 25px rgba(54, 58, 59, .13);
  color: #3b5360;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .13em;
}

.org-chip-one { top: 95px; right: 5%; transform: rotate(8deg); }
.org-chip-two { bottom: 98px; left: 0; transform: rotate(-8deg); }

@media (max-width: 760px) {
  .org-identity-layout { grid-template-columns: 1fr; gap: 28px; }
  .org-identity-showcase { max-width: 590px; width: 100%; margin: 0 auto; }
  .org-systems-layout { grid-template-columns: 1fr; gap: 35px; }
  .org-systems-board { max-width: 540px; width: 100%; margin: 0 auto; transform: none; }
  .org-pricing-card { grid-template-columns: 1fr; }
  .org-pricing-main .button { margin-top: 10px; }
  .org-final { padding: 60px 0; }
  .org-final-panel { grid-template-columns: 1fr; }
  .org-final-copy { padding: 48px 35px 20px; }
  .org-final-art { min-height: 410px; }
  .org-final-orbit { width: 400px; height: 400px; }
  .org-final-art img { width: 250px; top: 12px; }
  .org-chip-one { top: 65px; right: 8%; }
  .org-chip-two { bottom: 80px; left: 10%; }
}

@media (max-width: 480px) {
  .org-bento-foot { justify-content: flex-start; }
  .org-bento-foot span { font-size: .72rem; padding: 7px 10px; }
  .org-identity-copy p { font-size: 1.05rem; }
  .org-identity-points { gap: 7px; }
  .org-identity-points span { font-size: .7rem; padding: 7px 10px; }
  .org-identity-showcase { padding: 21px 16px 23px; border-radius: 22px; }
  .org-showcase-intro { font-size: .9rem; }
  .org-app-icons { gap: 13px 5px; margin: 20px 0 0; }
  .org-app-icons a { flex-direction: column; align-items: center; gap: 8px; padding: 5px; text-align: center; }
  .org-app-icons img { flex-basis: auto; width: 90px; height: 90px; }
  .org-app-icons a > span { font-size: .72rem; }
  .org-systems-copy .lead { font-size: 1.14rem; }
  .org-systems-board { padding: 17px; }
  .org-service { grid-template-columns: 33px 1fr auto; gap: 9px; padding: 8px 10px; }
  .org-service-icon { width: 33px; height: 33px; }
  .org-pricing-heading { margin-bottom: 28px; }
  .org-pricing-includes ul { grid-template-columns: 1fr; gap: 15px; }
  .org-pricing-main, .org-pricing-includes { padding: 30px 25px; }
  .org-price strong { font-size: 4.5rem; }
  .org-final-panel { border-radius: 23px; }
  .org-final-copy { padding: 43px 25px 10px; }
  .org-final-copy h2 { font-size: clamp(2.55rem, 11vw, 3.6rem); }
  .org-final-art { min-height: 385px; }
  .org-final-art img { width: 225px; }
  .org-chip-one { right: 2%; }
  .org-chip-two { left: 3%; }
}
