/* N3CA+ LOOK — html.n3x (assets/revamp/n3ca-x.js). Home's style on the N3CA product sections. */
.n3x { --n3-frame: rgba(17, 19, 31, .07); --n3-line: #e3e4ea; --n3-night: #0e1020; --n3-nline: rgba(255, 255, 255, .1); --n3-grey: #555a6b; }
.n3x .n3G { color: transparent; background: linear-gradient(90deg, currentColor 0 50%, #a3a7b3 50% 100%) 100% 0 / 200% 100% no-repeat; -webkit-background-clip: text; background-clip: text; transition: background-position .9s cubic-bezier(.65, 0, .35, 1); }
.n3x .n3dHero__title .n3G, .n3x .n3dOrg__title .n3G, .n3x .solHead__title .n3G { background-image: linear-gradient(90deg, #11131f 0 50%, #a3a7b3 50% 100%); }
.n3x .solStep__title .n3G { background-image: linear-gradient(90deg, #fff 0 50%, rgba(255, 255, 255, .42) 50% 100%); }
.n3x h1:hover .n3G, .n3x h2:hover .n3G { background-position: 0 0; }
.n3x .n3xNo { display: block; font: 500 12px/1 "JetBrains Mono", ui-monospace, monospace; letter-spacing: .04em; color: #4a3dcc; margin-bottom: 28px; }
.n3x .n3dOrg__eyebrow, .n3x .solStep__eyebrow, .n3x .n3dBiz .solPill, .n3x .n3dFits .solPill { display: none !important; }
/* frame lines on the white sections */
.n3x .n3dHero, .n3x .n3dOrg, .n3x .n3dBiz, .n3x .n3dFits { position: relative; isolation: isolate; background: #fff !important; }
.n3x .n3dHero::before, .n3x .n3dOrg::before, .n3x .n3dBiz::before, .n3x .n3dFits::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--pad-x); right: var(--pad-x); z-index: -1; pointer-events: none; border-left: 1px solid var(--n3-frame); border-right: 1px solid var(--n3-frame); }
.n3x .n3dHero::after, .n3x .n3dOrg::after, .n3x .n3dBiz::after, .n3x .n3dFits::after { content: none !important; }
/* hero: centred copy, product logo on top, one screen tall with the logo row at its bottom */
.n3x .n3dHero { display: flex !important; flex-direction: column !important; min-height: 100vh; padding: 72px 0 0 !important; box-sizing: border-box; gap: 0 !important; grid-template-columns: none !important; }
.n3x .n3dHero__visual { display: none !important; }
.n3x .n3dHero__col { flex: 1 1 auto; display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 24px !important; max-width: 980px; width: auto !important; margin: 0 auto; padding: 48px var(--pad-x) !important; box-sizing: border-box; }
.n3x .n3dHero__logo img { height: 40px; width: auto; display: block; }
.n3x .n3dHero__title { margin: 0 !important; color: #11131f !important; font-weight: 500 !important; letter-spacing: -.03em !important; font-size: clamp(40px, 4.6vw, 70px) !important; line-height: 1.05 !important; text-wrap: balance; max-width: 18ch; }
.n3x .n3dHero__text { margin: 0 !important; color: var(--n3-grey) !important; max-width: 640px; font-size: 18px !important; line-height: 1.6 !important; }
.n3x .n3dHero__actions { justify-content: center; margin-top: 8px; }
.n3x .n3xLogos { flex: none; width: 100%; margin: 0 !important; border-top: 1px solid var(--n3-line); border-bottom: 1px solid var(--n3-line); padding: 56px calc(var(--pad-x) + 24px) 64px !important; box-sizing: border-box; display: block !important; background: transparent !important; }
.n3x .n3xLogos .chosen__title { margin: 0 0 40px !important; text-align: center; }
.n3x .n3xLogos .chosen__row { justify-content: space-around !important; }
/* across your organization: heading, then a 4-up hairline board */
.n3x .n3dOrg { min-height: 0 !important; height: auto !important; padding: clamp(96px, 10vw, 144px) var(--pad-x) !important; }
.n3x .n3dOrg__wrap { max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; }
.n3x .n3dOrg__head { margin: 0 0 56px !important; padding: 0 24px; max-width: 760px; text-align: left; align-items: flex-start !important; }
.n3x .n3dOrg__title, .n3x .solHead__title { color: #11131f !important; font-weight: 500 !important; letter-spacing: -.03em !important; font-size: clamp(34px, 3.6vw, 56px) !important; line-height: 1.08 !important; margin: 0 !important; text-align: left !important; }
.n3x .n3dOrg__grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 1px solid var(--n3-line); border-bottom: 1px solid var(--n3-line); }
.n3x .n3dOrgCard, .n3x .n3dBizItem, .n3x .n3dFitsCard { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 32px 24px 48px !important; margin: 0 !important; min-height: 0 !important; height: auto !important; position: relative; transition: background .4s; }
.n3x .n3dOrgCard + .n3dOrgCard, .n3x .n3dFitsCard + .n3dFitsCard { border-left: 1px solid var(--n3-line) !important; }
.n3x .n3dOrgCard__role, .n3x .n3dBizItem__title, .n3x .n3dFitsCard__title { margin: 0 0 10px !important; color: #11131f !important; font: 600 20px/1.3 "Geologica", sans-serif !important; letter-spacing: -.01em !important; }
.n3x .n3dOrgCard__text, .n3x .n3dBizItem__text { margin: 0 !important; color: var(--n3-grey) !important; font-size: 15px !important; line-height: 1.6 !important; }
/* hover: corner brackets draw in (a layer, not a size change) */
.n3x .n3dOrgCard::after, .n3x .n3dBizItem::after, .n3x .n3dFitsCard::after { content: ""; position: absolute; inset: 12px; pointer-events: none; opacity: 0; transform: scale(1.04); transition: opacity .3s, transform .5s cubic-bezier(.2, .8, .2, 1); --c: #29ccb2; --l: 14px;
  background: linear-gradient(var(--c), var(--c)) 0 0 / var(--l) 2px, linear-gradient(var(--c), var(--c)) 0 0 / 2px var(--l), linear-gradient(var(--c), var(--c)) 100% 0 / var(--l) 2px, linear-gradient(var(--c), var(--c)) 100% 0 / 2px var(--l),
    linear-gradient(var(--c), var(--c)) 0 100% / var(--l) 2px, linear-gradient(var(--c), var(--c)) 0 100% / 2px var(--l), linear-gradient(var(--c), var(--c)) 100% 100% / var(--l) 2px, linear-gradient(var(--c), var(--c)) 100% 100% / 2px var(--l); background-repeat: no-repeat; }
.n3x .n3dOrgCard:hover::after, .n3x .n3dBizItem:hover::after, .n3x .n3dFitsCard:hover::after { opacity: 1; transform: none; }
/* key capabilities: the one night section; sticky heading left, the six rows as a hairline list right */
.n3x .solStep { background: var(--n3-night) !important; border: 0 !important; padding: clamp(96px, 10vw, 144px) var(--pad-x) !important; height: auto !important; min-height: 0 !important; position: relative; isolation: isolate; }
.n3x .solStep::before { content: "" !important; position: absolute; top: 0; bottom: 0; left: var(--pad-x); right: var(--pad-x); z-index: -1; pointer-events: none; background: none !important; border-left: 1px solid rgba(255, 255, 255, .08); border-right: 1px solid rgba(255, 255, 255, .08); }
.n3x .solStep::after { content: none !important; }
.n3x .solStep__pin { position: static !important; height: auto !important; display: grid !important; grid-template-columns: 5fr 7fr; gap: clamp(40px, 6vw, 112px); align-items: start; padding: 0 24px; transform: none !important; }
.n3x .solStep__head { position: sticky; top: 140px; margin: 0 !important; padding: 0 !important; }
.n3x .solStep__title { color: #fff !important; font-weight: 500 !important; letter-spacing: -.03em !important; font-size: clamp(34px, 3.6vw, 56px) !important; line-height: 1.08 !important; margin: 0 !important; }
.n3x .solStep__rows { margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--n3-nline); transform: none !important; height: auto !important; }
.n3x .solStep__row { display: grid !important; grid-template-columns: 56px 1fr; column-gap: 8px; padding: 28px 0 !important; border: 0 !important; border-bottom: 1px solid var(--n3-nline) !important; background: transparent !important; height: auto !important; min-height: 0 !important; opacity: 1 !important; transform: none !important; position: relative; }
.n3x .solStep__row .n3xNo { grid-row: 1 / span 2; margin: 6px 0 0; color: #29ccb2; }
.n3x .solStep__rowTitle { margin: 0 0 8px !important; color: #fff !important; font: 500 22px/1.3 "Geologica", sans-serif !important; letter-spacing: -.01em !important; opacity: 1 !important; transform: none !important; }
.n3x .solStep__rowText { margin: 0 !important; color: rgba(255, 255, 255, .6) !important; font-size: 15.5px !important; line-height: 1.6 !important; max-width: 52ch; display: block !important; opacity: 1 !important; max-height: none !important; transform: none !important; }
.n3x .solStep__photo { display: none !important; }
.n3x .solStep__row::before { content: ""; position: absolute; left: 0; top: -1px; height: 1px; width: 0; background: #29ccb2; transition: width .6s cubic-bezier(.2, .8, .2, 1); }
.n3x .solStep__row:hover::before { width: 100%; }
/* business benefits: 3 x 2 hairline board, no photo, plain icons */
.n3x .n3dBiz, .n3x .n3dFits { padding: clamp(96px, 10vw, 144px) var(--pad-x) !important; min-height: 0 !important; height: auto !important; }
.n3x .n3dBiz .solHead, .n3x .n3dFits .solHead { margin: 0 0 56px !important; padding: 0 24px; max-width: 760px; text-align: left; align-items: flex-start !important; display: block !important; }
.n3x .n3dBiz__media { display: none !important; }
.n3x .n3dBiz__grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 1px solid var(--n3-line); }
.n3x .n3dBiz__col { display: contents !important; }
.n3x .n3dBizItem { border-bottom: 1px solid var(--n3-line) !important; display: block !important; text-align: left !important; }
.n3x .n3dBizItem:not(:nth-child(3n + 1)), .n3x .n3dBiz__col:last-child .n3dBizItem { border-left: 1px solid var(--n3-line) !important; }
.n3x .n3dBizItem__icon, .n3x .n3dFitsCard__icon { display: block !important; width: 28px !important; height: 28px !important; margin: 0 0 20px !important; padding: 0 !important; background: none !important; border-radius: 0 !important; color: #4a3dcc !important; box-shadow: none !important; }
.n3x .n3dBizItem__icon svg, .n3x .n3dFitsCard__icon svg { width: 28px !important; height: 28px !important; fill: currentColor; color: inherit; }
.n3x .n3dBizItem .n3xNo { position: absolute; right: 24px; top: 32px; margin: 0; color: #a3a7b3; }
/* how it fits: 4 hairline cells and the note under them */
.n3x .n3dFits__grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 1px solid var(--n3-line); border-bottom: 1px solid var(--n3-line); max-width: none !important; margin: 0 !important; }
.n3x .n3dFitsCard { text-align: left !important; display: block !important; }
.n3x .n3dFitsCard .n3xNo { position: absolute; right: 24px; top: 32px; margin: 0; color: #a3a7b3; }
.n3x .n3dFits__note { max-width: 760px !important; margin: 48px 0 0 !important; padding: 0 24px; text-align: left !important; color: var(--n3-grey) !important; font-size: 18px !important; line-height: 1.6 !important; }
@media (max-width: 900px) {
  .n3x .n3dHero { min-height: 0; }
  .n3x .n3dHero__title { font-size: clamp(34px, 9vw, 44px) !important; }
  .n3x .n3xLogos .chosen__row { flex-wrap: wrap; gap: 16px 24px; justify-content: center !important; }
  .n3x .n3dOrg__grid, .n3x .n3dFits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .n3x .n3dOrgCard:nth-child(3), .n3x .n3dFitsCard:nth-child(3) { border-left: 0 !important; }
  .n3x .n3dOrgCard:nth-child(n + 3), .n3x .n3dFitsCard:nth-child(n + 3) { border-top: 1px solid var(--n3-line) !important; }
  .n3x .solStep__pin { grid-template-columns: 1fr; padding: 0 4px; }
  .n3x .solStep__head { position: static; }
  .n3x .n3dBiz__grid { grid-template-columns: 1fr !important; }
  .n3x .n3dBizItem { border-left: 0 !important; }
  .n3x .n3dOrg__head, .n3x .n3dBiz .solHead, .n3x .n3dFits .solHead, .n3x .n3dFits__note { padding: 0 4px; }
}
@media (max-width: 560px) {
  .n3x .n3dOrg__grid, .n3x .n3dFits__grid { grid-template-columns: 1fr !important; }
  .n3x .n3dOrgCard, .n3x .n3dFitsCard { border-left: 0 !important; }
  .n3x .n3dOrgCard + .n3dOrgCard, .n3x .n3dFitsCard + .n3dFitsCard { border-top: 1px solid var(--n3-line) !important; }
}
/* fixes: sentence case (the base styles capitalise every word), row copy left-aligned, benefit borders */
.n3x .n3dOrgCard__role, .n3x .n3dBizItem__title, .n3x .n3dFitsCard__title, .n3x .solStep__rowTitle, .n3x .solStep__rowText { text-transform: none !important; }
.n3x .solStep__rowTitle, .n3x .solStep__rowText { grid-column: 2; text-align: left !important; max-width: 52ch !important; width: auto !important; justify-self: start; }
.n3x .solStep__row .n3xNo { grid-column: 1; grid-row: 1; }
.n3x .solStep__row { align-items: start !important; }
.n3x .n3dBiz__grid { border-left: 1px solid var(--n3-line); }
.n3x .n3dBizItem, .n3x .n3dBizItem:not(:nth-child(3n + 1)), .n3x .n3dBiz__col:last-child .n3dBizItem { border-left: 0 !important; border-right: 1px solid var(--n3-line) !important; border-bottom: 1px solid var(--n3-line) !important; transform: none; }
@media (max-width: 900px) { .n3x .solStep__row { grid-template-columns: 44px 1fr; } }
.n3x .solStep__row { row-gap: 0 !important; }
.n3x .n3dHero__logo img { height: 48px; }

/* ---- round 2 ---- */
/* hero: copy left (logo on top), photo right with two small tags; the logo row stays at the bottom */
.n3x .n3xHeroRow { flex: 1 1 auto; display: grid; grid-template-columns: 1fr 1fr; margin: 0 var(--pad-x); min-height: 0; }
.n3x .n3xHeroRow .n3dHero__col { align-items: flex-start !important; text-align: left !important; max-width: none !important; margin: 0 !important; padding: 56px clamp(32px, 4vw, 72px) 56px 24px !important; }
.n3x .n3xHeroRow .n3dHero__title { max-width: 14ch; text-wrap: balance; }
.n3x .n3xHeroRow .n3dHero__text { max-width: 520px; font-size: 17px !important; }
.n3x .n3xHeroRow .n3dHero__actions { justify-content: flex-start; }
.n3x .n3xPhoto { position: relative; margin: 0; overflow: hidden; border-left: 1px solid var(--n3-line); min-height: 420px; }
.n3x .n3xPhoto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.04); transition: transform 1.6s cubic-bezier(.2, .8, .2, 1); }
.n3x .n3dHero:hover .n3xPhoto img { transform: scale(1); }
.n3x .n3xTag { position: absolute; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px 10px 12px; border-radius: 999px; background: rgba(255, 255, 255, .82); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 8px 24px rgba(17, 19, 31, .12); font: 600 13.5px/1 "Geologica", sans-serif; color: #11131f; white-space: nowrap; animation: n3xFloat 7s ease-in-out infinite; }
.n3x .n3xTag i { width: 8px; height: 8px; border-radius: 50%; background: #29ccb2; box-shadow: 0 0 0 4px rgba(41, 204, 178, .18); flex: none; }
.n3x .n3xTag--1 { left: 28px; top: 32px; }
.n3x .n3xTag--2 { right: 28px; bottom: 36px; animation-delay: -3.5s; }
.n3x .n3xTag--2 i { background: #4a3dcc; box-shadow: 0 0 0 4px rgba(74, 61, 204, .16); }
@keyframes n3xFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@media (prefers-reduced-motion: reduce) { .n3x .n3xTag { animation: none; } }
/* one screen each, content centred vertically, left-aligned (key capabilities scrolls, so it stays as is) */
.n3x .n3dOrg, .n3x .n3dBiz, .n3x .n3dFits { min-height: 100vh !important; display: flex !important; flex-direction: column; justify-content: center; box-sizing: border-box; padding-top: 96px !important; padding-bottom: 96px !important; }
/* business benefits: the board meets the frame lines (no separate outer box) */
.n3x .n3dBiz__grid { border-left: 0 !important; }
.n3x .n3dBiz__col > .n3dBizItem:nth-child(3) { border-right: 0 !important; }
/* architecture cards: a short line slides in on hover (space reserved, so nothing jumps) */
.n3x .n3dFitsCard { min-height: 220px; }
.n3x .n3dFitsCard__sub { position: absolute; left: 24px; right: 24px; bottom: 32px; margin: 0; color: var(--n3-grey); font-size: 14.5px; line-height: 1.55; opacity: 0; transform: translateY(10px); transition: opacity .35s, transform .5s cubic-bezier(.2, .8, .2, 1); }
.n3x .n3dFitsCard:hover .n3dFitsCard__sub, .n3x .n3dFitsCard:focus-within .n3dFitsCard__sub { opacity: 1; transform: none; }
/* FAQ: the shared Home FAQ replaces the old card */
.n3x .solFaq { display: none !important; }
@media (hover: none) { .n3x .n3dFitsCard__sub { position: static; opacity: 1; transform: none; margin-top: 8px; } .n3x .n3dFitsCard { min-height: 0; } }
@media (max-width: 900px) {
  .n3x .n3xHeroRow { grid-template-columns: 1fr; margin: 0 20px; }
  .n3x .n3xHeroRow .n3dHero__col { padding: 40px 4px !important; }
  .n3x .n3xPhoto { border-left: 0; min-height: 300px; margin-bottom: 40px; }
  .n3x .n3dOrg, .n3x .n3dBiz, .n3x .n3dFits { min-height: 0 !important; }
  .n3x .n3dBiz__col > .n3dBizItem { border-right: 0 !important; }
}
.n3x .n3xHeroRow .n3dHero__title { max-width: 17ch; }
.n3x .n3dBizItem { transform: none !important; translate: none !important; scale: none !important; }
.n3x .n3xHeroRow .n3dHero__title { font-size: clamp(38px, 3.9vw, 58px) !important; max-width: 18ch; text-wrap: wrap; }
/* sub sits in the flow under the title (fits two-line titles); the card height is reserved, so nothing jumps */
.n3x .n3dFitsCard { min-height: 250px; }
.n3x .n3dFitsCard__sub { position: static; max-height: 0; overflow: hidden; margin-top: 0; transition: opacity .35s, transform .5s cubic-bezier(.2, .8, .2, 1), max-height .5s ease, margin-top .5s ease; }
.n3x .n3dFitsCard:hover .n3dFitsCard__sub, .n3x .n3dFitsCard:focus-within .n3dFitsCard__sub { max-height: 90px; margin-top: 10px; }
@media (hover: none) { .n3x .n3dFitsCard__sub { max-height: none; } }

/* ---- round 3 ---- */
/* hero tag: one, bottom left, still */
.n3x .n3xTag { animation: none !important; background: rgba(255, 255, 255, .9); box-shadow: 0 6px 20px rgba(17, 19, 31, .1); }
.n3x .n3xTag i { box-shadow: none !important; width: 6px; height: 6px; }
.n3x .n3xTag--1 { left: 28px; top: auto; bottom: 32px; }
/* benefits: full width between the frame lines, every cell the same height */
.n3x .n3dBiz__grid { max-width: none !important; width: auto !important; margin: 0 !important; align-items: stretch !important; grid-auto-rows: 1fr; }
.n3x .n3dBizItem { align-self: stretch !important; }
/* architecture: night section; each card is text on top, an illustration slot underneath */
.n3x .n3dFits { background: var(--n3-night) !important; }
.n3x .n3dFits::before { border-left-color: rgba(255, 255, 255, .08) !important; border-right-color: rgba(255, 255, 255, .08) !important; }
.n3x .n3dFits .solHead__title { color: #fff !important; }
.n3x .n3dFits .solHead__title .n3G { background-image: linear-gradient(90deg, #fff 0 50%, rgba(255, 255, 255, .42) 50% 100%); }
.n3x .n3dFits__grid { border-color: var(--n3-nline) !important; }
.n3x .n3dFitsCard { display: flex !important; flex-direction: column; min-height: 0 !important; }
.n3x .n3dFitsCard + .n3dFitsCard { border-left-color: var(--n3-nline) !important; }
.n3x .n3dFitsCard__title { color: #fff !important; }
.n3x .n3dFitsCard__icon { color: #29ccb2 !important; }
.n3x .n3dFitsCard .n3xNo { color: rgba(255, 255, 255, .4); }
.n3x .n3dFitsCard__sub, .n3x .n3dFitsCard:hover .n3dFitsCard__sub { position: static !important; max-height: none !important; opacity: 1 !important; transform: none !important; margin: 8px 0 0 !important; color: rgba(255, 255, 255, .6) !important; overflow: visible; }
.n3x .n3xArt { flex: 1 1 auto; min-height: 200px; margin-top: 32px; }
.n3x .n3dFits__note { color: rgba(255, 255, 255, .6) !important; }
@media (max-width: 900px) { .n3x .n3dFitsCard:nth-child(n + 3) { border-top-color: var(--n3-nline) !important; } .n3x .n3xArt { min-height: 140px; } }
.n3x .n3dFitsCard { justify-content: flex-start !important; gap: 0 !important; }
.n3x .n3dFitsCard__icon { margin-bottom: 20px !important; }
.n3x .n3xArt { flex: none; height: 220px; min-height: 0; margin-top: auto; padding-top: 32px; }
.n3x .n3dFits__grid { align-items: stretch !important; }

/* ---- round 4 ---- */
/* roles: white cards, so the hover cells only show in the gaps around them */
.n3x .n3dOrgCard { background: #fff !important; }
.n3x .n3dOrg__grid { position: relative; z-index: 1; }
/* benefits: heading centred (grey part on its own line) */
.n3x .n3dBiz .solHead { margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
.n3x .n3dBiz .solHead__title { text-align: center !important; }
/* architecture: no icons (the illustration goes under the text); the note closes the board as a band */
.n3x .n3dFitsCard__icon { display: none !important; }
.n3x .n3dFitsCard .n3xNo { position: static; margin-bottom: 20px; }
.n3x .n3dFits__note { max-width: none !important; margin: 0 !important; padding: 40px 24px !important; border-bottom: 1px solid var(--n3-nline); display: flex; align-items: center; }
.n3x .n3dFits__note { text-wrap: pretty; }
/* the note: a readable measure, and the section ends on its line so the testimonials' lines continue straight on */
.n3x .n3dFits { padding-bottom: 0 !important; }
.n3x .n3dFits__note { display: block; }
.n3x .n3dFits__note { padding-right: max(24px, calc(100% - 784px)) !important; }   /* full-width band, text kept to ~760px (no wrapper, so the EN/ID switch keeps working) */
/* architecture ends on the note's line: the free space of the 100vh box goes above the heading, not under the note */
.n3x .n3dFits { justify-content: flex-end !important; }
/* roles: the white cards would hide the frame lines, so the board draws its own outer lines */
.n3x .n3dOrg__grid { border-left: 1px solid var(--n3-line); border-right: 1px solid var(--n3-line); }
/* product logo in the hero, a size up (review 22 Oct) */
.n3x .n3dHero__logo img { height: 64px !important; }
@media (max-width: 640px) { .n3x .n3dHero__logo img { height: 52px !important; } }
/* review: "How N3CA X helps" is no longer a full screen; it wraps its content (as on QRIS / Corp). */
html.n3x .n3dOrg { min-height: 0 !important; justify-content: flex-start; }
html.n3x .n3dOrg__head { margin-bottom: 96px !important; }   /* heading centred in its box: 96 above, 96 to the cards */
@media (max-width: 640px) { html.n3x .n3dOrg__head { margin-bottom: 48px !important; } }