/* 0.9.263 — spatial cards and kinetic type. No hidden-content dependency on JS. */
:root body[data-lm-theme="ocean"] {
  --oc-surface: #285c78;
  --oc-edge: #6994ab;
  --oc-shadow: 0 3px 8px #06283b14, 0 18px 42px #08283c32, inset 0 1px 0 #ddf6ff14;
}
:root body[data-lm-theme] main .ocean-card.ocean-card {
  position: relative;
  min-width: 0;
  border: 1px solid var(--oc-edge) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #306783, #224e69) !important;
  color: #f0f7fb !important;
  box-shadow: var(--oc-shadow) !important;
  transition: border-color 240ms ease, box-shadow 320ms ease;
}
:root body[data-lm-theme] main .ocean-card :is(p, small) {color: #eaf4fa !important}
:root body[data-lm-theme] main .ocean-card :is(h1,h2,h3,strong) {color: #f4faff !important}
:root body[data-lm-theme] main .ocean-card a {color: #c0f0ff}
:root body[data-lm-theme] main .ocean-card :is(.b2b-label,.lm-access-role,.lm-eyebrow) {color: #b7edfb !important}
:root body[data-lm-theme] main .ocean-card[data-ocean-card-kind="workspace"] {
  background: linear-gradient(140deg, #285b76, #224e69 80%) !important;
  box-shadow: 0 2px 5px #08283c0f, 0 12px 32px #08283c26, inset 0 1px 0 #ddf6ff12 !important;
}
/* Hover depth is reserved for navigation/discovery cards, never an editable form. */
:root body[data-lm-theme] main .ocean-card[data-ocean-tilt] {
  isolation: isolate;
  transform-style: preserve-3d;
  transform: perspective(950px) rotateX(var(--oc-rx,0deg)) rotateY(var(--oc-ry,0deg)) translateY(var(--oc-lift,0px));
  transition: transform 350ms cubic-bezier(.2,.75,.2,1), border-color 240ms, box-shadow 350ms;
}
:root body[data-lm-theme] main .ocean-card[data-ocean-tilt]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at var(--oc-x,50%) var(--oc-y,0%), #c5f3ff14, transparent 68%);
  opacity: .35;
  transition: opacity 350ms;
}
:root body[data-lm-theme] main .ocean-card[data-ocean-tilt] :is(h2,h3,strong) {
  transform: translateZ(22px);
  text-shadow: 0 3px 10px #062b3f26;
}
:root body[data-lm-theme] main .ocean-card:focus-within {
  border-color: #c4f2ff !important;
  box-shadow: 0 0 0 2px #aee8fa38, var(--oc-shadow) !important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html[data-ocean-cards-motion="playing"] body[data-lm-theme] main .ocean-card[data-ocean-tilt]:hover {
    --oc-lift: -5px;
    border-color: #b4e7f7 !important;
    box-shadow: 0 5px 10px #08283c20, 0 28px 48px #08283c50, inset 0 1px 0 #e1f7ff38 !important;
  }
  html[data-ocean-cards-motion="playing"] .ocean-card[data-ocean-tilt]:hover::before {opacity: 1}
}
/* The four workspaces form an intentional set, each with its own technical emblem. */
:root body[data-lm-theme] .ocean-role-strip {
  gap: 16px;
  border: 0;
  margin-top: 12px;
  padding: 12px 0;
  perspective: 1200px;
}
:root body[data-lm-theme] .ocean-role-strip > a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 256px;
  padding: 26px !important;
  border: 1px solid var(--oc-edge);
  border-radius: 20px;
  background: #285c78;
}
:root body[data-lm-theme] .ocean-role-strip > a > span {font-size: 9px;letter-spacing: .13em;color: #d0e8f4}
:root body[data-lm-theme] .ocean-role-strip strong {font-size: clamp(22px,2.2vw,30px);font-weight: 550;max-width: 240px;margin: 38px 0 22px;line-height: 1.17}
:root body[data-lm-theme] .ocean-role-strip small {margin-top: auto;padding-bottom: 5px;line-height: 1.5;max-width: 100%}
.ocean-card-art {width: 56px;height: 56px;margin: 24px 0 -22px;overflow: visible;flex: none;color: #a7e6fa;filter: drop-shadow(0 5px 8px #052b3b40)}
.ocean-card-art .oc-art-orbit {transform-origin: 32px 32px;transition: transform 800ms cubic-bezier(.2,.75,.2,1)}
html[data-ocean-cards-motion="playing"] .ocean-card:hover .oc-art-orbit {transform: rotate(32deg)}
:root body[data-lm-theme] .ocean-role-strip > a:first-child {
  background: linear-gradient(145deg, #d2edf7, #a5d4e7) !important;
  border-color: #d6f0fa !important;
}
:root body[data-lm-theme] .ocean-role-strip > a:first-child :is(span,strong,small,svg) {color: #173e57 !important;text-shadow: none}
:root body[data-lm-theme] .ocean-role-strip > a:first-child small {border-color: #5c8a9f}
:root body[data-lm-theme] .ocean-role-strip > a:nth-child(3) {background: linear-gradient(140deg, #2b647f, #28617c) !important}
:root body[data-lm-theme] .ocean-role-strip > a:nth-child(4) {background: linear-gradient(140deg, #356780, #2b526c) !important}
/* Give the existing membership and working areas a coherent, quieter card hierarchy. */
:root body[data-lm-theme] .lm-access-options {gap: 20px;margin-top: 26px;perspective: 1200px}
:root body[data-lm-theme] .lm-access-option {padding: 26px !important;display: flex;flex-direction: column;align-items: flex-start}
:root body[data-lm-theme] .lm-access-option .ocean-card-art {position: absolute;right: 22px;top: 20px;width: 42px;height: 42px;margin: 0;opacity: .85}
:root body[data-lm-theme] .lm-access-option .lm-access-role {padding-right: 42px}
:root body[data-lm-theme] .lm-access-option h2 {font-size: 24px;line-height: 1.22;max-width: 350px;margin: 18px 0 14px}
:root body[data-lm-theme] .lm-access-option p {font-size: 14px;line-height: 1.7}
:root body[data-lm-theme] .lm-access-option > a {margin-top: auto;padding-top: 16px;min-height: 40px}
:root body[data-lm-theme] main .lm-access-card.ocean-card {padding: clamp(24px,4vw,46px) !important;border-radius: 24px !important}
:root body[data-lm-theme] .lm-access-card > h1 {max-width: 800px;line-height: 1.14;font-size: clamp(30px,3.4vw,42px) !important}
:root body[data-lm-theme] main .b2b-card.ocean-card {padding: 30px !important;min-height: 230px}
:root body[data-lm-theme] .b2b-highlights {gap: 22px;margin-block: 38px}
:root body[data-lm-theme] .b2b-resource-row > a.ocean-card {padding: 30px !important;min-height: 220px;text-decoration: none}
:root body[data-lm-theme] main .b2b-close.ocean-card {padding: 34px !important;border: 1px solid #79a5bc !important}
:root body[data-lm-theme] .store-card.ocean-card {border-radius: 20px !important;overflow: visible}
:root body[data-lm-theme] .store-card .store-photo {border-radius: 19px 19px 0 0;overflow: hidden}
:root body[data-lm-theme] .store-card .store-card-body {padding: 22px}
:root body[data-lm-theme] .store-card .store-photo img {transition: transform 650ms cubic-bezier(.2,.75,.2,1)}
html[data-ocean-cards-motion="playing"] .store-card:hover .store-photo img {transform: scale(1.045)}
:root body[data-lm-theme] .lm-quick-grid {gap: 18px !important;perspective: 1200px}
:root body[data-lm-theme] .lm-quick.ocean-card {padding: 25px !important;min-height: 160px}
:root body[data-lm-theme] .workspace-guide-grid > a.ocean-card {padding: 20px !important}
:root body[data-lm-theme] .lm-supplier-actions > a.ocean-card {padding: 26px !important}
/* Text remains normal document text, selectable and readable without animation. */
.ocean-word-shell {display: inline-block;vertical-align: bottom;max-width: 100%;overflow: hidden;padding-block: .14em;margin-block: -.14em;perspective: 650px}
.ocean-word {display: inline-block;max-width: 100%;overflow-wrap: anywhere;transform-origin: 50% 100%;backface-visibility: hidden}
:root body[data-lm-theme] .ocean-hero h1 {text-shadow: 0 3px 0 #0e344a24, 0 14px 35px #0c324b35;font-weight: 500}
:root body[data-lm-theme] .b2b-page-heading h1 {text-wrap: balance}
/* Open native disclosures with a short layered arrival; buttons and semantics stay native. */
:root body[data-lm-theme] .b2b-faq details[open] {background: #2a5c77 !important}
:root body[data-lm-theme] .b2b-faq-group > div {border-radius: 20px !important;box-shadow: var(--oc-shadow)}
:root body[data-lm-theme] main .ocean-card :is(input,select,textarea) {box-shadow: none}
@media(max-width:1000px) {
  :root body[data-lm-theme] .ocean-role-strip > a {min-height: 240px}
  :root body[data-lm-theme] .ocean-role-strip strong {max-width: 320px}
}
@media(max-width:600px) {
  :root body[data-lm-theme] main .ocean-card.ocean-card {border-radius: 17px !important}
  :root body[data-lm-theme] .ocean-role-strip {gap: 14px}
  :root body[data-lm-theme] .ocean-role-strip > a {min-height: 222px;padding: 24px !important}
  :root body[data-lm-theme] .ocean-role-strip strong {font-size: 27px;margin-top: 32px;max-width: 260px}
  :root body[data-lm-theme] .lm-access-option {padding: 23px !important}
  :root body[data-lm-theme] main .lm-access-card.ocean-card {padding: 23px 20px !important;border-radius: 20px !important}
  :root body[data-lm-theme] main .b2b-card.ocean-card,:root body[data-lm-theme] .b2b-resource-row > a.ocean-card,:root body[data-lm-theme] main .b2b-close.ocean-card {padding: 25px !important;min-height: 0}
}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse) {
  :root body[data-lm-theme] main .ocean-card[data-ocean-tilt] {transform: none !important}
  .ocean-card-art .oc-art-orbit,.store-card .store-photo img {transform: none !important;transition: none !important}
}
html[data-ocean-cards-motion="paused"] body[data-lm-theme] main .ocean-card[data-ocean-tilt] {transform: none !important}
html[data-ocean-cards-motion="paused"] :is(.oc-art-orbit,.store-card .store-photo img) {transform: none !important;transition: none !important}
@media(forced-colors:active) {
  :root body[data-lm-theme] main .ocean-card.ocean-card {background: Canvas !important;border-color: CanvasText !important;box-shadow: none !important}
  :root body[data-lm-theme] main .ocean-card :is(p,small,h1,h2,h3,strong,span,svg) {color: CanvasText !important}
  .ocean-card::before {display: none}
}
@media print {
  :root body[data-lm-theme] main .ocean-card.ocean-card {background: transparent !important;box-shadow: none !important;transform: none !important;border-color: #aaa !important;break-inside: avoid}
  :root body[data-lm-theme] main .ocean-card :is(p,small,h1,h2,h3,strong,span,a) {color: #111 !important;text-shadow: none !important}
  .ocean-card::before,.ocean-card-art {display: none !important}
  .ocean-word-shell {overflow: visible}.ocean-word {transform: none !important;opacity: 1 !important}
}