/* Art-directed sections, 2026-09-26. All prices and payment routes remain unchanged. */
#why{padding:46px 0 0;border:0}.origin-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:#101b2e;color:#f4f6fc;min-height:570px;padding:64px 52px}.origin-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.origin-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,34,.97),rgba(9,19,34,.88) 38%,rgba(9,19,34,.13) 78%);z-index:-1}.origin-copy{max-width:510px}.origin-copy .section-kicker{color:#e9bb75}.origin-copy h2{font-size:clamp(30px,3.7vw,46px);line-height:1.3}.origin-copy p{color:#bdc9d9;font-size:16px;line-height:1.9}.origin-copy .origin-lead{font-size:19px;color:#f1f4fa;margin-top:25px}.origin-copy b{color:#ffcf88;font-weight:600}.origin-copy .origin-sign{font-size:12px;color:#a5b3c8;margin-top:24px}.origin-principles{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.origin-principles span{border:1px solid #ffda922e;background:#ffda920a;border-radius:20px;padding:7px 12px;font-size:12px;color:#eed8b9}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.section-heading>div{max-width:750px}.section-heading .section-art{width:170px;height:170px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 18px 15px #11253a12)}.payment-intro{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:26px 30px;border:1px solid #c3a16a66;border-radius:18px;background:linear-gradient(115deg,var(--surface),#b8843712);margin:20px 0 28px}.payment-intro h3{font-size:22px;margin:0 0 7px;letter-spacing:-.04em}.payment-intro p{font-size:14px;color:var(--soft);margin:0}.payment-intro .one-check{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#b7853614;color:var(--ember);font-size:24px;border:1px solid #b7853650}.money-card{position:relative;overflow:hidden;box-shadow:0 12px 35px #142a4310;border-radius:18px;padding:26px;background:linear-gradient(150deg,var(--ground),var(--surface))}.money-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#a17232,#f1d29a,transparent)}.money-card .step-num{border-radius:11px;background:#b7863410;border-color:#b7863433}.money-card h3{font-size:19px}.money-card p{font-size:14px;line-height:1.85}.cmp2{border:0;background:var(--surface);padding:30px;border-radius:20px}.cmp2-lead{font-size:21px}.p4{border-radius:12px}.wiz{border:1px solid var(--rule);padding:32px;border-radius:24px;box-shadow:0 18px 50px #152b4610;background:var(--ground)}.wiz .wtit{font-size:25px}.wstep.on{padding:26px 0 6px}.wopt{padding:18px;min-height:85px}.wopt .t{font-size:17px;font-weight:600}.wopt .d{line-height:1.8}.wopt.sel{border-color:#ad7a30;background:#b7833810}.wres.on{background:var(--surface);padding:26px;border-radius:18px}.wcard{padding:14px 4px}.wcard .k{font:500 12px var(--f-b);letter-spacing:0}.wcard .n{font-size:13px}.wcard.hi .v{color:var(--ink)}.wcard:first-child .v{color:var(--ember)}.wmore{border:1px solid var(--rule);border-radius:14px;padding:4px 20px}.wmore .rule{max-width:none;border:0;padding:18px 8px;background:none}.wmore .rule b{color:var(--ink)}
#buy{background:var(--surface);position:relative}.checkout-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:40px;align-items:start}.purchase-guide{position:sticky;top:28px;padding:8px 12px 24px}.purchase-guide img{width:220px;height:220px;object-fit:contain;display:block;margin:0 auto 15px}.purchase-guide .section-kicker{margin-top:10px}.purchase-guide h3{font-size:24px;line-height:1.4;margin:0 0 18px;letter-spacing:-.04em}.purchase-guide p{font-size:14px;color:var(--soft)}.purchase-list{padding:0;list-style:none;counter-reset:buy}.purchase-list li{position:relative;padding:0 0 22px 37px;font-size:14px;color:var(--soft)}.purchase-list li::before{counter-increment:buy;content:counter(buy);position:absolute;left:0;top:0;width:23px;height:23px;border-radius:50%;border:1px solid var(--rule);background:var(--ground);display:grid;place-items:center;font-size:11px;color:var(--ember)}.purchase-list b{display:block;color:var(--ink);font-weight:600;margin-bottom:4px}.buybox{background:var(--ground);border-radius:22px;box-shadow:0 22px 60px #1328400a;padding:32px;max-width:none}.buybox .pick input+span{min-height:85px;background:var(--surface);border-color:transparent}.buybox .pick input:checked+span{border-color:#b48947;background:#b7863310}.checkout-summary{border:1px solid #b98b4650;background:linear-gradient(110deg,var(--surface),#b98b460c);padding:24px}.checkout-summary .total{font-size:28px;line-height:1.5}.checkout-summary .included{font-size:14px;color:var(--ink);padding:9px 0;margin:0}.checkout-summary small{font-size:12px;line-height:1.8}.buybox .consent{background:var(--surface);border:0}.buybox #bbtn{min-height:56px;font-size:16px;margin-top:22px;background:#17314e;color:white}.buybox #bbtn:hover:not(:disabled){background:#244d75}.checkout-help{padding:16px 20px;border:1px solid var(--rule);border-radius:12px;margin:20px 0 34px;background:var(--ground)}
.trial-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.trial-story h2{font-size:38px}.trial-story img{width:230px;height:230px;object-fit:contain}.trial-story p{font-size:15px;color:var(--soft)}.trial-story .trial-pills{display:flex;gap:8px;flex-wrap:wrap}.trial-pills span{font-size:12px;padding:6px 11px;border-radius:20px;background:var(--surface);border:1px solid var(--rule)}.trialbox{background:var(--surface);border:0;border-radius:22px;padding:30px}.trialbox .trow{grid-template-columns:1fr}.trialbox input{background:var(--ground)}.trialbox #tbtn{margin-top:10px}.faq-section{background:var(--surface)}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:start}.faq-heading h2{font-size:34px}.faq-heading p{font-size:14px;color:var(--soft)}details.qa{background:var(--ground);border:1px solid var(--rule);border-radius:14px;padding:0;margin:0 0 12px;max-width:none}details.qa summary{cursor:pointer;list-style:none;position:relative;padding:20px 48px 20px 22px;font-size:15px;font-weight:600;color:var(--ink)}details.qa summary::-webkit-details-marker{display:none}details.qa summary::after{content:'+';position:absolute;right:22px;font-size:21px;top:14px;color:var(--ember)}details.qa[open] summary::after{content:'−'}details.qa p{padding:0 22px 20px;font-size:14px;line-height:1.9}.ebook-layout{align-items:center}.ebook-art{display:block;width:280px;height:280px;object-fit:contain;margin-top:15px}.ebook-layout .screen{display:none}.ebook-layout>.offer{border-radius:20px;padding:30px}.offer .bookname{font-size:23px}.offer .books li{padding:14px 0;border-color:var(--rule)}footer{background:var(--surface)}
@media(max-width:960px){.checkout-layout{grid-template-columns:230px minmax(0,1fr);gap:24px}.purchase-guide img{width:180px;height:180px}.trial-layout,.faq-grid{grid-template-columns:1fr;gap:24px}.trial-story img{float:right;width:140px;height:140px}.origin-panel{padding:42px 30px}.origin-copy{max-width:480px}.origin-panel::after{background:linear-gradient(90deg,#0d182cee,#0d182cbf 65%,#0d182c50)}}
@media(max-width:650px){.origin-panel{padding:30px 24px 220px;min-height:0;border-radius:20px}.origin-art{object-position:75% bottom}.origin-panel::after{background:linear-gradient(180deg,#0d182c 5%,#0d182ce8 52%,#0d182c20)}.origin-copy h2{font-size:30px}.origin-copy p{font-size:14px}.origin-copy .origin-lead{font-size:17px}.origin-principles{gap:7px}.origin-principles span{font-size:11px}.section-heading{gap:6px;align-items:flex-start}.section-heading .section-art{width:80px;height:95px}.section-heading h2{font-size:27px}.payment-intro{padding:20px;gap:12px}.payment-intro h3{font-size:19px}.payment-intro .one-check{width:34px;height:34px;font-size:18px}.payment-intro p{font-size:13px}.cmp2,.wiz{padding:22px 16px}.wiz .wtit{font-size:22px}.wopt{padding:15px;min-height:75px}.wopts{grid-template-columns:1fr}.wres.on{padding:20px}.wcard{padding:8px 0}.wmore{padding:4px 14px}.checkout-layout{grid-template-columns:1fr;gap:12px}.purchase-guide{position:static;padding:0}.purchase-guide img{float:right;width:115px;height:115px;margin:0}.purchase-guide h3{font-size:23px}.purchase-list{clear:both;margin:18px 0 0}.purchase-list li{padding-bottom:14px}.buybox{padding:24px 16px}.checkout-summary{padding:18px}.checkout-summary .total{font-size:23px}.trial-story h2{font-size:28px}.trial-story img{width:115px;height:115px}.trialbox{padding:24px 18px}.ebook-art{width:200px;height:200px}.ebook-layout>.offer{padding:22px 18px}.faq-heading h2{font-size:28px}details.qa summary{padding-left:18px;font-size:14px}details.qa p{padding-left:18px;padding-right:18px}}

/* 모바일의 브랜드 이야기: 본문과 캐릭터가 겹치지 않게 두 영역으로 나눈다. */
@media(max-width:650px){
  #why{padding-top:30px}
  #why .wrap{padding:0 12px}
  .origin-panel{display:flex;flex-direction:column;padding:30px 20px 0;background:#0d182c}
  .origin-copy{position:relative;z-index:2;max-width:none}
  .origin-art{position:relative;inset:auto;order:2;z-index:0;width:calc(100% + 40px);height:auto;aspect-ratio:3/2;margin:28px -20px 0;object-fit:cover;object-position:72% center;border-radius:0 0 20px 20px}
  .origin-panel::after{inset:auto 0 0;z-index:1;height:39%;background:linear-gradient(180deg,#0d182c 0,rgba(13,24,44,.46) 25%,rgba(13,24,44,.05) 72%);pointer-events:none}
}
