@font-face{font-family:Inter;src:url('/assets/inter-400.ttf')}html{scroll-padding-top:50px}body{margin:0;background:#040607;color:white;font-family:Inter,Arial,sans-serif}#study-strip{position:fixed;top:0;left:0;width:100%;height:36px;z-index:2147483647;background:#251c38;color:#f2dcff;display:flex;align-items:center;justify-content:space-between;padding:5px 12px;gap:8px;border-bottom:1px solid #73508a;font:10px/1.2 Inter,sans-serif;box-sizing:border-box}#study-strip button{font:inherit;color:white;background:#493057;border:1px solid #9472a7;border-radius:4px;padding:4px 8px;cursor:pointer}#study-tools{position:fixed;z-index:2147483646;top:0;right:0;width:min(400px,100%);max-height:80vh;overflow:auto;padding:20px;background:#21172d;border:1px solid #73508a;box-sizing:border-box;font:13px/1.6 Inter,sans-serif;color:white}#study-tools select,#study-tools button{display:block;padding:10px;margin:8px 0 14px;width:100%;background:#362a42;color:white;border:1px solid #937da8;border-radius:5px}#study-tools a{color:#dfc5ff}#study-tools p{font-size:11px}#root{padding-top:0;min-height:100vh}#root header.fixed,#root .fd-header{top:0!important}#root [class*="fixed top-0"]{top:0}.study-checkout{max-width:480px;margin:40px auto;padding:24px;background:#fff;color:#222;border-radius:12px}.study-checkout input,.study-checkout select{width:100%;box-sizing:border-box;padding:12px;margin:8px 0 15px;border:1px solid #ccc;border-radius:6px}.study-checkout button{display:block;width:100%;padding:15px;margin:12px 0;background:#27b267;color:white;border:0;border-radius:8px;font-weight:bold}.study-checkout small{display:block}.study-checkout h1{font-size:24px}.study-video{width:100%;aspect-ratio:9/12;background:#10151c;display:grid;place-content:center;text-align:center;border:1px solid #555;color:#ddd;padding:20px;box-sizing:border-box}.study-video button{background:#7960cf;color:white;padding:12px;border:0;border-radius:8px}[hidden]{display:none!important}

#root .alert-banner,#root .top-alert,#root .alert-banner-dpgm{top:0!important} #root .study-video{aspect-ratio:16/9;min-height:220px} #root .study-video p{font-size:13px;line-height:1.5;margin:8px} #root .study-video button{font-size:13px} #root #vsl-container{min-height:220px}
#root .warning-banner-fixed{top:0!important}
/* Keep the captured success toast below the study status strip. */
#root .fixed.top-6{top:60px!important}
#root .chat-header,#root .dm-header,#root .notif-header,#root .fd-topbar{top:0!important}

@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url('/assets/inter-500.ttf')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url('/assets/inter-600.ttf')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url('/assets/inter-700.ttf')}

.study-return-notice{margin:0 0 20px;padding:16px;background:#251c38;border:1px solid #9472a7;border-radius:12px;font:14px/1.5 Inter,sans-serif;color:#fff}

/* Local rendering of the reference's 3:4 VSL; no remote player or tracking. */
#root .study-reference-video{display:block;position:relative;container-type:inline-size;width:100%;max-width:400px;margin:0 auto;aspect-ratio:3/4;background:#000;overflow:hidden}
#root .study-reference-video video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}
#root .study-video-unmute{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;background:transparent;border:0;cursor:pointer}
#root .study-video-resume{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:25px;background:#9812cce8;color:#fff;text-align:center}
#root .study-video-resume button{border:1px solid #fff;background:transparent;color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer}
#root .study-video-play{position:absolute;bottom:16px;left:10px;width:32px;height:30px;background:#674ea7cc;color:#fff;border:0;border-radius:3px;cursor:pointer}
#root .study-video-progress{position:absolute;bottom:0;left:0;width:100%;height:10px;background:#2c153b;pointer-events:none}
#root .study-video-progress span{display:block;height:100%;background:#9812cc}
#root .study-video-error{position:absolute;inset:30% 5%;background:#251c38;color:white;padding:20px;text-align:center}

.cta-preview-study-note{margin:10px 0 0;color:#b8aec7;font:11px/1.5 Inter,sans-serif;text-align:center}

/* These local raster previews already contain the reference blur. */
#root img[data-study-preview]{filter:none!important;-webkit-filter:none!important}

/* CTA stories: reference backgrounds with original 4px blur baked once. */
#root .cta-story-item[data-image="cf1.png"]::before{background-image:url('/sim-assets/cta-story-1360-cf1.png');filter:none}
#root .cta-story-item[data-image="cf2.png"]::before{background-image:url('/sim-assets/cta-story-1360-cf2.png');filter:none}
@media(max-width:480px){
#root .cta-story-item[data-image="cf1.png"]::before{background-image:url('/sim-assets/cta-story-390-cf1.png')}
#root .cta-story-item[data-image="cf2.png"]::before{background-image:url('/sim-assets/cta-story-390-cf2.png')}
}

/* Plans: keep the whole card and CTA in normal flow as benefits wrap. */
#root .study-plan-card{--plan-edge:rgba(212,163,69,.7);--plan-inner-edge:rgba(212,163,69,.25);--plan-surface:#0c0f10;box-sizing:border-box;display:flex;flex-direction:column;position:relative;background:#131718;border:1.2px solid var(--plan-edge);border-radius:28px;padding:12px;margin-bottom:36px!important;min-width:0}
#root .study-plan-card[data-plan="Diamond"]{--plan-edge:rgba(63,143,232,.7);--plan-inner-edge:rgba(63,143,232,.25)}
#root .study-plan-card[data-plan="Premium"]{--plan-surface:#170d21;--plan-edge:rgba(171,88,244,.6);background:linear-gradient(135deg,#ab58f4,#4a37b6);box-shadow:0 6px 24px rgba(171,88,244,.3)}
#root .study-plan-header{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:8px 12px 18px!important}
#root .study-plan-body{box-sizing:border-box;min-width:0;width:100%!important;margin:0!important;padding:24px 16px!important;border:1px solid var(--plan-inner-edge)!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;box-shadow:none!important}
#root .study-plan-action{box-sizing:border-box;position:static!important;inset:auto!important;transform:none!important;width:100%!important;padding:0 16px 20px;background:var(--plan-surface);border:1px solid var(--plan-inner-edge);border-top:0;border-radius:0 0 20px 20px}
#root .study-plan-action button{width:100%;max-width:100%;white-space:normal;box-sizing:border-box}

/* The reference's global paragraph color was too pale on this white surface. */
#root .study-checkout p{color:#222}
#root .study-checkout input,#root .study-checkout select{color:#222;background:#fff}

/* Keep the complete text inside narrow chat bubbles and call-service actions. */
#root .cta-message-bubble{white-space:normal;overflow-wrap:anywhere}
#root button[data-study-wrap-action]{white-space:normal;height:auto;min-height:48px;padding:12px;line-height:1.4;text-align:center}

.study-checkout{box-sizing:border-box;width:calc(100% - 32px)}.study-checkout-link{display:block;padding:15px;margin:18px 0;text-align:center;background:#7c3aed;color:#fff!important;border-radius:8px;text-decoration:none;font-weight:600}.study-checkout p{line-height:1.6}.study-checkout button{cursor:pointer}