/* Actual app crops composed as a typographic equation. */
.poster-content section.app-showcase{padding:8px 0 0!important;margin:0 auto;max-width:650px;word-break:keep-all;background:transparent!important;color:#171717;overflow:visible}
.routine-ready{margin:0 0 26px;text-align:center;background:#fff;padding:21px 10px 24px;border:0}
.poster-content .routine-handnote{font-family:Pretendard,sans-serif;font-weight:700;font-size:33px;line-height:1.25;letter-spacing:-1px;margin:0 0 12px;transform:rotate(-2deg);color:#252525}
.routine-handnote span{white-space:nowrap}
.poster-content .app-showcase .routine-ready-title{font-family:Poster,Pretendard,sans-serif!important;font-size:43px!important;line-height:1.3!important;font-weight:400!important;letter-spacing:-1.2px!important;color:#ff6a00!important;margin:0!important}
.routine-equation{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:5px}
.routine-piece{margin:0;min-width:0;position:relative}
.routine-piece figcaption{font-family:Pretendard,sans-serif;font-size:66px;line-height:1.1;color:#ff6a00;letter-spacing:-4px;font-weight:700;margin:0 0 14px;transform:rotate(-6deg)}
.routine-piece figcaption b{color:#111;font-size:1.15em;display:inline-block;position:relative;line-height:.95}
.routine-piece figcaption b:after{content:"";position:absolute;height:3px;left:4%;right:1%;bottom:-6px;background:#111;transform:rotate(-4deg);border-radius:60%}
.piece-video figcaption{transform:rotate(5deg)}.piece-book figcaption{transform:rotate(-4deg)}
.routine-plus{font-family:Pretendard,sans-serif;font-weight:700;font-size:63px;line-height:1;color:#ff6a00;transform:rotate(-9deg);align-self:center;margin-top:66px;position:relative;z-index:2}.plus-second{transform:rotate(8deg)}
.app-screenshot-trigger{display:block;width:100%;padding:0;border:2px solid #202020;border-radius:14px;overflow:hidden;background:#fff;cursor:zoom-in;line-height:0;transform:rotate(-2deg);box-shadow:4px 5px 0 #e5e5e5!important}
.piece-video .app-screenshot-trigger{transform:rotate(2deg)}.piece-book .app-screenshot-trigger{transform:rotate(-1deg)}
.app-screenshot-trigger img{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0}.app-screenshot-trigger:focus-visible{outline:3px solid #ff6a00;outline-offset:5px}
.poster-content .app-capture-note{margin:19px 0 0!important;color:#777;font-size:12px;line-height:1.4;letter-spacing:0;font-weight:500;text-align:right}
.sentence-combo{margin:0 0 36px;text-align:center;position:relative}.sentence-plus{display:block;font:700 55px/.8 Pretendard,sans-serif;color:#ff6a00;margin:3px auto 12px}
.poster-content .sentence-combo p{display:inline-block;background:#ff6a00;color:#fff;margin:0;padding:11px 21px 14px;transform:rotate(-2deg);font-family:Pretendard,sans-serif;font-size:38px;line-height:1.1;font-weight:700;letter-spacing:-1px}.sentence-combo strong{font-family:Poster,Pretendard,sans-serif;font-size:1.15em;font-weight:400}
.poster-content .routine-self{font:700 33px/1.6 Pretendard,sans-serif;margin:0 0 36px;color:#111;letter-spacing:-.8px;text-align:center}.routine-self strong{display:inline-block;font-size:1.35em;position:relative;transform:rotate(-5deg);color:#ff6a00;margin:0 3px}.routine-self strong:after{content:"";position:absolute;left:0;right:0;bottom:6px;border-bottom:3px solid #ff6a00;transform:rotate(-3deg)}
.app-first-english{background:#fff;border:2px solid #191919;border-radius:28px 19px 24px 18px;padding:33px 20px 26px;position:relative;margin:0 auto;max-width:510px;color:#111;text-align:center}
.poster-content .app-first-english p{display:table;position:relative;margin:-50px auto 16px!important;background:#111;color:#fff;padding:6px 16px;transform:rotate(2deg);font:700 27px/1.2 Pretendard,sans-serif}.app-first-english p b{color:#ffb16d}.app-first-english>strong{display:block;font:800 27px/1.55 Pretendard,sans-serif;letter-spacing:-1px}.app-first-english>strong>span{color:#ff6a00;font-weight:800}
.app-screenshot-dialog{position:fixed;inset:0;margin:auto;border:0;border-radius:16px;padding:14px;width:min(310px,90vw);max-height:90dvh;overflow:auto;background:#fff;color:#111;font-family:Pretendard,sans-serif}.app-screenshot-dialog::backdrop{background:#000b}.app-screenshot-dialog:not([open]){display:none}.app-screenshot-dialog .close-app-screenshot{display:block;margin:0 0 10px auto;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#111;color:#fff;font:24px/1 sans-serif;cursor:pointer}.app-screenshot-dialog img{display:block;width:100%;height:auto;border-radius:8px}
@media(max-width:760px){
.poster-content section.app-showcase{padding-top:3px!important}.poster-content .routine-handnote{font-size:25px;letter-spacing:-.8px;margin-bottom:13px;line-height:1.3}.poster-content .app-showcase .routine-ready-title{font-size:clamp(24px,7vw,40px)!important;letter-spacing:-.8px!important}.routine-ready{margin-bottom:22px}
.routine-equation{grid-template-columns:minmax(0,1fr) 19px minmax(0,1fr) 19px minmax(0,1fr);gap:2px}.routine-piece figcaption{font-size:clamp(38px,11vw,58px);letter-spacing:-3px;margin-bottom:12px}.routine-piece figcaption b:after{height:2px;bottom:-4px}.routine-plus{font-size:40px;margin-top:48px}.app-screenshot-trigger{border-width:1.5px;border-radius:10px;box-shadow:2px 3px 0 #e5e5e5!important}.poster-content .app-capture-note{font-size:10px;margin-top:14px!important}
.sentence-plus{font-size:44px;margin-top:0;margin-bottom:10px}.poster-content .sentence-combo p{font-size:clamp(24px,6.6vw,36px);padding:10px 12px 12px;letter-spacing:-.8px}.sentence-combo{margin-bottom:26px}.poster-content .routine-self{font-size:25px;margin-bottom:33px}.routine-self strong:after{border-width:2px;bottom:5px}.app-first-english{padding:24px 12px 20px;border-width:1.5px;border-radius:22px 15px 20px 16px}.poster-content .app-first-english p{font-size:23px;padding:6px 13px;margin:-40px auto 13px!important}.app-first-english>strong{font-size:22px;letter-spacing:-.7px}
}
/* Clean type, uniform labels, restrained movement. */
.poster-content .routine-handnote{font-family:Pretendard,sans-serif;font-size:24px;line-height:1.5;transform:none;font-weight:600;letter-spacing:-.6px}
.poster-content .app-showcase .routine-ready-title{font-family:Pretendard,sans-serif!important;font-weight:800!important;color:#111!important;font-size:39px!important}
.routine-ready{padding:23px 10px 24px;margin-bottom:24px}
.routine-piece figcaption,.piece-video figcaption,.piece-book figcaption{font-family:Pretendard,sans-serif;font-size:35px;font-weight:800;letter-spacing:-1px;color:#111;transform:none;line-height:1.35;margin-bottom:14px}
.routine-piece figcaption b{font-size:1em;color:inherit;font-weight:inherit;line-height:inherit}
.routine-piece figcaption b:after,.routine-self strong:after{content:none}
.routine-plus,.plus-second{font-family:Pretendard,sans-serif;font-size:33px;font-weight:600;color:#111;transform:none;margin-top:46px}
.app-screenshot-trigger,.piece-video .app-screenshot-trigger,.piece-book .app-screenshot-trigger{border:1px solid #dedede;transform:none;border-radius:14px;box-shadow:none!important}
.sentence-plus{font-family:Pretendard,sans-serif;font-size:35px;color:#111;line-height:1;margin:4px auto 12px;font-weight:600}
.poster-content .sentence-combo p{font-family:Pretendard,sans-serif;font-size:31px;font-weight:700;line-height:1.4;letter-spacing:-1px;transform:rotate(-1deg);padding:10px 20px 12px}
.sentence-combo strong{font-family:Pretendard,sans-serif;font-size:1.12em;font-weight:800}
.poster-content .routine-self{font-family:Pretendard,sans-serif;font-size:27px;line-height:1.6;font-weight:600;letter-spacing:-.8px}
.routine-self strong{font-size:1.1em;color:#111;transform:none;margin:0;font-weight:800}
.app-first-english{border:0;border-radius:16px;padding:23px 20px 24px}
.poster-content .app-first-english p{display:block;margin:0 auto 12px!important;background:transparent;color:#666;padding:0;transform:none;font:600 18px/1.5 Pretendard,sans-serif}
.app-first-english p b{color:inherit;font-weight:600}.app-first-english>strong>span{color:inherit}.app-first-english>strong{font-size:27px}
@media(max-width:760px){
.poster-content .routine-handnote{font-size:18px;line-height:1.6;margin-bottom:8px}.poster-content .app-showcase .routine-ready-title{font-size:26px!important;letter-spacing:-.8px!important}.routine-ready{padding:18px 8px 20px;margin-bottom:23px}
.routine-piece figcaption{font-size:24px;letter-spacing:-.6px;margin-bottom:11px}.routine-plus{font-size:25px;margin-top:35px}.app-screenshot-trigger{border-width:1px;border-radius:10px}.sentence-plus{font-size:28px;margin:3px auto 9px}.poster-content .sentence-combo p{font-size:23px;padding:10px 14px 12px;letter-spacing:-.7px}.poster-content .routine-self{font-size:21px;letter-spacing:-.7px;margin-bottom:25px}.poster-content .app-first-english p{font-size:15px;margin-bottom:10px!important}.app-first-english{padding:20px 10px}.app-first-english>strong{font-size:22px}
}
.poster-content .routine-self strong{letter-spacing:0;margin:0 2px}
@media(max-width:760px){.routine-ready{margin-bottom:18px}.routine-piece figcaption{margin-bottom:9px}.sentence-combo{margin-bottom:18px}.poster-content .routine-self{margin-bottom:18px}.app-first-english{padding-top:16px;padding-bottom:16px}}
.poster-content .routine-self strong{font-size:1em;font-weight:700;letter-spacing:.1px}
