@font-face{font-family:BlogSans;src:url('assets/NotoSansKR.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--dark:#08172e;--blue-surface:#283a52;--ice:#78bdff;--paper:#f2f0e7;--sky:#9ac3f9}*{box-sizing:border-box}body{margin:0;background:#061125;color:#fff;font-family:BlogSans,system-ui,sans-serif;word-break:keep-all}.detail{max-width:860px;margin:auto;container-type:inline-size}.scene{padding:105px 8%;text-align:center;background:var(--dark);--accent:var(--ice);overflow:hidden}.scene.blue{background:var(--blue-surface)}.scene.light{background:var(--sky);color:var(--dark);--accent:#243750}.scene.cream{background:var(--paper);color:var(--dark);--accent:#243750}.scene.hero{padding-top:95px;background:radial-gradient(ellipse at 50% 45%,#243c5c60,transparent 65%),var(--dark)}h1,h2{font-size:clamp(29px,8.8cqw,76px);font-weight:900;line-height:1.24;letter-spacing:-.065em;margin:0 0 35px}em{color:var(--accent);font-style:normal}.kicker{font-size:clamp(12px,2.3cqw,19px);font-weight:700;color:var(--accent);letter-spacing:1px;margin-bottom:26px}.body-copy{font-size:clamp(16px,4.2cqw,34px);line-height:1.6;letter-spacing:-.04em;margin:32px 0 0;color:#e2ebdb}.light .body-copy,.cream .body-copy{color:#334153}.cutout-wrap{position:relative;width:108%;margin:15px -4% 0}.cutout{width:100%;display:block;height:auto;filter:drop-shadow(0 18px 24px #0002)}.hero .cutout-wrap{margin-top:-20px;margin-bottom:-45px}.book-title{position:absolute;top:22%;left:32%;width:32%;font-size:5.6cqw;text-align:left;line-height:1.13;letter-spacing:-.05em;color:#6fadff;font-weight:900;transform:rotate(-3deg);text-shadow:0 1px 3px #0006}.book-title small{display:block;font-size:1.8cqw;margin-top:18px;color:#edf7df;letter-spacing:-.03em}.reveal .body-copy{font-size:clamp(24px,6cqw,51px);font-weight:900;color:#243750}.thoughts{margin-top:45px;display:grid;gap:24px}.thoughts p{margin:0;font-size:clamp(18px,4.9cqw,40px);font-weight:600;line-height:1.45;letter-spacing:-.045em}.thoughts p:nth-child(2){color:var(--accent)}.thoughts p:before{content:'“';color:var(--accent);margin-right:6px}.thoughts p:after{content:'”';color:var(--accent);margin-left:6px}.contrast{padding:30px 0;margin-top:25px}.contrast>span{font-size:clamp(20px,5.6cqw,46px);color:#85a8d6;text-decoration:line-through;text-decoration-color:#85a8d670}.contrast>div{font-size:30px;color:var(--accent);margin:20px 0}.contrast strong{font-size:clamp(25px,6.9cqw,59px);line-height:1.35;letter-spacing:-.055em;display:block;color:var(--accent)}.words{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center;margin:40px 0 0;color:var(--accent);font-size:clamp(18px,4.3cqw,35px);font-weight:700;letter-spacing:-.04em}.words i{font-style:normal;color:#526885}.steps{margin:45px 0 0;text-align:left}.steps p{display:flex;gap:25px;align-items:center;margin:0;padding:23px 0;font-size:clamp(19px,4.9cqw,40px);font-weight:700;line-height:1.4;letter-spacing:-.05em;border-bottom:1px solid #24375025}.steps span{font-size:clamp(12px,2.3cqw,18px);color:#475972;letter-spacing:0}.motion{position:relative;margin:30px -8% 0;width:116%}.motion img{display:block;width:100%;height:auto}.motion-toggle{position:absolute;bottom:12px;right:35px;background:#181f2988;border:1px solid #78bdff40;color:#8fb4e6;border-radius:50%;height:32px;width:32px;cursor:pointer;font-size:14px;opacity:.6}.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1}.purchase{display:block;background:var(--ice);color:var(--dark);padding:24px;font-size:25px;font-weight:800;text-decoration:none;margin-top:40px}.closing .body-copy{color:var(--ice);font-weight:700}.loading{text-align:center;padding:50px}button:focus-visible,a:focus-visible{outline:3px solid #79b3ff;outline-offset:4px}@media(max-width:600px){.scene{padding:65px 7%}.scene.hero{padding-top:66px}h1,h2{margin-bottom:25px}.body-copy{margin-top:25px}.hero .cutout-wrap{margin-bottom:-22px}.book-title small{margin-top:9px}.thoughts{gap:22px;margin-top:35px}.words{gap:9px;margin-top:30px}.steps{margin-top:30px}.steps p{gap:16px;padding:20px 0}.motion{margin-top:20px}.motion-toggle{width:27px;height:27px;bottom:8px;right:20px}.contrast{padding:15px 0}.closing{padding-bottom:90px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* V4: the title belongs to the cover plane, rather than floating above a raster mockup. */
.book-stage{--bw:clamp(235px,54cqw,430px);height:calc(var(--bw)*1.59);margin:55px 0 18px;display:grid;place-items:center;perspective:1300px;position:relative}.book-stage:after{content:'';position:absolute;bottom:10px;width:65%;height:24px;border-radius:50%;background:#131a2435;filter:blur(16px)}.editorial-book{position:relative;width:var(--bw);height:calc(var(--bw)*1.4);transform-style:preserve-3d;transform:rotateY(-15deg) rotateZ(-4deg);z-index:1}.cover-face{position:absolute;inset:0;transform:translateZ(18px);text-align:left;background:linear-gradient(120deg,#202934,#101419 70%);border:1px solid #3c4b60;border-radius:2px 5px 5px 2px;padding:7% 8%;color:#f6f4e8;box-shadow:inset 6px 0 5px #0004,8px 20px 32px #0004;overflow:hidden}.cover-face:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff1,transparent 38%,#ffffff05 65%,transparent);pointer-events:none}.cover-top{font-size:clamp(10px,1.8cqw,15px);letter-spacing:2px;display:flex;justify-content:space-between;font-weight:600;color:#cbd2be}.cover-top span{color:#78bdff}.cover-rule{height:1px;background:#465971;margin:7% 0 6%}.cover-subtitle{font-size:clamp(10px,2.05cqw,17px);line-height:1.5;letter-spacing:-.035em;color:#cad4bf}.cover-heading{font-size:clamp(36px,8cqw,68px);font-weight:900;line-height:1.09;letter-spacing:-.07em;margin-top:8%}.cover-heading span{display:block;color:#78bdff}.cover-mark{position:absolute;right:8%;bottom:18%;width:49%;height:17%;color:#78bdff;opacity:.9;transform:rotate(-15deg)}.cover-bottom{position:absolute;bottom:6%;left:8%;right:8%;border-top:1px solid #78bdff70;padding-top:4%}.cover-bottom strong{font-size:clamp(11px,2.25cqw,19px);font-weight:600;display:block;color:#eef5e6;letter-spacing:-.04em}.cover-bottom small{font-size:clamp(8px,1.6cqw,14px);display:block;color:#7a9ac4;margin-top:7px;letter-spacing:-.03em}.book-spine{position:absolute;left:0;top:0;width:36px;height:100%;transform:translateX(-18px) rotateY(-90deg);background:linear-gradient(90deg,#202833,#0f1319);color:#7a9bc7;writing-mode:vertical-rl;text-align:center;padding-top:35px;font-size:12px;letter-spacing:3px;border:1px solid #374659}.book-pages{position:absolute;left:5px;right:3px;bottom:0;height:34px;transform:translateY(15px) rotateX(-90deg);background:repeating-linear-gradient(#deded2 0 1px,#6985aa 1px 2px);border:1px solid #d0d1bc}.reveal .body-copy{font-size:clamp(17px,4.2cqw,34px);font-weight:500}.motion{margin-top:35px}.words{gap:10px}.words i{color:#6883a7}.closing .book-stage:after{background:#78bdff20}@media(max-width:600px){.book-stage{margin-top:35px;height:calc(var(--bw)*1.61)}.cover-top{letter-spacing:1px}.cover-bottom small{margin-top:5px}.book-spine{font-size:9px}.scene.hero h1{font-size:clamp(28px,8.65cqw,74px)}}

/* V5: one continuous canvas, with local light rather than rectangular scene backgrounds. */
body{background:#061125}.detail{background:linear-gradient(180deg,#08172e 0%,#102b50 19%,#091a34 41%,#112d50 66%,#08172e 100%);position:relative}.scene,.scene.blue,.scene.light,.scene.cream,.scene.hero{background:transparent;color:#f4f7ff;--accent:#78bdff;position:relative;isolation:isolate;overflow:visible}.scene:before{content:'';position:absolute;inset:5% -3% -5%;background:radial-gradient(ellipse at 50% 58%,#2377d815,transparent 68%);z-index:-1;pointer-events:none}.scene.reveal:before,.scene.closing:before{background:radial-gradient(ellipse at 50% 55%,#2e85ed28,transparent 68%)}.scene:nth-child(3n):before{background:radial-gradient(ellipse at 65% 50%,#2752d019,transparent 70%)}.scene{padding-top:85px;padding-bottom:85px}.scene+.scene{margin-top:-1px}.body-copy,.light .body-copy,.cream .body-copy,.reveal .body-copy{color:#d2e1f4}.steps p{border-bottom-color:#a4c9ff20}.steps span{color:#7ea9db}.contrast>span{color:#a9bdd8;text-decoration-color:#adc6e066}.words i{color:#5988bc}.cutout-wrap{width:104%;margin:25px -2% 0}.cutout{filter:drop-shadow(0 18px 36px #030d2566);max-width:100%}.hero .cutout-wrap{width:95%;margin:10px auto -20px}.motion{margin:25px -7% 0;width:114%}.motion img{mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 86%,transparent),linear-gradient(to right,transparent,#000 9%,#000 90%,transparent);mask-composite:intersect}.motion-toggle{background:#0b203977;border-color:#76baff45;color:#ddecff}.cover-face{background:linear-gradient(125deg,#184576,#08172e 67%);border-color:#426696;color:#f3f7ff}.cover-heading span,.cover-mark,.cover-top span{color:#78bdff}.cover-rule{background:#88b8ed55}.cover-subtitle,.cover-top,.cover-bottom small{color:#c5d8f2}.cover-bottom{border-top-color:#78bdff70}.cover-bottom strong{color:#f3f7ff}.book-spine{background:linear-gradient(90deg,#193e67,#071327);color:#94c6ff;border-color:#365c8b}.book-pages{background:repeating-linear-gradient(#e9f0fb 0 1px,#a2b2c9 1px 2px);border-color:#cdd9eb}.book-stage:after,.closing .book-stage:after{background:#0063e01c}.book-stage{margin-top:35px}.closing .body-copy{color:#9bcfff}.thoughts p:nth-child(2){color:#91c7ff}button:focus-visible,a:focus-visible{outline-color:#a6d5ff}@media(max-width:600px){.scene{padding-top:56px;padding-bottom:56px}.scene.hero{padding-top:63px}.cutout-wrap{width:100%;margin:24px 0 0}.hero .cutout-wrap{margin-bottom:-8px}.motion{width:116%;margin-left:-8%;margin-right:-8%;margin-top:18px}.closing{padding-bottom:82px}}
.detail{overflow:hidden}

.hero .motion{margin-top:18px;margin-bottom:12px}.hero .body-copy{margin-top:15px}.thoughts p{font-weight:500}.cover-heading{letter-spacing:-.065em}

.conditions-note{font-size:clamp(12px,2.2cqw,17px);line-height:1.6;color:#9eb8d7;margin:25px auto 0;max-width:90%;letter-spacing:-.025em}.plan-step{display:flex;gap:22px;border-bottom:1px solid #a4c9ff20;padding:25px 0;text-align:left}.plan-step>span{font-size:13px;color:#78bdff;padding-top:5px}.plan-step h3{font-size:clamp(20px,4.8cqw,39px);letter-spacing:-.04em;line-height:1.35;margin:0 0 12px}.plan-step p{font-size:clamp(15px,3.4cqw,27px);font-weight:400;border:0;padding:0;line-height:1.6;color:#c5d8f2;display:block;margin:0}.cover-bottom strong{font-size:clamp(10px,2.05cqw,17px)}

/* V8: emotional stages use distinct scale and surfaces on one continuous blue canvas. */
:root{--ice:#89c9ff;--blue-surface:#133a60}
.detail{background:linear-gradient(180deg,#08172e 0%,#133a60 19%,#0b223f 39%,#133a60 63%,#08172e 100%)}
.scene{--accent:#89c9ff;padding:100px 7%;}
h1,h2{font-size:clamp(30px,10.7cqw,92px);line-height:1.18;letter-spacing:-.065em;margin-bottom:40px;font-weight:900}
.scene.hero h1{font-size:clamp(35px,11.6cqw,100px)}
.body-copy,.reveal .body-copy{font-size:clamp(16px,4.4cqw,38px);line-height:1.65;font-weight:400;color:#deebfc}
.kicker{font-size:clamp(12px,2.6cqw,22px);letter-spacing:0;line-height:1.5}
.questions{display:grid;gap:20px;margin:55px auto 0}.questions p{margin:0;border:1px solid #89c9ff75;border-radius:100px;padding:25px 15px;font-size:clamp(19px,5.5cqw,47px);letter-spacing:-.05em;color:#eaf4ff;line-height:1.4}
.questions p:nth-child(2){transform:rotate(-2deg)}.questions p:nth-child(3){transform:rotate(1deg)}
.big-word{font-size:clamp(39px,13cqw,112px);line-height:1.18;font-weight:900;letter-spacing:-.065em;color:#89c9ff;margin:70px -3% 0}
.statement{padding-top:130px;padding-bottom:130px}.statement h2{font-size:clamp(29px,9.4cqw,80px)}
.shift-panel{margin:50px auto 0;background:#e7f3ff;color:#0b2e55;border-radius:22px;padding:35px 30px;text-align:left;box-shadow:0 25px 65px #0002}
.shift-label{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:clamp(13px,2.4cqw,20px);font-weight:700;color:#3d6287;padding-bottom:20px}.shift-label span:last-child{padding-left:20px}
.shift-row{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:15px;border-top:1px solid #0b2e5520;padding:25px 0;font-size:clamp(17px,4.2cqw,36px);line-height:1.4;letter-spacing:-.05em}.shift-row>span{color:#536d87}.shift-row i{font-style:normal;font-size:22px;color:#1e68b1}.shift-row strong{font-weight:800}
.process{list-style:none;padding:0;display:flex;gap:8px;justify-content:center;margin:45px -3% 0;align-items:center}.process li{flex:1;font-size:clamp(13px,3.5cqw,30px);line-height:1.4;border-bottom:2px solid #89c9ff;padding:15px 0;font-weight:700}.process li+li:before{content:'→';float:left;margin-left:-8px;color:#89c9ff}
.topic-example{margin:35px 0 0;display:grid;gap:15px;font-size:clamp(18px,4.5cqw,38px);letter-spacing:-.04em;line-height:1.45}.topic-example>span{color:#a9c3e0}.topic-example i{font-style:normal;color:#89c9ff}.topic-example strong{color:#89c9ff}
.cutout-wrap{width:95%;margin:20px auto 0}.benefit.visual-first{display:flex;flex-direction:column}.visual-first .cutout-wrap{order:-1;max-width:640px;margin:-20px auto 40px}
.reveal h2{font-size:clamp(32px,10.7cqw,92px)}.reveal .book-stage,.closing .book-stage{--bw:clamp(225px,56cqw,470px);margin-top:45px}
.plan .steps{background:#e7f3ff;color:#0b2e55;border-radius:24px;padding:12px 35px 20px;box-shadow:0 30px 70px #0002}.plan-step{border-color:#0b2e5522;padding:30px 0;gap:18px}.plan-step:last-child{border:0}.plan-step>span{color:#226aab;font-weight:800}.plan-step h3{font-size:clamp(20px,4.5cqw,39px)}.plan-step p{color:#3f5d7b;font-size:clamp(16px,3.6cqw,31px)}
.outcomes{display:grid;gap:28px;margin-top:50px;text-align:left}.outcomes article{border-left:4px solid #89c9ff;padding:8px 0 8px 28px}.outcomes p{color:#b2c9e4;font-size:clamp(17px,4cqw,34px);margin:0 0 14px;line-height:1.4;letter-spacing:-.04em}.outcomes strong{font-size:clamp(22px,5.1cqw,44px);line-height:1.4;letter-spacing:-.05em;font-weight:800;color:#fff}
.audience-pills{display:grid;gap:20px;margin-top:45px}.audience-pills p{font-size:clamp(18px,4.5cqw,38px);border-radius:100px;color:#0b2e55;background:#e7f3ff;padding:25px 18px;font-weight:700;line-height:1.4;margin:0;letter-spacing:-.04em}
.reassurance{padding-top:110px;padding-bottom:110px}.reassurance h2{font-size:clamp(28px,8.8cqw,76px)}
.payoff h2{font-size:clamp(39px,13cqw,112px);line-height:1.15}.payoff h2 em{background:#e7f3ff;color:#0b2e55;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .06em}.payoff .cutout-wrap{max-width:650px}
.closing{padding-bottom:135px}.conditions-note{color:#bad1ec;font-size:clamp(12px,2.3cqw,19px)}
@media(max-width:600px){.scene{padding:66px 7%}.hero{padding-top:72px!important}h1,h2{margin-bottom:28px}.statement,.reassurance{padding-top:78px;padding-bottom:78px}.questions{gap:17px;margin-top:32px}.questions p{padding:18px 10px}.big-word{margin-top:45px}.shift-panel{padding:20px 17px;border-radius:15px;margin-top:32px}.shift-label{padding-bottom:15px}.shift-row{gap:9px;padding:20px 0;grid-template-columns:1fr 14px 1fr}.shift-row i{font-size:16px}.shift-label span:last-child{padding-left:14px}.process{margin-top:25px}.visual-first .cutout-wrap{margin-bottom:25px}.plan .steps{padding:8px 20px;border-radius:16px}.plan-step{padding:23px 0;gap:12px}.outcomes{gap:24px;margin-top:32px}.outcomes article{padding-left:19px}.outcomes p{margin-bottom:10px}.audience-pills{gap:17px}.audience-pills p{padding:20px 12px}.closing{padding-bottom:85px}}

/* V9: readable worked example and a shorter conversational story. */
.scene.hero h1{font-size:clamp(28px,8.8cqw,76px)!important}
.hero .kicker{max-width:95%;margin-left:auto;margin-right:auto;font-weight:500}.question-scene .questions p{font-size:clamp(17px,4.5cqw,38px);font-weight:500}.reassurance h2{font-size:clamp(29px,9.4cqw,81px)}
.writing-demo{background:#e7f3ff;color:#0b2e55;border-radius:22px;margin:40px 0 0;padding:32px;text-align:left;overflow:hidden;box-shadow:0 25px 70px #0002}
.demo-track{display:grid;grid-template-columns:1fr;min-height:350px;position:relative}.demo-frame{grid-area:1/1;opacity:0;transform:translateY(12px);animation:demo-frame 15s infinite;pointer-events:none}.demo-frame:nth-child(2){animation-delay:5s}.demo-frame:nth-child(3){animation-delay:10s}.demo-label{display:block;font-size:clamp(13px,2.7cqw,23px);color:#2366a4;font-weight:700;margin-bottom:24px}.demo-frame h3{font-size:clamp(22px,5cqw,43px);line-height:1.35;letter-spacing:-.04em;margin:0 0 24px}.demo-frame p{font-size:clamp(17px,3.6cqw,31px);line-height:1.7;letter-spacing:-.025em;margin:0 0 20px;color:#385979}.demo-frame strong{font-size:clamp(16px,3.2cqw,27px);line-height:1.5;color:#18568c}.demo-wrong{text-decoration:line-through;color:#806371!important;text-decoration-thickness:2px}.demo-progress{display:flex;gap:8px;margin:25px 0 20px}.demo-progress span{height:3px;background:#a3bfdc;flex:1;animation:demo-dot 15s infinite}.demo-progress span:nth-child(2){animation-delay:5s}.demo-progress span:nth-child(3){animation-delay:10s}.demo-toggle{color:#245984;background:transparent;border:1px solid #24598455;border-radius:30px;padding:9px 14px;font-family:inherit;font-size:13px;cursor:pointer}.writing-demo.paused *{animation-play-state:paused}.reduced-motion .demo-track{display:block;min-height:0}.reduced-motion .demo-frame{animation:none;opacity:1;transform:none;position:relative;padding:18px 0;border-bottom:1px solid #0b2e5522}.reduced-motion .demo-progress,.reduced-motion .demo-toggle{display:none}
@keyframes demo-frame{0%,2%{opacity:0;transform:translateY(12px)}5%,30%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes demo-dot{0%,2%{background:#a3bfdc}5%,30%{background:#2366a4}33%,100%{background:#a3bfdc}}
@media(max-width:600px){.writing-demo{padding:24px 20px;border-radius:16px;margin-top:30px}.demo-track{min-height:235px}.demo-label{margin-bottom:18px}.demo-frame h3{margin-bottom:20px}.hero h1{font-size:clamp(32px,10.7cqw,92px)!important}.question-scene h2{font-size:clamp(29px,9.4cqw,81px)}}