@font-face{font-family:'Noto Sans KR';font-weight:400;font-style:normal;font-display:swap;src:url('./landing-v8-assets/2cee09f13e7030bb.woff2') format('woff2')}
@font-face{font-family:'Noto Sans KR';font-weight:600;font-style:normal;font-display:swap;src:url('./landing-v8-assets/41e49ea09f14c50d.woff2') format('woff2')}
@font-face{font-family:'Noto Serif KR';font-weight:700;font-style:normal;font-display:swap;src:url('./landing-v8-assets/3e346b35f3f03bc5.woff2') format('woff2')}
:root{--bg:#080809;--bg2:#0e0e11;--fg:#e9e3d8;--silver:#b9b6b0;--gold:#cfae74;--red:#a3242c;--red-soft:#d69597;--sans:'Noto Sans KR',sans-serif;--serif:'Noto Serif KR',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#030304;color:var(--fg);font:400 16px/1.85 var(--sans);word-break:keep-all;overflow-wrap:break-word}p,h1,h2,h3,h4,figure{margin:0}a{color:inherit}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--fg);outline-offset:5px}main{max-width:450px;margin:auto}main{background:var(--bg);overflow:hidden}.section{position:relative;padding:120px 24px}.section h2{font:700 34px/1.45 var(--serif);letter-spacing:-.045em}.body{font-size:16px;line-height:1.9;color:var(--silver);margin-top:32px}.eyebrow,.example-label{font-size:13px;line-height:1.8;color:var(--silver)}.eyebrow{letter-spacing:.07em}.example-label{color:var(--red-soft);margin-top:34px}.example-label small{display:block;font-size:13px;color:var(--silver);margin-top:5px}.note{font-size:13px;line-height:1.9;color:var(--silver);margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;width:100%;padding:15px 12px;border:1px solid #c0303a;border-radius:2px;background:var(--red);color:#fff6ed;text-decoration:none;font:600 16px/1.55 var(--sans)}.cta:after{content:'→';font-size:20px}.cta:hover,.cta:active{background:#8e1b24}.text-link{display:inline-flex;gap:15px;font-size:14px;color:var(--fg);border-bottom:1px solid #a3242c80;text-decoration:none;padding:10px 0;margin-top:32px;min-height:48px;align-items:center}.text-link:after{content:'↗';font-size:18px}.veil{filter:blur(4.5px);color:var(--silver);user-select:none}.photo{margin:0 -24px;overflow:hidden}.photo img{object-fit:cover}
.hero{position:relative;isolation:isolate;min-height:100svh;max-height:900px;padding:0 24px;overflow:hidden}.hero-media{position:absolute;inset:0;height:100%;object-fit:cover;object-position:62% 100%;z-index:-2}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#080809b0,#08080935 34%,#08080900 66%,#080809 100%);z-index:-1}.hero:after{content:'';position:absolute;bottom:0;left:68%;width:1px;height:18%;background:linear-gradient(transparent,var(--red));opacity:.65}.hero-copy{padding-top:clamp(74px,12svh,120px)}.hero h1{font:700 clamp(34px,min(10.6vw,47.7px),59px)/1.3 var(--serif);letter-spacing:-.05em;margin-top:22px;text-shadow:0 2px 22px #000}.hero h1 span{display:block}.hero-lead{font-size:17px;line-height:1.8;margin-top:25px}.hero-promise{font-size:14px;line-height:1.85;color:#c9c5c0;margin-top:23px}
.recognition{padding-top:115px;padding-bottom:105px;background:var(--bg)}.mind-question{position:relative;min-height:320px;font:700 29px/1.65 var(--serif);letter-spacing:-.05em;display:flex;flex-direction:column;justify-content:flex-start}.mind-question.right{text-align:right;min-height:340px;padding-top:14px}.recognition>.body{margin-top:25px}.thread-path{position:absolute;inset:0 24px 160px;width:calc(100% - 48px);height:calc(100% - 160px);opacity:.7;pointer-events:none}.thread-path path{stroke:var(--red);stroke-width:1.1;fill:none}.product-intro{background:var(--bg2);padding-top:125px;padding-bottom:130px}.product-intro:before{content:'';position:absolute;top:0;left:50%;height:74px;width:1px;background:linear-gradient(var(--red),transparent)}.sharp-lines{margin-top:44px}.sharp-lines p{font:700 21px/1.75 var(--serif);border-left:1px solid var(--red);padding-left:17px;margin-top:23px;color:#d6d1c8}
.unsent{min-height:790px;isolation:isolate;display:flex;align-items:flex-start;padding-top:95px}.scene-bg{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 78%;z-index:-2}.unsent:after{content:'';position:absolute;inset:0;background:linear-gradient(#080809b8,#08080925 45%,#080809d0 82%,var(--bg));z-index:-1}.scene-copy{width:100%;text-align:right}.deleted{font:700 28px/1.7 var(--serif);letter-spacing:-.045em;color:#c1bcb5;margin-top:23px}.deleted s{text-decoration-color:var(--red-soft);text-decoration-thickness:1px}.replacement{font:700 39px/1.5 var(--serif);margin-top:24px}.chat-bar{display:flex;align-items:center;gap:15px;max-width:250px;margin:35px 0 0 auto;font-size:13px;color:var(--silver)}.chat-input{min-height:48px;flex:1;border-radius:24px;background:#15151add;border:1px solid #3a3a40;text-align:left;padding:8px 20px;font-size:16px}.caret{display:inline-block;width:1px;height:1em;vertical-align:-.1em;background:var(--red-soft);margin-left:3px;animation:blink 1.2s steps(2,start) infinite}.scene-label{margin-top:10px;color:#c9c5c0}.unsent .body{text-align:left;margin-top:280px;color:var(--fg)}
.preview-feature{padding-top:85px}.peek-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;width:100%;background:#101013;border:1px solid #a3242cb0;color:var(--fg);font-size:14px;margin-top:18px;padding:12px 10px}.peek-button[aria-pressed=true]{background:#a3242c20}.eye-icon{width:19px;height:12px;display:inline-block;position:relative;border:1px solid var(--red-soft);border-radius:50%}.eye-icon:after{content:'';position:absolute;inset:3px 6px;background:var(--red-soft);border-radius:50%}.montage-shell{aspect-ratio:4/5;overflow:hidden;position:relative;margin:22px auto 0;max-width:400px}.montage-shell img{height:100%;object-fit:cover;filter:grayscale(.35) brightness(.85) contrast(1.05) blur(10px);mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 70% 78% at 50% 42%,#000 55%,transparent 100%);transition:filter .6s}.montage-shell.peek img{filter:grayscale(.25) brightness(.95) contrast(1.05) blur(0)}.feature-reading{border-left:1px solid #a3242c99;padding-left:20px;margin-top:46px}.feature-reading .example-label{margin-top:0}.feature-reading>p:not(.example-label){font-size:16px;line-height:1.95;margin-top:26px;color:#d9d3ca}.feature-reading .boundary{font:700 23px/1.6 var(--serif)!important;margin-top:42px!important;color:var(--fg)!important}.boundary small{display:block;font:400 13px/1.8 var(--sans);color:var(--silver);margin-bottom:17px}
.work-scene{background:#0c0f13;min-height:820px;isolation:isolate;overflow:hidden;padding-top:100px}.large-time{position:absolute;top:36px;right:-20px;font:700 105px/1 var(--serif);color:#b9b6b018;z-index:-1;letter-spacing:-.06em}.work-scene>.example-label{margin-top:0}.msgr{margin-top:24px;padding:23px 18px;background:#11151bf0;border:1px solid #30343b;border-radius:12px}.msgr-top{display:flex;gap:9px;align-items:center;font-size:13px;line-height:1.5;color:var(--silver);padding-bottom:22px;border-bottom:1px solid #ffffff14}.msgr-top>span:last-child{margin-left:auto}.dot{height:5px;width:5px;background:var(--silver);border-radius:50%}.bubble{max-width:95%;border-radius:9px;font-size:15px;line-height:1.85;padding:16px;margin-top:15px;width:max-content}.bubble.in{background:#1c2027;color:var(--fg)}.bubble.big{font:700 33px/1.45 var(--serif);letter-spacing:-.045em;padding:23px 17px}.bubble.out{background:#2a1518;border:1px solid #a3242c66;color:var(--red-soft);margin-left:auto}.work-scene h2{margin-top:60px}
.traits{background:var(--bg2)}.axis-head{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px;color:var(--silver);margin-top:30px;padding-bottom:15px;border-bottom:1px solid #ffffff20}.axis-row{padding:28px 0 30px;border-bottom:1px solid #ffffff18}.axis-row h3{position:relative;isolation:isolate;display:inline-block;font:700 29px/1.6 var(--serif);letter-spacing:-.04em}.axis-row h3:before{content:attr(data-axis);position:absolute;inset:4px auto auto 4px;color:var(--red);opacity:.45;z-index:-1;white-space:nowrap}.axis-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:17px;font-size:15px;line-height:1.85}.axis-pair .shadow{color:var(--red-soft)}.waiting{min-height:710px;display:flex;flex-direction:column;justify-content:center}.waiting h2{font-size:30px}.waiting .body{margin-top:27px;font-size:17px}.clock-photo{width:83%;margin:70px -24px 0 auto;overflow:hidden}.clock-photo img{height:210px;object-fit:cover;object-position:45% 55%}
.timing{background:var(--bg2)}.chart{margin-top:50px}.chart .example-label{margin-top:0}.chart-grid{height:295px;position:relative;margin-top:66px;padding-left:24px}.chart-axis{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;justify-content:space-between;font-size:13px;line-height:1;color:var(--silver)}.plot{position:relative;height:100%;border-bottom:1px solid #ffffff30;background:linear-gradient(to top,transparent 49.7%,#ffffff10 49.7%,#ffffff10 50%,transparent 50%,transparent 99.6%,#ffffff10 99.6%)}.stems{height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding-inline:4px}.stem-group{position:relative;height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;align-items:end}.stem-group i{background:#b9b6b05c;min-width:0;border-radius:1px 1px 0 0;transition:background .2s,box-shadow .2s}.stem-group.selected i{background:var(--gold);box-shadow:0 0 7px #cfae7440}.mean-dot{position:absolute;width:4px;height:4px;left:50%;border-radius:50%;background:var(--gold);transform:translate(-50%,50%);z-index:2}.chart-curves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.chart-curves path{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}.flow{stroke:var(--gold);filter:drop-shadow(0 0 4px #cfae7455)}.flow-shadow{stroke:var(--red);opacity:.55}.chart-callout{position:absolute;z-index:3;font-size:13px;line-height:1.7;background:#15151ae8;border:1px solid;padding:8px 10px;pointer-events:none;white-space:nowrap}.chart-callout:after{content:'';position:absolute;top:100%;left:14px;height:28px;width:1px;background:currentColor;opacity:.6}.chart-callout span{font-weight:600}.chart-callout small{display:block;font-size:12px;color:var(--silver)}.chart-callout b{font-weight:400;font-size:12px;margin-left:7px}.opportunity{border-color:#cfae7499;color:var(--gold);top:0;right:0}.caution{border-color:#a3242cb0;color:var(--red-soft);left:3px;bottom:20px}.year-seven{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding-left:24px;margin-top:8px}.year-btn{min-height:48px;border:0;border-bottom:1px solid transparent;background:none;padding:4px 0;color:var(--silver);font-size:13px}.year-btn[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.chart-note,.chart-tail{font-size:13px;line-height:1.85;color:var(--silver);margin-top:22px}.chart-detail{margin-top:38px;padding-top:28px;border-top:1px solid #cfae7440;min-height:147px;font:700 21px/1.8 var(--serif);color:var(--fg)}.chart-detail small{display:block;font:400 13px/1.8 var(--sans);color:var(--gold);margin-bottom:17px}.chart-hidden-lead{font-size:15px;color:var(--silver);line-height:1.9;margin-top:17px}
.sample{padding-top:0}.sample .photo{position:relative;height:390px}.sample .photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,var(--bg))}.sample .photo img{height:100%;object-fit:cover;object-position:50% 32%}.sample h2{margin-top:58px}.fragment{margin-top:48px}.fragment>.example-label{margin-top:0}.fragment-step{position:relative;padding:0 0 31px 20px;border-left:1px dashed #a3242c77}.fragment-step:first-of-type{margin-top:32px}.fragment-step:before{content:'';position:absolute;left:-3px;top:9px;height:5px;width:5px;border-radius:50%;background:var(--red-soft)}.fragment-step h4{font:400 13px/1.9 var(--sans);color:var(--silver);letter-spacing:.05em;margin-bottom:12px}.fragment-step>p{font-size:17px;line-height:1.9}.fragment-step .callout{font:700 23px/1.7 var(--serif);color:var(--fg);letter-spacing:-.035em}.fragment .read{font-size:15px;line-height:2;color:var(--silver);margin-top:12px;padding-left:20px}.fragment footer{border-top:1px solid #ffffff1c;margin-top:28px;padding-top:20px;font-size:13px;line-height:1.9;color:var(--silver)}
.contents{background:var(--bg2)}.toc{margin-top:55px}.toc-item{border-top:1px solid #ffffff22;padding:32px 0 38px;display:grid;grid-template-columns:37px 1fr;gap:16px}.toc-no{font:700 29px/1.4 var(--serif);color:var(--silver)}.chapter-name{font-size:14px;color:var(--silver);margin-bottom:14px}.toc-item h3{font:700 22px/1.65 var(--serif);letter-spacing:-.04em}.toc-item p{font-size:13px;line-height:1.9;color:var(--silver);margin-top:19px}.toc-item:last-child{display:block;border-bottom:1px solid #ffffff22}.toc-item:last-child .toc-no{font:400 14px/1.85 var(--sans);border-top:1px solid var(--red);padding-top:15px;margin-bottom:20px;width:max-content}.question-lines{margin-top:50px}.question-lines p{font:700 22px/1.8 var(--serif);letter-spacing:-.03em;width:90%;margin:0 0 30px auto;padding-bottom:25px;text-align:right;border-bottom:1px solid #ffffff20}.concern-answer{padding:0 0 0 20px;margin-top:55px;border-left:1px solid #a3242c80}.concern-answer .example-label{margin-top:0}.concern-answer>p:not(.example-label){font-size:16px;line-height:1.9;margin-top:23px;color:var(--silver)}.concern-answer .answer-key{font:700 21px/1.75 var(--serif)!important;color:var(--fg)!important;letter-spacing:-.04em}
.brand-story{background:var(--bg2);padding-top:115px}.story-copy{font-size:16px;line-height:2;color:var(--silver);margin-top:43px}.story-copy p+p{margin-top:32px}.portrait-strip{height:220px;margin:58px -24px 0;overflow:hidden}.portrait-strip img{height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.65)}.story-turn{font:700 21px/1.8 var(--serif);color:var(--fg);letter-spacing:-.035em;margin-top:58px}.method{list-style:none;padding:0;margin:43px 0 0}.method li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:26px 0;border-top:1px solid #ffffff1c}.method li:last-child{border-bottom:1px solid #ffffff1c}.method b{font:700 24px/1.6 var(--serif);color:var(--red-soft)}.method strong{font-size:16px;font-weight:600}.method p{font-size:15px;line-height:1.85;color:var(--silver);margin-top:10px}.brand-gate{width:80%;aspect-ratio:4/5;position:relative;overflow:hidden;margin:70px -24px 0 auto}.brand-gate img{height:100%;object-fit:cover}.brand-gate:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--bg2),transparent 18%,transparent 75%,var(--bg2))}.brand-line{font:700 34px/1.6 var(--serif);letter-spacing:-.045em;margin-top:60px}.brand-story>.note{margin-top:45px}
.offer{text-align:left}.offer-discount{font:600 16px/1.8 var(--sans);color:var(--red-soft);margin-bottom:25px}.offer-price{font:700 47px/1.5 var(--serif);letter-spacing:-.055em;margin-top:30px}.offer-price small{font-size:23px;margin-left:3px}.offer-list{list-style:none;margin:43px 0 0;padding:0}.offer-list li{font-size:16px;line-height:1.85;padding:24px 0;border-top:1px solid #ffffff20}.offer-list li:last-child{border-bottom:1px solid #ffffff20}.offer-list span{color:var(--silver);font-size:14px}.offer .cta{margin-top:36px}.faq{background:var(--bg2);padding-top:60px;padding-bottom:85px}.faq h2{font-size:26px;margin-bottom:27px}.faq details{border-bottom:1px solid #ffffff20;padding:23px 0}.faq summary{font:700 17px/1.75 var(--serif);cursor:pointer;min-height:48px;display:list-item;align-content:center}.faq details p{font-size:14px;line-height:1.95;color:var(--silver);margin-top:20px}.closing{position:relative;isolation:isolate;min-height:720px;display:flex;flex-direction:column;justify-content:center}.closing:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#080809a0,#08080990,#080809),url('./landing-v8-assets/c9da5c848a1faf7e.webp') 50% 70%/cover}.closing .cta{margin-top:48px}
.preview-dialog{width:calc(100% - 38px);max-width:380px;padding:33px 26px;background:#141417;color:var(--fg);border:1px solid #ffffff50}.preview-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.preview-dialog h2{font:700 24px/1.65 var(--serif);margin-bottom:24px}.preview-dialog p{font-size:14px;line-height:1.9;color:var(--silver)}.preview-dialog form{text-align:right}.preview-dialog button{font-size:14px;background:var(--red);color:var(--fg);min-height:48px;border:1px solid #c0303a;padding:12px 20px;margin-top:27px}@keyframes float{50%{transform:translateY(-4px)}}@keyframes blink{50%{opacity:0}}
@media(max-width:360px){.section{padding-inline:22px}.hero{padding-inline:22px}.hero h1{font-size:34px}.hero-lead{font-size:16px}.hero-promise{font-size:13px}.section h2{font-size:29px}.mind-question{font-size:25px}.mind-question.right{min-height:320px}.deleted{font-size:24px}.replacement{font-size:34px}.peek-button{font-size:13px;gap:7px}.bubble.big{font-size:29px}.bubble{font-size:14px}.msgr{padding-inline:14px}.axis-pair{font-size:14px;gap:12px}.axis-head{gap:12px}.chart-grid{padding-left:22px;height:255px}.stems{gap:5px;padding-inline:3px}.stem-group{gap:.5px}.year-seven{padding-left:22px}.year-btn{font-size:13px}.chart-callout small{display:none}.chart-callout{padding:6px 8px}.opportunity{top:25px}.chart-detail{font-size:20px}.fragment-step .callout{font-size:20px}.toc-item h3{font-size:20px}.toc-item{grid-template-columns:31px 1fr;gap:12px}.toc-no{font-size:25px}.question-lines p{font-size:20px}.story-turn{font-size:19px}.brand-line{font-size:29px}.photo,.portrait-strip{margin-inline:-22px}.clock-photo,.brand-gate{margin-right:-22px}}
@media(max-height:600px){.hero-copy{padding-top:73px}.hero h1{margin-top:15px}.hero-lead{margin-top:17px}.hero-promise{margin-top:15px}.hero-media{object-position:62% 80%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.section{break-inside:avoid}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Final visual review: callouts sit above data; leaders end at the year means. */
.chart-grid{--chart-height:295px;height:var(--chart-height);margin-top:92px}
.chart-callout{top:-64px;bottom:auto;width:135px;height:70px;line-height:18px;padding:8px 10px}
.chart-callout small,.chart-callout b{font-size:13px;line-height:18px}
.caution{left:0}.caution:after{left:22px;height:calc(var(--chart-height)*.59 - 6px)}
.opportunity{left:calc(64.2857% - 22px);right:auto}.opportunity:after{left:22px;height:calc(var(--chart-height)*.27 - 6px)}
.sample .photo img{filter:brightness(.45) saturate(.7) contrast(1.1)}
.sample .photo:after{background:linear-gradient(#08080930,transparent 35%,var(--bg))}
@media(max-width:360px){.chart-grid{--chart-height:255px}.chart-callout{width:100px;height:44px;top:-64px;padding:8px}.caution:after{left:18px;height:calc(var(--chart-height)*.59 + 20px)}.opportunity{left:calc(64.2857% - 18px)}.opportunity:after{left:18px;height:calc(var(--chart-height)*.27 + 20px)}}
/* v4: one story, genuine product sketch, restrained colour, native controls. */
main{position:relative;isolation:isolate}
.long-thread{position:absolute;inset:0;width:100%;z-index:4;pointer-events:none;overflow:hidden}
.long-thread path{fill:none;stroke:#a73d42;stroke-width:1;opacity:.65}
.section:not(.recognition):not(.hero){padding-top:84px;padding-bottom:88px}
.bridge{font-size:15px;line-height:1.85;color:#c6b3ac;margin-bottom:47px}
.product-intro{background:linear-gradient(#080809,#211517 45%,#161315)}
.preview-feature{background:linear-gradient(#080809,#141d20 50%,#171b22)}
.montage-shell{background:#d7d3cb;aspect-ratio:4/5;max-width:400px;border:8px solid #d7d3cb;transform:rotate(1deg);box-shadow:0 12px 35px #0005}
.montage-shell img{filter:blur(10px);mix-blend-mode:normal;mask-image:none;object-fit:cover}
.montage-shell.peek img{filter:blur(0)}
.feature-reading{border-left:0;padding-left:0;margin-top:58px}
.product-intro:before{display:none}.concern-answer{border-left:0;padding-left:0}
.feature-reading .reading-term{font:700 23px/1.75 var(--serif)!important;color:#d8c39e!important}
.feature-reading .note{font-size:13px!important;color:var(--silver)!important;line-height:1.85!important}
.work-scene{background:linear-gradient(#171b22,#19212a 40%,#181a20);min-height:0}
.work-scene h2{margin-top:52px}
.kakao,.kakao *{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;letter-spacing:normal}
.kakao{background:#a6b4bf;color:#20242a;border-radius:5px;overflow:hidden;margin-top:22px;box-shadow:0 15px 35px #0003}
.kakao-status{display:flex;justify-content:space-between;padding:12px 18px 4px;font-size:12px;line-height:1.4}
.kakao-head{display:flex;align-items:center;gap:12px;padding:12px 17px 18px;font-size:16px;line-height:1.4}
.kakao-head>span:first-child{font-size:26px}.kakao-head small{color:#505b64;font-size:14px}.kakao-icons{margin-left:auto;font-size:20px}
.kakao-date{font-size:11px;background:#879aa9;color:#fff;width:max-content;padding:4px 13px;border-radius:14px;margin:8px auto 26px;line-height:1.5}
.kakao-in{display:flex;gap:9px;padding:0 13px}.kakao-avatar{width:33px;height:33px;flex:none;border-radius:12px;background:#647986;color:#fff;text-align:center;font-size:12px;padding-top:6px}
.kakao-msg{min-width:0}.kakao-name{font-size:12px;line-height:1.4;margin-bottom:6px;color:#33414c}
.kakao-line{display:flex;align-items:flex-end;gap:5px;margin-bottom:6px}
.kakao-bubble{position:relative;background:#f4f4f1;color:#202020;padding:9px 10px;border-radius:3px;font-size:14px;line-height:1.5;word-break:normal;overflow-wrap:normal;flex:none}
.kakao-line:first-of-type .kakao-bubble:before{content:'';position:absolute;top:7px;left:-5px;border-top:5px solid #f4f4f1;border-left:6px solid transparent}
.kakao time{font-size:9px;white-space:nowrap;color:#3f4e58;line-height:1.3}
.kakao-out{display:flex;justify-content:flex-end;align-items:flex-end;gap:5px;padding:22px 14px 35px}.kakao-out .kakao-bubble{background:#f3dc69}.kakao-out .kakao-bubble:after{content:'';position:absolute;top:7px;right:-5px;border-top:5px solid #f3dc69;border-right:6px solid transparent}
.kakao-meta{text-align:right;line-height:1.3}.kakao-meta>span{display:block;color:#655219;font-size:10px}
.kakao-compose{display:flex;align-items:center;gap:12px;background:#e7e9e9;color:#59626b;padding:9px 11px;font-size:22px}.kakao-compose>div{flex:1;background:#f8f8f6;border:1px solid #cbd0d2;border-radius:18px;font-size:12px;padding:5px 11px;display:flex;justify-content:space-between}.kakao-compose>b{font-size:18px;font-weight:400}
.traits{background:linear-gradient(#181a20,#211a1b 55%,#211a1b)}
.axis-head>span:last-child,.axis-pair .shadow{text-align:right}
.axis-pair{grid-template-columns:1.05fr 1fr;gap:20px}.axis-pair p{font-size:15px}
.waiting{background:linear-gradient(#211a1b,#201c18 65%,#1b1c1c);min-height:620px}
.timing{background:linear-gradient(#1b1c1c,#25231d 40%,#181d20)}
.range-chart{display:block;width:100%;height:auto;margin-top:24px;overflow:visible}
.range-chart text{font-family:var(--sans);fill:#dfd4ba;font-size:15px}
.range-bar path{stroke:#b79d69;stroke-width:1}.range-bar rect{stroke:#c2a971;stroke-width:1}.gold-body{fill:url(#bar-gold)}.hollow-body{fill:#dfd7be;fill-opacity:.85}
.range-bar.selected rect{stroke:#f3dca6;stroke-width:1.6}
.chart-guide{stroke:#c5ad7760;stroke-width:1;stroke-dasharray:3 4;fill:none}.chart-base{stroke:#c5ad772a;stroke-width:1}.chart-leader{stroke:#b49b68;stroke-width:1;fill:none}
.range-card rect{fill:#2c2a23;stroke:#a18c60}.range-card path{stroke:#a18c6060}.range-card .range-card-title{font:700 20px var(--serif);fill:#e4cf99}.range-card .range-card-year{font-size:13px;fill:#c7bba3}
.caution-card rect{fill:#29221f;stroke:#b38968}.year-seven{padding-left:0}
.sample{background:linear-gradient(#181d20,#162025 55%,#1a1d21)}
.sample .bridge{position:relative;margin-bottom:40px}.sample .photo{margin-top:0;height:285px}.sample .photo:after{background:linear-gradient(#181d2030,transparent 35%,#162025)}
.question{background:linear-gradient(#1a1d21,#20202a 60%,#171920)}
.brand-story{background:linear-gradient(#171920,#202027 35%,#182226 75%,#211c1c)}
.contents{background:transparent;margin:55px 0 0;padding:0!important}.contents h2{font-size:30px}.toc{margin-top:37px}.toc-item{padding:26px 0 29px}.toc-item h3{font-size:21px}
.brand-gate:after{background:linear-gradient(#182226,transparent 18%,transparent 75%,#211c1c)}
.offer{background:linear-gradient(#211c1c,#261a1c 45%,#181518)}.faq{background:linear-gradient(#181518,#131318)}
.review-note{position:relative;margin:0;padding:36px 32px;background:linear-gradient(135deg,#24201d,#1b2123);border-top:1px solid #c9b08722;border-bottom:1px solid #c9b08722;color:#d8d1c5}
.preview-feature>.review-note{margin:55px -24px -88px}.review-kicker{font-size:12px;color:#c1ae89;letter-spacing:.07em}.review-note blockquote{margin:19px 0;font-size:16px;line-height:1.9}.review-by{font-size:12px;color:#b8b2a8;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.review-by a{text-underline-offset:4px;min-height:24px}
@media(max-width:360px){.kakao-bubble{font-size:14px;padding:9px 8px}.kakao-in{padding-inline:10px;gap:7px}.kakao-avatar{width:27px;height:29px;font-size:11px}.kakao-line{gap:3px}.kakao time{font-size:8px}.axis-pair p{font-size:14px}.preview-feature>.review-note{margin-inline:-22px}.review-note{padding-inline:28px}.range-chart text{font-size:17px}.range-card .range-card-year{font-size:15px}.contents h2{font-size:28px}}
@font-face{font-family:'Heukwol Myeongjo';src:url('./landing-v8-assets/a899f70802f823e1.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Heukwol Myeongjo';src:url('./landing-v8-assets/77e0cb94ac2b2251.woff') format('woff');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+4E00-9FFF}
:root{--bg:#0b0d10;--bg2:#10141b;--fg:#eeeae0;--silver:#b4b8c0;--gold:#c5ad80;--serif:'Heukwol Myeongjo','Noto Serif KR',serif;--sans:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;--rule:#bcc6d224;--ease:cubic-bezier(.2,.65,.3,1)}
body{background:#05070b;font-size:15px;line-height:1.95}main{max-width:450px}main{background:#0b0d10}
.section:not(.recognition):not(.hero){padding:100px 28px 110px}
.section h2{font:400 clamp(29px,min(7.5vw,33.75px),40px)/1.55 var(--serif);letter-spacing:-.06em;color:#eeeae0}
.body{font-size:15px;line-height:2;color:#b6bdc7;max-width:32ch;margin-top:29px}.bridge{font-size:13px;line-height:1.9;color:#9da8b5;margin-bottom:40px;letter-spacing:.015em}
.eyebrow{font-size:11px;letter-spacing:.12em;color:#b6a489}.note{font-size:12px;color:#aeb5c0}.long-thread path{opacity:.42;stroke:#a15358;stroke-width:.8}
.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.07em}.hero:after{height:22%;background:linear-gradient(transparent,#c5ad8055)}.hero-promise{color:#c0c6d0}
.recognition{background:radial-gradient(ellipse at 70% 35%,#1b141c66,transparent 62%),#0b0d10}.mind-question{font-weight:400;font-size:30px;min-height:300px}.mind-question.right{min-height:310px}.thread-path path{stroke-width:1.2}
.product-intro{background:radial-gradient(ellipse at 50% 45%,#24213988,transparent 68%),linear-gradient(#0b0d10,#111422 60%,#0b0d10);text-align:center}.product-intro h2{max-width:16ch;margin:auto}.sharp-lines{margin-top:42px}.sharp-lines p{font:400 22px/1.8 var(--serif);border-left:0;padding:0;color:#d5d4d8}.sharp-lines p+p:before{content:'';display:block;width:24px;height:1px;margin:25px auto;background:#bfa87966}
.unsent{padding-top:88px!important;min-height:760px}.deleted{font-family:var(--serif);font-weight:400;color:#b1acaf}.replacement{font-weight:400;line-height:1.5;font-size:44px}.deleted s{position:relative;text-decoration:none}.deleted s:after{content:'';position:absolute;top:54%;left:-3%;width:106%;height:1px;background:#c69093;transform-origin:left}.scene-label{display:none}
.preview-feature{background:radial-gradient(ellipse at 88% 28%,#16293888,transparent 60%),linear-gradient(#0b0d10,#0d1723 65%,#101721)}
.peek-button{background:#152030;border:1px solid #b7bfc438;color:#dedde3;font-size:14px;letter-spacing:.02em;position:relative;overflow:hidden;margin-top:35px}.peek-button:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#e1d1ae25 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}.peek-button[aria-pressed=true]:after{animation:glint 1.3s var(--ease) 1}
.montage-shell{transform:none;aspect-ratio:4/5;border:6px solid #d1cdc4;max-width:380px;box-shadow:0 25px 45px -20px #000,0 0 0 1px #c5ad8030;margin-top:22px}.montage-shell img{transition:filter .9s var(--ease)}
.feature-reading{margin-top:56px;padding:32px 24px;background:linear-gradient(145deg,#152437,#0e1622 75%);border:1px solid #92a4b52a;position:relative;box-shadow:0 22px 40px -30px #000}.feature-reading:before{content:'';position:absolute;inset:7px;border:1px solid #a7b5c612;pointer-events:none}.feature-reading .reading-term{font:400 25px/1.65 var(--serif)!important;color:#dfd3b8!important;margin-top:0!important}.feature-reading>p:not(.example-label){font-size:15px;line-height:2.05}.feature-reading .veil{filter:blur(4px)}
.work-scene{background:linear-gradient(#101721,#10151e 65%,#11131b)}.kakao{box-shadow:0 28px 55px -20px #000;border-radius:12px;margin-top:0}.work-scene h2{margin-top:55px}.work-scene>.bridge{margin-bottom:32px}
.traits{background:radial-gradient(ellipse at 5% 30%,#21314044,transparent 60%),linear-gradient(#11131b,#101c24 55%,#171921)}.axis-row{padding:30px 0;border-color:#a7b7c224}.axis-row h3{font:400 30px/1.5 var(--serif)}.axis-row h3:before{color:#ad9366;opacity:.18}.axis-pair{gap:22px;margin-top:20px;position:relative}.axis-pair:after{content:'';position:absolute;left:50%;top:4px;bottom:4px;width:1px;background:linear-gradient(transparent,#c5ad8035,transparent)}.axis-pair p{font-size:14px;line-height:1.9}.axis-pair .shadow{color:#c6a7aa}.axis-head{font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-color:var(--rule)}
.waiting{background:linear-gradient(#171921,#1b1b1f 55%,#151719);min-height:0}.waiting h2{font-size:30px}.clock-photo{width:87%;margin-top:55px;margin-right:-28px;border-radius:2px 0 0 2px}.clock-photo img{height:230px;filter:saturate(.65);object-position:45% 55%}
.timing{background:radial-gradient(ellipse at 70% 45%,#35302333,transparent 65%),linear-gradient(#151719,#1c2022 50%,#111821)}.chart{margin-top:25px}.range-chart{margin-top:12px}.range-chart text{font-size:16px;fill:#e0d8c7}.range-card rect{fill:#252823;stroke:#b49e6b90}.range-card .range-card-title{font-weight:400;font-size:21px}.range-card .range-card-year{font-size:14px}.year-seven{grid-template-columns:repeat(3,1fr);margin-top:5px;border-bottom:1px solid var(--rule)}.year-btn{min-height:48px;font-size:14px}.chart-detail{font:400 23px/1.8 var(--serif);margin-top:33px;border-color:#c5ad8033}.chart-note,.chart-tail{font-size:12px}.chart-hidden-lead{font-size:14px}
.sample{background:linear-gradient(#111821,#101a26 60%,#11151d)}.sample>.bridge{margin-bottom:35px}.sample .photo{height:275px;margin-inline:-28px}.sample .photo:after{background:linear-gradient(transparent 40%,#101a26)}.sample h2{margin-top:43px}
.fragment{position:relative;padding:30px 23px;background:linear-gradient(145deg,#172437,#0c1521);border:1px solid #91a4be30;box-shadow:0 20px 50px -30px #000}.fragment-step{border-color:#b69c6644;padding-left:16px}.fragment-step:first-of-type{margin-top:0}.fragment-step .callout{font:400 25px/1.8 var(--serif);color:#d7d5e4}.fragment-step h4{font-size:11px;color:#b8a382}.fragment .read{font-size:14px;padding-left:16px}.fragment footer{font-size:12px;color:#a4aebb}
.question{background:radial-gradient(ellipse at 80% 35%,#30263844,transparent 70%),linear-gradient(#11151d,#1a1726 65%,#11151d)}.question-lines p{font:400 23px/1.8 var(--serif);border-color:#b7bac624}.concern-answer{margin-top:40px;background:#121c29;border:1px solid #9babbe24;padding:26px 20px}.concern-answer>p:first-child{margin-top:0!important}.concern-answer .answer-key{font:400 23px/1.8 var(--serif)!important}
.brand-story{background:linear-gradient(#11151d,#161722 35%,#13212b 75%,#11151b)}.story-copy{font-size:15px;line-height:2.15;margin-top:33px;color:#adb8c4}.story-turn{font:400 24px/1.9 var(--serif);color:#d6d9df}.portrait-strip{height:210px;margin-inline:-28px}.contents{padding:0!important;margin-top:66px}.contents h2{font-size:34px}.toc{margin-top:25px}.toc-item{display:grid!important;grid-template-columns:30px 1fr;gap:15px;padding:29px 0;border-color:#a5b9c426}.toc-no,.toc-item:last-child .toc-no{font:400 24px/1.55 var(--serif);color:#c0ab80;border:0;padding:0;margin:0}.toc-item h3{font:400 22px/1.65 var(--serif);letter-spacing:-.045em}.toc-item ul{padding:0;margin:16px 0 0;list-style:none;font-size:13px;line-height:1.9;color:#a8b7c6}.toc-item li+li{margin-top:6px}.toc-item li:before{content:'·';color:#bca876;margin-right:8px}.brand-gate{margin-right:-28px;width:82%;margin-top:55px}.brand-gate:after{background:linear-gradient(#13212b,transparent 20%,transparent 70%,#11151b)}.brand-line{font:400 34px/1.65 var(--serif);margin-top:43px;color:#e3dacc}
.reviews{background:linear-gradient(#11151b,#0b1018 35%,#0b1018 80%,#11131b)}.reviews .eyebrow{margin-bottom:15px}.reviews h2{font-size:32px}.rv-aggregate{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:29px;padding:18px 17px;border:1px solid #7d94b02b;border-radius:10px;background:#111824;color:#acb9cb;font-size:12px}.rv-aggregate b{font:400 30px/1 var(--serif);color:#eeeae0}.rv-stars{color:#e0bf6b;font-size:15px;letter-spacing:1px;white-space:nowrap}.rv-star-empty{color:#938467}.rv-list{display:grid;gap:12px;margin-top:14px}.rv-card{padding:21px 18px;border:1px solid #8393ab33;border-radius:10px;background:linear-gradient(145deg,#10192388,#0b111c);box-shadow:0 15px 30px -25px #000}.rv-meta{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5}.rv-tag{padding:3px 8px;border-radius:15px;background:#273348;border:1px solid #748aa44a;color:#c8d7e8;font-size:10px}.rv-meta time{margin-left:auto;color:#93a5bd;white-space:nowrap;font-size:10px}.rv-card p{font-size:13px;line-height:1.95;color:#d7dfe9;margin-top:14px}.rv-more{display:flex;align-items:center;justify-content:center;gap:15px;min-height:50px;border:1px solid #7e90a044;border-radius:8px;text-decoration:none;color:#c4d3e3;font-size:13px;margin-top:24px}.sample-disclosure{background:#11131b;padding:0 28px 35px;color:#a9b1bf;font-size:12px}.sample-disclosure summary{cursor:pointer;min-height:44px;padding:12px 0}.sample-disclosure p{padding-top:16px;line-height:1.9}
.offer{background:radial-gradient(ellipse at 80% 45%,#39272b55,transparent 68%),linear-gradient(#11131b,#1b1620 65%,#111219)}.offer-price{font:400 49px/1.5 var(--serif);letter-spacing:-.03em}.offer-discount{font-size:13px;color:#d4a1a2;margin-bottom:18px}.offer-list{margin-top:31px}.offer-list li{font-size:15px;padding:21px 0;border-color:#a2afc227}.offer-list span{font-size:12px}.cta{position:relative;overflow:hidden;border-color:#be79826b;border-radius:5px;background:linear-gradient(115deg,#7d2a35,#9a3744);font-size:15px;min-height:55px;box-shadow:0 10px 35px -20px #a74352}.cta:after{position:static}.cta:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#f5d9c72c 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}.cta.is-seen:before{animation:glint 1.5s var(--ease) 1}
.faq{background:linear-gradient(#111219,#0c0f15)}.faq summary{font:400 19px/1.8 var(--serif)}.closing:before{background:linear-gradient(#0c0f15a0,#0c0f1590,#080b11),url('./landing-v8-assets/c9da5c848a1faf7e.webp') 50% 70%/cover}.text-link{font-size:13px;border-color:#b2a07855;color:#d5d5df}
@keyframes glint{to{transform:translateX(120%)}}@keyframes image-breathe{from{transform:scale(1.045)}to{transform:scale(1)}}@keyframes strike-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.motion-on .scene-copy[data-motion-entered=true] .deleted s:after{animation:strike-draw .7s var(--ease) 1}
.motion-on .scene-copy:not([data-motion-entered=true]) .deleted s:after{transform:scaleX(0)}
.range-bar rect{transform-box:fill-box;transform-origin:center bottom}
.motion-on .hero-media{animation:image-breathe 7s var(--ease) 1}.caret{animation-iteration-count:6}
@media(max-width:360px){.section:not(.recognition):not(.hero){padding-inline:24px}.section h2{font-size:28px}.mind-question{font-size:26px}.hero h1{font-size:34px}.feature-reading{padding:26px 18px}.feature-reading .reading-term{font-size:23px!important}.feature-reading>p:not(.example-label){font-size:14px}.range-chart text{font-size:17px}.rv-meta{gap:6px}.rv-stars{font-size:13px}.rv-tag{padding-inline:6px}.rv-card{padding-inline:14px}.reviews h2{font-size:29px}.toc-item h3{font-size:21px}.toc-item{gap:12px;grid-template-columns:26px 1fr}.axis-pair p{font-size:13px}.photo,.portrait-strip,.sample .photo{margin-inline:-24px}.clock-photo,.brand-gate{margin-right:-24px}}
@media(prefers-reduced-motion:reduce){.hero-media{animation:none!important;transform:none!important}.deleted s:after{transform:none!important}*{animation:none!important;transition:none!important}}

/* V6: paired traits and one continuous brand reveal. */
.axis-row h3{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:100%}.axis-row h3:before{content:none}.axis-row h3 .shadow{color:#c6a7aa;text-align:right}.axis-pair{grid-template-columns:1fr 1fr}
.brand-story{background:radial-gradient(ellipse at 50% 28%,#25304255,transparent 58%),linear-gradient(#11131b,#15151e 57%,#16121a)}
.brand-story .brand-gate{width:calc(100% + 32px);max-width:none;aspect-ratio:auto;margin:38px -16px 54px;mask-image:linear-gradient(transparent,#000 5%,#000 94%,transparent)}.brand-gate img{width:100%;height:auto;object-fit:contain;display:block}.brand-story>h2{margin-top:0}.brand-story .portrait-strip{width:calc(100% + 32px);max-width:none;height:auto;aspect-ratio:auto;margin:48px -16px 44px;mask-image:linear-gradient(transparent,#000 3%,#000 96%,transparent)}.portrait-strip img{width:100%;height:auto;object-fit:contain;object-position:center;filter:none}.story-why{border-bottom:1px solid var(--rule);padding-bottom:34px;margin-bottom:40px}.story-why p:first-child{color:var(--gold)}.story-method{margin-top:30px!important}.story-promise{font:400 25px/1.7 var(--serif);margin:42px 0 0;color:var(--fg)}.brand-story .story-turn{font-size:clamp(18px,min(4.6vw,20.7px),23px)}.brand-story .brand-line{font-size:clamp(27px,min(7vw,31.5px),36px);line-height:1.65;margin-top:56px}.brand-line>span{display:inline-block;margin-top:23px;color:var(--gold)}.story-link{margin-top:32px}.brand-story>.note{margin-top:38px}
@media(max-width:360px){.axis-row h3{font-size:27px}.axis-pair p{font-size:12px}.axis-pair{gap:18px}.story-copy{font-size:13px}.story-method{font-size:13px}.story-promise{font-size:22px}}

/* V7: emphasize the hero explanation. */
.hero-promise{font-size:clamp(17px,min(5vw,22.5px),24px);line-height:1.8;color:var(--fg);margin-top:23px}
/* V8: scroll-led reading, a concrete conversation, cinematic brand sequence. */
.long-thread path{opacity:.7;stroke:#ae4c50;stroke-width:1}.motion-on [data-reveal]:not([data-motion-entered]){opacity:0}.thread-path path,.long-thread path{stroke-linecap:round}
.clock-photo{width:100%;margin:42px 0 0;border:1px solid #b7a38924}.clock-photo img{height:clamp(320px,min(85vw,382.5px),440px);object-fit:cover;object-position:50% 42%;filter:none}.waiting{background:radial-gradient(ellipse at 70% 60%,#30233466,transparent 68%),linear-gradient(#15151c,#141d25)}
.chart-detail>p{white-space:pre-line;font-size:clamp(22px,min(5.7vw,25.65px),29px);line-height:1.65;letter-spacing:-.04em}.chart-reading{font:400 14px/1.95 var(--sans);color:#bbc3cc;margin-top:23px;max-width:31ch}.chart-hidden-lead{margin-top:23px;line-height:1.95}
.sample .fragment{padding:0;border:0;background:none;margin-top:38px}.sample-chat{background:#18232d;border:1px solid #8a9aab30;box-shadow:0 22px 56px #0003;padding:0 16px 23px;border-radius:12px;overflow:hidden}.sample-chat-head{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;font:400 15px var(--sans)}.sample-chat-head strong{font-weight:400}.sample-date{text-align:center;font-size:11px;color:#94a1ac;margin:18px 0 22px}.sample-turn{display:flex;align-items:flex-end;margin-top:18px;gap:7px}.sample-turn.incoming{display:block;padding-right:30px}.sample-name{font-size:11px;color:#a9b7c4;margin-bottom:7px}.sample-bubble{font:400 14px/1.8 var(--sans);padding:11px 13px;background:#d7dce0;color:#1a2026;border-radius:3px 11px 11px;word-break:keep-all}.sample-turn.outgoing{justify-content:flex-end;margin-left:22px}.outgoing .sample-bubble{background:#b8a17b;border-radius:11px 3px 11px 11px;color:#171614}.sample-time{font:400 9px var(--sans);color:#afbcc6;flex-shrink:0;padding-bottom:2px}.old-reply{opacity:.65}.old-reply .sample-bubble{background:#34404a;color:#b7c0c8}.old-reply s{text-decoration-color:#c67c79;text-decoration-thickness:1px}.sample-pause{text-align:center;font-size:12px;color:#d0b387;margin:26px 0 5px;letter-spacing:.04em}.sample-takeaway{font:400 25px/1.8 var(--serif);margin-top:38px}.sample-takeaway em{font-style:normal;color:#d1b180}.conversation-sample .read{font-size:14px;margin-top:25px;color:#b4bfca}.conversation-sample footer{font-size:11px;margin-top:28px;padding-top:18px;border-top:1px solid var(--rule);color:#93a1af}
.brand-story{background:radial-gradient(ellipse at 0% 42%,#29344877,transparent 52%),radial-gradient(ellipse at 100% 77%,#3b203755,transparent 45%),linear-gradient(#111923,#151421 38%,#131e26 65%,#19111a)}.brand-story .brand-gate:after{background:linear-gradient(#11192300,transparent 70%,#111923)}.brand-story>.story-overline{font-size:10px;letter-spacing:.22em;text-align:center;color:#bba16f;margin:8px 0 22px}.brand-story>h2{text-align:center;font-size:clamp(33px,min(8.5vw,38.25px),45px);line-height:1.6}.story-why{margin-top:55px;padding:0 0 48px;border-bottom:1px solid #c6ae7b30}.story-why>p{font-size:15px;line-height:2;color:#b5c0cc;margin-top:24px}.story-why>p:first-child{margin-top:0}.story-pull,.story-why>p.story-pull{font:400 clamp(25px,min(6.6vw,29.7px),34px)/1.65 var(--serif);letter-spacing:-.04em;color:#dbc89e;margin:40px 0}.story-origin{padding-top:44px;margin-top:0!important}.story-date{font-size:10px!important;letter-spacing:.16em;color:#a89a7f!important;margin-bottom:25px}.story-copy{font-size:15px;line-height:2.05;margin-top:38px}.story-copy>p+p{margin-top:27px}.story-origin .story-pull{margin:43px 0;font-size:clamp(28px,min(7vw,31.5px),36px);color:var(--fg)}.brand-story .portrait-strip{width:calc(100% + 32px);height:auto;aspect-ratio:2/3;margin:50px -16px 45px;mask-image:linear-gradient(transparent,#000 2%,#000 98%,transparent);border-top:1px solid #b8a17335;border-bottom:1px solid #b8a17335}.brand-story .portrait-strip img{width:100%;height:auto;object-fit:contain;filter:none}.brand-story .story-turn{padding:6px 0 24px;border-bottom:1px solid #b7a27b26;font:400 28px/1.7 var(--serif)}.story-turn>p:nth-child(2){padding-left:15%}.story-turn>p:nth-child(3){text-align:right}.brand-story .story-method{font:400 15px/2.1 var(--sans);margin-top:38px!important}.story-promise{font:400 clamp(24px,min(6vw,27px),31px)/1.8 var(--serif);margin-top:45px;color:#d2bd96}.contents{margin-top:78px}.contents>h2{font-size:28px!important}.toc-item{padding:27px 0!important}.toc-item h3{font-size:clamp(19px,min(4.9vw,22.05px),25px);line-height:1.6}.toc-item ul{margin-top:11px;font-size:12px}.entrust{position:relative;margin:68px -8px 0;padding:48px 15px 33px;text-align:center;border-top:1px solid #c0a16a55;border-bottom:1px solid #c0a16a25;background:radial-gradient(ellipse at 50% 40%,#a78c6030,transparent 72%)}.entrust-label{font-size:11px;letter-spacing:.12em;color:#bca37a}.brand-story .entrust .brand-line{margin-top:22px;font-size:clamp(30px,min(7.5vw,33.75px),39px);line-height:1.55;letter-spacing:-.05em}.entrust .brand-line>span{display:block;margin-top:25px;color:#d4bd8c;font-size:.8em}.entrust .story-link{margin:35px 0 0;min-height:56px}.brand-story>.note{font-size:11px;line-height:1.8;color:#9ba6b1;margin-top:28px}.closing{background:linear-gradient(#19111a,#0b1016)}
@media(max-width:360px){.sample-chat{padding-inline:12px}.sample-bubble{font-size:13px;padding:10px}.sample-turn.outgoing{margin-left:12px}.sample-takeaway{font-size:22px}.story-why>p,.story-copy,.brand-story .story-method{font-size:14px}.chart-reading{font-size:13px}.clock-photo{margin-right:0}.brand-story .brand-gate{margin-right:-16px}.brand-story .portrait-strip{margin-right:-16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1!important}.thread-path path,.long-thread path{stroke-dashoffset:0!important}}
/* Reference layout: timer / large button / floating speech badge, in Heukwolmun colors. */
.countdown-label{display:block;font:600 10px/1.4 var(--sans);white-space:nowrap}
@keyframes perk-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-6px)}}
@media(max-width:360px){.countdown-label{font-size:9px}}

.conversation-sample:before,.conversation-sample:after{display:none}
@media print{.motion-on [data-reveal]{opacity:1!important;transform:none!important}.thread-path path,.long-thread path{stroke-dasharray:none!important;stroke-dashoffset:0!important}}

/* V9: entrust follows reviews; wine-red light sweeps avoid fast strobing. */
#reviews{padding-bottom:54px}.section.brand-story.post-reviews-action{padding:28px 28px 70px;background:radial-gradient(ellipse at 50% 45%,#64354a44,transparent 68%),linear-gradient(#16141d,#1c121a)}.post-reviews-action .entrust{margin-top:0}.post-reviews-action .note{margin-top:28px}
@keyframes cta-sweep{0%,18%{left:-65%;opacity:0}27%{opacity:1}58%{left:130%;opacity:1}59%,100%{left:130%;opacity:0}}
@keyframes cta-glow{0%,100%{box-shadow:0 0 13px #d9576840,inset 0 1px 0 #ffe2cb33}50%{box-shadow:0 0 25px #df5b6c88,inset 0 1px 0 #ffe2cb66}}
@keyframes perk-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}

.clock-photo img{object-position:80% 50%}


/* V10: the connector reaches 42px below the section edge; reserve space below its lowest point. */
.section.unsent{padding-top:calc(42px + 100px)!important}
.axis-row{position:relative;padding:44px 0}
.axis-row:after{content:'';position:absolute;left:50%;top:44px;bottom:44px;width:1px;background:linear-gradient(transparent,#c5ad8035,transparent);pointer-events:none}
.axis-row h3{font-size:36px;line-height:1.4;gap:32px}
.axis-pair{gap:32px;margin-top:28px}
.axis-pair:after{content:none}
.axis-pair p{font-size:14px;line-height:1.85;color:#bdc3ce}
.axis-pair .shadow{color:#b9a0a5}
@media(max-width:360px){.axis-row h3{font-size:32px}.axis-pair{gap:24px}.axis-pair p{font-size:13px}}

/* Keep wide portrait borders inside the thread's 12px gutter, including small screens. */
.brand-story .portrait-strip{width:calc(100% + 12px);margin-inline:-6px}
/* Native progress follows the same persisted deadline as the clock. */
.deadline-progress{appearance:none;-webkit-appearance:none;position:absolute;inset:0 0 auto;width:100%;height:3px;border:0;border-radius:0;background:#6c4e3b44;accent-color:#d5b777;pointer-events:none}
.deadline-progress::-webkit-progress-bar{background:#6c4e3b44}
.deadline-progress::-webkit-progress-value{background:linear-gradient(90deg,#775d39,#d5b777,#fff0c7);box-shadow:0 0 10px #edca8899;transition:width 1s linear}
.deadline-progress::-moz-progress-bar{background:linear-gradient(90deg,#775d39,#d5b777,#fff0c7)}
@keyframes brand-cta-glow{50%{box-shadow:inset 0 1px 0 #eed1a340,0 0 25px #ba796b77}}
@keyframes brand-perk-glow{50%{box-shadow:0 0 20px #e4bf7866;border-color:#f2d5a6}}
@media(prefers-reduced-motion:reduce){.deadline-progress::-webkit-progress-value{transition:none}}

/* Native, initially collapsed information stays within the final knot scene. */
.closing{padding-bottom:calc(110px + env(safe-area-inset-bottom))}

/* V11: clear app-like contrast, cherry red action, no metallic trim. */
.deadline-progress{height:3px;background:#ffffff12;accent-color:#eb5573}
.deadline-progress::-webkit-progress-bar{background:#ffffff12}
.deadline-progress::-webkit-progress-value{background:linear-gradient(90deg,#9f2449,#ec5b79);box-shadow:0 0 10px #e34c6e55}.deadline-progress::-moz-progress-bar{background:linear-gradient(90deg,#9f2449,#ec5b79);box-shadow:0 0 10px #e34c6e55}
.post-reviews-action .cta,.closing>.cta{min-height:52px;border:0;border-radius:13px;background:linear-gradient(110deg,#d53652,#b32649);color:#fff;font:700 17px/1.35 var(--sans);box-shadow:0 6px 22px #b82b4944}
.post-reviews-action .cta:hover,.closing>.cta:hover{background:linear-gradient(110deg,#ca2d4b,#a31d3e)}
@keyframes modern-cta-pulse{50%{box-shadow:0 6px 26px #df3d5f66}}

/* V12: illustrated beats and short readable paragraphs, not a wall of copy. */
.chart-reading{max-width:none;font-size:15px;line-height:1.95}
.chart-reading p{font:400 15px/1.95 var(--sans);color:#c0c7d0;margin:0}
.chart-reading p+p{margin-top:22px}
.chart-hidden-lead{font-size:15px;line-height:1.95;margin-top:28px}
.story-frame{position:relative;margin:44px 0;aspect-ratio:4/3;overflow:hidden;background:#10131b}
.story-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.06)}
.story-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 65%,#14141e99)}
.story-corridor img{object-position:50% 62%}
.story-why{margin-top:40px;padding-bottom:44px}
.story-beats{margin:30px 0}
.story-beat{padding:24px 0;border-top:1px solid #ffffff16}
.beat-label{font:500 11px/1.5 var(--sans);color:#b8a0a7;letter-spacing:.04em}
.story-beat p{font:400 clamp(19px,min(5vw,22.5px),24px)/1.7 var(--serif);margin-top:12px;color:#c5c5cd}
.story-beat strong{font-weight:400;color:#f1e9df}
.story-copy,.brand-story .story-method,.story-why>p.story-end{font:400 15px/1.95 var(--sans);color:#bdc4d0}
.story-copy>p+p{margin-top:30px}
.story-copy .story-pull,.brand-story .story-method .story-pull{font:400 clamp(27px,min(7vw,31.5px),35px)/1.65 var(--serif);color:#eee5d9;margin:0 0 32px}
.story-copy .story-date{font:500 11px/1.5 var(--sans);letter-spacing:.08em;color:#b5a28a;margin:0 0 22px}
.story-end{padding:24px 0 0;border-top:1px solid #ffffff18}
.story-end strong{font-weight:500;color:#f0e6d9}

.unsent .scene-bg{object-position:50% 72%;opacity:1;filter:none}
.unsent:after{background:linear-gradient(#08080955,#08080908 38%,#08080915 68%,#080809d9 92%,var(--bg))}
.unsent .body{margin-top:340px;text-shadow:0 1px 10px #0009}
@media(max-width:360px){.unsent .body{margin-top:300px}}

.hero h1 span:first-child{font-size:.62em;line-height:1.5;margin-bottom:8px;color:#ddd8d6}
.hero h1 span:last-child{color:#f1a4b4}
.hero-promise strong{font-weight:500;color:#ff9fb5}
.hero-media{top:-24%;height:124%;object-position:65% 100%}
.hero:before{background:linear-gradient(#080809a6,#08080990 38%,#08080918 66%,#080809 100%)}
.story-why>p.story-end{font:400 clamp(21px,min(5.8vw,26.1px),28px)/1.7 var(--serif);color:#f1e9df}
.story-why>p.story-end span{display:block;margin-top:18px;font:400 15px/1.9 var(--sans);color:#b9c0cc}
.brand-story .story-method>p:not(.story-pull){font-size:17px;line-height:1.9}
.contents-cover{margin:18px 0 32px;aspect-ratio:4/3}
.contents-cover img{object-position:50% 78%}
.contents-cover:after{background:linear-gradient(transparent 20%,#11121abf 90%)}
.contents-cover figcaption{position:absolute;z-index:1;left:24px;bottom:25px;color:#f2e8dc}
.contents-cover figcaption>span{font:400 12px/1.6 var(--sans);color:#d6c5bf}
.contents-cover h2{margin-top:10px;font-size:clamp(30px,min(8vw,36px),40px)}
.toc-break{aspect-ratio:16/9;margin:30px 0 44px}
.toc-break img{object-position:50% 70%}
.closing-price{margin-top:26px;font:400 14px/1.6 var(--sans);color:#d2bac4}
.closing>.cta{margin-top:20px}
@media(prefers-reduced-motion:reduce){.motion-on [data-reveal]{opacity:1!important;transform:none!important}}

.kakao-line .kakao-bubble{flex-shrink:1;min-width:0;overflow-wrap:anywhere}.kakao-line time{flex:none;white-space:nowrap}

.brand-story .brand-gate{width:min(min(100vw,450px),540px);max-width:none;aspect-ratio:4/5;margin:38px 0 48px;margin-left:calc((100% - min(min(100vw,450px),540px))/2);mask-image:none;border:0}
.brand-story .brand-gate img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.075)}
.brand-story .brand-gate:after{background:linear-gradient(transparent 75%,#13141caa)}
#story .story-pull,#story .story-promise{color:#eee8e3}
.rv-more{min-height:52px;background:#251923;border-color:#b9597355;color:#f4e3e9;border-radius:12px;font-size:14px;font-weight:600}
.rv-more:hover{background:#3b2130;border-color:#d46d8a}
.rv-more:focus-visible{outline:2px solid #ee91aa;outline-offset:4px}

/* V13: unboxed clock; one elapsed value drives both live gauges. */
@keyframes modern-cta-pulse{0%,100%{box-shadow:inset 0 1px 0 #ffffff44,0 6px 22px #c6325860}50%{box-shadow:inset 0 1px 0 #ffffff66,0 6px 28px #ef477b88}}


/* Keep the chapter list continuous; the reflection belongs to the story. */
.story-origin .story-scene{font:400 clamp(21px,min(5.5vw,24.75px),27px)/1.8 var(--serif);color:#d9dce5;margin-top:36px}
.story-origin .story-reflection{aspect-ratio:4/3;margin:42px 0}
.story-origin .story-reflection img{object-position:50% 68%}
.story-origin .story-end{font:400 clamp(21px,min(5.5vw,24.75px),27px)/1.85 var(--serif);color:#c6cbd5;padding-top:0;border-top:0;margin-top:38px}
.story-origin .story-end strong{display:inline-block;color:#eee8e3;font-weight:400}
.motion-on .range-bar:not([data-motion-entered]){opacity:0}
@media(prefers-reduced-motion:reduce){.motion-on .range-bar{opacity:1!important;transform:none!important}}


/* The gate appears slowly in place; its image settles into the existing crop. */
.motion-on .brand-gate:not([data-motion-entered]){opacity:0}
@media(prefers-reduced-motion:reduce){.motion-on .brand-gate{opacity:1!important}}


/* The preview reveals only the former blurred state, never a clear face. */
.montage-shell img{filter:blur(26px)}
.montage-shell.peek img{filter:blur(10px)}


.peek-copy{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.peek-help{font:500 11px/1.6 var(--sans);color:#dfb7c6;text-align:center;word-break:keep-all;text-wrap:balance}
.peek-help[hidden]{display:none}


/* Keep the situation readable; obscure only the specific conclusion. */
.veil.teaser-key{filter:blur(5.5px);opacity:.86;user-select:none}
.range-chart .veil.teaser-key{filter:url("#teaser-key-blur")}
.section .personal-tease{font:500 16px/1.8 var(--sans);color:#e2bdca;margin-top:28px;letter-spacing:-.015em}


/* V18: requested copy, narrative diagrams, pins and delayed offer; V17 components otherwise retained. */
.recognition>.body{font:400 22px/1.85 var(--serif);color:var(--fg)}
.chapter-label{font:600 12px/1.7 var(--sans);letter-spacing:.08em;color:#c98285;margin:26px 0 12px}
.reading-context,.feature-reading>p.reading-context,.concern-answer>p.reading-context{font:400 12px/1.8 var(--sans);color:#9da8b5;margin:0 0 20px}
.thread-question{position:relative;font:700 17px/1.85 var(--serif);color:#c98285;text-align:left;margin-bottom:34px;letter-spacing:-.025em}
.thread-pin{position:absolute;width:5px;height:5px;border-radius:50%;background:#a3242c;left:-12.5px;top:13px;pointer-events:none}
.thread-time{position:relative}.thread-time .thread-pin{left:-8px;top:50%}
.motion-on .thread-question:not([data-motion-entered]){opacity:0}.no-motion .thread-question{opacity:1}
.montage-shell img{filter:blur(14px)}.montage-shell.peek img{filter:blur(5px)}
.montage-cover{position:absolute;left:-5%;width:110%;height:48px;top:40%;transform:rotate(-3deg);display:flex;align-items:center;justify-content:center;background:#e9e3d8;color:#644d47;font:600 13px/1.5 var(--sans);box-shadow:0 3px 15px #0003}
.trait-conclusion{font:400 22px/1.75 var(--serif);margin-top:40px;color:var(--fg)}
.clock-photo{position:relative;aspect-ratio:2/3;border:0}.clock-photo img{height:100%;object-fit:cover;object-position:center}.clock-pin{left:calc(53% - 2.5px);top:calc(69% - 2.5px)}
.chart-title{font:400 20px/1.7 var(--serif);margin-top:12px}.chart-legend{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:12px;font:400 12px/1.6 var(--sans);color:#a9b0bc}.chart-legend span{display:flex;gap:5px;align-items:center}.chart-legend i{display:inline-block;width:7px;height:10px;flex:none}.legend-up{background:#d5b777}.legend-down{border:1px solid #d5b777}.chart-legend .legend-wick{width:1px;height:14px;background:#d5b777;margin-inline:3px}.range-bar .hollow-body{fill:#172029}.range-bar{opacity:.55}.range-bar.selected{opacity:1}.chart-reading{max-width:none;font-size:15px}.chart-reading>p+p{margin-top:22px}
#story{padding-bottom:65px}#story .brand-gate{margin-bottom:30px}#story .story-narrative h2{font:400 clamp(24px,min(6.4vw,28.8px),32px)/1.6 var(--serif);text-align:left;letter-spacing:-.04em;margin:12px 0 24px}
.story-narrative>p{font:400 14px/1.9 var(--sans);color:#b9c1cc;margin-top:20px}.story-narrative>p.story-overline{font:500 11px/1.6 var(--sans);letter-spacing:.12em;color:#c98285;margin-top:24px}
.story-narrative>p.story-pull{font:400 clamp(22px,min(5.7vw,25.65px),29px)/1.65 var(--serif);color:#eee8e3;margin:30px 0}.story-pull>span{display:block;margin-top:16px;font-size:.85em}.story-narrative>p.story-promise{font:400 25px/1.7 var(--serif);color:#eee8e3;margin-top:30px}
.two-layers{position:relative;display:flex;justify-content:space-between;margin:24px 0}.two-layers article{width:47%;background:#e9e3d8;padding:18px 9px;color:#28232a;text-align:center;border-radius:2px;position:relative;z-index:1}.two-layers small{font:600 10px/1.7 var(--sans);color:#8e1b24}.two-layers strong{display:block;font:400 29px/1.7 var(--serif);margin:8px 0}.two-layers span{display:block;font:400 10px/1.8 var(--sans)}.layer-thread{position:absolute;inset:50% 0 auto;height:1.2px;background:#a3242c;transform-origin:left}.layer-thread:after{content:'';position:absolute;left:calc(50% - 3.5px);top:-3px;width:7px;height:7px;background:#a3242c;border-radius:50%}
.story-corridor{margin:26px 0}.story-corridor img{height:165px;object-fit:cover;object-position:50% 45%;transform:scale(1.015)}.story-corridor figcaption{font:400 12px/1.8 var(--sans);color:#a9b1bd;margin-top:12px}.story-corridor{overflow:hidden}
.wood-record{display:flex;align-items:center;justify-content:center;gap:25px;margin:26px 0}.wood-tablet{position:relative;flex:0 0 120px;height:300px;border-radius:20px 20px 5px 5px;background:repeating-linear-gradient(88deg,#ffffff04 0 1px,transparent 1px 5px),linear-gradient(115deg,#6b4a32,#4a3122);border:1px solid #95704d55;box-shadow:5px 12px 28px #0005;padding:44px 12px 12px}.tablet-hole{left:calc(50% - 2.5px);top:14px;background:#171014;box-shadow:0 0 0 3px #241713,0 0 0 4px #8f6644}.tablet-lines{writing-mode:vertical-rl;display:flex;flex-direction:column;gap:8px;font:400 12px/1.65 var(--serif);color:#eadac3;letter-spacing:.04em;height:244px}.wood-record>p{font:400 12px/1.9 var(--sans);color:#a9b1bd;max-width:12ch}
#story .story-narrative .portrait-strip{height:225px;aspect-ratio:auto;margin:26px -16px;width:calc(100% + 32px);border:0;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}#story .story-narrative .portrait-strip img{height:100%;object-fit:cover;object-position:50% 25%}
#story .story-turn{font:400 22px/1.7 var(--serif);margin:20px 0;padding-bottom:16px}#story .story-turn p{margin:0}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}.proof-grid a{text-decoration:none;min-width:0;display:block}.proof-grid img{aspect-ratio:3/4;object-fit:cover;object-position:top;border:1px solid #c9b27a70;border-radius:2px}.proof-grid strong{display:block;font:600 12px/1.7 var(--sans);color:#e9e3d8;margin-top:12px}.proof-grid span{display:block;font:400 11px/1.8 var(--sans);color:#b2bbc7;margin-top:6px}.proof-grid small{display:block;font:400 11px/1.8 var(--sans);color:#c9b27a;margin-top:8px}
.classics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:28px 0}.classics article{min-width:0}.book-spine{height:220px;background:repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(90deg,#14181f,#1b2230 40%,#14181f);border:1px solid #c9b27a40;border-radius:2px;display:flex;justify-content:center;align-items:center;writing-mode:vertical-rl;font:400 25px/1 var(--serif);letter-spacing:.18em;color:#d5b777;position:relative;box-shadow:4px 5px 12px #0003}.book-spine:before,.book-spine:after{content:'';position:absolute;left:0;right:0;height:1px;background:#c9b27a77;top:17px}.book-spine:after{top:auto;bottom:17px}.classics strong{display:block;font:600 12px/1.7 var(--sans);margin:10px 0 6px}.classics p{font:400 11px/1.8 var(--sans);color:#aab4c0}
.reading-count{text-align:center;margin:30px 0 18px;font:400 72px/1.4 var(--serif);color:#e9ce91;position:relative}.reading-count:after{content:'';display:block;height:1px;background:#a3242c;margin:10px auto;width:75%;transform-origin:center}
.purchase-summary{text-align:left;margin:32px 0 0;border:1px solid #c9828544;border-radius:12px;padding:22px 18px;background:#10101780}.purchase-summary h3{font:600 17px/1.8 var(--sans)}.purchase-summary ul{list-style:none;margin:16px 0;padding:0}.purchase-summary li{font:500 14px/1.7 var(--sans);padding:11px 0;border-top:1px solid #ffffff12}.purchase-summary li span{font-weight:400;font-size:12px;color:#b9b4bf}.purchase-summary>p{font:400 12px/1.8 var(--sans);color:#c98285}
.closing-pin{top:0;left:calc(24% - 2.5px)}
@media(prefers-reduced-motion:reduce){.thread-question{opacity:1!important}}

.motion-on .classics:not([data-motion-entered]) article,.motion-on .reading-count:not([data-motion-entered]) span{opacity:0}
.motion-on .two-layers:not([data-motion-entered]) .layer-thread,.motion-on .reading-count:not([data-motion-entered]):after{transform:scaleX(0)}
.reading-count:after{transition:transform .8s ease-out}
@media(prefers-reduced-motion:reduce){.classics article,.reading-count span{opacity:1!important}.layer-thread,.reading-count:after{transform:none!important;transition:none!important}}

/* Latest V18 steering: silver-blue interactive axes; analysis card replaces a story photograph. */
.temperament-radar{margin:44px -8px 34px;padding:26px 14px 22px;border:1px solid #a5c9eb33;border-radius:16px;background:radial-gradient(ellipse at 50% 42%,#1a344c88,transparent 65%),linear-gradient(150deg,#101925,#080e19);box-shadow:0 14px 45px #020a1555,inset 0 1px 0 #d5eaff0a}
.radar-kicker{font:500 11px/1.7 var(--sans);color:#9ebbd3;letter-spacing:.13em;text-align:center}.temperament-radar h3{font:400 27px/1.6 var(--serif);color:#dfecf8;text-align:center;margin-top:10px;letter-spacing:-.035em}.radar-guide{font:400 11px/1.8 var(--sans);color:#99b0c5;text-align:center;margin-top:15px}
.radar-plot{position:relative;margin:20px -10px 18px;aspect-ratio:1}.radar-plot svg{display:block;width:100%;height:100%}.radar-grid{stroke:#a8c9e2;stroke-width:.7;fill:none;opacity:.24}.radar-grid circle:last-of-type{stroke-dasharray:2 5}.radar-shape{fill:url(#radar-fill);stroke:#c8e5ff;stroke-width:1.7;filter:url(#radar-glow);transform-box:view-box;transform-origin:50% 50%}.radar-dot{fill:#a7cbe6;stroke:#e4f4ff;stroke-width:1;transition:r .25s,fill .25s}.radar-dot.selected{r:6;fill:#eaf7ff;filter:url(#radar-glow)}
.radar-axis{position:absolute;transform:translate(-50%,-50%);padding:4px 5px;min-width:52px;min-height:52px;color:#97adc1;background:transparent;border:0;border-radius:8px;text-align:center;transition:color .25s,background .25s,text-shadow .25s;font:400 14px/1.5 var(--serif)}.radar-axis b{display:block;font:400 20px/1.4 var(--serif)}.radar-axis:hover,.radar-axis[aria-pressed=true]{color:#e6f4ff;background:#8fbbe914;text-shadow:0 0 13px #8dccffb0}.radar-axis-0{left:50%;top:7%}.radar-axis-1{left:86%;top:28%}.radar-axis-2{left:86%;top:72%}.radar-axis-3{left:50%;top:93%}.radar-axis-4{left:14%;top:72%}.radar-axis-5{left:14%;top:28%}
.radar-reading{padding:18px 10px 0;border-top:1px solid #b7d4ee20;min-height:144px}.radar-reading strong{display:block;font:400 21px/1.6 var(--serif);color:#daebfb;margin-bottom:14px}.radar-reading p{font:400 13px/1.9 var(--sans);color:#b5c7d8;margin-top:8px}.radar-reading p span{display:block;font-size:10px;letter-spacing:.07em;color:#88afd0}.radar-footnote{font:400 10px/1.8 var(--sans);color:#8299b0;margin:18px 10px 0}
.motion-on .temperament-radar:not([data-motion-entered]) .radar-shape{opacity:0}.radar-plot:after{content:'';position:absolute;inset:14%;border-radius:50%;pointer-events:none;box-shadow:0 0 32px #86c7ff0c}
.analysis-preview{position:relative;isolation:isolate;overflow:hidden;min-height:445px;margin:30px 0;border-radius:12px;border:1px solid #b5cce344;background:#0b1420;box-shadow:0 14px 45px #0004}.analysis-preview>img{position:absolute;right:-15%;bottom:0;width:105%;height:100%;object-fit:cover;object-position:65% 70%;opacity:.65;z-index:-2;filter:saturate(.65)}.analysis-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b1420fa,#0b1420bb 40%,#0b142020 76%,#0b1420de),linear-gradient(90deg,#0b142088,transparent 75%);z-index:-1}.analysis-content{padding:26px 20px}.analysis-label{font:500 10px/1.7 var(--sans);color:#91abc3;letter-spacing:.12em;text-align:center}.analysis-content h3{font:400 25px/1.6 var(--serif);color:#e4eff9;text-align:center;margin-top:8px}.analysis-type{margin:25px auto 18px;text-align:center}.analysis-type small{font:400 10px/1.8 var(--sans);color:#9db6ca;border:1px solid #b5cce344;border-radius:12px;padding:4px 12px}.analysis-type h4{font:400 26px/1.6 var(--serif);color:#dbeaff;margin-top:17px}.analysis-quote{font:400 14px/1.9 var(--serif);text-align:center;color:#c3d4e4;letter-spacing:-.035em}.analysis-content ul{list-style:none;padding:0;margin:27px 0 0;font:400 12px/1.9 var(--sans);color:#bfcedd}.analysis-content li:before{content:'✓';color:#97c7ed;margin-right:8px}.analysis-promise{font:400 17px/1.75 var(--serif);color:#e2edf7;margin:32px 0 0;text-shadow:0 2px 14px #000}
@media(prefers-reduced-motion:reduce){.radar-shape{opacity:1!important;transform:none!important}.radar-dot,.radar-axis{transition:none!important}}


/* V19: cumulative feedback; photographs and short scenes replace dense diagrams. */
main{overflow:clip}
.montage-shell{border:1px solid #8f9ca52b;background:#111723;box-shadow:none}
.montage-shell img{filter:blur(18px)}.montage-shell.peek img{filter:blur(14px)}
.peek-help{font-size:12px;color:#c1c7d0}
#waiting{position:relative;isolation:isolate;min-height:650px;padding-bottom:370px}
.waiting-photo{position:absolute;inset:0;z-index:-2;margin:0;overflow:hidden}
.waiting-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 68%}
#waiting:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#111721 2%,#111721c9 30%,#11172110 70%,#111721)}
#waiting>.body{color:#e1e6ed}
.chapter-cut{position:relative;isolation:isolate;overflow:hidden;margin:0 -28px 48px;aspect-ratio:4/3}
.chapter-cut img{width:100%;height:100%;object-fit:cover;object-position:50% 66%}
.chapter-cut:after,.record-photo:after,.mask-photo:after,.classics-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#0c131cbb 68%,#111721);pointer-events:none}
.chapter-cut figcaption{position:absolute;inset:auto 28px 35px;z-index:1}.chapter-cut small{font:500 11px/1.8 var(--sans);color:#b7c6d7;letter-spacing:.06em}.chapter-cut p{font:400 clamp(26px,min(7vw,31.5px),35px)/1.6 var(--serif);color:#edf0f2;margin-top:14px}
.concern-cut{aspect-ratio:1}.concern-cut img{object-position:50% 47%}
#sample,#concern{padding-top:0}.sample h2,.question h2{font-size:clamp(28px,min(7.4vw,33.3px),38px)}
.story-narrative>p{font-size:17px;line-height:1.95;margin-top:26px}#story .story-intro{margin-bottom:42px}
.story-scenes{margin:40px -28px 48px;position:relative}.story-stage{position:relative;isolation:isolate;overflow:hidden;background:#0c1420}.stage-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:-2}.story-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10162044,#101620d9 55%,#101620);z-index:-1}
.story-scene-panel{padding:48px 28px}.story-scene-panel+.story-scene-panel{border-top:1px solid #ffffff12}.story-scene-panel small{font:500 12px/1.8 var(--sans);letter-spacing:.12em;color:#9aaec2}.story-scene-panel h3{font:400 clamp(26px,min(7vw,31.5px),34px)/1.65 var(--serif);letter-spacing:-.04em;color:#e9edf2;margin-top:25px}.story-scene-panel p{font:400 17px/1.9 var(--sans);color:#bfcbd8;margin-top:28px}
.record-photo,.mask-photo,.classics-photo{position:relative;isolation:isolate;overflow:hidden;margin:45px -28px 0;aspect-ratio:4/5}.record-photo img,.mask-photo img,.classics-photo img{width:100%;height:100%;object-fit:cover}.record-photo figcaption,.mask-photo figcaption{position:absolute;bottom:35px;left:28px;right:28px;z-index:1}.record-photo small{font:500 11px/1.8 var(--sans);color:#9eb3c8}.record-photo h3,.mask-photo h3{font:400 clamp(25px,min(6.7vw,30.15px),32px)/1.65 var(--serif);color:#e6e9ec;margin-top:12px}.record-photo p{font:400 15px/1.8 var(--sans);color:#b8c5d3;margin-top:16px}.record-photo .tablet-hole{left:calc(40.3% - 2.5px);top:calc(21.7% - 2.5px);background:#842f36;box-shadow:none}
.record-note{padding:26px 0 6px;display:flex;flex-direction:column;gap:12px}.record-note span{font:400 14px/1.8 var(--sans);color:#b2bbc8}.record-note strong{font:400 20px/1.7 var(--serif);color:#d9e2ec}.mask-photo{aspect-ratio:4/5}.mask-photo img{object-position:50% 25%}
.analysis-preview{margin:48px 0 65px;min-height:0;border-radius:3px}.analysis-content{padding:32px 22px 40px}.analysis-content h3{font-size:27px}.analysis-type{margin:32px 0 24px}.analysis-type h4{font-size:30px}.analysis-quote{font-size:21px;line-height:1.8}.analysis-steps{list-style:none;margin:35px 0;padding:0;counter-reset:steps}.analysis-steps li{counter-increment:steps;padding:22px 0;border-top:1px solid #b7c9db26}.analysis-steps small{display:block;font:400 21px/1.7 var(--serif);color:#dae5ee}.analysis-steps span{display:block;font:400 16px/1.9 var(--sans);color:#b9c8d5;margin-top:10px}.analysis-steps small:before{content:'0' counter(steps) ' ';font:400 12px/1 var(--sans);color:#8fa4b9;margin-right:8px}.analysis-promise{font-size:22px;line-height:1.75;margin-top:28px}
.strip-guide{font:400 12px/1.9 var(--sans);color:#9cacbd;margin-top:15px}.proof-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;margin:28px -28px 55px;padding:0 28px 18px;scroll-padding-left:28px}.proof-grid a{flex:0 0 84%;scroll-snap-align:start;border:1px solid #9badc52b;padding:18px;background:#101925;border-radius:3px}.proof-grid img{width:100%;max-height:370px;object-fit:cover;object-position:top;aspect-ratio:3/4;border:0}.proof-grid strong{font:400 24px/1.65 var(--serif);margin-top:24px}.proof-grid span{font:400 16px/1.8 var(--sans);margin-top:12px}.proof-grid small{font-size:12px;color:#98aec5;margin-top:16px}.proof-grid a:focus-visible{outline:2px solid #d4e9fc;outline-offset:-3px}
.classics{display:block;margin:45px 0 55px}.classics-photo{margin-top:0;aspect-ratio:4/5}.classics-photo figcaption{position:absolute;bottom:35px;left:28px;right:28px;font:400 29px/1.7 var(--serif);color:#e7e7e3;z-index:1}.classics .classics-intro{font:400 19px/1.9 var(--serif);margin-top:28px;color:#d7dfe6}.classic-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:24px}.classic-buttons button{min-height:48px;border:1px solid #9db3ca33;border-radius:2px;background:#0d1722;color:#a5b6c7;font:400 16px/1.6 var(--serif)}.classic-buttons button[aria-pressed=true]{background:#263345;color:#edf1f5;border-color:#c1cedd77}.classic-buttons button:focus-visible{outline:2px solid #d6e5f4;outline-offset:3px}#classic-reading{margin-top:24px;min-height:95px}#classic-reading strong{font:400 24px/1.7 var(--serif);color:#e0e7ee}#classic-reading p{font:400 17px/1.9 var(--sans);color:#adbdcb;margin-top:12px}
.reading-count{margin-top:65px;font-size:clamp(60px,min(16vw,72px),80px)}.reading-count span{background:linear-gradient(115deg,#8f8a80,#eee9df 45%,#afa796 77%,#827c70);background-clip:text;-webkit-text-fill-color:transparent}.reading-count:after{background:#7f6b55}.story-narrative>p.count-caption{text-align:center;font-size:18px;color:#d2d7dc;margin-top:24px}.story-narrative>p.count-source{text-align:center;font-size:11px;color:#8f9aa7;margin-top:8px}.story-narrative>p.story-promise{font-size:clamp(24px,min(6.5vw,29.25px),32px);margin:65px 0 35px;line-height:1.75}
.analysis-content .analysis-steps li:before{content:none}
@media(max-width:350px){.analysis-content{padding-inline:18px}.analysis-steps span{font-size:15px}.story-scene-panel h3{font-size:26px}.proof-grid a{flex-basis:88%}}

/* V20: requested product prices only; retain the existing card and CTA. */
.purchase-summary{padding:8px 20px}
.product-prices{margin:0}
.product-prices>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:24px 0;border-top:1px solid #c7b8c020}
.product-prices>div:first-child{border-top:0}
.product-prices dt{font:500 16px/1.8 var(--sans);color:#e6e0e6;word-break:keep-all;letter-spacing:-.035em}
.product-prices dd{margin:0;font:400 21px/1.7 var(--serif);color:#efb5c6;white-space:nowrap;font-variant-numeric:tabular-nums}
.record-note strong{font-size:22px;line-height:1.85}
@media(max-width:350px){.purchase-summary{padding-inline:16px}.product-prices>div{grid-template-columns:1fr;gap:8px;padding:22px 0}.product-prices dt{font-size:16px}.product-prices dd{font-size:22px}}

/* V21: explicit scroll affordance and a native anchor fallback. */
.traits .trait-conclusion+.body{font:400 20px/1.9 var(--sans);color:#d4dfeb;margin-top:28px}
.traits .trait-ending .note{font:400 16px/1.9 var(--sans);color:#bccddd;margin-top:28px}
.trait-ending{position:relative;isolation:isolate;overflow:hidden;margin:45px -28px -40px;min-height:580px;background:#0c1420}
.trait-ending>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;transform:scale(1.04);z-index:-2}
.trait-ending:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c142022 0%,#0c142033 25%,#0c1420b3 50%,#0c1420ed 86%);z-index:-1}
.trait-ending-copy{padding:240px 28px 54px}.trait-ending .trait-conclusion{font:400 27px/1.75 var(--serif);margin:0;color:#edf0f3}
.motion-on .trait-ending:not([data-motion-entered])>img{opacity:0}
@media(prefers-reduced-motion:reduce){.trait-ending>img{opacity:1!important;transform:none}}
.chapter-divider{margin:28px -28px 0;height:64px;overflow:hidden}.chapter-divider svg{display:block;width:100%;height:64px;overflow:visible}.chapter-divider path{fill:none;stroke:url('#chapter-ribbon');stroke-width:1.6;stroke-linecap:round}.chapter-divider circle{fill:#eab8c4;filter:drop-shadow(0 0 4px #d17a8e80)}
.concern-cut img{object-position:62% 82%;filter:saturate(.35)}.concern-cut{margin-top:0}

/* V21 latest: use the existing hero's empty lower area and existing count reveal. */
.hero-proof{position:absolute;left:28px;right:28px;bottom:42px;text-align:center}
.hero-proof .reading-count{font-size:clamp(62px,min(16vw,72px),76px);line-height:1.35;margin:0}
.hero-proof .reading-count:after{width:74%;margin:13px auto 0;background:#9b8b786e}
.hero-proof>p{font:400 21px/1.8 var(--serif);color:#d7d3cb;margin-top:20px;letter-spacing:-.025em}
@media(max-height:700px){.hero{max-height:none}.hero-proof{position:relative;left:auto;right:auto;bottom:auto;margin:52px 0 38px}.hero-proof .reading-count{font-size:62px}}

/* Keep offscreen HTML blur layers local in WebKit; SVG chart filters stay unchanged. */
.montage-shell img{transform:translateZ(0)}span.veil{display:inline-block;transform:translateZ(0)}

/* V22: readable comparison and life-rhythm preview; other sections unchanged. */
.axes{margin-top:12px}.axis-head{font-size:13px;letter-spacing:.04em;padding:28px 0 20px;margin-top:42px;gap:32px}.axis-row{padding:42px 0 46px}.axis-row h3{font-size:36px;line-height:1.45;gap:32px}.axis-pair{margin-top:26px;gap:32px}.axis-pair p{font-size:16px;line-height:1.95}.axis-pair:after{left:50%;top:0;bottom:0}.axis-row h3 .shadow,.axis-pair .shadow{color:#c6a7aa}.temperament-radar{margin-top:72px}
.timing{background:radial-gradient(ellipse at 70% 40%,#31527533,transparent 65%),linear-gradient(#151719,#15202a 50%,#111821)}.range-bar{opacity:.74}.range-bar path{stroke:#98bad2;stroke-width:1.1}.range-bar rect{stroke:#b2d2e7;stroke-width:1.1}.range-bar .gold-body{fill:url(#bar-silver)}.range-bar .hollow-body{fill:#14202b}.range-bar.selected rect{stroke:#e2f2ff;stroke-width:1.6}.chart-guide{stroke:#98bad255;stroke-dasharray:4 5}.chart-base{stroke:#a7bfd23b}.life-grid path{stroke:#a7bfd215;stroke-dasharray:2 6;fill:none}.chart-leader{stroke:#afc6d0;stroke-width:1;fill:none}.range-card rect{fill:#17232b;stroke:#9cb6c16b}.range-card path{stroke:#9cb6c13b}.chart-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:20px 0 24px;font-size:12px}.legend-up{background:#b2d2e7}.legend-down{border-color:#b2d2e7}.chart-legend .legend-wick{background:#98bad2}.chart-legend .legend-turn{width:8px;height:8px;border:1px solid #e18a91;border-radius:50%;background:#14202b}.chart-title{font-size:23px;margin-top:18px}
@media(max-width:360px){.axis-head{gap:24px;font-size:12px}.axis-row{padding:36px 0 40px}.axis-row h3{font-size:30px;gap:24px}.axis-pair{gap:24px;margin-top:22px}.axis-pair p{font-size:14px}.chart-title{font-size:21px}.chart-legend{font-size:11px;gap:12px 8px}}

.life-trend{fill:none;stroke:#bfd9e1;stroke-width:1.4;opacity:.4}.range-chart .life-turn-label{font-size:14px;fill:#cfb4bd}

.day-summary{background:radial-gradient(ellipse at 85% 20%,#22436240,transparent 62%),linear-gradient(#101721,#111c2b 55%,#0b121b)}.day-summary .eyebrow{margin-bottom:28px;color:#a6c5dc}.day-summary h2{font-weight:400;font-size:clamp(27px,min(6.5vw,29.25px),35px);line-height:1.75;letter-spacing:-.045em;color:#e1e5e9}.day-reading{margin-top:44px;padding-left:20px;border-left:1px solid #a5c3dc40}.day-reading p{font-size:17px;line-height:2.05;color:#c0d3e5}.day-reading p+p{margin-top:34px}.day-reading .veil,.attraction-reading .veil{filter:blur(5.5px);user-select:none}.attraction-reading{padding:34px 24px}.relationship-reading h3{font:400 26px/1.65 var(--serif);color:#e5e9ee;letter-spacing:-.035em;margin:12px 0 24px}.relationship-reading>p:not(.reading-context){font-size:17px;line-height:2;color:#c0d3e5;margin-top:22px}.relationship-reading strong{font-weight:500}.relationship-reading .reading-context{color:#a6c5dc;font-size:12px;margin:0}.risk-reading{margin-top:42px;padding-top:38px;border-top:1px solid #a8bfd126}.risk-reading .reading-context{color:#d3a9b4}@media(max-width:360px){.day-reading{padding-left:14px}.day-reading p,.relationship-reading>p:not(.reading-context){font-size:16px}.attraction-reading{padding:30px 18px}.relationship-reading h3{font-size:24px}}

/* Mobile touch targets, narrow-screen spacing and anchored-section clearance. */
html{scroll-padding-top:72px;scroll-padding-bottom:110px}.cta,.peek-toggle,.rv-more,.scene-next,.scene-prev{min-height:44px}.hero h1{overflow-wrap:break-word}.section{scroll-margin-bottom:110px}

/* Offer presentation: preserve the editable landing and checkout journey. */
.rv-aggregate small{display:block;margin-top:3px;color:#9daabd;font-size:11px}
.rv-stars-average{position:relative;color:#536071;line-height:1.3}
.rv-stars-average:after{content:'★★★★★';position:absolute;left:0;top:0;width:96%;overflow:hidden;white-space:nowrap;color:#e0bf6b}
.rv-meta{flex-wrap:wrap;row-gap:8px}
.rv-option{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #ca839548;border-radius:20px;background:#a3415a1c;color:#eab6c5;font-size:11px;line-height:1.5}
.rv-meta time{margin-left:auto;white-space:nowrap}
.product-prices>div{grid-template-columns:1fr;gap:10px;padding:22px 0}
.product-prices dt{font-size:15px}
.product-prices dd{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;white-space:normal}
.price-compare{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-family:var(--sans);line-height:1.5}
.price-compare del{color:#a9a0ad;font-size:13px}
.price-discount{padding:3px 7px;border-radius:5px;background:#cf3e5a20;color:#ff94ac;font-size:13px;font-weight:700}
.product-prices dd strong{color:#fff0f4;font:700 29px/1.2 var(--sans);letter-spacing:-.04em;white-space:nowrap}
.price-unit{margin-left:2px;font-size:17px;font-weight:500}
.offer-basis{margin:9px 0 0!important;color:#c8b8c3!important;font:400 11px/1.5 var(--sans)!important;letter-spacing:0!important;text-align:center}
.rv-option-note{margin:12px 0;color:#bcb2be;font:400 11px/1.6 var(--sans)}
@media(max-width:360px){.product-prices dd strong{font-size:27px}.price-compare{gap:6px}.price-compare del,.price-discount{font-size:12px}}
@media(max-width:360px){.hero{padding-inline:20px}.hero h1{font-size:clamp(30px,min(9.5vw,42.75px),34px)}.hero-proof{left:20px;right:20px}.hero-proof>p{font-size:19px}}

/* 261009_ 원컬럼 바깥 배경 */
html[data-traditional-landing]{ background: #1c1c1c; }

.review-sample-note,.review-sample-count{margin:10px 0;color:#c2bac8;font:400 12px/1.8 var(--sans)}
.reviews [data-more-samples]{width:100%;cursor:pointer;background:transparent}
.reviews [hidden]{display:none}
.reviews .rv-meta{flex-wrap:wrap}



/* Production launch scope is supplied by the server; DEV keeps bundle previews. */
.offer-only-single{display:none}
[data-sale-profile="traditional-only"] .offer-bundle,[data-sale-profile="traditional-only"] .offer-only-multiple{display:none!important}
[data-sale-profile="traditional-only"] .offer-only-single{display:inline}

/* Keep the mobile hero spacious even inside a short in-app browser viewport. */
@media(max-width:480px){
  .hero{max-height:none}
  .hero-copy{padding-top:clamp(104px,16svh,120px)}
  .hero-proof{position:relative;inset:auto;margin:clamp(220px,56vw,260px) 0 72px}
}