/* A compact cinematic bridge into onboarding. */
.ox-card-film{background:#fafaf8;padding:12px 0 20px}
.ox-card-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#202329;aspect-ratio:21/9;max-height:420px}
.ox-card-video{display:block;width:100%;height:100%;object-fit:cover}
.ox-card-control{position:absolute;bottom:18px;left:20px;z-index:2;min-height:42px;padding:10px 15px;border:1px solid #ffffff50;border-radius:24px;background:#10131ce8;color:#f5f7fa;font:500 14px var(--sans, sans-serif);cursor:pointer}
.ox-card-control:focus-visible{outline:3px solid #e6c5a7;outline-offset:4px}
.ox-card-account{position:absolute;right:3%;top:50%;width:250px;padding:22px;border:1px solid #f4e6d15c;border-radius:14px;background:#10151cf2;color:#f5f7fa;box-shadow:0 12px 38px #0003;opacity:0;transform:translate(12px,-50%);transition:opacity .8s ease,transform 1s cubic-bezier(.22,1,.36,1);pointer-events:none}
.ox-card-stage.account-revealed .ox-card-account{opacity:1;transform:translate(0,-50%)}
.ox-card-account-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ox-card-account-top img{width:72px;height:auto}.ox-card-account-top span{color:#cbd3dd;font-size:12px}
.ox-card-account p{font-size:24px!important;line-height:1.24;color:#f5f7fa!important;margin:24px 0 20px;letter-spacing:-.03em}
.ox-card-currencies{display:flex;gap:7px;flex-wrap:wrap}.ox-card-currencies span{font-size:14px;color:#eee0d1;border:1px solid #bba28b70;border-radius:5px;padding:7px}
.ox-card-actions{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;margin-top:20px;padding-top:16px;font-size:14px;color:#e4eaf1}
@media(max-width:1000px){.ox-card-account{width:210px;padding:18px;right:2%}.ox-card-account p{font-size:21px!important;margin:18px 0}.ox-card-currencies{gap:4px}.ox-card-currencies span{padding:5px}.ox-card-account-top span{font-size:11px}}
@media(max-width:760px){.ox-card-film{padding:8px 0 14px}.ox-card-stage{aspect-ratio:4/3;max-height:390px;border-radius:12px}.ox-card-video{object-fit:cover;object-position:44% center}.ox-card-account{display:none}.ox-card-control{bottom:12px;left:12px}}
@media(prefers-reduced-motion:reduce){.ox-card-account{transition:none}}

.ox-card-signin{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:46px;padding:12px 20px;border-radius:8px;background:#f0e4d7;color:#171b22;border-color:#e1cbb7;font-weight:600;text-decoration:none;transition:background .2s}
.ox-card-signin:hover{background:#fff4e8}

.ox-card-currencies .ox-card-crypto{flex-basis:100%;text-align:center;background:#c08b8814;border-color:#c7a38d;color:#f0dfd0}

/* Keep the card film and its practical benefits in one clear section. */
.ox-card-feature-layout{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(260px,1fr);gap:32px;align-items:center}
.ox-card-feature-layout .ox-card-stage{width:100%;min-height:380px;aspect-ratio:21/9;max-height:none}
.ox-card-feature-layout .ox-card-account{width:224px;padding:20px;right:20px}
.ox-card-feature-copy{min-width:0;color:#171d27;padding:15px 0}
.ox-card-feature-copy h2{font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.04em;margin-bottom:22px}
.ox-card-feature-list{list-style:none;padding:0;margin:0}
.ox-card-feature-list li{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #d0d4da;padding:14px 0;font-size:15px;line-height:1.55;color:#2b3442}
.ox-card-feature-list li::before{content:'✓';color:#805d58;flex:none;font-size:14px}
@media(max-width:1250px){.ox-card-feature-layout{grid-template-columns:1fr;gap:22px}.ox-card-feature-layout .ox-card-stage{min-height:0;aspect-ratio:21/9;max-height:420px}.ox-card-feature-copy{padding:0}.ox-card-feature-copy h2{font-size:30px;margin-bottom:18px}.ox-card-feature-list{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.ox-card-feature-list li{font-size:16px}.ox-card-disclosure{margin-top:18px}}
@media(max-width:600px){.ox-card-feature-layout{gap:26px}.ox-card-feature-layout .ox-card-stage{aspect-ratio:4/3}.ox-card-feature-list{grid-template-columns:1fr}.ox-card-feature-copy h2{font-size:29px}.ox-card-feature-list li{padding:13px 0}}

.ox-card-feature-layout .ox-card-currencies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.ox-card-feature-layout .ox-card-currencies span{font-size:12px;padding:7px 2px;text-align:center}
.ox-card-feature-layout .ox-card-currencies .ox-card-crypto{grid-column:1/-1}