/* Base product page only (solutions/base), scoped by body[data-product=exodm]. Product-UI-led layout: coded console in the hero, app bento, without/with compare, launch offer. Shared CSS stays untouched. */
[data-product=exodm]{--bx-blue:#168cff;--bx-cyan:#58c8ff;--bx-ice:#cfeaff;--bx-panel:#0c121a;--bx-panel-2:#101924;--bx-line:#5ab4ff26;--bx-line-2:#5ab4ff40;--bx-ok:#3ddc97;--bx-warn:#ffb547}
[data-product=exodm] .detail-main{position:relative}
[data-product=exodm] .detail-main:before{content:"";position:absolute;inset:0 0 auto;height:1100px;z-index:-1;pointer-events:none;background:linear-gradient(var(--bx-line) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,var(--bx-line) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask:radial-gradient(ellipse 70% 60% at 70% 20%,#000 10%,transparent 70%);mask:radial-gradient(ellipse 70% 60% at 70% 20%,#000 10%,transparent 70%);opacity:.55}

/* Hero: copy left, console right. */
[data-product=exodm] .bx-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;padding:40px 0 96px}
[data-product=exodm] .bx-title{font-size:clamp(44px,5.2vw,80px)!important;line-height:1.02;margin:22px 0 26px!important}
[data-product=exodm] .bx-title span{display:block;background:linear-gradient(90deg,#e8f5ff,var(--bx-cyan) 60%,var(--bx-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-product=exodm] .bx-hero .lead{font-size:clamp(16px,1.35vw,19px)!important;max-width:520px}
[data-product=exodm] .bx-hero .detail-actions{gap:12px}
[data-product=exodm] .bx-channels{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:30px 0 0}
[data-product=exodm] .bx-channels li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--bx-line);border-radius:999px;font:11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#a9d6f7;background:#0b131c}
[data-product=exodm] .bx-channels i,[data-product=exodm] .bx-toast i{width:7px;height:7px;border-radius:50%;background:var(--c,var(--bx-ok));box-shadow:0 0 10px var(--c,var(--bx-ok))}

/* Shared mock window. */
[data-product=exodm] .bx-hero-ui{position:relative;margin:0}
[data-product=exodm] .bx-win{position:relative;border:1px solid var(--bx-line-2);border-radius:18px;background:linear-gradient(180deg,#0f1823,#0a0f15);box-shadow:0 40px 120px -30px #0066ff55,0 0 0 1px #ffffff08 inset;overflow:hidden;font:13px/1.45 Inter,Arial,sans-serif;color:#cfe3f3}
[data-product=exodm] .bx-hero-ui:before{content:"";position:absolute;inset:-12% -8% -16% 6%;z-index:-1;background:radial-gradient(closest-side,#0066ff40,transparent);filter:blur(10px)}
[data-product=exodm] .bx-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--bx-line)}
[data-product=exodm] .bx-bar i{width:9px;height:9px;border-radius:50%;background:#ffffff22}
[data-product=exodm] .bx-shot em{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font:500 8px 'IBM Plex Mono',monospace;font-style:normal;color:#06121c;background:var(--c,#7fbfff)}
[data-product=exodm] .bx-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#58c8ff,#0066ff);font:500 12px Inter,sans-serif;color:#04121f}
@media (prefers-reduced-motion:no-preference){
 [data-product=exodm] .bx-ask{animation:bx-rise 700ms 500ms cubic-bezier(.2,.8,.2,1) both}
 [data-product=exodm] .bx-toast{animation:bx-rise 700ms 1300ms cubic-bezier(.2,.8,.2,1) both}
 [data-product=exodm] .bx-wave i{animation:bx-wave 1.1s ease-in-out infinite alternate}
}
@keyframes bx-rise{from{opacity:0;transform:translateY(14px)}}
@keyframes bx-wave{to{transform:scaleY(.35)}}

/* Apps bento. */
[data-product=exodm] .bx-apps{border-top:0}
[data-product=exodm] .bx-sub{max-width:620px!important;margin:-10px 0 34px}
[data-product=exodm] .bx-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
[data-product=exodm] .bx-tile{position:relative;display:flex;flex-direction:column;gap:18px;min-height:300px;padding:26px;border:1px solid var(--bx-line);border-radius:22px;background:radial-gradient(ellipse 80% 70% at 100% 0,#0066ff1c,transparent 70%),var(--bx-panel);overflow:hidden;transition:border-color 260ms,transform 260ms}
[data-product=exodm] .bx-tile:hover{border-color:#58c8ff66;transform:translateY(-3px)}
[data-product=exodm] .bx-t-chat{grid-column:span 7}
[data-product=exodm] .bx-t-desk{grid-column:span 5}
[data-product=exodm] .bx-t-know{grid-column:span 5}
[data-product=exodm] .bx-t-social{grid-column:span 7}
[data-product=exodm] .bx-tile-name{display:block;font:400 28px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.03em;color:#eaf6ff}
[data-product=exodm] .bx-tile-line{display:block;margin-top:6px;font-size:14px;color:#8fbfe3}
[data-product=exodm] .bx-tile-go{margin-top:auto;font-size:13px;color:#bfe3fb}
[data-product=exodm] .bx-tile-go:after{content:" →";transition:margin 200ms}
[data-product=exodm] .bx-tile:hover .bx-tile-go:after{margin-left:6px}
[data-product=exodm] .bx-mini{display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.45;color:#d6ebfa}
[data-product=exodm] .bx-b{max-width:78%;padding:9px 13px;border-radius:14px 14px 14px 4px;background:#ffffff0d}
[data-product=exodm] .bx-b-out{align-self:flex-end;border-radius:14px 14px 4px 14px;background:linear-gradient(140deg,#168cff,#0a5fd0);color:#fff}
[data-product=exodm] .bx-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;border:1px solid #3ddc9755;background:#3ddc9714;font:10px 'IBM Plex Mono',monospace;color:#9ff0c9}
[data-product=exodm] .bx-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
[data-product=exodm] .bx-chip-wait{border-color:#ffb54755;background:#ffb54714;color:#ffd590}
[data-product=exodm] .bx-call{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#ffffff08;border:1px solid var(--bx-line)}
[data-product=exodm] .bx-call strong{display:block;font-weight:500;color:#eaf6ff}
[data-product=exodm] .bx-call small{font-size:11px;color:#86a8c2}
[data-product=exodm] .bx-wave{display:flex;align-items:center;gap:3px;margin-left:auto;height:26px}
[data-product=exodm] .bx-wave i{width:3px;height:100%;border-radius:2px;background:var(--bx-cyan);transform-origin:center}
[data-product=exodm] .bx-wave i:nth-child(2n){animation-delay:-.4s;height:60%}
[data-product=exodm] .bx-wave i:nth-child(3n){animation-delay:-.7s;height:80%}
[data-product=exodm] .bx-q{align-self:flex-end;padding:9px 13px;border-radius:14px 14px 4px 14px;background:#ffffff12}
[data-product=exodm] .bx-a{padding:12px 14px;border-radius:14px;border:1px solid #58c8ff44;background:#0f2236}
[data-product=exodm] .bx-a small{display:block;margin-top:6px;font:10px 'IBM Plex Mono',monospace;color:#6fb4e8}
[data-product=exodm] .bx-mini:has(.bx-post){flex-direction:row;align-items:stretch;gap:14px}
[data-product=exodm] .bx-post{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#ffffff08;border:1px solid var(--bx-line)}
[data-product=exodm] .bx-post-img{height:92px;border-radius:10px;background:url(/assets/landing/images/nm-exodynamic.webp) center/cover}
[data-product=exodm] .bx-post-txt{display:grid;gap:6px}
[data-product=exodm] .bx-post-txt i{height:7px;border-radius:4px;background:#ffffff1a}
[data-product=exodm] .bx-post-txt i+i{width:60%}
[data-product=exodm] .bx-cal{display:grid;align-content:start;gap:8px;width:110px}
[data-product=exodm] .bx-cal b{font-weight:400;padding:10px 12px;border-radius:12px;border:1px solid var(--bx-line);font:11px 'IBM Plex Mono',monospace;color:#86a8c2}
[data-product=exodm] .bx-cal b.is-on{border-color:#58c8ff77;background:#168cff22;color:#e6f4ff}
[data-product=exodm] .bx-core{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:16px;padding:22px 26px;border-radius:22px;border:1px solid #58c8ff44;background:linear-gradient(90deg,#0b2742,#0b1520 60%);position:relative}
[data-product=exodm] .bx-core:before{content:"";position:absolute;left:8%;right:8%;top:-17px;height:16px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#58c8ff55 calc(25% - 1px) 25%);pointer-events:none}
[data-product=exodm] .bx-core-k{font:11px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--bx-cyan)}
[data-product=exodm] .bx-core ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 0 auto;padding:0}
[data-product=exodm] .bx-core li{padding:7px 14px;border-radius:999px;background:#ffffff0c;border:1px solid var(--bx-line);font-size:13px;color:#dff0fc}

/* Inside Base tabs: coded app views stand in for the four real screenshots. */
[data-product=exodm] .bx-inside .xd-teams-stage:after{display:none}
[data-product=exodm] .bx-shot{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;padding:14px;border-radius:16px;border:1px solid var(--bx-line-2);background:linear-gradient(180deg,#101a26,#0a1018);font:12px/1.45 Inter,sans-serif;color:#d6ebfa}
[data-product=exodm] .bx-shot-bar{padding:0 2px 8px;border-bottom:1px solid var(--bx-line);font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#7fb2d8}
[data-product=exodm] .bx-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;background:#ffffff06}
[data-product=exodm] .bx-row b{margin-left:auto;font-weight:400;font:10px 'IBM Plex Mono',monospace;color:#9ff0c9}
[data-product=exodm] .bx-row b.bx-warn{color:#ffd590}
[data-product=exodm] .bx-shot .bx-b{font-size:12px}

/* Without / with. */
[data-product=exodm] .bx-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}
[data-product=exodm] .bx-col{padding:30px;border-radius:22px;border:1px solid var(--bx-line)}
[data-product=exodm] .bx-col h3{margin:0 0 6px!important;font-size:24px!important}
[data-product=exodm] .bx-col p{margin:0 0 18px;font-size:14px!important}
[data-product=exodm] .bx-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
[data-product=exodm] .bx-col li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-top:1px solid #ffffff12;font-size:14px;line-height:1.5}
[data-product=exodm] .bx-col li:before{flex:none;width:18px;font:12px 'IBM Plex Mono',monospace;text-align:center}
[data-product=exodm] .bx-col-without{background:#ffffff04}
[data-product=exodm] .bx-col-without li{color:#8ea4b6}
[data-product=exodm] .bx-col-without li:before{content:"×";color:#ff8a80}
[data-product=exodm] .bx-col-with{border-color:#58c8ff55;background:radial-gradient(ellipse at 100% 0,#0066ff2e,transparent 65%),var(--bx-panel)}
[data-product=exodm] .bx-col-with h3{color:#eaf6ff!important}
[data-product=exodm] .bx-col-with li{color:#dff0fc}
[data-product=exodm] .bx-col-with li:before{content:"✓";color:var(--bx-ok)}

/* Launch offer band. */
[data-product=exodm] .bx-offer{border-top:0;padding-top:24px}
[data-product=exodm] .bx-offer-card{position:relative;overflow:hidden;padding:48px;border-radius:26px;border:1px solid #58c8ff55;background:radial-gradient(ellipse 60% 120% at 100% 50%,#168cff55,transparent 70%),linear-gradient(120deg,#0b1d31,#0a1119)}
[data-product=exodm] .bx-offer-k{display:inline-block;margin:0 0 14px;padding:5px 12px;border-radius:999px;background:#ffb5471f;border:1px solid #ffb54755;font:10px 'IBM Plex Mono',monospace!important;letter-spacing:.12em;text-transform:uppercase;color:#ffd590}
[data-product=exodm] .bx-offer h2{max-width:620px!important;margin:0 0 12px}
[data-product=exodm] .bx-offer h2 span{color:var(--bx-cyan)}
[data-product=exodm] .bx-offer .detail-actions{position:relative;margin-top:18px}

/* Security: numbered cards instead of plain rules. */
[data-product=exodm] #governance .detail-grid{counter-reset:bx;gap:16px}
[data-product=exodm] #governance .detail-grid article{counter-increment:bx;padding:24px;border:1px solid var(--bx-line);border-radius:18px;background:var(--bx-panel)}
[data-product=exodm] #governance .detail-grid article:before{content:counter(bx,decimal-leading-zero);display:block;margin-bottom:14px;font:11px 'IBM Plex Mono',monospace;color:var(--bx-cyan)}
[data-product=exodm] #governance .detail-grid h3{font-size:19px!important}

@media(max-width:1100px){
 [data-product=exodm] .bx-hero{grid-template-columns:1fr;gap:48px}
 [data-product=exodm] .bx-hero-copy{max-width:680px}
}
@media(max-width:900px){
 [data-product=exodm] .bx-t-chat,[data-product=exodm] .bx-t-desk,[data-product=exodm] .bx-t-know,[data-product=exodm] .bx-t-social{grid-column:span 12}
 [data-product=exodm] .bx-tile{min-height:0}
 [data-product=exodm] .bx-compare{grid-template-columns:1fr}
}
@media(max-width:800px){
 [data-product=exodm] .bx-hero{padding:16px 0 70px}
 [data-product=exodm] .bx-tile,[data-product=exodm] .bx-col{padding:22px}
 [data-product=exodm] .bx-core{padding:20px}
 [data-product=exodm] .bx-core:before{display:none}
 [data-product=exodm] .bx-core ul{margin:0}
 [data-product=exodm] .bx-offer-card{padding:30px 22px}
 [data-product=exodm] #governance .detail-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){[data-product=exodm] .bx-tile{transition:none}}
[data-product=exodm] .bx-chip{white-space:nowrap}
@media(max-width:800px){[data-product=exodm] .bx-cal{width:76px}[data-product=exodm] .bx-cal b{padding:8px 10px}[data-product=exodm] .bx-post .bx-chip{white-space:normal}}

/* Hero console v2: real app chrome, avatars with channel badges, full thread, record with next booking. */
[data-product=exodm] .bx-stage{position:relative}
@media(min-width:1101px) and (prefers-reduced-motion:no-preference){[data-product=exodm] .bx-stage{perspective:1800px}[data-product=exodm] .bx-console{transform:rotateY(-7deg) rotateX(3deg);transform-origin:20% 50%;transition:transform 900ms cubic-bezier(.2,.8,.2,1)}[data-product=exodm] .bx-hero-ui:hover .bx-console{transform:none}}
[data-product=exodm] .bx-console{border-radius:16px;background:#0a0f16;box-shadow:0 50px 120px -30px #0066ff66,0 30px 60px -20px #000c,0 0 0 1px #ffffff0a inset}
[data-product=exodm] .bx-console svg{flex:none}
[data-product=exodm] .bx-top{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;border-bottom:1px solid var(--bx-line);background:#0c131c}
[data-product=exodm] .bx-logo{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:linear-gradient(140deg,#58c8ff,#0066ff);font:600 12px 'Space Grotesk',sans-serif;color:#fff}
[data-product=exodm] .bx-ws{font-size:12px;font-weight:500;color:#e6f3fd;white-space:nowrap}
[data-product=exodm] .bx-ws small{margin-left:6px;padding:1px 6px;border-radius:5px;background:#168cff26;font-size:9px;color:#9fd8f9}
[data-product=exodm] .bx-search{display:flex;align-items:center;gap:8px;flex:1;max-width:280px;margin:0 auto;padding:6px 10px;border-radius:8px;background:#ffffff08;border:1px solid var(--bx-line);font-size:11px;color:#6f8fa9;white-space:nowrap;overflow:hidden}
[data-product=exodm] .bx-search svg{width:13px;height:13px}
[data-product=exodm] .bx-me{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1d2a38;font-size:10px;color:#cfe3f3}
[data-product=exodm] .bx-console-body{display:grid;grid-template-columns:52px minmax(0,1.1fr) minmax(0,1.35fr) minmax(0,.95fr);height:400px}
[data-product=exodm] .bx-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;border-right:1px solid var(--bx-line);background:#0b1118}
[data-product=exodm] .bx-rail b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:400;color:#6f90aa}
[data-product=exodm] .bx-rail b span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[data-product=exodm] .bx-rail b.is-on{background:#168cff2e;color:#e6f4ff;box-shadow:inset 0 0 0 1px #58c8ff44}
[data-product=exodm] .bx-rail .bx-rail-ask{margin-top:auto;color:var(--bx-cyan)}
[data-product=exodm] .bx-inbox-wrap{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--bx-line)}
[data-product=exodm] .bx-inbox-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 8px}
[data-product=exodm] .bx-inbox-head strong{font-weight:500;font-size:13px;color:#eaf6ff}
[data-product=exodm] .bx-seg{display:flex;padding:2px;border-radius:7px;background:#ffffff08}
[data-product=exodm] .bx-seg b{padding:3px 7px;border-radius:5px;font-weight:400;font-size:9px;color:#7d9cb5;white-space:nowrap}
[data-product=exodm] .bx-seg b.is-on{background:#ffffff14;color:#e6f4ff}
[data-product=exodm] .bx-inbox{list-style:none;margin:0;padding:0 6px 8px;display:grid;gap:2px}
[data-product=exodm] .bx-inbox li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:9px 8px;border-radius:10px}
[data-product=exodm] .bx-inbox li.is-on{background:#168cff1f}
[data-product=exodm] .bx-av{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g);font:600 11px Inter,sans-serif;color:#fff;text-shadow:0 1px 2px #0004}
[data-product=exodm] .bx-av i{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:var(--c);border:2px solid #0a0f16}
[data-product=exodm] .bx-av-lg{width:44px;height:44px;font-size:13px}
[data-product=exodm] .bx-cv{min-width:0;display:flex;flex-direction:column}
[data-product=exodm] .bx-cv strong{font-weight:500;font-size:12px;color:#e6f3fd}
[data-product=exodm] .bx-cv>span{font-size:11px;color:#86a8c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-product=exodm] .bx-tag{align-self:flex-start;margin-top:5px;padding:1px 7px;border-radius:5px;background:#ffffff0c;font:normal 9px 'IBM Plex Mono',monospace;color:#9fc4e0}
[data-product=exodm] .bx-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
[data-product=exodm] .bx-meta time{font:9px 'IBM Plex Mono',monospace;color:#6d8ea8}
[data-product=exodm] .bx-meta b{display:grid;place-items:center;min-width:16px;height:16px;border-radius:8px;background:var(--bx-blue);font-weight:500;font-size:9px;color:#fff}
[data-product=exodm] .bx-thread{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--bx-line);background:radial-gradient(ellipse at 50% 120%,#0066ff14,transparent 60%)}
[data-product=exodm] .bx-thread-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--bx-line)}
[data-product=exodm] .bx-thread-head strong{font-weight:500;font-size:13px;color:#eaf6ff}
[data-product=exodm] .bx-thread-head span{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#86a8c2}
[data-product=exodm] .bx-thread-head span i{width:6px;height:6px;border-radius:50%;background:var(--c)}
[data-product=exodm] .bx-thread-head em{margin-left:auto;padding:2px 8px;border-radius:999px;border:1px solid #3ddc9744;font:normal 9px 'IBM Plex Mono',monospace;color:#9ff0c9;white-space:nowrap}
[data-product=exodm] .bx-msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:12px 14px;min-height:0}
[data-product=exodm] .bx-day{align-self:center;margin:0!important;font:9px/1 'IBM Plex Mono',monospace!important;letter-spacing:.1em;text-transform:uppercase;color:#5f7f98}
[data-product=exodm] .bx-msg{margin:0!important;max-width:86%;padding:9px 12px;border-radius:14px 14px 14px 4px;background:#1a2430;font-size:12px!important;line-height:1.45!important;color:#e2f0fb}
[data-product=exodm] .bx-ask{padding:12px;border-radius:14px;border:1px solid #58c8ff4d;background:linear-gradient(160deg,#10304f,#0c1826 70%);box-shadow:0 14px 40px -14px #168cffaa}
[data-product=exodm] .bx-ask-k{display:inline-flex;align-items:center;gap:6px;font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-cyan)}
[data-product=exodm] .bx-ask-k svg{width:13px;height:13px}
[data-product=exodm] .bx-ask p{margin:6px 0 9px!important;font-size:12px!important;line-height:1.45!important;color:#e5f3ff}
[data-product=exodm] .bx-slots{display:flex;gap:6px;margin-bottom:10px}
[data-product=exodm] .bx-slots b{flex:1;padding:6px 0;border-radius:8px;border:1px solid var(--bx-line-2);text-align:center;font-weight:400;font-size:10px;color:#a9cfea}
[data-product=exodm] .bx-slots b.is-on{border-color:var(--bx-cyan);background:#58c8ff22;color:#fff;font-weight:500}
[data-product=exodm] .bx-ask-a{display:flex;gap:6px}
[data-product=exodm] .bx-ask-a b{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--bx-line-2);font-weight:500;font-size:10px;color:#bfe1fa}
[data-product=exodm] .bx-ask-a b svg{width:12px;height:12px}
[data-product=exodm] .bx-ask-a b:first-child{background:#c2e8fc;color:#0f2333;border-color:transparent}
[data-product=exodm] .bx-compose{display:flex;align-items:center;gap:8px;margin:0 12px 12px;padding:8px 8px 8px 12px;border-radius:12px;border:1px solid var(--bx-line);background:#0d151f;font-size:11px;color:#5f7f98}
[data-product=exodm] .bx-compose b{display:grid;place-items:center;margin-left:auto;width:26px;height:26px;border-radius:8px;background:var(--bx-blue);color:#fff}
[data-product=exodm] .bx-compose svg{width:13px;height:13px}
[data-product=exodm] .bx-record{display:flex;flex-direction:column;gap:12px;padding:14px 12px;min-width:0}
[data-product=exodm] .bx-rec-head{display:flex;align-items:center;gap:10px;min-width:0}
[data-product=exodm] .bx-rec-head strong{display:block;font-weight:500;font-size:13px;color:#eaf6ff;white-space:nowrap}
[data-product=exodm] .bx-rec-head small,[data-product=exodm] .bx-next small{display:block;font-size:10px;color:#7c9db7}
[data-product=exodm] .bx-next{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid #3ddc9740;background:#3ddc970d}
[data-product=exodm] .bx-next strong{display:block;font-weight:500;font-size:12px;color:#eaf6ff}
[data-product=exodm] .bx-date{display:grid;place-items:center;flex:none;width:38px;height:40px;border-radius:9px;background:#ffffff0f;font:500 15px/1 'Space Grotesk',sans-serif;color:#fff}
[data-product=exodm] .bx-date small{font:8px 'IBM Plex Mono',monospace!important;color:#9ff0c9!important}
[data-product=exodm] .bx-record dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
[data-product=exodm] .bx-record dl div{padding:8px;border-radius:9px;background:#ffffff07;border:1px solid var(--bx-line);min-width:0}
[data-product=exodm] .bx-record dt{font:8px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#6f92ad}
[data-product=exodm] .bx-record dd{margin:2px 0 0;font-size:12px;font-weight:500;color:#dff0fc;white-space:nowrap}
[data-product=exodm] .bx-pk{display:grid;gap:6px;font-size:10px;color:#86a8c2}
[data-product=exodm] .bx-pk i{height:5px;border-radius:3px;background:#ffffff12;overflow:hidden}
[data-product=exodm] .bx-pk i b{display:block;height:100%;background:linear-gradient(90deg,var(--bx-blue),var(--bx-cyan))}
[data-product=exodm] .bx-toast{position:absolute;left:-30px;bottom:-30px;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:14px;border:1px solid #3ddc9744;background:#0d1a1ff0;backdrop-filter:blur(12px);box-shadow:0 24px 60px #000b;font:11px/1.4 Inter,sans-serif;color:#9fc4e0}
[data-product=exodm] .bx-toast strong{display:block;font-weight:500;font-size:13px;color:#eaf6ff}
[data-product=exodm] .bx-ok{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#3ddc9722;color:var(--bx-ok)}
[data-product=exodm] .bx-float{position:absolute;right:-22px;top:-26px;display:flex;flex-direction:column;gap:3px;max-width:230px;padding:12px 14px;border-radius:14px;border:1px solid #58c8ff4d;background:#0d1724f0;backdrop-filter:blur(12px);box-shadow:0 24px 60px #000b;font:12px/1.4 Inter,sans-serif;color:#d9ecfa}
[data-product=exodm] .bx-float-k{display:inline-flex;align-items:center;gap:6px;font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-cyan)}
[data-product=exodm] .bx-float-k svg{width:13px;height:13px}
@media (prefers-reduced-motion:no-preference){[data-product=exodm] .bx-float{animation:bx-rise 700ms 900ms cubic-bezier(.2,.8,.2,1) both}}
@media(max-width:1100px){[data-product=exodm] .bx-toast{left:12px}[data-product=exodm] .bx-float{right:12px}}
@media(max-width:800px){
 [data-product=exodm] .bx-search,[data-product=exodm] .bx-rail,[data-product=exodm] .bx-record,[data-product=exodm] .bx-inbox-wrap,[data-product=exodm] .bx-float{display:none}
 [data-product=exodm] .bx-console-body{grid-template-columns:1fr;height:auto}
 [data-product=exodm] .bx-me{margin-left:auto}
 [data-product=exodm] .bx-thread{border-right:0}
 [data-product=exodm] .bx-msgs{padding-top:16px}
 [data-product=exodm] .bx-toast{position:relative;left:auto;bottom:auto;margin:-20px 12px 0;width:max-content;max-width:calc(100% - 24px)}
}

/* Offer v2: a credit card and wallet line instead of the outlined "$10". */
[data-product=exodm] .bx-offer-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px;align-items:center}
[data-product=exodm] .bx-credit{position:relative;display:grid;gap:14px}
[data-product=exodm] .bx-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1.586;padding:22px 24px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse 90% 80% at 100% 0,#58c8ff77,transparent 60%),radial-gradient(ellipse 70% 90% at 0 100%,#0047c4,transparent 70%),linear-gradient(135deg,#0f5fe0,#0a2e6e);box-shadow:0 30px 70px -20px #0066ffaa,0 0 0 1px #ffffff26 inset;color:#fff;transform:rotate(-4deg)}
[data-product=exodm] .bx-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 22px,#ffffff08 22px 23px);pointer-events:none}
[data-product=exodm] .bx-card:after{content:"";position:absolute;inset:-50% auto -50% -60%;width:40%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);transform:skewX(-20deg);pointer-events:none}
@media (prefers-reduced-motion:no-preference){[data-product=exodm] .bx-offer.is-in .bx-card:after{animation:bx-shine 2.4s 600ms ease-in-out}}
@keyframes bx-shine{to{left:130%}}
[data-product=exodm] .bx-card-top{position:relative;display:flex;align-items:center;gap:10px;font:500 13px Inter,sans-serif}
[data-product=exodm] .bx-card-top .bx-logo{background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff40}
[data-product=exodm] .bx-card-chip{margin-left:auto;width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#ffe3a3,#c99a3a);box-shadow:inset 0 0 0 1px #0002}
[data-product=exodm] .bx-card-amt{position:relative;font:500 clamp(44px,5vw,64px)/1 'Space Grotesk',sans-serif;letter-spacing:-.04em}
[data-product=exodm] .bx-card-amt small{margin-right:8px;font:500 14px 'IBM Plex Mono',monospace;letter-spacing:.08em;vertical-align:middle;opacity:.8}
[data-product=exodm] .bx-card-foot{position:relative;display:flex;justify-content:space-between;font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
[data-product=exodm] .bx-wallet{position:relative;z-index:1;margin:-26px 18px 0;padding:14px 16px;border-radius:14px;border:1px solid var(--bx-line-2);background:#0b1520f2;backdrop-filter:blur(10px);box-shadow:0 20px 50px #000a}
[data-product=exodm] .bx-wallet-row{display:flex;align-items:center;gap:12px}
[data-product=exodm] .bx-wallet-row strong{display:block;font-weight:500;font-size:13px;color:#eaf6ff}
[data-product=exodm] .bx-wallet-row small{font-size:11px;color:#7c9db7}
[data-product=exodm] .bx-wallet-row>b{margin-left:auto;font:500 13px 'IBM Plex Mono',monospace;color:var(--bx-ok);white-space:nowrap}
[data-product=exodm] .bx-wallet i{display:block;height:4px;margin-top:12px;border-radius:2px;background:#ffffff12;overflow:hidden}
[data-product=exodm] .bx-wallet i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--bx-ok),var(--bx-cyan))}
@media(max-width:900px){[data-product=exodm] .bx-offer-card{grid-template-columns:1fr;gap:40px}[data-product=exodm] .bx-credit{max-width:420px}}
@media(max-width:800px){[data-product=exodm] .bx-card{padding:18px 20px;transform:rotate(-2deg)}[data-product=exodm] .bx-wallet{margin:-20px 10px 0}}
/* v2 fit fixes */
[data-product=exodm] .bx-console-body{grid-template-columns:48px minmax(0,1.15fr) minmax(0,1.3fr) minmax(0,1fr)}
[data-product=exodm] .bx-tag{white-space:nowrap}
[data-product=exodm] .bx-record dl{grid-template-columns:1fr 1fr}
[data-product=exodm] .bx-record dl div:last-child{grid-column:1/-1}
[data-product=exodm] .bx-float{top:-62px;right:28px}
[data-product=exodm] .bx-thread-head{flex-wrap:nowrap;min-width:0}
[data-product=exodm] .bx-thread-head strong{white-space:nowrap}
@media(max-width:1300px) and (min-width:1101px){[data-product=exodm] .bx-console-body{grid-template-columns:48px minmax(0,1fr) minmax(0,1.3fr)}[data-product=exodm] .bx-record{display:none}}
@media(max-width:800px){[data-product=exodm] .bx-console-body{grid-template-columns:minmax(0,1fr)}}

/* Statement art: feather every edge so the picture melts into the page instead of ending in a box. */
@media(min-width:901px){[data-product=exodm][style*="--statement-art"] .xd-statement:before{top:50%;height:auto;aspect-ratio:2400/1400;margin-top:-21%;background-size:100% 100%;background-position:center;-webkit-mask:radial-gradient(ellipse 50% 50% at 62% 52%,#000 35%,#0009 65%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at 62% 52%,#000 35%,#0009 65%,transparent 100%)}}
@media(max-width:900px){[data-product=exodm][style*="--statement-art"] .xd-statement:before{-webkit-mask:radial-gradient(ellipse 60% 52% at 62% 50%,#000 45%,transparent 100%);mask:radial-gradient(ellipse 60% 52% at 62% 50%,#000 45%,transparent 100%)}}