/* Public marketing components. App screens do not load this stylesheet. */
.dx-marketing { --dx-accent:#ff8a3f; --dx-ink:#090b10; --dx-muted:#b5becd; --dx-line:#344050; padding-top:60px; }
.dx-marketing[data-dx-family="business"] { --dx-accent:#30d6dc; }
.dx-marketing[data-dx-family="ads"] { --dx-accent:#8b8cff; }
.dx-global,.dx-experience,.dx-contact,.dx-footer { box-sizing:border-box; font-family:Inter,system-ui,sans-serif; color:#f4f2ec; line-height:1.6; }
.dx-global *, .dx-experience *, .dx-contact *, .dx-footer * { box-sizing:border-box; }
.dx-global { position:fixed; inset:0 0 auto; z-index:999; background:#090e16; border-bottom:1px solid #344050; font-size:13px; }
.dx-global-inner { max-width:1240px; margin:auto; padding:0 24px; min-height:60px; display:flex; align-items:center; gap:20px; }
.dx-global a { color:#cbd3df; text-decoration:none; }
.dx-home { font-weight:800; letter-spacing:.04em; margin-right:auto; }
.dx-home span { color:var(--dx-accent); }
.dx-global nav { position:static!important; inset:auto!important; width:auto!important; height:auto!important; padding:0!important; margin:0!important; display:flex; justify-content:flex-start; gap:6px; background:transparent!important; border:0!important; backdrop-filter:none!important; }
.dx-global nav a { padding:7px 14px; border-radius:5px; }
.dx-global nav a[aria-current] { background:#253040; color:#fff; box-shadow:inset 0 -2px var(--dx-accent); }
.dx-products { position:relative; }
.dx-products summary { cursor:pointer; min-height:44px; display:flex; align-items:center; gap:8px; }
.dx-products summary::after { content:'⌄'; color:var(--dx-accent); }
.dx-products>div { position:absolute; right:0; top:48px; width:260px; padding:16px; border:1px solid #344050; border-radius:8px; background:#101823; box-shadow:0 20px 60px #0009; display:grid; }
.dx-products strong { padding:10px 8px 4px; color:var(--dx-accent); font-size:12px; }
.dx-products a { padding:9px 8px; border-radius:4px; }
.dx-products a:hover { background:#263244; }
.dx-global-actions { display:flex; align-items:center; gap:10px; }
.dx-global-actions a { display:inline-flex; align-items:center; min-height:36px; padding:0 13px; border-radius:6px; font-weight:700; }
.dx-global-actions .dx-login { color:#dbe4f0; }
.dx-global-actions .dx-login:hover { background:#1b2736; color:#fff; }
.dx-global-actions .dx-talk { background:var(--dx-accent); border:1px solid var(--dx-accent); color:#09101a; white-space:nowrap; }
.dx-marketing .ticker-wrap { margin-top:0 !important; }
.dx-marketing .seller-hero { padding:64px 0; }
.dx-marketing .seller-title { font-size:clamp(38px,4.2vw,60px); line-height:1.08; }
.dx-marketing .seller-hero__grid { gap:40px; }
.dx-marketing .seller-button { border-radius:6px; letter-spacing:.015em; text-transform:none; }
.dx-marketing .seller-console { transform:perspective(1000px) rotateY(-9deg) rotateX(4deg); box-shadow:25px 25px 0 #ff8a3f08,0 30px 60px #0005; border-radius:8px; }
.dx-marketing .seller-console__row { transition:background .2s; }
.dx-marketing .seller-console__row:hover { background:#ff8a3f0d; }
.dx-marketing .seller-console__live { font-size:11px; }
.dx-marketing section[id] { scroll-margin-top:150px; }
.dx-experience { width:min(1180px,calc(100% - 48px)); margin:88px auto; --dx-accent:#ff8a3f; }
[data-dx-family="business"] .dx-experience { --dx-accent:#30d6dc; }
[data-dx-family="ads"] .dx-experience { --dx-accent:#8b8cff; }
.dx-section-head { position:static; display:block; background:none; border:0; padding:0; height:auto; max-width:760px; margin:0 0 32px; text-align:left; }
.dx-eyebrow { display:block; color:var(--dx-accent); font:600 12px/1.6 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.09em; margin-bottom:12px; }
.dx-section-head h2,.dx-contact h2 { font-family:'Exo 2',system-ui,sans-serif; font-size:clamp(28px,3.3vw,44px); line-height:1.15; letter-spacing:-.03em; margin:0 0 18px; color:#f4f2ec; }
.dx-experience p,.dx-contact p { color:var(--dx-muted); font-size:16px; line-height:1.65; max-width:65ch; }
.dx-demo-label { display:inline-block; padding:6px 10px; font-size:11px; border:1px solid #344050; color:#bcc7d7; border-radius:4px; }
.dx-workbench { border:1px solid #344050; background:radial-gradient(ellipse at 85% 25%,#20314988,transparent 65%),#0e141e; border-radius:16px; padding:32px; overflow:hidden; }
.dx-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center; }
.dx-experience h3 { font:700 23px/1.3 'Exo 2',system-ui,sans-serif; color:#f4f2ec; margin:0 0 16px; }
.dx-switch { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:28px; }
.dx-experience button { cursor:pointer; font:600 14px/1.4 system-ui,sans-serif; min-height:44px; border-radius:6px; }
.dx-switch button { padding:10px 16px; border:1px solid #46536a; background:#131c29; color:#d4dfed; }
.dx-switch button[aria-pressed="true"] { background:var(--dx-accent); border-color:var(--dx-accent); color:#09101a; }
.dx-controls label { display:flex; flex-wrap:wrap; justify-content:space-between; margin:22px 0; font-size:14px; font-weight:600; }
.dx-controls output { color:var(--dx-accent); font-variant-numeric:tabular-nums; }
.dx-controls input[type="range"] { width:100%; margin:12px 0 0; accent-color:var(--dx-accent); cursor:pointer; min-height:28px; }
.dx-experience small,.dx-contact small { font-size:12px; color:var(--dx-muted); line-height:1.6; }
.dx-scene { perspective:1000px; min-width:0; padding:20px 10px; }
.dx-receipt,.dx-order { background:linear-gradient(130deg,#202b3c,#111a27); border:1px solid #475772; border-radius:12px; padding:28px; transform:rotateY(-7deg) rotateX(3deg); box-shadow:18px 22px 0 #ff8a3f07,0 25px 40px #0006; }
.dx-profit { display:block; color:#2dd9a8; font-size:clamp(32px,4vw,52px); font-variant-numeric:tabular-nums; letter-spacing:-.05em; }
.dx-negative .dx-profit { color:#ff8294; }
.dx-waterfall { height:165px; display:flex; gap:18px; align-items:end; margin:20px 0 40px; border-bottom:1px solid #4e5c70; }
.dx-waterfall>div { flex:1; height:100%; display:flex; justify-content:end; flex-direction:column; position:relative; }
.dx-waterfall i { display:block; background:linear-gradient(90deg,#647997,#8aa3c4); min-height:2px; border-top:3px solid #b9c8dd; transform:skewY(-5deg); transition:height .2s; }
.dx-waterfall>div:nth-child(2) i { background:linear-gradient(90deg,#cb733c,#ffab72); border-color:#ffd2b5; }
.dx-waterfall>div:nth-child(3) i { background:linear-gradient(90deg,#167b63,#2dd9a8); border-color:#8af5d6; }
.dx-waterfall span { position:absolute; top:calc(100% + 10px); left:0; font-size:10px; color:#c3cfe0; }
.dx-receipt dl { margin:0; font-size:13px; }
.dx-receipt dl>div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #354156; }
.dx-receipt dd { margin:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
.dx-experience .dx-insight { border-left:2px solid var(--dx-accent); padding:8px 0 8px 14px; margin:22px 0 0; font-size:14px; color:#e0e8f4; }
.dx-primary { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; background:var(--dx-accent); border:1px solid var(--dx-accent); color:#08121a; border-radius:6px; text-decoration:none; font-size:14px; font-weight:700; min-height:46px; }
.dx-primary:disabled { background:#243747; color:#b7c7d6; border-color:#405166; cursor:default; }
.dx-reset { background:transparent; border:1px solid #46536a; color:#d4dfed; padding:10px 16px; margin:16px 8px 0 0; }
.dx-selection { display:grid; gap:10px; margin:24px 0; }
.dx-selection button { padding:16px; text-align:left; background:#131c29; border:1px solid #344050; color:#f4f2ec; display:grid; gap:6px; }
.dx-selection button[aria-pressed="true"] { border-color:var(--dx-accent); box-shadow:inset 3px 0 var(--dx-accent); background:#1a2636; }
.dx-package { width:70px; height:70px; background:linear-gradient(135deg,#e9b172,#ad6936); color:#412410; display:grid; place-items:center; font-size:36px; transform:rotate(-8deg) skewY(5deg); box-shadow:9px 9px #81502d; margin:0 0 30px auto; }
.dx-stages { padding:0; list-style:none; display:flex; gap:6px; margin:24px 0; }
.dx-stages li { flex:1; padding-top:12px; border-top:3px solid #46536a; color:#a8b8cc; font-size:11px; }
.dx-stages li[aria-current] { border-color:var(--dx-accent); color:#fff; }
.dx-logistics { padding:20px; border:1px solid #344050; border-radius:12px; background:#0b1726; }
.dx-route-map { position:relative; min-height:280px; display:grid; grid-template-columns:1fr 1fr; gap:40px; padding:30px; background-image:linear-gradient(#263e5d66 1px,transparent 1px),linear-gradient(90deg,#263e5d66 1px,transparent 1px); background-size:25px 25px; transform:perspective(900px) rotateX(12deg) rotateZ(-5deg); }
.dx-route-line { position:absolute; inset:65px 25%; border:2px dashed #6c93ff; border-left:0; border-radius:0 30px 30px 0; }
.dx-node { z-index:1; text-align:center; display:grid; justify-items:center; gap:10px; }
.dx-node span { display:grid; place-items:center; width:54px; height:54px; border:1px solid #6c93ff; background:#1a2c48; font-size:28px; box-shadow:6px 6px #0b111b; }
.dx-node b { font-size:10px; background:#0b1726; padding:3px; }
.dx-node-active span { background:#ff8a3f; color:#18100b; border-color:#ffc398; transform:translateY(-7px); box-shadow:6px 13px #101928; }
.dx-node-passed span { border-color:#2dd9a8; }
.dx-location { display:grid; gap:6px; padding:25px 5px 0; font-size:14px; }
.dx-location span { color:#b5becd; }
.dx-stack { display:grid; gap:14px; transform:rotateY(-14deg) rotateX(8deg); }
.dx-stack-layer { display:grid; grid-template-columns:80px 1fr; gap:10px; border:1px solid #40566c; background:#112337; padding:24px; border-radius:9px; transition:transform .25s,background .25s; box-shadow:12px 12px #09111b; }
.dx-stack-layer span { color:#71e4dd; }.dx-stack-layer small { grid-column:2; }
.dx-layer-active { transform:translateX(-16px); background:#16433f; border-color:#2dd9a8; }
.dx-business-copy { min-height:180px; }
.dx-contact { max-width:1180px; margin:80px auto 0; padding:40px 28px; border:1px solid #344050; border-radius:12px; background:#101b28; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; text-align:left; }
.dx-contact a:not(.dx-primary) { color:#d2deec; word-break:break-word; }
.dx-footer { max-width:1180px; padding:32px 24px; margin:auto; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; background:transparent; font-size:13px; }
.dx-footer a { color:#c3d0e2; text-decoration:none; }.dx-footer nav { position:static; display:flex; gap:20px; flex-wrap:wrap; background:none; padding:0; height:auto; border:0; }
.dx-global :focus-visible,.dx-experience :focus-visible,.dx-contact :focus-visible,.dx-footer :focus-visible { outline:3px solid var(--dx-accent); outline-offset:4px; }
@media(max-width:760px) {
 .dx-marketing { padding-top:56px; }.dx-global-inner { padding:0 14px; gap:6px; min-height:56px; }.dx-home { font-size:11px; margin-right:0; }.dx-home span { display:none; }.dx-global nav a { padding:8px; }.dx-products summary { font-size:0; min-width:32px; justify-content:center; }.dx-products summary::after { font-size:16px; }.dx-products>div { right:-72px; top:48px; }.dx-global-actions { margin-left:auto; gap:2px; }.dx-global-actions a { min-height:34px; padding:0 8px; font-size:11px; }.dx-global-actions .dx-talk { font-size:0; width:34px; padding:0; justify-content:center; }.dx-global-actions .dx-talk::after { content:'↗'; font-size:16px; }
 .dx-experience { width:calc(100% - 32px); margin:52px auto; }.dx-workbench { padding:20px 16px; }.dx-grid { grid-template-columns:1fr; gap:24px; }.dx-scene { padding:10px 0; }.dx-receipt,.dx-order,.dx-stack { transform:none; box-shadow:none; }.dx-receipt,.dx-order { padding:20px; }.dx-switch button { flex:1; padding:10px; font-size:12px; }.dx-contact { margin:48px 16px 0; grid-template-columns:1fr; padding:24px; gap:12px; }.dx-contact .dx-primary { width:100%; text-align:center; }.dx-footer { flex-direction:column; }.dx-marketing .seller-hero { padding:40px 0; }.dx-marketing .seller-title { font-size:40px; }.dx-marketing .seller-console { transform:none; }.dx-route-map { padding:20px; }.dx-stack-layer { padding:20px; }.dx-layer-active { transform:translateX(-5px); }
}
@media(prefers-reduced-motion:reduce) { .dx-marketing *, .dx-marketing *::before,.dx-marketing *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }.dx-receipt,.dx-order,.dx-stack,.dx-route-map,.dx-marketing .seller-console { transform:none; } }