@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f5f2ea;--ink:#23362f;--green:#507455;--muted:#68766d;--line:#d9ded2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;letter-spacing:-.03em}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a95c28;outline-offset:6px}.wrap{max-width:1180px;margin:auto;padding-left:36px;padding-right:36px}.nav{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.13em;font-weight:800}.brand img{border-radius:12px}.nav nav{display:flex;gap:32px;font-size:13px}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;padding-top:40px;padding-bottom:80px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--green);margin:0 0 24px}.eyebrow span{display:inline-block;background:#7a995a;width:7px;height:7px;border-radius:50%;margin-right:7px}h1{font-size:clamp(36px,4.3vw,58px);line-height:1.36;letter-spacing:-.065em;font-weight:800;margin:0 0 26px}em{font-style:normal;color:var(--green)}.intro{font-size:16px;line-height:1.95;color:var(--muted);margin-bottom:34px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 23px;border-radius:7px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.dark{background:var(--ink);color:#fff}.button:hover{background:#3e5a4b;transform:translateY(-2px)}.text-link{font-size:12px;border-bottom:1px solid #aab4a7;padding-bottom:4px}.small{font-size:11px;margin-top:19px}.muted{color:var(--muted)}.visual{height:520px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #dce1d2;border-radius:50%;width:450px;height:450px}.o2{width:340px;height:340px;background:#e6eadb;border:0}.phone{width:254px;background:#fffef9;border:6px solid #283d32;border-radius:37px;padding:13px 17px 0;box-shadow:18px 27px 45px #293d321a;transform:rotate(7deg);z-index:1;overflow:hidden}.phone-top{display:flex;justify-content:space-between;font-size:9px;margin:0 2px 24px}.app-title{display:flex;align-items:center;gap:7px;font-size:12px}.app-title img{border-radius:9px}.phone-heading{font-size:15px;font-weight:700;margin:22px 0 13px}.url{padding:11px 8px;border:1px solid #dce2d8;border-radius:8px;font-size:9px;color:#778277}.url span{float:right;color:#537251}.art{height:179px;margin-top:16px;border-radius:12px;position:relative;overflow:hidden;background:#e6cfa6}.sun{width:47px;height:47px;background:#fff4cc;border-radius:50%;position:absolute;top:20px;right:33px}.hill{position:absolute;width:290px;height:180px;border-radius:50%;transform:rotate(-15deg)}.back{background:#9fa97c;top:80px;left:-12px}.front{background:#657f60;top:130px;left:-60px}.art-caption{position:absolute;bottom:25px;left:18px;color:white;font-family:Georgia,serif;font-style:italic;font-size:21px}.selected{position:absolute;right:9px;top:9px;border-radius:50%;background:#f5f2ea;width:20px;height:20px;text-align:center;font-size:12px}.media-info{display:flex;justify-content:space-between;margin:11px 0 19px;font-size:9px;color:#6f7c70}.fake-button{background:#537855;color:white;border-radius:8px;text-align:center;padding:13px;font-size:11px}.phone-tabs{display:flex;justify-content:space-around;font-size:9px;padding:18px 0 20px;margin-top:12px;border-top:1px solid #eee}.phone-tabs span{color:#999}.floating{position:absolute;background:#fffef9;border:1px solid #dce1d2;box-shadow:0 8px 25px #263e3110;border-radius:8px;padding:14px 17px;font-size:11px;z-index:2}.tag{top:32px;left:-12px;transform:rotate(-7deg)}.saved{bottom:48px;right:-8px;transform:rotate(-5deg);color:#507455}.visual-note{position:absolute;bottom:0;font-size:9px;color:#7c8778}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-around;padding-top:23px;padding-bottom:23px;font-size:13px;color:var(--green)}.strip span:before{content:'✳';margin-right:15px}.how{padding-top:100px;padding-bottom:95px}.section-heading h2,h2{font-size:34px;line-height:1.45;letter-spacing:-.055em;margin:0 0 15px}.section-heading>p:last-child{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:52px}.steps article{border-top:1px solid #a8b6a2;padding-top:22px}.number{font-size:10px;letter-spacing:.12em;color:var(--green)}h3{font-size:18px;margin:24px 0 12px}article p{color:var(--muted);font-size:14px;line-height:1.9;margin:0}.details{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding-top:75px;padding-bottom:80px;border-top:1px solid var(--line)}.detail-list article{padding:0 0 25px;margin-bottom:22px;border-bottom:1px solid var(--line)}.detail-list h3{margin-top:0;font-size:16px}.support{background:#e6eadc;max-width:1108px;border-radius:14px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:24px}.support h2{font-size:29px}.support p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.support .button{white-space:nowrap}.notice{padding-top:45px;padding-bottom:45px;font-size:11px;color:var(--muted);line-height:1.9}.notice p{max-width:940px}footer{border-top:1px solid var(--line);padding-top:34px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}footer strong{letter-spacing:.12em;font-size:12px}footer p,footer small{color:var(--muted);font-size:10px}.footer-links{display:flex;gap:24px}@media(max-width:850px){.wrap{padding-left:24px;padding-right:24px}.nav{height:85px}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px;padding-bottom:45px}.hero-copy{max-width:550px}.hero h1{font-size:45px}.visual{max-width:450px;width:100%;margin:auto}.tag{left:5px}.saved{right:3px}.steps{gap:25px}.details{gap:35px}.support{margin:0 24px}.support .button{font-size:12px;padding:15px}.footer-links{gap:15px}footer{flex-wrap:wrap}}@media(max-width:540px){.nav nav{gap:18px;font-size:11px}.brand{font-size:10px;gap:8px}.brand img{width:30px;height:30px}.hero h1{font-size:37px}.intro{font-size:14px}.visual{height:490px}.orbit{width:310px;height:310px}.o2{width:260px;height:260px}.phone{width:235px}.floating{font-size:9px;padding:12px}.tag{top:18px}.saved{bottom:28px}.visual-note{bottom:-10px}.strip .wrap{gap:12px;justify-content:space-between;font-size:10px}.strip span:before{display:none}.how{padding-top:65px;padding-bottom:50px}h2,.section-heading h2{font-size:28px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps h3{margin-top:16px}.details{grid-template-columns:1fr;padding-top:50px;padding-bottom:35px;gap:25px}.details h2 br{display:none}.support{display:block;padding:28px 22px}.support .button{margin-top:12px}.support h2{font-size:25px}.support br{display:none}footer{gap:22px}.footer-links{flex-wrap:wrap}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.studio-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ink);color:var(--paper);font:bold 30px Georgia,serif;letter-spacing:-.08em}.studio-hero{padding-top:65px;padding-bottom:75px;background:radial-gradient(ellipse at 90% 40%,#dce4d0 0,transparent 55%)}.studio-hero h1{font-size:clamp(40px,5.5vw,70px)}.catalog{padding-top:60px;padding-bottom:80px;border-top:1px solid var(--line)}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.app-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fffdf7}.app-cover{height:275px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px}.app-cover:hover{filter:brightness(.97)}.app-cover img{border-radius:28px;box-shadow:0 15px 28px #23362f16;object-fit:cover}.app-cover span{font-size:10px;letter-spacing:.17em}.insta-cover{background:#e1e8d8}.pair-cover{background:#f2dfca}.card-copy{padding:28px 30px 32px}.card-copy .eyebrow{font-size:10px;margin-bottom:12px}.card-copy h3{font-size:27px;margin:0 0 15px}.card-copy .text-link{display:inline-block;margin-top:25px}.studio-footer{margin-top:60px}.pair-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding-top:70px;padding-bottom:80px}.pair-hero h1{font-size:clamp(35px,4vw,53px)}.pair-portrait{background:#efdfc9;padding:48px 25px 30px;border-radius:130px 130px 30px 30px;text-align:center;transform:rotate(3deg)}.pair-portrait img{width:100%;max-width:280px;height:auto;border-radius:45px}.pair-portrait p{font-size:10px;letter-spacing:.2em;margin-top:25px}.policy-links{padding-top:55px;padding-bottom:55px}.policy-links h2{font-size:23px}.policy-links a{font-size:13px;border-bottom:1px solid var(--line)}@media(max-width:700px){.studio-hero{padding-top:35px}.studio-hero h1{font-size:42px}.catalog h2{font-size:27px}.app-grid{grid-template-columns:1fr}.app-cover{height:240px}.pair-hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.pair-portrait{max-width:330px;margin:auto;width:100%}.studio-hero .intro{font-size:14px}.studio-footer{margin-top:40px}}
