@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap");:root{--ink:#202e28;--muted:#718076;--cream:#faf8ef;--green:#bada8d;--pink:#f1af9c;--yellow:#fbd567}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,Noto Sans KR,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}.header{height:92px;display:flex;align-items:center;gap:55px;padding:0 6%;border-bottom:1px solid #e4e8de;background:#faf8ef}.brand{position:relative;background:none;border:0;font-size:24px;letter-spacing:-1.3px;font-weight:800;white-space:nowrap;padding:0}.brand span{color:#769c70}.brand i{font-style:normal;color:#e08870}.brand small{font-size:9px;font-weight:700;letter-spacing:1px;color:#99a599;display:block;text-align:right;margin-top:-3px}.brand-icon{display:inline-grid;place-items:center;background:#a4c98f;border-radius:50%;width:33px;height:33px;margin-right:5px;color:#233a2a}.header nav{display:flex;gap:30px;flex:1 1}.header nav button,.text-button{border:0;background:none;font-size:13px;font-weight:700;color:#6b7c70}.header nav button.on,.header nav button:hover{color:#172d20}.header-right{display:flex;align-items:center;gap:18px}.user-greeting{font-size:12px;color:var(--muted)}.text-button{display:flex;gap:5px}.btn,.text-button{align-items:center}.btn{display:inline-flex;justify-content:center;gap:12px;padding:16px 22px;background:white;border:2px solid var(--ink);border-radius:12px;box-shadow:3px 4px 0 var(--ink);font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--ink)}.btn.dark{background:#233a2e;color:white}.btn.coral{background:#f4af99}.btn.small{padding:10px 14px;font-size:12px;border-radius:9px}.btn.full{width:100%}.hero{max-width:1440px;margin:auto;padding:105px 8% 115px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:40px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#7b997a}.dot{display:inline-block;width:8px;height:8px;background:#8aaf76;border-radius:50%}.hero h1,.inner h1{font-size:clamp(42px,4.5vw,67px);letter-spacing:-4px;line-height:1.28;margin:24px 0;color:#202d26}.auth-card h2 span,.hero h1 span,.how h2 span,.inner h1 span,.person-card h2 span{color:#df8c73}.hero h1 em{font-style:normal;position:relative;z-index:0}.hero h1 em:after{content:"";position:absolute;left:-2%;right:-2%;height:33%;bottom:8%;background:#c6df9f;z-index:-1;transform:rotate(-2deg)}.hero p{font-size:15px;line-height:2;color:#728176}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.hero-actions span{font-size:11px;color:#99a69b}.hero-actions b{color:#dba875}.hero-art{height:350px;place-items:center}.art-circle,.hero-art{display:grid;position:relative}.art-circle{width:330px;height:330px;border-radius:50%;background:#cae3af;border:2px solid #24372b;place-items:center;box-shadow:9px 10px 0 #24372b}.art-circle>span{position:absolute;top:26px;left:32px;font-weight:800;letter-spacing:2px;font-size:10px;color:#688762}.art-face{font-size:165px;line-height:1;color:#283d2e;transform:rotate(-8deg)}.bubble{position:absolute;background:#fffdf5;border:2px solid #26382d;border-radius:20px;padding:10px 14px;font-size:13px;font-weight:800;box-shadow:3px 3px 0 #26382d}.bubble.a{top:75px;left:-35px;transform:rotate(-7deg)}.bubble.b{right:-60px;top:105px;transform:rotate(6deg);background:#f6d572}.bubble.c{bottom:30px;right:-44px;background:#f6b9a7;transform:rotate(-5deg)}.spark{position:absolute;font-size:44px;color:#e89f83}.spark.one{top:12px;right:10%}.spark.two{bottom:-10px;left:13%;color:#dbbc60}.people{background:#eaf0e2;padding:82px 8% 95px}.section-heading{max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:end}.how h2,.section-heading h2{font-size:clamp(29px,3.2vw,45px);letter-spacing:-2px;margin:15px 0}.section-heading h2 span{color:#d3896f}.muted,.section-heading p{color:#819085;font-size:13px;line-height:1.8}.count{font-size:12px;font-weight:700;border:1px solid #d7e1d2;background:#f9fbf6;border-radius:30px;padding:11px 16px}.node-field{max-width:1250px;margin:40px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:40px;padding:20px}.node{width:155px;border:0;background:transparent;text-align:center;transition:transform .22s}.node:hover{transform:translateY(-9px) scale(1.04)}.node-avatar{height:116px;width:116px;border:3px solid #24372b;border-radius:50%;position:relative;margin:auto auto 13px;box-shadow:5px 6px 0 #24372b;overflow:visible;background:#f7d785}.node:nth-child(3n+2) .node-avatar{background:#f4b5a2}.node:nth-child(3n) .node-avatar{background:#b2d7e3}.avatar-img{height:100%;width:100%;object-fit:cover;border-radius:inherit}.avatar-fallback{font-size:48px;font-weight:800;display:grid;place-items:center;width:100%;height:100%;color:#31483a}.node .status{position:absolute;width:17px;height:17px;background:#80b76d;border:3px solid #eaf0e2;border-radius:50%;bottom:4px;right:0}.node .status.rest{background:#e4b765}.node small,.node strong{display:block}.node strong{font-size:14px}.node small{font-size:11px;color:#87958a;margin-top:4px}.empty{padding:65px 20px;text-align:center;color:#455e4c}.empty svg{color:#9abd87}.empty h3{font-size:21px}.empty p{font-size:13px;color:#839287}.empty .btn{margin-top:14px}.empty-face{font-size:50px}.presence-bar{max-width:900px;margin:35px auto 0;border-top:1px solid #d3dfcd;padding-top:24px;display:flex;gap:12px;align-items:center;font-size:12px}.presence-bar>span{font-weight:800;margin-right:8px}.presence-bar button{display:flex;align-items:center;gap:5px;border:1px solid #c8d7c1;border-radius:30px;background:#f7faf4;padding:8px 12px;font-size:11px}.presence-bar button.active{background:#304b39;color:white}.presence-bar small{color:#859489;margin-left:auto}.how{padding:110px 8%;max-width:1440px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.steps article{border-top:2px solid #27382d;padding-top:20px}.steps span{color:#91ae88;font-weight:800;font-size:12px}.steps h3{font-size:19px;margin:15px 0 10px}.steps p{font-size:13px;color:#8a988d;line-height:1.8}footer{border-top:1px solid #e1e6dc;display:flex;align-items:center;justify-content:space-between;padding:38px 8%;font-size:11px;color:#98a79b}.footer-brand{font-size:20px;color:#233a2e}.overlay{position:fixed;inset:0;background:#1b2922a8;display:grid;place-items:center;z-index:20;padding:20px}.auth-card,.person-card{position:relative;background:#fffdf8;border:2px solid var(--ink);border-radius:22px;box-shadow:7px 8px 0 var(--ink);width:min(440px,100%);max-height:90vh;overflow:auto;padding:35px}.close{position:absolute;right:20px;top:20px;background:none;border:0}.auth-card h2,.person-card h2{font-size:31px;letter-spacing:-2px;margin:15px 0}.auth-card p,.person-card p{font-size:13px;color:#798a7e;line-height:1.8}.auth-card form{display:grid;gap:15px;margin:25px 0 15px}label{display:grid;gap:7px;font-size:12px;font-weight:800}input,select{width:100%;background:#fff;border:1px solid #d3ddd1;border-radius:9px;padding:12px;color:#27382e;outline-color:#87aa7c}label small{color:#91a296;font-weight:400}.switch{background:none;border:0;color:#77916f;font-size:12px;width:100%;padding:10px}.person-photo{height:150px;width:150px;background:#d9eac8;border:2px solid #233b2c;border-radius:50%;margin:0 auto 25px;overflow:hidden}.person-meta{display:flex;align-items:center;gap:6px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tags span{border-radius:20px;padding:7px 10px;background:#eaf1e4;color:#779171;font-weight:700;font-size:11px}.inner{max-width:1100px;margin:auto;padding:55px 6% 100px;min-height:70vh}.inner h1{font-size:45px;margin:20px 0 10px}.back{border:0;background:none;display:flex;align-items:center;gap:4px;margin:0 0 45px;color:#839287;font-size:12px}.panel{background:#fffefb;border:1px solid #dce6d8;border-radius:16px;padding:24px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.profile-form .wide{grid-column:1/-1}.profile-form label small{display:inline}.error{color:#b95648!important;font-size:12px!important}.history-list{display:grid;gap:12px;margin-top:30px}.history-card{width:100%;display:flex;justify-content:space-between;text-align:left;align-items:center;padding:20px 25px;border:1px solid #dce6d8;border-radius:14px;background:white}.history-card small{font-size:11px;color:#8ea091}.history-card h3{margin:8px 0;font-size:16px}.request-list{padding:20px;margin-top:25px;background:#e9f1df;border-radius:14px}.request{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px}.request div{display:flex;gap:8px}.floating-request{position:fixed;bottom:25px;right:25px;padding:15px 20px;border:2px solid #24372b;border-radius:30px;background:#f9d876;box-shadow:4px 5px 0 #24372b;font-weight:800;z-index:5}.videos{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.videos>div{background:#1b2922;border-radius:14px;overflow:hidden;position:relative;aspect-ratio:16/10}.videos video{width:100%;height:100%;object-fit:cover}.videos span{position:absolute;bottom:12px;left:12px;color:white;font-size:12px}.call-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.card-heading{display:flex;gap:10px;align-items:center}.card-heading h3{margin:0}.transcript{max-height:350px;overflow:auto;font-size:13px;line-height:1.8}.transcript b{color:#779970}.word{border-top:1px solid #edf1eb;margin-top:15px;padding-top:15px;display:grid;gap:5px;font-size:13px}.word small{color:#90a095;line-height:1.5}@media(max-width:750px){.header{height:auto;min-height:70px;padding:15px 5%;gap:10px;flex-wrap:wrap}.brand{font-size:19px}.brand-icon{width:27px;height:27px}.header nav{order:3;flex-basis:100%;justify-content:space-between;gap:6px;padding-top:8px}.header nav button{font-size:12px}.header-right{margin-left:auto;gap:8px}.header-right .user-greeting{display:none}.hero{grid-template-columns:1fr;padding:65px 7%}.hero h1{font-size:42px}.hero-art{height:285px}.art-circle{width:245px;height:245px}.art-face{font-size:120px}.bubble.b{right:-35px}.bubble.c{right:-25px}.people{padding:65px 6%}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:29px}.count{white-space:nowrap;font-size:10px}.node-field{gap:18px;padding:5px}.node{width:125px}.node-avatar{height:100px;width:100px}.presence-bar{flex-wrap:wrap}.presence-bar small{width:100%;margin-left:0}.how{padding:70px 6%}.call-columns,.profile-form,.steps{grid-template-columns:1fr}.profile-form .wide{grid-column:auto}.inner h1{font-size:36px}.videos{grid-template-columns:1fr}.request{gap:10px;align-items:start;flex-direction:column}footer{gap:15px;flex-wrap:wrap}}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.plans .panel{min-height:180px}.plans h2{font-size:27px;margin:16px 0 8px}.plans p{font-size:13px;color:#819085}.plans strong{display:inline-block;margin-top:12px;font-size:11px;color:#66865f}@media(max-width:750px){.plans{grid-template-columns:1fr}.header nav button{font-size:11px}}