/* 수익화 사이트 한방에 끝내기 · 상세페이지 리뉴얼 (모든 규칙은 .eb 안에서만 적용) */
.eb{--k:#0e0b09;--k2:#1a1512;--o:#ff5a1f;--o2:#ff8a3d;--y:#ffc23f;--y1:#fff0c9;--g1:#f6f4f1;--tx:#1c1917;--mut:#6b655e;--line:#ebe7e2;
 container-type:inline-size;font-family:"Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif;color:var(--tx);letter-spacing:-.025em;word-break:keep-all;-webkit-font-smoothing:antialiased;background:#fff;overflow:hidden;text-align:center}
.eb *{box-sizing:border-box}
.eb h1,.eb h2,.eb h3,.eb h4,.eb p,.eb ul,.eb ol,.eb figure{margin:0;padding:0}
.eb ul,.eb ol{list-style:none}
.eb img,.eb video{display:block;max-width:100%;height:auto}
.eb .sc{position:relative;padding:104px 52px}
.eb .ey{display:inline-flex;align-items:center;gap:10px;font-size:16.5px;font-weight:800;color:var(--o)}
.eb .ey:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--o);animation:eb-ping 1.6s infinite}
.eb .dk .ey{color:#ffa56b}
@keyframes eb-ping{0%{box-shadow:0 0 0 0 rgba(255,90,31,.6)}100%{box-shadow:0 0 0 12px rgba(255,90,31,0)}}
.eb h2{font-size:44px;line-height:1.28;font-weight:900;letter-spacing:-.045em;margin-top:18px}
.eb h2 em,.eb h3 em{font-style:normal;color:var(--o)}
.eb .dk h2 em{background:linear-gradient(180deg,#ffb27a,#ff5a1f);-webkit-background-clip:text;background-clip:text;color:transparent}
.eb .gd{background:linear-gradient(180deg,var(--y1) 5%,var(--y) 55%,#ff8a1f);-webkit-background-clip:text;background-clip:text;color:transparent}
.eb .ld{font-size:20px;line-height:1.65;color:var(--mut);margin-top:20px;font-weight:500}
.eb .dk .ld{color:#bdb5ad}
.eb .ld strong{color:var(--tx);font-weight:800}.eb .dk .ld strong{color:#fff}
.eb .fine{font-size:13.5px;line-height:1.6;color:#a39b93;margin-top:18px}
.eb .dk{background:var(--k);color:#fff}
.eb .gy{background:var(--g1)}

/* HERO */
.eb .hero{background:radial-gradient(80% 50% at 50% 62%,rgba(255,90,31,.35) 0%,transparent 70%),radial-gradient(60% 40% at 100% 0%,rgba(255,194,63,.18),transparent 70%),var(--k);color:#fff;padding:56px 44px 76px}
.eb .pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:99px;background:rgba(255,90,31,.14);border:1px solid rgba(255,90,31,.45);color:#ffb27a;font-size:16px;font-weight:800}
.eb .pill i{width:9px;height:9px;border-radius:50%;background:var(--o);animation:eb-ping 1.6s infinite}
.eb .hero h1,.eb .hero .h1{font-size:56px;line-height:1.2;font-weight:900;letter-spacing:-.05em;margin-top:24px}
.eb .hero .big{font-size:68px;display:inline-block;background:linear-gradient(180deg,#ffd9bf 0%,#ff8a3d 45%,#ff5a1f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 30px rgba(255,90,31,.45))}
.eb .hero .sub{font-size:20px;line-height:1.6;color:#cfc7bf;margin-top:20px}
.eb .chk{display:flex;justify-content:center;gap:10px;margin-top:28px;flex-wrap:wrap}
.eb .chk span{display:inline-flex;gap:8px;padding:11px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:16px;font-weight:700}
.eb .chk span:before{content:"✓";color:var(--o);font-weight:900}
.eb .book{position:relative;width:380px;margin:52px auto 0}
.eb .book img{position:relative;z-index:1;width:100%;animation:eb-bob 5s ease-in-out infinite;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))}
.eb .book:before{content:"";position:absolute;inset:8% -12% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,110,40,.55),transparent);filter:blur(10px)}
@keyframes eb-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
.eb .fb{position:absolute;z-index:2;background:rgba(22,18,15,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:11px 16px;text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.45);animation:eb-fl 4s ease-in-out infinite}
.eb .fb small{display:block;font-size:12.5px;color:#bdb5ad;font-weight:600}
.eb .fb b{font-size:22px;font-weight:900;white-space:nowrap}
.eb .fb b span{font-size:15px}
.eb .fb.a{left:-120px;top:70px}.eb .fb.b{right:-128px;top:180px;animation-delay:-1.3s}.eb .fb.c{left:-106px;bottom:130px;animation-delay:-2.2s}.eb .fb.d{right:-104px;bottom:40px;animation-delay:-3s}
@keyframes eb-fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.eb .hprice{display:inline-flex;align-items:center;gap:14px;margin-top:40px;padding:14px 22px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.eb .hprice del{color:#8f877f;font-size:17px}
.eb .hprice b{font-size:28px;font-weight:900}
.eb .hprice span{font-size:13.5px;font-weight:900;background:var(--o);color:#fff;border-radius:8px;padding:5px 9px}

/* TICKER */
.eb .tk{background:linear-gradient(90deg,#ff5a1f,#ff8a3d);overflow:hidden;padding:15px 0;white-space:nowrap}
.eb .tk .tr{display:inline-flex;gap:12px;animation:eb-mq 34s linear infinite}
.eb .tk span{display:inline-flex;align-items:center;gap:7px;background:rgba(0,0,0,.18);color:#fff;font-weight:800;font-size:15.5px;padding:9px 15px;border-radius:99px}
.eb .tk span:before{content:"✓";color:#fff3c4}
@keyframes eb-mq{to{transform:translateX(-50%)}}

/* STATS / MEDIA */
.eb .media{margin-top:46px;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);background:#111}
.eb .media.lt{border-color:var(--line);box-shadow:0 24px 60px rgba(60,30,10,.14);background:#fff}
.eb .media img,.eb .media video{width:100%}
.eb .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
.eb .num{border-radius:20px;padding:24px 10px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12)}
.eb .num b{display:block;font-size:44px;font-weight:900;letter-spacing:-.04em;line-height:1}
.eb .num b span{font-size:19px}
.eb .num small{display:block;font-size:14.5px;color:#bdb5ad;font-weight:700;margin-top:10px}

/* PAIN */
.eb .pains{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}
.eb .pain{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px;text-align:left;box-shadow:0 10px 30px rgba(60,30,10,.06)}
.eb .pain span{font-size:14.5px;font-weight:900;color:var(--o)}
.eb .pain p{font-size:20px;font-weight:800;line-height:1.45;margin-top:10px}
.eb .dn{width:2px;height:64px;margin:38px auto 0;background:linear-gradient(var(--line),var(--o))}
.eb .ans{margin-top:22px;font-size:32px;font-weight:900;line-height:1.38;letter-spacing:-.04em}
.eb .ans em{font-style:normal;color:var(--o)}

/* JOURNEY (glass on orange) */
.eb .jr{background:radial-gradient(80% 60% at 50% 0%,#ff9a5c 0%,#ff5a1f 45%,#d9400c 100%);color:#fff;padding-bottom:120px}
.eb .jr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(transparent,var(--k))}
.eb .jr .ey{color:#fff}.eb .jr .ey:before{background:#fff}
.eb .jr h2 em{color:#fff3c4}
.eb .jr .ld{color:rgba(255,255,255,.9)}
.eb .gl{display:flex;flex-direction:column;gap:16px;margin-top:44px;position:relative;z-index:1}
.eb .gi{display:flex;align-items:center;gap:20px;text-align:left}
.eb .gic{width:92px;height:92px;flex:none;border-radius:50%;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center;box-shadow:inset 0 2px 10px rgba(255,255,255,.35),0 12px 30px rgba(120,30,0,.25)}
.eb .gic svg{width:42px;height:42px}
.eb .gc{flex:1;border-radius:22px;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:18px 24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 30px rgba(120,30,0,.2)}
.eb .gc small{font-size:13.5px;font-weight:900;letter-spacing:.06em;color:#fff3c4}
.eb .gc b{display:block;font-size:23px;font-weight:900;margin-top:3px}
.eb .gc p{font-size:15.5px;opacity:.92;margin-top:4px}
.eb .jr .fine{color:rgba(255,255,255,.82);position:relative;z-index:1}

/* OPS TILES */
.eb .ops{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.eb .op{border-radius:16px;padding:18px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.eb .op b{display:block;font-size:17px;font-weight:900;color:#ffb27a}
.eb .op p{font-size:13.5px;color:#bdb5ad;margin-top:6px;line-height:1.45}

/* LOOP */
.eb .loop{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px;position:relative}
.eb .lp{position:relative;border-radius:18px;background:#fff;border:1px solid var(--line);padding:22px 12px;box-shadow:0 10px 26px rgba(60,30,10,.06);animation:eb-lit 6s infinite}
.eb .lp:nth-child(2){animation-delay:1.5s}.eb .lp:nth-child(3){animation-delay:3s}.eb .lp:nth-child(4){animation-delay:4.5s}
@keyframes eb-lit{0%,22%{border-color:var(--o);box-shadow:0 12px 30px rgba(255,90,31,.25);transform:translateY(-4px)}28%,100%{border-color:var(--line);box-shadow:0 10px 26px rgba(60,30,10,.06);transform:none}}
.eb .lp span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--o);color:#fff;font-weight:900;font-size:15px}
.eb .lp b{display:block;font-size:17.5px;font-weight:900;margin-top:10px}
.eb .lp small{display:block;font-size:13.5px;color:var(--mut);margin-top:4px;line-height:1.45}
.eb .kw{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.eb .kw span{font-size:15px;font-weight:800;padding:9px 14px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.eb .kw span:before{content:"# ";color:var(--o)}

/* TOPIC SWAP */
.eb .swap{margin-top:34px;font-size:40px;font-weight:900;letter-spacing:-.04em;line-height:1.3}
.eb .rot{display:inline-block;height:1.3em;overflow:hidden;vertical-align:bottom;color:var(--o)}
.eb .rot span{display:block;animation:eb-rot 10s infinite}
@keyframes eb-rot{0%,16%{transform:translateY(0)}20%,36%{transform:translateY(-100%)}40%,56%{transform:translateY(-200%)}60%,76%{transform:translateY(-300%)}80%,96%{transform:translateY(-400%)}100%{transform:translateY(-500%)}}
.eb .rot i{display:block;font-style:normal;height:1.3em;text-align:center}

/* PREVIEW */
.eb .pv{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.eb .pv figure{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 16px 40px rgba(60,30,10,.1)}
.eb .pv figcaption{font-size:14px;font-weight:700;color:var(--mut);padding:11px 12px;border-top:1px solid var(--line)}

/* CONTENTS */
.eb .toc{margin-top:40px;display:flex;flex-direction:column;gap:10px;text-align:left}
.eb .toc details{border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:0 22px}
.eb .toc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:19px 0;font-size:18px;font-weight:800;color:#fff}
.eb .toc summary::-webkit-details-marker{display:none}
.eb .toc summary b{font-size:26px;font-weight:900;min-width:40px}
.eb .toc summary:after{content:"+";margin-left:auto;font-size:24px;color:#8f877f;font-weight:400}
.eb .toc details[open] summary:after{content:"−"}
.eb .toc li{font-size:15.5px;color:#cfc7bf;padding:7px 0 7px 56px;border-top:1px dashed rgba(255,255,255,.1)}
.eb .toc ul{padding-bottom:12px}

/* FOR YOU */
.eb .for{margin-top:36px;display:flex;flex-direction:column;gap:10px;text-align:left}
.eb .for li{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;font-size:18px;font-weight:700}
.eb .for li:before{content:"✓";flex:none;width:30px;height:30px;border-radius:50%;background:var(--o);color:#fff;display:grid;place-items:center;font-weight:900;font-size:15px}

/* PACKAGE */
.eb .tree{margin-top:40px;border-radius:22px;background:var(--k2);color:#e7e1db;text-align:left;padding:24px 28px;font-size:16.5px;box-shadow:0 30px 60px rgba(0,0,0,.2)}
.eb .tree .dots{display:flex;gap:8px;margin-bottom:16px}.eb .tree .dots i{width:12px;height:12px;border-radius:50%}
.eb .tree .fl{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,90,31,.5);border-radius:14px;padding:14px 16px}
.eb .tree .fl .ic{width:44px;height:54px;border-radius:6px;background:linear-gradient(160deg,#ff5a1f,#c9380a);color:#fff;font-size:11px;font-weight:900;display:grid;place-items:end center;padding-bottom:6px;flex:none}
.eb .tree .fl b{display:block;font-size:17px;color:#fff}.eb .tree .fl small{color:#bdb5ad;font-size:13.5px}
.eb .tree ul{margin:14px 0 0 22px;border-left:1px dashed rgba(255,255,255,.2);padding-left:18px}
.eb .tree li{padding:8px 0;position:relative}
.eb .tree li:before{content:"";position:absolute;left:-18px;top:20px;width:12px;border-top:1px dashed rgba(255,255,255,.2)}
.eb .tree li em{font-style:normal;font-size:12.5px;font-weight:800;background:rgba(255,90,31,.2);color:#ffb27a;border-radius:6px;padding:2px 7px;margin-left:8px}
.eb .scope{margin-top:16px;border-radius:16px;background:#fff7ef;border:1px solid #ffd9bf;padding:18px 20px;text-align:left}
.eb .scope b{font-size:16px;color:#c2410c}
.eb .scope p{font-size:15px;line-height:1.65;color:#57534e;margin-top:6px}

/* PRICE */
.eb .pr{max-width:520px;margin:40px auto 0;border-radius:28px;padding:36px 30px;background:linear-gradient(170deg,#1f1813,#0e0b09);color:#fff;border:2px solid var(--o);box-shadow:0 26px 60px rgba(255,90,31,.3);position:relative}
.eb .pr .rib{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--o);color:#fff;font-size:14px;font-weight:900;padding:7px 16px;border-radius:99px;white-space:nowrap}
.eb .pr .cv{width:130px;margin:0 auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}
.eb .pr h3{font-size:25px;font-weight:900;margin-top:18px}
.eb .pr .fmt{font-size:14.5px;color:#bdb5ad;margin-top:4px}
.eb .pr del{display:block;margin-top:22px;font-size:18px;color:#8f877f}
.eb .pr .now{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-top:4px}
.eb .pr .off{font-size:28px;font-weight:900;color:#ff7a3d}
.eb .pr .amt{font-size:62px;font-weight:900;letter-spacing:-.05em}
.eb .pr .amt small{font-size:24px}
.eb .pr .save{display:inline-block;margin-top:8px;font-size:14px;font-weight:900;color:var(--y);border:1px solid rgba(255,194,63,.45);border-radius:99px;padding:5px 12px}
.eb .pr ul{text-align:left;margin-top:22px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;font-size:15.5px;line-height:1.95}
.eb .pr li:before{content:"✓";color:var(--o);font-weight:900;margin-right:8px}
.eb .pr .vat{font-size:13px;color:#8f877f;margin-top:12px}

/* CTA */
.eb .cta,.eb .ctaw .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;min-width:360px;padding:22px 30px;border-radius:16px;background:linear-gradient(135deg,#ff5a1f,#ff8a3d);color:#fff;font-size:21px;font-weight:900;text-decoration:none;overflow:hidden;box-shadow:0 18px 40px rgba(255,90,31,.45);animation:eb-beat 2.2s ease-in-out infinite;border:0}
.eb .cta:after,.eb .ctaw .button:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:eb-sh 2.8s infinite}
.eb .ctaw .button svg{width:20px;height:20px}
@keyframes eb-sh{0%{left:-40%}60%,100%{left:130%}}
@keyframes eb-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}

/* FAQ */
.eb .faq{margin-top:40px;text-align:left;display:flex;flex-direction:column;gap:10px}
.eb .faq details{border-radius:16px;background:#fff;border:1px solid var(--line);padding:0 22px}
.eb .faq summary{list-style:none;cursor:pointer;padding:20px 0;font-size:17.5px;font-weight:800;display:flex;gap:12px;align-items:center}
.eb .faq summary::-webkit-details-marker{display:none}
.eb .faq summary b{color:var(--o);font-size:19px}
.eb .faq summary:after{content:"+";margin-left:auto;font-size:24px;color:#a39b93;font-weight:400}
.eb .faq details[open] summary:after{content:"−"}
.eb .faq p{padding:0 0 20px 30px;font-size:15.5px;line-height:1.7;color:#57534e}

/* FINAL */
.eb .fin{background:radial-gradient(80% 60% at 50% 100%,rgba(255,90,31,.4),transparent 70%),var(--k);color:#fff;padding-bottom:120px}

/* REVEAL */
.eb-js .eb .rv{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.eb-js .eb .rv.on{opacity:1;transform:none}

@container (max-width:640px){
 .eb .sc{padding:72px 18px}
 .eb .hero{padding:40px 18px 60px}
 .eb h2{font-size:30px}
 .eb .hero h1,.eb .hero .h1{font-size:34px}.eb .hero .big{font-size:40px}
 .eb .hero .sub,.eb .ld{font-size:16.5px}
 .eb .pill{font-size:13.5px;padding:8px 14px}
 .eb .chk span{font-size:14px;padding:9px 12px}
 .eb .book{width:230px;margin-top:40px}
 .eb .fb{padding:7px 11px;border-radius:12px}.eb .fb b{font-size:16px}.eb .fb b span{font-size:12px}.eb .fb small{font-size:11px}
 .eb .fb.a{left:-62px;top:20px}.eb .fb.b{right:-66px;top:110px}.eb .fb.c{left:-58px;bottom:90px}.eb .fb.d{right:-56px;bottom:10px}
 .eb .hprice b{font-size:22px}
 .eb .nums{grid-template-columns:1fr 1fr}.eb .num b{font-size:36px}
 .eb .pains{grid-template-columns:1fr}.eb .pain p{font-size:17.5px}
 .eb .ans{font-size:23px}
 .eb .gi{gap:12px}.eb .gic{width:58px;height:58px}.eb .gic svg{width:28px;height:28px}
 .eb .gc{padding:14px 16px}.eb .gc b{font-size:18px}.eb .gc p{font-size:14px}
 .eb .ops,.eb .loop{grid-template-columns:1fr 1fr}
 .eb .swap{font-size:27px}
 .eb .pv{grid-template-columns:1fr 1fr;gap:8px}
 .eb .toc details{padding:0 14px}.eb .toc summary{font-size:15.5px;gap:10px}.eb .toc summary b{font-size:20px;min-width:28px}.eb .toc li{padding-left:38px;font-size:14px}
 .eb .for li{font-size:15.5px}
 .eb .tree{padding:18px 14px;font-size:14px}
 .eb .pr{padding:30px 18px}.eb .pr .amt{font-size:50px}
 .eb .cta,.eb .ctaw .button{min-width:0;width:100%;font-size:18px;padding:19px}
 .eb .faq details{padding:0 16px}.eb .faq summary{font-size:15.5px}.eb .faq p{padding-left:0;font-size:14.5px}
 .eb .media{border-radius:16px;margin-top:34px}
}

.eb .light-text{color:#fff}.eb .ops .op{background:#1a1512}.eb .build-scene{padding-top:40px}
.eb .motion-poster{display:none}.eb video{width:100%;object-fit:contain;background:#100c09}
.eb .motion-control{margin:24px auto 0;padding:8px 14px;border:1px solid #ffffff42;border-radius:20px;background:#ffffff0d;color:#ddd1c6;font:inherit;font-size:12px;cursor:pointer}
.eb.motion-paused *,.eb.motion-paused *:before,.eb.motion-paused *:after{animation-play-state:paused!important}
.eb .pv figcaption{line-height:1.5}
@media(prefers-reduced-motion:reduce){.eb *,.eb *:before,.eb *:after{animation:none!important;transition:none!important}.eb video{display:none}.eb .motion-poster{display:block;width:100%}.eb .motion-control{display:none}}
@container(max-width:380px){.eb .fb.a,.eb .fb.c{left:-36px}.eb .fb.b,.eb .fb.d{right:-36px}.eb .hero .big{font-size:35px}.eb .hero .h1{font-size:30px}.eb .fl b{font-size:14px}}