/* Consolidated page-specific polish. Keep overrides in one place. */
#page-app .v2-cta-band:not(.v2-cta-band--maker) .v2-cta-band__inner {
  background-color:#fff!important;
  background-image:url("../../assets/home-visuals/app-growth-support-cta-20260914.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  border-color:#eef0f2!important;
}
#page-app .v2-cta-band:not(.v2-cta-band--maker) h2,
#page-app .v2-cta-band:not(.v2-cta-band--maker) p { color:#fff!important; }
#page-app .v2-cta-band:not(.v2-cta-band--maker) { padding-top:88px!important; }

@media (min-width:761px) {
  #page-app .v2-cta-band:not(.v2-cta-band--maker) .v2-cta-band__inner { align-items:flex-start!important; justify-content:center!important; flex-direction:column!important; gap:24px!important; }
  #page-app .v2-cta-band:not(.v2-cta-band--maker) .v2-cta-band__inner>div:first-child { max-width:680px!important; }
  #page-app .v2-cta-band:not(.v2-cta-band--maker) .v2-cta-band__actions { margin:0!important; }
}

#page-about .about-capability-story {
  width: 100%!important;
  padding: 0!important;
  border: 0!important;
  background: transparent!important;
  box-shadow: none!important;
  backdrop-filter: none!important;
}
#page-about .about-capability-cards {
  display: grid!important;
  grid-template-columns: repeat(3,minmax(0,1fr))!important;
  gap: 20px!important;
  margin: 0!important;
  padding: 0!important;
  border: 0!important;
  background: transparent!important;
}
#page-about .about-capability-card,
#page-about .about-capability-card:hover {
  min-width: 0!important;
  overflow: hidden!important;
  border: 1px solid #e6e8eb!important;
  border-radius: 22px!important;
  background: #fff!important;
  box-shadow: 0 14px 34px rgba(31,40,49,.08)!important;
  transform: translateY(0)!important;
  transition: transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
#page-about .about-capability-card__media {
  position: relative!important;
  aspect-ratio: 16 / 10!important;
  overflow: hidden!important;
  margin: 0!important;
  background: #f7f7f7!important;
}
#page-about .about-capability-card__media::after { display:none!important; }
#page-about .about-capability-card__media img {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
  transform: none!important;
  transition: transform .5s ease!important;
}
#page-about .about-capability-card__body {
  min-height: 190px!important;
  padding: 28px 28px 32px!important;
}
#page-about .about-capability-card h3 {
  margin: 0!important;
  color: #1d1d1f!important;
  font-size: clamp(24px,2.2vw,32px)!important;
  line-height: 1.3!important;
}
#page-about .about-capability-card p {
  margin: 16px 0 0!important;
  color: #666!important;
  font-size: 16px!important;
  line-height: 1.7!important;
}
@media (hover:hover) and (pointer:fine) {
  #page-about .about-capability-card:hover {
    border-color: #e6e8eb!important;
    box-shadow: 0 24px 48px rgba(31,40,49,.14)!important;
    transform: translateY(-10px)!important;
  }
  #page-about .about-capability-card:nth-child(2):hover { transform: translateY(-18px)!important; }
  #page-about .about-capability-card:nth-child(3):hover { transform: translateY(-12px)!important; }
  #page-about .about-capability-card:hover .about-capability-card__media img { transform: scale(1.045)!important; }
}
@media(max-width:900px) {
  #page-about .about-capability-cards { grid-template-columns: 1fr!important; }
  #page-about .about-capability-card { display: grid!important; grid-template-columns: minmax(260px,.9fr) minmax(0,1.1fr)!important; }
  #page-about .about-capability-card__body { min-height: 0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; }
}
@media(max-width:600px) {
  #page-about .about-capability-card { display:block!important; }
  #page-about .about-capability-card__body { padding:24px 22px 28px!important; }
  #page-about .about-capability-card h3 { font-size:24px!important; }
  #page-about .about-capability-card p { font-size:15px!important; }
}

#page-download .v2-page-intro { display:block!important; margin-bottom:32px!important; text-align:left!important; }
#page-download .v2-page-intro>div { display:block!important; }
#page-download .v2-page-intro h2 { margin:0!important; }
#page-download .v2-page-intro>p { max-width:760px!important; margin:16px 0 0!important; text-align:left!important; }
#page-download .download-grid { gap:20px!important; }
#page-download .download-card { min-height:380px!important; padding:28px 30px 26px!important; }
#page-download .download-icon { width:72px!important; height:72px!important; margin-bottom:20px!important; border-radius:18px!important; }
#page-download .download-icon img { width:48px!important; height:48px!important; }
#page-download .download-card h2 { margin-top:0!important; font-size:28px!important; }
#page-download .download-card p { min-height:0!important; margin-top:12px!important; }
#page-download .download-card .btn { margin-top:32px!important; }
#page-pricing .price-card,#page-pricing .price-card.featured,#page-pricing .price-card:hover { color:#4f5258!important; background:#f4f5f6!important; border-color:#e6e8eb!important; box-shadow:0 0 0 10px #fafafa,0 0 0 11px #eceeef,0 18px 40px rgba(28,31,36,.05)!important; }
#page-pricing .price-card>.btn,#page-pricing .price-card>.btn:hover { border:0!important; color:#555a61!important; background:#e4e7ea!important; box-shadow:none!important; }
#page-pricing .price-card:hover>.btn { color:#fff!important; background:linear-gradient(135deg,#ff8b42,#eb5518)!important; box-shadow:0 10px 24px rgba(235,85,24,.18)!important; }
#page-pricing .price-card:hover h2 { color:#60636a!important; background:#fafbfc!important; border-color:#e4e6e9!important; }
#page-pricing .price-card:hover .price,#page-pricing .price-card:hover .price span,#page-pricing .price-card:hover .price strong { color:#eb5518!important; }
#page-pricing .price-card:hover .price em { color:#6f7278!important; }
#page-pricing .price-card li::before { color:transparent!important; background:url("../../assets/icons/pricing-benefit-check.png") center / contain no-repeat!important; }

@media (hover:hover) and (pointer:fine) {
  #page-pricing .pricing-scroll-shell,#page-pricing .pricing-grid { background:#fff!important; }
  #page-pricing .price-card { border-color:#e6e8eb!important; }
  #page-pricing .price-card:hover { transform:translateY(-10px)!important; border-color:#e6e8eb!important; background:#f4f5f6!important; box-shadow:0 0 0 10px #fafafa,0 0 0 11px #eceeef,0 18px 40px rgba(28,31,36,.05)!important; }
  #page-pricing .price-card:nth-child(2):hover { transform:translateY(-18px)!important; }
  #page-pricing .price-card:hover h2 { border-color:#e4e6e9!important; color:#60636a!important; background:#fafbfc!important; }
  #page-pricing .price-card:hover :is(.price,.price span,.price strong) { color:#eb5518!important; }
  #page-pricing .price-card:hover .price em { color:#6f7278!important; }
  #page-pricing .price-card:hover>p,#page-pricing .price-card:hover .save,#page-pricing .price-card:hover>ul::before,#page-pricing .price-card:hover li { color:#4f5258!important; }
  #page-pricing .price-card:hover>p,#page-pricing .price-card:hover .save { color:#777a80!important; }
  #page-pricing .price-card:hover>ul { border-top-color:#dfe2e6!important; }
  #page-pricing .price-card:hover li { border-bottom-color:#eceef0!important; }
  #page-pricing .price-card:hover li::before { color:transparent!important; background:url("../../assets/icons/pricing-benefit-check.png") center / contain no-repeat!important; }
  #page-pricing .price-card:hover>.btn,#page-pricing .price-card:hover>.btn:hover { border:0!important; color:#fff!important; background:linear-gradient(135deg,#ff8b42,#eb5518)!important; box-shadow:0 10px 24px rgba(235,85,24,.18)!important; }
}

#page-pricing > .section {
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 56% 38% at 50% 42%, rgba(255,172,88,.3) 0%, rgba(255,211,166,.18) 42%, rgba(255,255,255,0) 76%),
    radial-gradient(ellipse 74% 52% at 50% 58%, rgba(255,235,216,.72) 0%, rgba(255,249,244,.36) 52%, rgba(255,255,255,0) 80%),
    #fff!important;
}
#page-pricing :is(.pricing-scroll-wrap,.pricing-scroll-shell,.pricing-grid) { background:transparent!important; }
#page-pricing .price-card,
#page-pricing .price-card.featured { background:#fff!important; box-shadow:none!important; }
@media (hover:hover) and (pointer:fine) {
  #page-pricing .price-card:hover,
  #page-pricing .price-card.featured:hover {
    transform:translateY(-6px)!important;
    background:#fff!important;
    box-shadow:0 22px 52px rgba(139,70,29,.16)!important;
  }
}

#page-app .app-training-system .app-stats-row { position:relative; grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-template-areas:"phase domains . ." "sustain family . ."!important; grid-template-rows:repeat(2,minmax(220px,1fr))!important; gap:10px!important; min-height:500px; padding:20px; overflow:hidden; border-radius:28px; background:#dbe9f2 url("../../assets/maker-v3/maker-purpose.png") right center/cover no-repeat; box-shadow:0 16px 42px rgba(31,40,49,.1); }
#page-app .app-training-system .app-stats-row:after { position:absolute; inset:0; z-index:0; content:""; background:linear-gradient(90deg,rgba(61,126,176,.18),rgba(61,126,176,0) 72%); pointer-events:none; }
#page-app .app-training-system .app-stats-row { background-color:#dbe9f2!important; background-image:none!important; }
#page-app .app-training-system__bg { position:absolute; inset:0; z-index:0; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0; pointer-events:none; transition:opacity .8s ease; }
#page-app .app-training-system__bg.is-active { opacity:1; }
#page-app .app-training-system .app-training-card { z-index:1; }
#page-app .app-training-card,#page-app .app-training-card:hover { position:relative; z-index:1; min-height:0!important; display:grid!important; grid-template-columns:62px minmax(0,1fr); grid-template-rows:auto auto auto; align-content:start; column-gap:14px; row-gap:10px; padding:18px!important; border:0!important; border-radius:20px!important; background:rgba(255,255,255,.94)!important; box-shadow:0 10px 22px rgba(31,40,49,.08)!important; transform:none!important; transition:none!important; backdrop-filter:blur(8px); }
#page-app .app-training-card__visual { grid-column:1; grid-row:1; align-self:center; min-height:62px!important; width:62px; padding:0!important; place-items:start!important; }
#page-app .app-training-card__visual:before,#page-app .app-training-card__visual:after { display:none!important; }
#page-app .app-training-card__visual img { width:62px!important; height:62px; border-radius:18px; object-fit:cover; filter:none; transform:none!important; transition:none!important; }
#page-app .app-training-card__content { display:contents!important; padding:0!important; }
#page-app .app-training-card__content strong { grid-column:2; grid-row:1; align-self:center; margin:0!important; font-size:23px!important; }
#page-app .app-training-card__content>p { grid-column:1 / -1; grid-row:2; margin:0!important; font-size:14px!important; font-weight:400; line-height:1.65; }
#page-app .app-training-card__tags { grid-column:1 / -1; grid-row:3; gap:6px!important; margin:0!important; padding-top:0!important; }
#page-app .app-training-card__tags li { min-height:28px!important; padding:4px 10px!important; border-radius:999px!important; color:#62666d!important; background:rgba(245,247,249,.96)!important; font-size:12px!important; font-weight:400; }
#page-app .app-training-card--orange .app-training-card__tags li { color:#f15a24!important; background:#fff2ec!important; }
#page-app .app-training-card--blue .app-training-card__tags li { color:#2785e8!important; background:#edf6ff!important; }
#page-app .app-training-card--green .app-training-card__tags li { color:#25a85a!important; background:#edfbf1!important; }
#page-app .app-training-card--red .app-training-card__tags li { color:#ef5361!important; background:#fff0f2!important; }
#page-app [data-section-label]::before,#page-app [data-section-label]::after { display:none!important; }
#page-app .app-training-system__head { display:block; margin-bottom:24px; }
#page-app .app-section-subtitle { max-width:680px; margin:14px 0 0; color:#6e7075; font-size:16px; font-weight:400; line-height:1.75; }
#page-app .app-advantage-list { gap:12px!important; margin-top:28px!important; }
#page-app .app-advantage-list article { gap:14px; min-height:170px; padding:24px!important; }
#page-app .app-advantage-list h3 { font-weight:200!important; }
#page-app .app-advantage-list p,#page-app .app-advantage-list article>span:not(.app-card-icon),#page-app .app-advantage-tags span { font-weight:200!important; }
#page-app .app-advantage-tags { gap:6px!important; }
#page-app .app-advantage-tags span { padding:5px 10px!important; border-color:#dfe3e7!important; }

/* Keep the original rounded-square artwork intact in the product positioning cards. */
#page-app .app-position-grid .app-card-icon.app-icon-holder--image { overflow:visible!important; border-radius:0!important; background:transparent!important; }
#page-app .app-position-grid .app-card-icon.app-icon-holder--image .app-icon-image { display:block!important; width:100%!important; height:100%!important; border-radius:0!important; object-fit:contain!important; }

#page-maker .maker-source { background:#f5f6f7!important; }
#page-maker .maker-source__inner>.maker-subtitle { margin:14px 0 30px; color:#6e7075; font-size:16px; font-weight:400; }
#page-maker .maker-source-card { position:relative; min-height:460px; overflow:hidden; border-radius:36px; background:#dceaf1; box-shadow:0 20px 50px rgba(31,40,49,.08); isolation:isolate; }
#page-maker .maker-source-card__visual { position:absolute; inset:0; margin:0; overflow:hidden; }
#page-maker .maker-source-card__visual img { width:100%; height:100%; object-fit:cover; transform:scale(1.08); transition:transform .6s cubic-bezier(.22,1,.36,1); }
#page-maker .maker-source-card:hover .maker-source-card__visual img { transform:scale(1.12); }
#page-maker .maker-source-card__visual .maker-source-carousel__layer { position:absolute; inset:0; opacity:0; transform:scale(1.08); transition:opacity .8s ease,transform .6s cubic-bezier(.22,1,.36,1); }
#page-maker .maker-source-card__visual .maker-source-carousel__layer.is-active { opacity:1; }
#page-maker .maker-source-card:hover .maker-source-card__visual .maker-source-carousel__layer.is-active { transform:scale(1.12); }
#page-maker .maker-source-card__panel { position:absolute; z-index:1; top:32px; right:32px; bottom:32px; width:min(46%,580px); display:flex; flex-direction:column; justify-content:flex-start; padding:clamp(30px,3.2vw,48px); border:1px solid rgba(255,255,255,.62); border-radius:32px; background:rgba(245,250,250,.84); box-shadow:0 16px 40px rgba(28,43,49,.12); backdrop-filter:blur(18px) saturate(115%); }
#page-maker .maker-source-card__panel h3 { margin:0 0 22px; color:#17191d; font-size:clamp(22px,2vw,28px); line-height:1.4; }
#page-maker .maker-source-card__panel p { margin:0; color:#30343a; font-size:17px; font-weight:400; line-height:1.75; }
#page-maker .maker-source-card__panel p+p { margin-top:8px; }

#page-maker .maker-opportunity__grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr); gap:28px; }
#page-maker .maker-opportunity__visual { position:relative; min-height:0; align-self:stretch; overflow:hidden; margin:0; border-radius:28px; background:#e9e1d8; box-shadow:0 20px 50px rgba(31,40,49,.1); isolation:isolate; }
#page-maker .maker-opportunity__visual:after { position:absolute; right:0; bottom:0; left:0; height:46%; content:""; background:linear-gradient(180deg,transparent,rgba(28,24,21,.72)); pointer-events:none; }
#page-maker .maker-opportunity__visual img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.22,1,.36,1); }
#page-maker .maker-opportunity__visual:hover img { transform:scale(1.035); }
#page-maker .maker-opportunity__visual figcaption { position:absolute; z-index:1; right:34px; bottom:32px; left:34px; color:#fff; font-size:17px; font-weight:400; line-height:1.75; }
#page-maker .maker-opportunity__cards { display:grid; align-self:start; align-content:start; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:max-content; gap:18px; }
#page-maker .maker-opportunity__cards article { min-height:0; display:flex; flex-direction:column; justify-content:flex-start; gap:16px; padding:20px 22px; border-radius:22px!important; background:#fff!important; box-shadow:0 12px 34px rgba(31,40,49,.07)!important; }
#page-maker .maker-opportunity-card__visual { width:58px; height:58px; display:grid; place-items:center; border-radius:18px; font-size:14px; font-weight:600; }
#page-maker .maker-opportunity-card__visual--orange { color:#f15a24; background:#fff0e8; } #page-maker .maker-opportunity-card__visual--blue { color:#3d8be8; background:#eaf4ff; } #page-maker .maker-opportunity-card__visual--green { color:#25a96a; background:#eaf9f0; } #page-maker .maker-opportunity-card__visual--pink { color:#ed6f87; background:#fff0f3; }
#page-maker .maker-opportunity-card__image { display:block; width:72px; height:56px; object-fit:contain; object-position:left center; }
#page-maker .maker-opportunity__cards article h3 { margin:0 0 10px; font-size:22px; } #page-maker .maker-opportunity__cards article p { margin:0; color:#6e7075; font-size:15px; font-weight:400; line-height:1.7; }
#page-maker .maker-opportunity__inner>.maker-note { display:none!important; }

#page-maker .maker-goal { background:#f5f6f7!important; }
#page-maker .maker-goal__stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:34px; }
#page-maker .maker-goal__stats>div { position:relative; min-height:280px; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; padding:30px 34px; border-radius:22px!important; background:rgba(255,255,255,.88)!important; box-shadow:0 14px 36px rgba(31,40,49,.08)!important; }
#page-maker .maker-goal-card__icon { position:relative; z-index:1; width:68px; height:68px; display:grid; place-items:center; margin-bottom:24px; border:6px solid #fff; border-radius:50%; color:#fff; background:linear-gradient(145deg,#ff7b2e,#ef4f13); box-shadow:0 8px 18px rgba(241,90,56,.24); }
#page-maker .maker-goal-card__icon svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:2.2; }
#page-maker .maker-goal__stats strong { z-index:1; color:#f15a24!important; font-size:28px!important; }
#page-maker .maker-goal__stats>div>span:not(.maker-goal-card__icon),#page-maker .maker-goal__stats p { z-index:1; font-weight:400; }

/* Calm, alternating surfaces make the public pages easier to scan. */
#page-about .about-story-section,
#page-app .app-core-value,
#page-app .app-feature-tabs,
#page-app .v2-cta-band:not(.v2-cta-band--maker),
#page-maker .maker-purpose,
#page-maker .maker-source,
#page-maker .maker-goal,
#page-download>.section,
#page-news .news-section,
#page-contact>.section { background:#f5f6f7!important; }

#page-app .app-hero,
#page-app .app-training-system,
#page-app .app-advantage,
#page-maker .maker-hero,
#page-maker .maker-culture,
#page-maker .maker-opportunity,
#page-news-detail .news-article-section { background:#fff!important; }

#page-contact .contact-list { gap:14px; margin-top:28px; padding:0; border:0; }
#page-contact .contact-list>div { padding-top:0; border:0; }
#page-contact .contact-list strong { margin-top:2px; }
#page-contact .v2-contact-promises { gap:8px; margin-top:24px; }

.media-carousel-dots { position:absolute; z-index:3; display:flex; align-items:center; gap:8px; }
.media-carousel-dots button { width:8px; height:8px; border:0; border-radius:50%; padding:0; color:transparent; background:rgba(255,255,255,.58); box-shadow:0 1px 6px rgba(20,30,38,.18); transition:width .22s ease,background .22s ease,transform .22s ease; }
.media-carousel-dots button[aria-pressed="true"] { width:22px; border-radius:999px; background:#f15a24; }
.media-carousel-dots button:hover { transform:scale(1.12); }
.media-carousel-dots button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
#page-app .media-carousel-dots--training { bottom:28px; left:calc(50% + 32px); right:auto; }
#page-app .app-training-system .app-stats-row > .media-carousel-dots--training,
#page-app .app-training-system .app-stats-row > .media-carousel-dots--training:hover {
  width:auto;
  height:8px;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
  transition:none;
}
#page-maker .media-carousel-dots--maker-source { bottom:28px; left:32px; }

/* App feature navigation: one quiet stage with content cards below. */
#page-app .app-feature-tabs { padding:84px 0 96px!important; background:#fff!important; }
#page-app .app-feature-tabs__head { max-width:760px; margin:0 0 34px!important; }
#page-app .app-feature-tabs__head h2 { margin:0!important; color:#1d1f24!important; font-size:clamp(34px,3.5vw,46px)!important; font-weight:400!important; line-height:1.25!important; }
#page-app .app-feature-tabs__head p { max-width:660px; margin:14px 0 0!important; color:#737780!important; font-size:16px!important; font-weight:300!important; line-height:1.75!important; }
#page-app .app-feature-showcase { --app-feature-rail:260px; position:relative; padding:36px; isolation:isolate; }
#page-app .app-feature-showcase::before { position:absolute; z-index:0; top:0; right:0; left:0; height:456px; border-radius:32px; content:""; background:#eceef7; }
#page-app .app-feature-showcase>* { position:relative; z-index:1; }
#page-app .app-feature-tablist { position:absolute!important; z-index:2; top:36px; left:36px; width:var(--app-feature-rail); display:flex!important; flex-direction:column!important; gap:10px!important; overflow:visible!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
#page-app .app-feature-tab { width:100%!important; min-height:68px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; padding:14px 20px!important; border:1px solid rgba(255,255,255,.62)!important; border-radius:12px!important; color:#767b85!important; background:rgba(255,255,255,.3)!important; box-shadow:none!important; font-size:19px!important; font-weight:400!important; letter-spacing:0!important; text-align:left!important; transition:background .22s ease,color .22s ease,box-shadow .22s ease!important; }
#page-app .app-feature-tab svg { display:none!important; width:26px!important; height:26px!important; flex:none!important; color:#6d71d6!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; }
#page-app .app-feature-tab.is-active { color:#1e2026!important; background:#fff!important; box-shadow:0 10px 24px rgba(45,49,76,.1)!important; }
#page-app .app-feature-tab.is-active svg { display:block!important; }
#page-app .app-feature-tab:hover,#page-app .app-feature-tab:focus-visible { color:#1e2026!important; background:#fff!important; box-shadow:0 10px 24px rgba(45,49,76,.1)!important; }
#page-app .app-feature-tab.is-active:hover { color:#1e2026!important; background:#fff!important; }
#page-app .app-feature-panels { min-width:0!important; margin:0!important; padding-left:calc(var(--app-feature-rail) + 20px)!important; }
#page-app .app-feature-panel:not([hidden]) { min-width:0!important; min-height:390px!important; display:grid!important; grid-template-columns:minmax(220px,.84fr) minmax(320px,1.16fr)!important; grid-template-rows:minmax(390px,auto) auto auto!important; column-gap:34px!important; row-gap:26px!important; align-items:stretch!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
#page-app .app-feature-panel__intro { grid-column:1!important; grid-row:1!important; align-self:center!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; margin:0!important; padding:6px 0!important; }
#page-app .app-feature-panel__intro .app-section-icon { width:52px!important; height:52px!important; display:grid!important; place-items:center!important; margin:0 0 18px!important; border:0!important; border-radius:16px!important; color:#625fd4!important; background:#e9e9ff!important; box-shadow:none!important; }
#page-app .app-feature-panel__intro .app-section-icon svg { width:26px!important; height:26px!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; }
#page-app .app-feature-kicker { margin:0 0 10px!important; color:#767b85!important; font-size:14px!important; font-weight:300!important; line-height:1.5!important; }
#page-app .app-feature-panel__intro h3 { margin:0!important; color:#17191e!important; font-size:clamp(28px,2.7vw,38px)!important; font-weight:400!important; line-height:1.25!important; }
#page-app .app-feature-panel__intro>p:not(.app-feature-kicker) { max-width:420px!important; margin:16px 0 0!important; color:#565b65!important; font-size:16px!important; font-weight:300!important; line-height:1.8!important; }
#page-app .app-feature-panel__action { min-width:0!important; min-height:46px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:26px 0 0!important; padding:0 22px!important; border:1px solid rgba(255,255,255,.8)!important; border-radius:999px!important; color:#666b75!important; background:#fff!important; box-shadow:0 8px 20px rgba(40,44,66,.07)!important; font-size:14px!important; font-weight:600!important; line-height:1!important; text-decoration:none!important; transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important; }
#page-app .app-feature-panel__action:hover { color:#fff!important; background:#f15a24!important; box-shadow:0 10px 24px rgba(241,90,36,.22)!important; transform:translateY(-2px)!important; }
#page-app .app-feature-panel__visual { grid-column:2!important; grid-row:1!important; min-height:390px!important; overflow:hidden!important; margin:0!important; border:0!important; border-radius:24px!important; background:#dde2f0!important; box-shadow:0 16px 34px rgba(38,43,67,.12)!important; }
#page-app .app-feature-panel__visual img { width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; object-position:center!important; transform:none!important; }
#page-app .app-feature-panel__visual--screen img { object-position:center 42%!important; }
#page-app .app-feature-panel__visual--phone { display:grid!important; place-items:center!important; background:linear-gradient(145deg,#e7ecfa,#d7ddef)!important; }
#page-app .app-feature-panel__visual--phone img { width:86%!important; height:86%!important; object-fit:contain!important; }
/* Uploaded feature posters form the stage beneath the active function tab. */
#page-app .app-feature-panel:not([hidden]) { position:relative!important; overflow:visible!important; isolation:isolate; }
#page-app .app-feature-panel__visual { position:absolute!important; z-index:0!important; top:-36px!important; left:calc(0px - var(--app-feature-rail) - 56px)!important; width:calc(100% + var(--app-feature-rail) + 92px)!important; height:456px!important; min-height:0!important; overflow:hidden!important; border:0!important; border-radius:32px!important; background:#e7eef6!important; box-shadow:none!important; grid-column:auto!important; grid-row:auto!important; }
#page-app .app-feature-panel__visual img,#page-app .app-feature-panel__visual--phone img { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; }
/* The parent-companion slide previously kept its legacy phone mockup sizing. */
#page-app #appFeaturePanelParent .app-feature-panel__visual--phone { height:456px!important; border-radius:32px!important; background:#e7eef6!important; }
#page-app #appFeaturePanelParent .app-feature-panel__visual--phone img { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; }
#page-app .app-feature-panel__intro,#page-app .app-feature-panel__cards,#page-app .app-feature-mini-grid,#page-app .app-feature-panel__note { position:relative!important; z-index:1!important; }
#page-app .app-feature-panel__cards,#page-app .app-feature-mini-grid { grid-column:1 / -1!important; width:calc(100% + var(--app-feature-rail) + 20px)!important; display:grid!important; margin:0 0 0 calc(-1 * (var(--app-feature-rail) + 20px))!important; }
#page-app .app-feature-panel__cards { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; }
#page-app .app-feature-panel__cards--four { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
#page-app .app-module-card { min-height:180px!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-start!important; padding:22px!important; border:1px solid #edf0f3!important; border-radius:18px!important; background:#fff!important; box-shadow:0 12px 28px rgba(36,42,57,.07)!important; }
#page-app .app-module-card .app-card-icon { width:46px!important; height:46px!important; display:grid!important; place-items:center!important; margin:0 0 16px!important; border-radius:14px!important; color:#6d71d6!important; background:#edecff!important; }
#page-app .app-module-card .app-card-icon svg { width:23px!important; height:23px!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; }
#page-app .app-module-card h4 { margin:0!important; color:#202329!important; font-size:19px!important; font-weight:400!important; line-height:1.4!important; }
#page-app .app-module-card p { margin:10px 0 0!important; color:#737780!important; font-size:14px!important; font-weight:300!important; line-height:1.7!important; }
#page-app .app-feature-mini-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; }
#page-app .app-feature-mini-grid span { min-height:74px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; padding:12px!important; border:1px solid #edf0f3!important; border-radius:16px!important; color:#454a54!important; background:#fff!important; box-shadow:0 10px 22px rgba(36,42,57,.06)!important; font-size:14px!important; font-weight:300!important; }
#page-app .app-feature-mini-grid svg { width:19px!important; height:19px!important; flex:none!important; color:#6d71d6!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; }
#page-app .app-feature-panel__note { grid-column:1 / -1!important; width:calc(100% + var(--app-feature-rail) + 20px)!important; margin:0 0 0 calc(-1 * (var(--app-feature-rail) + 20px))!important; padding:17px 24px!important; border:0!important; border-radius:12px!important; color:#fff!important; background:#f15a24!important; box-shadow:0 14px 28px rgba(241,90,36,.16)!important; font-size:14px!important; font-weight:300!important; line-height:1.65!important; text-align:center!important; }
/* Keep all playground categories on one desktop row and soften its summary bar. */
#page-app #appFeaturePanelPlayground .app-feature-mini-grid { grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:12px!important; }
#page-app #appFeaturePanelPlayground .app-feature-panel__note { color:#f15a24!important; background:#fff1e8!important; box-shadow:none!important; }

@media(max-width:1040px) {
  #page-app .app-feature-showcase { --app-feature-rail:230px; padding:28px; }
  #page-app .app-feature-showcase::before { height:434px; border-radius:28px; }
  #page-app .app-feature-tablist { top:28px; left:28px; }
  #page-app .app-feature-tab { min-height:64px!important; padding:12px 16px!important; font-size:16px!important; }
  #page-app .app-feature-panels { padding-left:calc(var(--app-feature-rail) + 26px)!important; }
  #page-app .app-feature-panel:not([hidden]) { grid-template-columns:minmax(190px,.86fr) minmax(270px,1.14fr)!important; column-gap:24px!important; }
  #page-app .app-feature-panel__visual { top:-28px!important; left:calc(0px - var(--app-feature-rail) - 54px)!important; width:calc(100% + var(--app-feature-rail) + 82px)!important; height:434px!important; border-radius:28px!important; }
  #page-app #appFeaturePanelParent .app-feature-panel__visual--phone { height:434px!important; border-radius:28px!important; }
  #page-app .app-feature-panel__cards,#page-app .app-feature-mini-grid,#page-app .app-feature-panel__note { width:calc(100% + var(--app-feature-rail) + 26px)!important; margin-left:calc(-1 * (var(--app-feature-rail) + 26px))!important; }
  #page-app .app-feature-panel__cards { gap:14px!important; }
  #page-app .app-module-card { min-height:170px!important; padding:20px!important; }
}

@media(max-width:760px) {
  #page-app .app-feature-tabs { padding:58px 0 64px!important; }
  #page-app .app-feature-tabs__head { margin-bottom:24px!important; }
  #page-app .app-feature-tabs__head h2 { font-size:32px!important; }
  #page-app .app-feature-showcase { display:block!important; padding:20px!important; border-radius:24px!important; background:#eceef7!important; }
  #page-app .app-feature-showcase::before { display:none!important; }
  #page-app .app-feature-tablist { position:relative!important; top:auto!important; left:auto!important; width:auto!important; display:flex!important; flex-direction:row!important; overflow:auto!important; gap:8px!important; margin:0 0 20px!important; padding:0 1px 4px!important; }
  #page-app .app-feature-tab { min-width:134px!important; min-height:48px!important; justify-content:center!important; padding:10px 14px!important; font-size:14px!important; white-space:nowrap!important; }
  #page-app .app-feature-tab svg { width:19px!important; height:19px!important; }
  #page-app .app-feature-panels { padding-left:0!important; }
  #page-app .app-feature-panel:not([hidden]) { min-height:0!important; display:flex!important; flex-direction:column!important; gap:20px!important; }
  #page-app .app-feature-panel__intro { display:block!important; padding:4px 2px!important; }
  #page-app .app-feature-panel__intro .app-section-icon { margin-bottom:14px!important; }
  #page-app .app-feature-panel__intro h3 { font-size:30px!important; }
  #page-app .app-feature-panel__visual { min-height:0!important; height:auto!important; aspect-ratio:16 / 10!important; }
  #page-app .app-feature-panel__visual--phone { aspect-ratio:4 / 3!important; }
  #page-app #appFeaturePanelParent .app-feature-panel__visual--phone { height:auto!important; border-radius:18px!important; }
  #page-app .app-feature-panel__visual { position:relative!important; z-index:auto!important; top:auto!important; left:auto!important; width:100%!important; border-radius:18px!important; grid-column:auto!important; grid-row:auto!important; }
  #page-app .app-feature-panel__cards,#page-app .app-feature-mini-grid,#page-app .app-feature-panel__note { width:auto!important; margin-left:0!important; }
  #page-app .app-feature-panel__cards { grid-template-columns:1fr!important; gap:12px!important; }
  #page-app .app-feature-panel__cards--four { grid-template-columns:1fr!important; }
  #page-app .app-feature-mini-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  #page-app #appFeaturePanelPlayground .app-feature-mini-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #page-app .app-module-card { min-height:0!important; padding:20px!important; }
  #page-app .app-feature-mini-grid span { min-height:64px!important; font-size:13px!important; }
  #page-app .app-feature-panel__note { padding:15px 18px!important; font-size:13px!important; text-align:left!important; }
}

@media(prefers-reduced-motion:reduce) { #page-app .app-training-system__bg,#page-maker .maker-source-card__visual .maker-source-carousel__layer { transition:none; } }
@media(max-width:680px) { #page-app .app-training-system .app-stats-row { grid-template-columns:1fr!important; grid-template-areas:"phase" "domains" "sustain" "family"!important; grid-template-rows:auto!important; min-height:0; padding:16px; border-radius:24px; background-position:center; } #page-app .app-training-card { min-height:0!important; padding:16px!important; } #page-maker .maker-source-card { min-height:600px; border-radius:24px; } #page-maker .maker-source-card__panel { top:auto; right:14px; bottom:14px; left:14px; width:auto; padding:22px; border-radius:20px; } #page-maker .maker-source-card__panel h3 { font-size:20px; } #page-maker .maker-source-card__panel p { font-size:14px; } #page-maker .maker-opportunity__grid { grid-template-columns:1fr; gap:18px; } #page-maker .maker-opportunity__visual { min-height:0; aspect-ratio:16 / 10; } #page-maker .maker-opportunity__cards { align-self:stretch; align-content:start; grid-auto-rows:max-content; gap:12px; } #page-maker .maker-opportunity__cards article { min-height:0; padding:18px; } #page-maker .maker-opportunity__cards article h3 { font-size:17px; } #page-maker .maker-opportunity__cards article p { font-size:13px; } #page-maker .maker-goal__stats { grid-template-columns:1fr; gap:14px; margin-top:26px; } #page-maker .maker-goal__stats>div { min-height:230px; padding:24px; } #page-app .media-carousel-dots--training { right:auto; bottom:18px; left:22px; } #page-maker .media-carousel-dots--maker-source { bottom:18px; left:22px; } }

/* Mini-program QR code follows the experience action rather than the card hover. */
#page-download .download-card[data-download-platform="miniprogram"] .download-action-wrap {
  position: relative;
  align-self: flex-start;
  margin-top: 32px;
}

#page-download .download-card[data-download-platform="miniprogram"] .download-action-wrap [data-download-action] {
  margin-top: 0 !important;
}

#page-download .download-card[data-download-platform="miniprogram"] .download-action-wrap .qr-pop {
  top: auto;
  right: auto;
  bottom: calc(100% + 12px);
  left: 0;
  z-index: 6;
  width: 156px;
  height: 156px;
  padding: 12px;
  border: 1px solid #eef0f2;
  border-radius: 12px;
  box-shadow: 0 14px 30px rgba(28, 31, 36, 0.14);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
}

#page-download .download-card[data-download-platform="miniprogram"]:hover .qr-pop {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
}

#page-download .download-card[data-download-platform="miniprogram"] .download-action-wrap:hover .qr-pop,
#page-download .download-card[data-download-platform="miniprogram"] .download-action-wrap:focus-within .qr-pop,
#page-download .download-card[data-download-platform="miniprogram"].is-qr-open .qr-pop {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

#page-download .download-card[data-download-platform="miniprogram"] .download-action-wrap .qr-pop img {
  width: 128px;
  height: auto;
}

@media (max-width: 680px) {
  #page-download .download-card[data-download-platform="miniprogram"] .download-action-wrap .qr-pop {
    width: 144px;
    height: 144px;
  }

  #page-download .download-card[data-download-platform="miniprogram"] .download-action-wrap .qr-pop img {
    width: 116px;
    height: auto;
  }
}

/* Public section headings are centered; banners, CTA bands, and card copy remain unchanged. */
#page-home .reference-process > header,
#page-home .reference-about__intro > h2,
#page-about .about-story__copy > :is(.about-kicker, h2),
#page-app .app-feature-tabs__head,
#page-download .v2-page-intro,
#page-pricing .v2-page-intro,
#page-contact .contact-info > :is(h2, p:first-of-type) {
  text-align: center !important;
}

#page-home .reference-process > header > p,
#page-app .app-feature-tabs__head > p,
#page-contact .contact-info > p:first-of-type {
  margin-left: auto !important;
  margin-right: auto !important;
}

#page-app :is(.app-core-value__inner, .app-training-system__inner, .app-advantage__inner)[data-section-label] {
  text-align: center;
}

#page-app :is(.app-core-value__inner, .app-training-system__inner, .app-advantage__inner)[data-section-label]::after {
  display: none;
}

#page-app :is(.app-core-value__inner, .app-training-system__inner, .app-advantage__inner) > :is(h2, .app-section-subtitle),
#page-app .app-training-system__head :is(h2, .app-training-system__lead) {
  text-align: center;
}

#page-app :is(.app-section-subtitle, .app-training-system__lead, .app-feature-tabs__head > p) {
  margin-left: auto !important;
  margin-right: auto !important;
}

#page-app .app-training-system__head {
  display: block !important;
}

#page-app :is(.app-value-grid, .app-stats-row, .app-advantage-list) {
  text-align: left;
}

#page-maker :is(.maker-purpose__inner, .maker-culture__inner, .maker-source__inner, .maker-opportunity__inner, .maker-goal__inner) > :is(h2, .maker-subtitle) {
  text-align: center;
}

#page-maker :is(.maker-purpose__inner, .maker-culture__inner, .maker-source__inner, .maker-opportunity__inner, .maker-goal__inner) > .maker-subtitle {
  margin-left: auto !important;
  margin-right: auto !important;
}

#page-download .v2-page-intro,
#page-pricing .v2-page-intro {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 0 !important;
}

#page-download .v2-page-intro > div,
#page-download .v2-page-intro h2,
#page-download .v2-page-intro > p,
#page-pricing .v2-page-intro > div,
#page-pricing .v2-page-intro h2,
#page-pricing .v2-page-intro > p {
  text-align: center !important;
}

#page-download .v2-page-intro > p,
#page-pricing .v2-page-intro > p {
  margin: 16px auto 0 !important;
}

#page-home .reference-about__intro > h2,
#page-about .about-story__copy > :is(.about-kicker, h2) {
  text-align: center !important;
}

/* Center the heading boxes themselves instead of only centering their text. */
#page-app :is(
  .app-core-value__inner > h2,
  .app-training-system__head h2,
  .app-advantage__inner > h2,
  .app-feature-tabs__head h2
),
#page-maker :is(
  .maker-purpose__inner,
  .maker-culture__inner,
  .maker-source__inner,
  .maker-opportunity__inner,
  .maker-goal__inner
) > h2 {
  width: 100%;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  white-space: normal !important;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

#page-app .app-feature-tabs__head {
  width: 100%;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}