/* 2026-10-15 A안: 한 화면 한 메시지. 흰 지면 + 장면 사진 + 큰 문장 */
@font-face{font-family:P;src:url(/fonts/Pretendard-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:P;font-weight:700;src:url(/fonts/Pretendard-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:M;src:url(/free/learn/landing-2077302ce02d/assets/assets_MaruBuri-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:M;font-weight:700;src:url(/free/learn/landing-2077302ce02d/assets/assets_MaruBuri-Bold.woff2) format("woff2");font-display:swap}
:root{--ink:#191919;--muted:#6b6b6b;--accent:#c2410c;--yellow:#ffd400;--hl:#fde68a;--paper:#f4f1ea;--black:#0d0d0d}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.a-page{margin:0;background:#fff;color:var(--ink);font-family:P,system-ui,-apple-system,sans-serif;word-break:keep-all;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
b.num{font-weight:700}
.a-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.a-reveal.on{opacity:1;transform:none}

/* 장면: 사진이 화면을 채우고 문장 한 줄 */
.a-scene{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;color:#fff;background:var(--black)}
.a-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.a-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.86) 100%)}
.a-cap{position:relative;z-index:1;width:100%;max-width:860px;margin:0 auto;padding:0 24px 12vh}
.a-big{margin:0;font-family:M,serif;font-weight:700;font-size:clamp(29px,7vw,58px);line-height:1.34;letter-spacing:-.02em}
.a-big strong{font-weight:700}
.a-kicker{margin:0 0 18px;font-size:13px;letter-spacing:.2em;opacity:.78}
.a-hero .a-dlg{margin:0 0 26px;font-family:M,serif;font-size:clamp(15px,2vw,18px);line-height:1.8;opacity:.92}
.a-hero .a-dlg span,.a-hero h1 span{display:block}
.a-hero em{font-style:normal;color:var(--yellow)}

/* 큰 글자 화면 */
.a-type,.a-pull{display:grid;place-items:center;padding:0 24px;text-align:center}
.a-type{min-height:72svh}
.a-type .a-big{max-width:900px;color:#111}
.a-type .a-big strong,.a-pull strong{box-shadow:inset 0 -.32em var(--hl)}
.a-type.a-dark{background:var(--black)}.a-type.a-dark .a-big{color:#fff}
.a-type.a-dark .a-big strong{box-shadow:none;color:var(--yellow)}
.a-heading .a-big{font-size:clamp(28px,6vw,50px)}
.a-heading.a-short{min-height:52svh}
.a-title .a-big{font-size:clamp(32px,7vw,60px)}
.a-title .a-sub{margin:18px 0 10px;font-family:M,serif;font-size:clamp(17px,2.4vw,22px);line-height:1.6;color:#333}
.a-title .a-by{margin:0;color:var(--muted);font-size:14px}
.a-pull{min-height:62svh}
.a-pull .a-big{max-width:900px;font-size:clamp(25px,5.4vw,44px);line-height:1.5}
.a-pull b.num{color:var(--accent)}

/* 흰 지면 본문 */
.a-text{max-width:640px;margin:0 auto;padding:10vh 24px}
.a-text p{margin:0 0 1.15em;font-size:clamp(18px,2.2vw,20.5px);line-height:1.9}
.a-text p:last-child{margin-bottom:0}
.a-text strong{box-shadow:inset 0 -.4em var(--hl)}
.a-text em{font-style:normal;font-weight:700}
.a-text .a-punch{font-family:M,serif;font-weight:700;font-size:clamp(21px,2.8vw,25px);line-height:1.6;margin:1.4em 0}
.a-voice{margin:0;padding:26px 24px;border-left:4px solid var(--accent);background:var(--paper);font-family:M,serif;font-size:clamp(19px,2.6vw,23px);line-height:1.8}
.a-steps{margin:0;padding:0;list-style:none;counter-reset:s}
.a-steps li{counter-increment:s;position:relative;padding:20px 0 20px 64px;border-top:1px solid #e8e8e8;font-size:19px;line-height:1.7}
.a-steps li:last-child{border-bottom:1px solid #e8e8e8}
.a-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:16px;font-family:M,serif;font-weight:700;font-size:34px;color:var(--accent)}

/* 첫 화면 다음: 선물 + 신청 */
.a-offer{background:var(--paper);padding:12vh 20px;text-align:center}
.a-bridge{max-width:660px;margin:0 auto 7vh;font-family:M,serif;font-size:clamp(18px,2.3vw,22px);line-height:1.8}
.a-bridge span{display:block}
.a-offer .terrace-books{display:flex;justify-content:center;gap:5vw;max-width:620px;margin:0 auto 8vh}
.a-offer .terrace-books figure{margin:0;width:44%}
.a-offer .terrace-books img{filter:drop-shadow(0 24px 30px rgba(0,0,0,.28))}

/* 신청 폼 (운영 폼 그대로) */
.a-signup{background:var(--paper);padding:12vh 20px}
.signup-wrap{max-width:540px;margin:0 auto}
.signup-panel{background:#fff;border-radius:16px;padding:26px 20px 20px;box-shadow:0 24px 70px rgba(0,0,0,.14);text-align:center}
.signup-offer{margin-bottom:16px}
.hero-download-proof{margin:0 0 12px}
.m4-pill{display:inline-block;padding:7px 14px;background:var(--yellow);border-radius:99px;font-size:12.5px;font-weight:700;line-height:1.4}
.hero-registration-intro,.offer-heading{margin:0 0 14px;font-size:clamp(18px,2.4vw,21px);line-height:1.45}
.hero-free-label{color:#d29b00}
.signup-gift-books{display:flex;justify-content:center;gap:16px;margin:0 auto 14px;max-width:300px}
.signup-gift-books figure{margin:0;width:46%}.signup-gift-books img{filter:drop-shadow(0 12px 16px rgba(0,0,0,.22))}
.form-intro,.package-value{margin:4px 0;font-size:14.5px;line-height:1.6;color:#333}
.package-contents{margin:6px 0}
.a-price{margin:16px 0 4px;padding:16px 14px;border:2px solid var(--ink);border-radius:12px;background:#fffdf2}
.a-price p{margin:0}
.a-price-row{display:flex;justify-content:center;align-items:baseline;gap:10px;font-size:15px;color:#555}
.a-price-old{font-size:20px;color:#888;text-decoration-thickness:2px;text-decoration-color:#d33}
.a-price-now{margin:6px 0 4px!important;font-family:M,serif;font-size:clamp(26px,6vw,34px);line-height:1.2}
.a-price-now b{color:var(--accent)}
.a-price-now span{display:inline-block;margin-left:6px;padding:2px 12px;background:var(--yellow);border-radius:6px;font-family:P,sans-serif;font-weight:700;font-size:.7em;vertical-align:middle}
.a-price-plus{font-size:13.5px;color:#555}
.signup-form{text-align:left}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.form-field label{display:block;margin:0 0 5px;font-size:12.5px;font-weight:700;text-align:center}
.form-field input{width:100%;padding:13px 12px;border:1px solid #e3d8c3;border-radius:7px;background:#fffcf5;font:inherit;font-size:16px}
.form-field input:focus{outline:2px solid var(--ink);outline-offset:1px}
.signup-consents{display:grid;gap:9px;margin:0 0 12px;padding:13px;background:#f6f6f6;border:1px solid #e6e6e6;border-radius:10px}
.signup-consents .consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.55;color:#333;cursor:pointer}
.signup-consents input[type=checkbox]{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#141414}
.signup-consents a{color:#b45309}
.consent-all-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.consent-all span{font-weight:700;color:#141414}.consent-all small{font-weight:500;color:#777;font-size:12px}
.consent-toggle{flex:none;padding:4px 2px;background:none;border:0;color:#b45309;font:600 12.5px/1.4 P,sans-serif;text-decoration:underline;cursor:pointer}
.consent-details{display:grid;gap:9px;margin-top:10px;padding-top:10px;border-top:1px solid #e3e3e3}
.consent-details[hidden]{display:none}
.signup-terms,[data-ten-day-sales-terms]{margin:2px 0 0!important;font-size:11.5px!important;line-height:1.6!important;color:#6b6b6b!important}
.cf-turnstile{margin:0 0 12px}
.signup-form .cta{display:block;width:100%;padding:17px 14px;border:0;border-radius:8px;background:#141414;color:var(--yellow);font:700 16.5px/1.4 P,sans-serif;cursor:pointer}
.signup-form .cta::after{content:" ›"}
.signup-form .cta:disabled{opacity:.6}
.offer-deadline{margin:10px 0 0;font-size:12px;color:#b45309;text-align:center}
.preview-note{margin:8px 0 0;font-size:11px;color:#999;text-align:center}
.form-status{margin:8px 0 0;font-size:13px;color:#b45309;text-align:center;min-height:0}
.form-status:empty{display:none}

/* 수익 인증: 옆으로 넘기는 폰 화면 */
.a-proofs{background:var(--black);color:#fff;padding:12vh 0}
.a-strip{display:flex;align-items:flex-start;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 24px 12px;scrollbar-width:none}
.a-strip::-webkit-scrollbar{display:none}
.a-strip figure{flex:0 0 min(72vw,300px);margin:0;scroll-snap-align:center;background:#fff;border-radius:22px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.a-strip img{border-radius:14px;width:100%}
.a-strip figcaption{color:#333;font-size:12px;text-align:center;padding:8px 0 2px}
.a-hint{margin:14px 0 0;text-align:center;font-size:12px;opacity:.55}

/* 일상 사진 */
.a-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#fff}
.a-photos figure{margin:0}.a-photos img{width:100%;aspect-ratio:3/4;object-fit:cover}
@media(max-width:700px){.a-photos{grid-template-columns:1fr}.a-photos img{aspect-ratio:4/3}}

/* 4개의 자유 */
.a-freedom{display:grid;gap:0;background:#fff}
.a-freedom-card{max-width:680px;margin:0 auto;padding:9vh 24px;border-bottom:1px solid #eee}
.a-freedom-num{margin:0;font-family:M,serif;font-weight:700;font-size:clamp(64px,14vw,120px);line-height:1;color:var(--accent)}
.a-freedom-card h3{margin:6px 0 26px;font-family:M,serif;font-size:clamp(28px,5.6vw,44px);line-height:1.3}
.a-freedom-card ul{margin:0;padding:0;list-style:none}
.a-freedom-card li{position:relative;padding:0 0 0 22px;margin:0 0 1em;font-size:clamp(17.5px,2.2vw,20px);line-height:1.85}
.a-freedom-card li::before{content:"";position:absolute;left:0;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--ink)}

/* 자동화 흐름 · 커리큘럼 */
.a-wide{max-width:760px;margin:0 auto;padding:10vh 20px}
.auto-flow{margin:0;padding:30px 22px;background:var(--paper);border-radius:16px}
.auto-flow-title{display:block;margin:0 0 20px;font-family:M,serif;font-weight:700;font-size:clamp(20px,3vw,26px);text-align:center}
.auto-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none}
.auto-flow-steps li{display:flex;flex-direction:column;gap:6px;padding:16px 12px;background:#fff;border-radius:12px;text-align:center}
.auto-flow-num{font-family:M,serif;font-weight:700;font-size:26px;color:var(--accent)}
.auto-flow-steps strong{font-size:16px}
.auto-flow-text{font-size:13.5px;line-height:1.55;color:#555}
.auto-flow-caption{margin:18px 0 0;text-align:center;font-size:14.5px;line-height:1.7;color:#444}
@media(max-width:700px){.auto-flow-steps{grid-template-columns:1fr 1fr}}
.curriculum{padding:34px 22px;background:var(--black);color:#fff;border-radius:16px}
.curriculum-kicker{margin:0 0 6px;text-align:center;font-size:13px;letter-spacing:.08em;color:var(--yellow)}
.curriculum-title{margin:0 0 24px;text-align:center;font-family:M,serif;font-size:clamp(26px,4.6vw,38px)}
.curriculum-days{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.curriculum-day{display:grid;grid-template-columns:72px 1fr;gap:4px 14px;padding:16px;border:1px solid #333;border-radius:12px}
.curriculum-day-num{grid-row:span 2;align-self:center;font-weight:700;font-size:14px;color:var(--yellow)}
.curriculum-day-title{margin:0;font-family:M,serif;font-weight:700;font-size:18px;line-height:1.45}
.curriculum-outcome{margin:0;font-size:14px;line-height:1.6;color:#bbb}
.curriculum-outcome span{display:inline-block;margin-right:6px;padding:1px 6px;border:1px solid #555;border-radius:4px;font-size:11px;color:#ddd}

/* 후기 */
.a-reviews{display:grid;gap:18px;max-width:720px;margin:0 auto;padding:0 20px 12vh}
.a-review{padding:30px 24px;background:var(--paper);border-radius:16px}
.a-review h3{margin:0 0 14px;font-family:M,serif;font-size:clamp(21px,3.2vw,26px);line-height:1.45}
.a-review blockquote{margin:0;font-size:16.5px;line-height:1.85;color:#333}
.a-review-author{margin:14px 0 0;font-size:13.5px;color:var(--muted)}

/* 마지막 선물 */
.a-gifts{max-width:720px;margin:0 auto;padding:10vh 20px 0;text-align:center}
.a-gifts-title{margin:0 0 28px;font-family:M,serif;font-weight:700;font-size:clamp(22px,4vw,32px);line-height:1.45}
.gift-books{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gift-book{margin:0}.gift-cover img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}
.gift-book-caption{margin-top:12px;font-size:14px;line-height:1.6}
.gift-course{margin:22px 0 0;padding:16px;background:var(--black);color:#fff;border-radius:12px}
.gift-course-title{margin:0;font-weight:700;font-size:17px}
#copy-final .a-signup{margin-top:6vh}

/* 프로필 · 푸터 */
.a-profile-part{max-width:640px;margin:0 auto;padding:0 24px}
.a-profile-part:first-of-type{padding-top:12vh}
.profile-summary{padding-bottom:18px;border-bottom:2px solid var(--ink)}
.author-name{margin:0 0 6px;font-family:M,serif;font-size:26px}
.author-role{margin:0;font-size:14.5px;color:#555;line-height:1.6}
.biography{margin:18px 0 12vh;padding:0 0 0 20px}
.biography li{margin:0 0 .8em;font-size:16.5px;line-height:1.8}
footer{padding:36px 20px 110px;background:var(--black);color:#999;text-align:center;font-size:12.5px;line-height:1.8}
footer p{margin:0}footer a{color:#ccc}
.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:10px 10px 10px 16px;background:rgba(20,20,20,.96);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);transform:translateY(140%);opacity:0;visibility:hidden;transition:transform .35s ease,opacity .35s ease}
.sticky-cta.is-on{transform:none;opacity:1;visibility:visible}
.sticky-cta-label{flex:1;min-width:0;font-size:13px;font-weight:700;color:#f5f1e8}
.sticky-cta-button{flex:none;padding:12px 16px;border-radius:8px;background:var(--yellow);color:#111;text-decoration:none;font-weight:700;font-size:14px}
@media(prefers-reduced-motion:reduce){.a-reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}