/* Plates — the surfaces the 3D objects sit on.
   Why: the objects are solid, glossy and rounded; thin hairlines and small square buttons read as
   "print", not "product". Toss's team-mission cards show the answer: no borders, solid soft plates
   with a big radius, a large faint ordinal, the object centred, one round arrow button.
   Loaded last on the home page and outranks every other layer with #main-content. */

/* 1. No hairlines anywhere on the home page — plates are told apart by fill, not by lines */
body.nk-refined[data-page=home] #main-content :is(.nk-program-card,.fbx-cell,.kkx-plate,.kkx-col,.svx-col,.prx-step,.crx-row,.fqx-item,.cvx-col,.ctx-step,.nk-guide-deck [data-deck-panel],.tsx-cap,.tsx-stage,.svx-cols>li,.kkx-foot,.fbx-tri,.fbx-letter-list li,.fbx-pf-row,.chx,.chx-wrap) { border:0!important; }
body.nk-refined[data-page=home] #main-content :is(.nk-program-card,.fbx-cell,.kkx-col,.svx-col,.prx-step,.crx-row,.fqx-item,.cvx-col,.nk-guide-deck [data-deck-panel]) { box-shadow:none!important; }

/* 2. Plate fills and radii */
body.nk-refined[data-page=home] #main-content .nk-program-card { background:#f3f4fa!important; border-radius:26px!important; }
body.nk-refined[data-page=home] #main-content .nk-program-card img { background:#e9eaf3!important; }
body.nk-refined[data-page=home] #main-content .nk-program-card .fbx-card-meta { background:transparent!important; }
body.nk-refined[data-page=home] #main-content .fbx-cell { background:#fff!important; border-radius:28px!important; backdrop-filter:none!important; }
body.nk-refined[data-page=home] #main-content .kkx-plate { background:linear-gradient(130deg,#eef0fb,#f6f7fe)!important; border-radius:34px!important; box-shadow:none!important; }
body.nk-refined[data-page=home] #main-content .kkx-col { background:#fff!important; border-radius:24px!important; padding:28px!important; }
body.nk-refined[data-page=home] #main-content .prx-step { background:#f3f4fa!important; border-radius:24px!important; }
body.nk-refined[data-page=home] #main-content .crx-row { background:#f3f4fa!important; border-radius:24px!important; }
body.nk-refined[data-page=home] #main-content .fqx-item { background:#f3f4fa!important; border-radius:20px!important; }
body.nk-refined[data-page=home] #main-content .cvx-col { background:#f3f4fa!important; border-radius:28px!important; }
body.nk-refined[data-page=home] #main-content .nk-guide-deck [data-deck-panel] { border-radius:32px!important; }
body.nk-refined[data-page=home] #main-content .ctx-step { background:#ffffff14!important; border-radius:20px!important; }
body.nk-refined[data-page=home] #main-content .tsx-cap[data-active] { background:#f3f4fa; border-radius:20px; }
body.nk-refined[data-page=home] #main-content .tsx-stage { border-radius:32px; box-shadow:0 24px 60px #11113a10; }
body.nk-refined[data-page=home] #main-content .fbx { background:#f3f4fa!important; }
body.nk-refined[data-page=home] #main-content .nk-guide-deck { background:#f3f4fa!important; }
body.nk-refined[data-page=home] #main-content .nk-guide-deck::before { display:none; }

/* 3. Ordinals: one big faint numeral, like a product number — the small "01" caption is gone */
body.nk-refined[data-page=home] #main-content :is(.kkx-num,.crx-num,.fqx-num,.ctx-step-num) { font-size:40px!important; font-weight:800!important; line-height:1!important; letter-spacing:-.04em!important; color:#11113a14!important; margin:0 0 10px!important; }
body.nk-refined[data-page=home] #main-content .ctx-step-num { color:#ffffff33!important; }
body.nk-refined[data-page=home] #main-content :is(.kkx-item-en,.cvx-en) { display:none!important; }

/* 4. Buttons: pills. Primary = ink, secondary = soft plate, never an outline */
body.nk-refined[data-page=home] #main-content :is(.nk-hero-cta,.kkx-cta,.tsx-link,.ctx-cta,.hx-cta) { border-radius:999px!important; padding:16px 26px!important; border:0!important; }
body.nk-refined[data-page=home] #main-content .ctx-cta { background:#fff!important; color:#11113a!important; backdrop-filter:none!important; }
body.nk-refined[data-page=home] #main-content .ctx-cta:hover { background:#e6f54a!important; }
body.nk-refined[data-page=home] #main-content :is(.fbx-more,.cvx-link,.chx-link,.fbx-cell-more,.fbx-pf-foot a,[data-rail-prev],[data-rail-next]) { border-radius:999px!important; background:#e9eaf3!important; border:0!important; color:#11113a!important; padding:10px 18px!important; font-weight:600!important; text-decoration:none!important; transition:background .2s ease; }
body.nk-refined[data-page=home] #main-content :is(.fbx-more,.cvx-link,.chx-link,.fbx-cell-more,.fbx-pf-foot a):hover { background:#dcdff0!important; }
body.nk-refined[data-page=home] #main-content .fbx-cell .fbx-cell-more { display:inline-flex; width:auto; align-self:flex-start; margin-top:14px; }
body.nk-refined[data-page=home] #main-content .fbx-press-arrow { width:38px; height:38px; border-radius:50%!important; background:#e9eaf3!important; border:0!important; color:#11113a!important; display:inline-grid; place-items:center; font-size:20px; }
body.nk-refined[data-page=home] #main-content .fbx-press-dots button { border:0!important; }

@media (min-width:768px) {
  /* 5. Mission plates: the three service cards become the Toss team-mission trio */
  body.nk-refined[data-page=home] #main-content .svx-cols { gap:20px!important; }
  body.nk-refined[data-page=home] #main-content .svx-col { position:relative; display:flex!important; flex-direction:column; align-items:center; text-align:center; padding:40px 28px 28px!important; border-radius:32px!important; min-height:440px!important; background:#11113a!important; color:#fff; overflow:hidden; }
  body.nk-refined[data-page=home] #main-content .svx-cols>li:nth-child(2) .svx-col { background:#4031ff!important; }
  body.nk-refined[data-page=home] #main-content .svx-cols>li:nth-child(3) .svx-col { background:#eef0f8!important; color:#11113a; }
  body.nk-refined[data-page=home] #main-content .svx-col::before { content:'1'; position:absolute; left:26px; top:14px; font-size:64px; font-weight:800; line-height:1; letter-spacing:-.05em; color:#ffffff2e; }
  body.nk-refined[data-page=home] #main-content .svx-cols>li:nth-child(2) .svx-col::before { content:'2'; }
  body.nk-refined[data-page=home] #main-content .svx-cols>li:nth-child(3) .svx-col::before { content:'3'; color:#11113a14; }
  body.nk-refined[data-page=home] #main-content .svx-col::after { content:''; position:absolute; left:50%; top:96px; translate:-50% 0; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,#ffffff3d,transparent 68%); pointer-events:none; }
  body.nk-refined[data-page=home] #main-content .svx-col > * { position:relative; z-index:1; }
  body.nk-refined[data-page=home] #main-content .svx-col .svx-num { width:132px!important; height:132px!important; margin:8px auto 18px!important; filter:drop-shadow(0 18px 24px #00000040); }
  body.nk-refined[data-page=home] #main-content .svx-col .svx-label { color:inherit!important; font-size:18px!important; font-weight:600!important; margin:0 0 4px!important; opacity:.85; }
  body.nk-refined[data-page=home] #main-content .svx-col .svx-stat { color:inherit!important; font-size:34px!important; display:flex; flex-direction:column; align-items:center; gap:0; margin:0 0 12px!important; }
  body.nk-refined[data-page=home] #main-content .svx-col .svx-stat em { color:inherit!important; opacity:.7; font-size:15px!important; }
  body.nk-refined[data-page=home] #main-content .svx-cols>li:nth-child(2) .svx-col .svx-stat { color:#e6f54a!important; }
  body.nk-refined[data-page=home] #main-content .svx-cols>li:nth-child(2) .svx-col .svx-stat em { color:#fff!important; }
  body.nk-refined[data-page=home] #main-content .svx-cols>li:nth-child(3) .svx-col .svx-stat { color:#4031ff!important; }
  body.nk-refined[data-page=home] #main-content .svx-col .svx-body { color:inherit!important; opacity:.82; font-size:16px!important; line-height:1.7!important; max-width:300px; margin:0 auto!important; word-break:keep-all; }
  body.nk-refined[data-page=home] #main-content .svx-col .svx-foot { margin-top:auto!important; padding:10px 16px!important; border:0!important; border-radius:999px; background:#ffffff1f; color:inherit!important; font-size:14px!important; display:inline-flex; align-items:center; gap:8px; }
  body.nk-refined[data-page=home] #main-content .svx-cols>li:nth-child(3) .svx-col .svx-foot { background:#11113a0d; }
  body.nk-refined[data-page=home] #main-content .svx-col .svx-go { font-size:18px!important; }

  /* 6. Values and kokiri cards: object centred on the plate, copy underneath */
  body.nk-refined[data-page=home] #main-content .cvx-col { padding:32px 28px!important; }
  body.nk-refined[data-page=home] #main-content .cvx-col .cvx-num { width:96px!important; height:96px!important; margin:0 0 14px!important; }
  body.nk-refined[data-page=home] #main-content .kkx-num { display:block; }
}

@media (max-width:767px) {
  /* Mobile keeps the compact rows but drops every frame line for filled plates */
  body.nk-refined[data-page=home] #main-content :is(.nk-program-card,.fbx-cell,.kkx-col,.svx-col,.prx-step,.crx-row,.fqx-item,.cvx-col,.ctx-step,.tsx-cap) { border:0!important; }
  body.nk-refined[data-page=home] #main-content :is(.svx-col,.kkx-col) { background:#fff!important; border-radius:22px!important; }
  body.nk-refined[data-page=home] #main-content .nk-program-card { border-radius:20px!important; }
  body.nk-refined[data-page=home] #main-content .nk-program-card::after { display:none!important; }
  body.nk-refined[data-page=home] #main-content :is(.kkx-num,.crx-num,.fqx-num,.ctx-step-num) { font-size:28px!important; }
  body.nk-refined[data-page=home] #main-content :is(.nk-hero-cta,.kkx-cta,.tsx-link,.ctx-cta) { padding:14px 22px!important; }

  /* Kokiri on mobile: the three items ride a horizontal snap rail as ink / blue / light plates, body always open */
  body.nk-refined[data-page=home] #main-content .kkx-cols { display:flex!important; grid-template-columns:none!important; overflow-x:auto; gap:12px!important; margin:6px -18px 14px!important; padding:4px 18px 6px!important; scroll-snap-type:x mandatory; scrollbar-width:none; border:0!important; }
  body.nk-refined[data-page=home] #main-content .kkx-cols::-webkit-scrollbar { display:none; }
  body.nk-refined[data-page=home] #main-content .kkx-col { flex:0 0 72vw; max-width:300px; min-height:0; display:flex!important; flex-direction:column; padding:18px 18px 20px!important; border-radius:22px!important; scroll-snap-align:start; background:#11113a!important; color:#fff; }
  body.nk-refined[data-page=home] #main-content .kkx-col:nth-child(2) { background:#4031ff!important; }
  body.nk-refined[data-page=home] #main-content .kkx-col:nth-child(3) { background:#eef0f8!important; color:#11113a; }
  body.nk-refined[data-page=home] #main-content .kkx-col .kkx-num { display:block; font-size:34px!important; color:#ffffff38!important; margin:0 0 8px!important; }
  body.nk-refined[data-page=home] #main-content .kkx-col:nth-child(3) .kkx-num { color:#11113a1a!important; }
  body.nk-refined[data-page=home] #main-content .kkx-col .kkx-ko { color:inherit!important; font-size:19px!important; margin:0 0 8px!important; grid-column:auto; }
  body.nk-refined[data-page=home] #main-content .kkx-col .kkx-body { padding:0!important; margin:0!important; color:inherit!important; opacity:.86; font-size:15px!important; line-height:1.65!important; word-break:keep-all; }
}

/* Nav button matches the pill buttons on the page */
body.nk-refined nav a[href*='deal-sourcing'] { border-radius:999px!important; }