@import url('https://fonts.googleapis.com/css2?family=Song+Myung&family=Nanum+Brush+Script&family=Nanum+Pen+Script&display=swap');
/* 다크 테마 오버라이드 (base.css + landing.css 위에 얹음) */
:root{--ivory:#0B0B0E;--paper:#121217;--ink:#F4F2EE;--ink2:#B4B1BC;--mute:#76737F;--line:#2A2A33;--night:#0B0B0E;--red:#E8364F;--red2:#FF5A6E;--gold:#E3C27A;--serif:'Song Myung','Nanum Myeongjo',serif}
html{background:#000}
body{max-width:440px;background:#0B0B0E;color:#F4F2EE}
.inp,.seg button,.opts button{background:#18181E;color:#F4F2EE;border-color:#2E2E38}
.inp:focus{border-color:#fff}
.seg button.on,.opts button.on{background:#2A1219;border-color:var(--red);color:#FF8394}
.form-top{background:#0B0B0E}.pbar{background:#26262E}
.form-cta,.sticky-cta{background:linear-gradient(180deg,rgba(11,11,14,0),#0B0B0E 35%)}
.btn:disabled{background:#3A3A44;color:#777}
.teaser,.lock,.mock .card{background:#16161C;border-color:#2A2A33;color:#F4F2EE}
.lock .ov{background:linear-gradient(180deg,rgba(22,22,28,.3),rgba(22,22,28,.92))}
.lockicon{background:#fff;color:#000}
.pv-head{background:#000}
.sheet{background:#16161C;color:#F4F2EE}.sum{background:#202028}.sum .tot{border-color:#333}
.pay button{background:#202028;color:#ddd;border-color:#333}.pay button.on{background:#0d1d3a;border-color:#3182F6;color:#8db8ff}
#pkgs button{background:#202028!important;color:#eee}
.testbadge{background:#3a3110;color:#f1d27a}
.chip{background:#202028;border-color:#333;color:#ccc}
.analyzing{background:#000}
#done .analyzing{background:#0B0B0E!important;color:#fff!important}
/* 스토리 랜딩 */
.top-min{position:absolute;top:0;left:0;right:0;z-index:20;height:54px;display:flex;align-items:center;justify-content:center}
.top-min a.back{position:absolute;left:16px;font-size:22px;color:#fff}
.top-min .b{font:400 28px var(--brush,'Nanum Brush Script');color:#fff;opacity:.9}
.scene{position:relative;height:100svh;min-height:640px;max-height:920px;overflow:hidden;background:#000;display:flex;flex-direction:column;justify-content:space-between}
.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene.dim>img{opacity:.55}
.scene .t,.scene .b2{position:relative;z-index:2;text-align:center;padding:0 24px;font:400 34px/1.38 var(--serif);text-shadow:0 2px 16px rgba(0,0,0,.9)}
.scene .t{padding-top:96px}.scene .b2{padding-bottom:76px}
.scene .t b,.scene .b2 b{font-weight:400;color:#fff;background:linear-gradient(transparent 60%,rgba(232,54,79,.55) 0)}
.scene:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 62%,rgba(0,0,0,.75))}
.scene .mid{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 30px}
.qbox{width:100%;max-width:300px;background:linear-gradient(180deg,#1E3F8F,#163276);border:1px solid #3B63C4;color:#fff;text-align:center;padding:15px 16px;font-size:15.5px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;transform:translateY(14px);transition:all .6s}
.qbox.in{opacity:1;transform:none}
.blackscene{background:#050507;padding:120px 26px;text-align:center;position:relative;overflow:hidden}
.blackscene .clock{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.blackscene .clock:before{content:'XII';position:absolute;top:18px;left:50%;transform:translateX(-50%);font:400 22px var(--serif);color:rgba(255,255,255,.12)}
.blackscene p{position:relative;font:400 30px/1.5 var(--serif);color:#e9e7ef}
.blackscene .dots{position:relative;margin:28px auto;color:#888;letter-spacing:.3em;line-height:.7;font-size:22px}
.blackscene .redact{display:inline-block;width:46px;height:30px;background:#2a2a33;vertical-align:-4px;border-radius:3px}
.tape{margin:0 18px;border:1px solid #3a2a12;background:#141109;border-radius:16px;padding:22px 20px;position:relative;overflow:hidden;text-align:center}
.tape:before{content:'';position:absolute;top:14px;left:-30px;right:-30px;height:16px;background:repeating-linear-gradient(-45deg,#F2C230 0 14px,#111 14px 28px);transform:rotate(-3deg);opacity:.9}
.tape .wb{display:inline-block;margin-top:24px;background:var(--red);color:#fff;font-weight:800;font-size:13px;padding:4px 10px;border-radius:4px}
.tape h3{font:400 24px/1.4 var(--serif);margin:12px 0 10px}
.tape h3 em{font-style:normal;color:#FF8394}
.tape p{font-size:14.5px;color:#bbb;line-height:1.7}
.tape p b{color:#FF8394}
.sx{padding:64px 0 10px}
.sx .h{padding:0 22px;text-align:center;font:400 28px/1.42 var(--serif);margin-bottom:22px}
.sx .h small{display:block;font:700 12px var(--body);letter-spacing:.14em;color:var(--red2);margin-bottom:10px}
.pvcard{margin:0 18px;background:#141419;border:1px solid #26262e;border-radius:20px;overflow:hidden}
.pvcard .im{position:relative;aspect-ratio:16/10;overflow:hidden}.pvcard .im img{width:100%;height:100%;object-fit:cover}
.pvcard .im:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#141419)}
.pvcard .bd{padding:4px 20px 22px}
.pvcard .bd .pr{font-size:12px;color:var(--red2);font-weight:800}
.pvcard .bd h4{font:400 24px var(--serif);margin:4px 0 10px}
.pvcard .bd p{font-size:14px;color:#aaa;line-height:1.7}
.tocx{margin:18px 18px 0;background:#141419;border:1px solid #26262e;border-radius:20px;padding:18px 20px}
.tocx .ch{font:400 18px var(--serif);color:#fff;margin:14px 0 8px}.tocx .ch:first-child{margin-top:0}
.tocx .ch em{font-style:normal;color:var(--red2);font:700 12px var(--body);margin-right:8px;letter-spacing:.06em}
.tocx li{list-style:none;font-size:14px;color:#bdbac5;padding:5px 0 5px 16px;position:relative}
.tocx li:before{content:'';position:absolute;left:2px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--red)}
.tocx .more{text-align:center;color:#777;font-size:12.5px;margin-top:10px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 18px}
.feat div{background:#141419;border:1px solid #26262e;border-radius:16px;padding:16px 14px}
.feat b{display:block;font-size:15px;margin:6px 0 4px}.feat span{font-size:12.5px;color:#999;line-height:1.55;display:block}.feat i{font-style:normal;font-size:22px}
.rvx{display:grid;gap:12px;margin:0 18px}
.rvx .c{background:#141419;border:1px solid #26262e;border-radius:18px;overflow:hidden}
.rvx .c .ph{height:120px;position:relative;overflow:hidden}.rvx .c .ph img{width:100%;height:100%;object-fit:cover;filter:brightness(.45)}
.rvx .c .ph q{position:absolute;left:14px;right:14px;bottom:12px;font:700 15px/1.45 var(--body);color:#fff;quotes:none;background:rgba(232,54,79,.85);padding:6px 10px;border-radius:6px;width:fit-content;max-width:92%}
.rvx .c .tx{padding:14px 16px 16px;font-size:14px;line-height:1.7;color:#cfcbd6}
.rvx .c .who{font-size:12px;color:#888;margin-bottom:6px}.rvx .c .who b{color:#fff;margin-right:6px}
.faqx{margin:0 18px}.faqx details{border-bottom:1px solid #26262e;padding:16px 2px}
.faqx summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faqx summary:after{content:'+';color:#777}
.faqx details[open] summary:after{content:'−'}.faqx p{font-size:14px;color:#aaa;margin-top:10px;line-height:1.7}
.footx{padding:30px 22px 150px;font-size:11px;color:#666;line-height:1.8}
/* UMG식 하단바 */
.dealbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:440px;z-index:45;padding:0 12px 14px;background:linear-gradient(180deg,rgba(11,11,14,0),#0B0B0E 45%);transition:transform .3s}
.dealbar .bub{display:block;width:fit-content;margin:0 auto 6px;background:var(--red);color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:99px;position:relative;animation:bob2 1.6s infinite}
.dealbar .bub:after{content:'';position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--red);border-bottom:0}
@keyframes bob2{50%{transform:translateY(-3px)}}
.dealbar .row{display:flex;gap:8px;align-items:stretch}
.dealbar .cd{flex:0 0 108px;background:#1c1c23;border:1px solid #2e2e38;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10.5px;color:#aaa}
.dealbar .cd b{font:800 15px var(--body);color:#FF8394;letter-spacing:.02em}
.dealbar .go{flex:1;height:56px;border:0;border-radius:14px;background:#fff;color:#000;font:800 16px var(--body);cursor:pointer}
.fade{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.2,.7,.2,1)}.fade.in{opacity:1;transform:none}

.timer{color:#aaa}
#preview .sticky-cta .btn,#form .btn:not(:disabled){background:#fff;color:#000;box-shadow:none}
.lock .ov b{color:#fff}.lock .ov span{color:#aaa}