:root{--navy:#182747;--blue:#edf4ff;--coral:#df543e;--muted:#607591}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--blue);color:var(--navy);font-family:'Malgun Gothic',sans-serif;letter-spacing:-.045em}a{color:inherit;text-decoration:none}p{line-height:1.9;word-break:keep-all}h1,h2,h3,p{margin:0}header{position:sticky;top:0;z-index:10;background:#ffffffee;backdrop-filter:blur(14px);display:flex;align-items:center;gap:30px;padding:19px 5%;border-bottom:1px solid #d6e2f2}.logo{font:900 27px Arial;letter-spacing:-1px}.logo span{color:var(--coral);padding-left:4px}.header-label{font:9px Arial;letter-spacing:.15em;color:var(--muted)}.pdf{margin-left:auto;background:#ff8068;border-radius:30px;font-size:12px;font-weight:bold;padding:12px 19px}.progress{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:#f17259}.eyebrow{font:600 10px Arial;letter-spacing:.18em;color:#6d84aa;display:block}.cover{text-align:center;padding:80px 24px 50px;background:radial-gradient(ellipse at 60% 25%,#fff6e8,transparent 55%),var(--blue)}h1{font-size:clamp(45px,6vw,82px);line-height:1.25;letter-spacing:-.075em;margin:25px 0}em{font-style:normal;color:var(--coral)}.cover>p:not(.eyebrow){font-size:17px;color:#5f7592}.cover-scene{position:relative;max-width:810px;margin:50px auto 28px;padding:0 25px}.cover-scene img{width:100%;max-height:430px;object-fit:cover;border-radius:100px 12px 100px 12px;box-shadow:0 25px 45px #29496c20}.bubble{position:absolute;padding:17px 23px;background:white;border-radius:24px 24px 24px 3px;box-shadow:0 10px 25px #29496c19;font-size:14px}.one{top:25px;left:0;transform:rotate(-4deg)}.two{right:0;bottom:40px;background:#ffe6ac;transform:rotate(3deg)}.cover-scene small{position:absolute;bottom:12px;left:50px;font-size:9px;color:white}.scroll{display:inline-block;font-size:12px;color:#6a83a5;padding:20px}.opening{text-align:center;background:#fff;padding:110px 24px}.opening h2{font-size:clamp(32px,4vw,54px);line-height:1.45;margin:25px 0}.opening>p:not(.eyebrow){color:var(--muted);font-size:16px}.journey{display:flex;align-items:center;justify-content:center;gap:30px;margin:50px auto;max-width:850px}.journey>span{font-size:24px;font-weight:bold}.journey small{display:block;font-weight:normal;font-size:12px;margin-top:13px;color:var(--muted)}.journey>b{color:#ed8169;font-size:26px}.opening .note{font-size:12px!important}.chapter{padding:100px 6% 30px}.chapter:nth-of-type(even){background:#fff8ed}.chapter-title{max-width:1060px;margin:0 auto 60px}.chapter-title h2{font-size:clamp(30px,3.8vw,49px);line-height:1.4;margin:20px 0}.chapter-title p{color:var(--muted);font-size:15px}.product{max-width:1060px;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;margin:0 auto 65px;padding:55px 0 65px;border-bottom:1px solid #cddcec;align-items:center;position:relative}.product:after{content:'↓';position:absolute;bottom:-18px;left:50%;font-size:23px;color:#d77a60;background:var(--blue);padding:0 15px}.product:last-child:after{display:none}.product-name{font-size:15px;color:var(--coral);font-weight:bold;margin:15px 0}.product h3{font-size:clamp(26px,2.9vw,37px);line-height:1.4;letter-spacing:-.055em}.product-copy>p:last-of-type{color:var(--muted);font-size:14px;margin-top:20px}.product dl{font-size:12px;margin-top:28px;border-top:1px solid #cfdced;padding-top:18px;display:grid;grid-template-columns:83px 1fr;gap:12px}.product dt{color:#536e97;font-weight:bold}.product dd{margin:0;line-height:1.7;color:#667995}.product-art{min-width:0;background:white;padding:15px;border:1px solid #dee7f2;box-shadow:0 15px 35px #29496c0b;border-radius:15px}.product-art img{width:100%;height:auto;border-radius:7px}.caption{font-size:10px;color:#687c99;line-height:1.7;padding:14px 6px 4px}.source-link{font-size:11px;color:#506d95;display:inline-block;margin:8px 6px;text-decoration:underline;text-underline-offset:4px}.workflow{background:#182747;color:#f1f5ff;padding:100px 8%;text-align:center}.workflow h2{font-size:clamp(32px,4vw,53px);line-height:1.4;margin:25px 0 50px}.workflow .eyebrow{color:#b0c5e7}.steps{max-width:1060px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}.steps article{padding:25px 20px;border-top:1px solid #5b7092}.steps b{font:35px Arial;color:#ffac95}.steps h3{font-size:20px;margin:20px 0 12px}.steps p{font-size:12px;color:#b6c8e4}.prepare{margin:50px auto 0;max-width:850px;padding:30px;border:1px solid #4a6081;border-radius:12px}.prepare h3{font-size:19px}.prepare p{font-size:14px;margin:15px 0;color:#c3d3e9}.prepare small{font-size:11px;color:#a9bedb;line-height:1.8;display:block}.ending{text-align:center;padding:115px 24px;background:radial-gradient(ellipse at 50% 100%,#ffe6db,transparent 70%),#edf4ff}.ending h2{font-size:clamp(35px,4.7vw,63px);line-height:1.35;margin:25px 0}.ending p{font-size:15px;color:#617899}.cta{display:inline-block;background:#ff8068;border-radius:40px;padding:18px 30px;font-weight:bold;font-size:15px;margin:35px 0}.contacts{display:flex;justify-content:center;gap:25px;font-size:13px;color:#506d95}footer{background:white;display:flex;justify-content:space-between;padding:30px 6%;font-size:11px;color:#69809f}.motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.motion .reveal.visible{opacity:1;transform:none}a:focus-visible{outline:3px solid #5d81bd;outline-offset:5px}@media(max-width:700px){header{padding:14px 18px}.logo{font-size:22px}.header-label{display:none}.pdf{font-size:11px;padding:11px 15px}.cover{padding:65px 20px 30px}.cover>p:not(.eyebrow){font-size:14px}.cover-scene{padding:0;margin-top:45px}.cover-scene img{border-radius:55px 10px 55px 10px;min-height:240px}.bubble{font-size:10px;padding:12px 15px}.one{top:-15px;left:-5px}.two{bottom:20px;right:-5px}.cover-scene small{left:20px;font-size:8px}.opening{padding:80px 20px}.opening>p:not(.eyebrow){font-size:14px}.journey{gap:13px;flex-direction:column;margin:35px auto}.journey>span{font-size:22px}.journey>b{transform:rotate(90deg)}.journey small{margin-top:5px}.chapter{padding:70px 6% 10px}.chapter-title{margin-bottom:20px}.chapter-title p{font-size:13px}.product{grid-template-columns:1fr;gap:22px;padding:35px 0 45px;margin-bottom:30px}.product h3{font-size:30px}.product dl{margin-bottom:0}.product-art{padding:12px}.workflow{padding:75px 6%}.steps{grid-template-columns:1fr 1fr;gap:15px}.steps article{padding:20px 5px}.steps h3{font-size:18px}.prepare{padding:22px 17px}.prepare p{font-size:12px}.contacts{flex-direction:column;gap:12px}footer{flex-direction:column;gap:15px}.ending{padding:80px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion .reveal{opacity:1;transform:none;transition:none}}
@font-face{font-family:Pretendard;src:url('fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}body{font-family:Pretendard,'Malgun Gothic',sans-serif;letter-spacing:-.025em}h1,h2,h3{letter-spacing:-.045em;font-weight:750}p{line-height:1.95}.cover{background:radial-gradient(ellipse at 60% 25%,#fff6e8,transparent 55%),linear-gradient(#edf4ff,#f4f8ff)}.opening{background:linear-gradient(#f4f8ff,#fff)}.chapter{background:linear-gradient(#f1f6ff,#f9fbff)!important}.chapter:nth-of-type(even){background:linear-gradient(#f1f6ff,#fff8f0)!important}.product{border:0;margin-bottom:25px;padding:70px 0 90px;gap:70px}.product:after{content:'';width:1px;height:60px;background:linear-gradient(#edaa98,transparent);padding:0;bottom:0}.product:nth-child(odd) .product-copy{order:2}.product:nth-child(odd) .product-art{order:1}.product-art{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}.product-art img{border:1px solid #dae4f2;border-radius:24px;box-shadow:0 18px 50px #2a476316}.caption{padding:19px 8px 0;font-size:11px;line-height:1.8}.product-copy>p:last-of-type{font-size:16px}.product dl{font-size:13px}.product-name{font-size:17px}.story-bridge{position:relative;text-align:center;padding:70px 24px 90px;background:linear-gradient(#fff8f0,#f1f6ff);overflow:hidden}.bridge-line{display:block;width:1px;height:80px;margin:0 auto 30px;background:linear-gradient(transparent,#e7917a)}.story-bridge p{font-size:clamp(25px,3.2vw,42px);font-weight:650;line-height:1.5;letter-spacing:-.04em}.story-bridge small{display:block;font:9px Arial;letter-spacing:.16em;color:#8799b1;margin-top:20px}.bridge-arrow{display:block;color:#eb987f;font-size:45px;margin:25px auto 0}.stage-story{padding:60px 7% 80px;background:#f1f6ff}.stage-heading{max-width:1080px;margin:auto}.stage-heading h2{font-size:clamp(32px,4vw,54px);line-height:1.35;margin:22px 0}.stage-heading>p{color:#607591;font-size:16px}.stage-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;max-width:1080px;margin:45px auto 0}.stage-card{background:#fff;border:1px solid #dce6f4;border-radius:24px;padding:32px 27px;box-shadow:0 15px 40px #345b8206}.stage-card:nth-child(2){transform:translateY(24px)}.stage-number{font-size:44px;font-weight:400;color:#859bbe}.stage-card h3{font-size:29px;margin:22px 0}.stage-card h4{font-size:17px;margin:25px 0 16px;line-height:1.5}.stage-card ul{list-style:none;padding:0;font-size:14px;line-height:2.1;color:#607591;min-height:90px}.stage-channels{background:#edf4ff;border-radius:10px;padding:12px;font-size:13px;font-weight:650;margin-top:25px}.stage-card:nth-child(2) .stage-channels{background:#fff0e9}.stage-card:nth-child(3) .stage-channels{background:#fff4d9}.workflow{position:relative;background:linear-gradient(#233857,#182747)}.ending{background:linear-gradient(#e9f0fb,#fff2eb)}@media(max-width:700px){.stage-story{padding:30px 6% 50px}.stage-cards{grid-template-columns:1fr;gap:25px}.stage-card{padding:28px}.stage-card:nth-child(2){transform:none}.stage-card h3{margin:10px 0;font-size:30px}.stage-card ul{min-height:0;font-size:16px}.stage-card h4{font-size:18px}.stage-channels{font-size:15px}.stage-heading>p{font-size:15px}.story-bridge{padding:35px 24px 50px}.bridge-line{height:60px}.product{padding:35px 0 70px;gap:27px}.product:nth-child(odd) .product-copy,.product:nth-child(odd) .product-art{order:initial}.product-copy>p:last-of-type{font-size:16px}.product-art img{border-radius:17px}.product h3{font-size:32px;line-height:1.4}.caption{font-size:12px}.cover>p:not(.eyebrow),.opening>p:not(.eyebrow){font-size:16px}}
