:root{--ink:#21251f;--muted:#72796d;--accent:#ceef69;--line:#e1e4da;--paper:#f8f9f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans KR',sans-serif;line-height:1.6}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,.drop:focus-within{outline:3px solid #669225;outline-offset:4px}[hidden]{display:none!important}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.mark{display:grid;place-items:center;background:var(--ink);color:var(--accent);border-radius:10px;width:35px;height:35px;font-size:30px}.beta,.pill{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:5px 9px;border-radius:20px}.nav{font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:54px 36px 60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--muted)}h1{font-size:clamp(58px,7vw,95px);line-height:1.04;letter-spacing:-6px;margin:22px 0}h1 em{font-style:normal;color:#688a34}.lead{font-size:18px;color:#62695b;margin:24px 0 30px}.button{display:flex;justify-content:center;gap:30px;align-items:center;background:var(--ink);color:white;border:0;border-radius:10px;padding:16px 22px;font-weight:700;font-size:14px;width:fit-content}.button:hover{background:#3c4b2d}.fine{font-size:12px;color:var(--muted)}.hero .fine{margin-top:16px}.visual{height:420px;background:#e6edda;border-radius:26px;position:relative;overflow:hidden;isolation:isolate}.visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a1b78d25 1px,transparent 1px),linear-gradient(90deg,#a1b78d25 1px,transparent 1px);background-size:35px 35px}.visual-tag{position:absolute;top:25px;left:25px;font-size:10px;letter-spacing:2px}.visual-bottom{position:absolute;bottom:40px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:12px}.illustration{position:absolute;bottom:15px;left:25px;font-size:10px;color:#67715d}.character{position:absolute;left:50%;top:43%;width:120px;height:220px;transform:translate(-50%,-50%) rotate(-8deg);z-index:2}.head{position:absolute;background:#333b2b;border-radius:30px 30px 25px 25px;width:70px;height:65px;left:25px;box-shadow:inset 0 -15px #cbed80}.head:after{content:'••';letter-spacing:18px;position:absolute;top:18px;left:17px;color:#e9ffb5;font-size:18px}.body{position:absolute;top:70px;left:20px;width:80px;height:90px;background:#4c6341;border-radius:30px 30px 15px 15px}.arm{width:25px;height:95px;background:#4c6341;border-radius:20px;position:absolute;top:74px;transform-origin:top}.left{left:14px;transform:rotate(40deg)}.right{right:12px;transform:rotate(-125deg)}.leg{height:85px;width:29px;position:absolute;top:148px;background:#333b2b;border-radius:10px 10px 15px 15px;transform-origin:top}.one{left:26px;transform:rotate(13deg)}.two{right:27px;transform:rotate(-26deg)}.orbit{position:absolute;top:44%;left:50%;width:320px;height:260px;transform:translate(-50%,-50%) rotate(-25deg);border:1px solid #8fa66f;border-radius:50%;z-index:0}.orbit:after{content:'✦';position:absolute;right:5px;top:45px;font-size:45px;color:#688a34}.how{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 36px;padding:25px 0;gap:20px}.how>div{display:flex;gap:18px;align-items:center}.how b{font-size:12px;background:#eaf0df;padding:9px;border-radius:50%;color:#637b41}.how span{font-size:14px;font-weight:700}.how small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.studio{padding:65px 36px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2{font-size:28px;letter-spacing:-1px;margin:8px 0}.workspace{display:grid;grid-template-columns:1fr 310px;gap:24px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload,.checkout{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}h3{font-size:15px;margin:0 0 18px}h3 span{font-size:11px;background:#eaf0df;padding:4px 8px;border-radius:50%;margin-right:5px}h3 small{float:right;font-size:11px;color:var(--muted);font-weight:400}.drop{border:1.5px dashed #c8d0bd;border-radius:12px;min-height:225px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:#fbfcf8;padding:16px;text-align:center;position:relative}.drop:hover,.drop.drag{background:#eff5e4;border-color:#718c48}.drop input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.drop b{font-size:13px}.drop small{font-size:11px;color:var(--muted);margin-top:7px}.upload-icon{font-size:27px;margin-bottom:12px}.preview{width:100%;height:225px;object-fit:contain;background:#f3f4ef;border-radius:12px}.file-info{font-size:11px;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}.text-button{background:none;border:0;color:#627e35;font-size:12px;text-decoration:underline;padding:8px 0}.tip{background:#edf1e5;padding:18px 22px;border-radius:12px;font-size:12px;margin-top:15px}.tip p{color:var(--muted);margin:4px 0}.message{font-size:13px;color:#ad332b;margin:12px 0;min-height:20px}.checkout{background:#f0f3e8}.price{font-size:44px;font-weight:800;letter-spacing:-2px}.price span{font-size:13px;font-weight:400;letter-spacing:0;margin-left:6px}.checkout h3{margin:12px 0 6px}.product{font-size:12px}.checkout ul{padding:16px 0 16px 18px;border-top:1px solid #d8dfcc;border-bottom:1px solid #d8dfcc;color:#636c57;font-size:12px;line-height:2.2}.consent{display:flex;gap:6px;font-size:11px;margin:18px 0;align-items:flex-start}.consent input{margin-top:5px;accent-color:#627e35}.checkout .button{width:100%;padding:16px 8px;font-size:12px;gap:5px}.checkout>small{display:block;font-size:11px;margin-top:12px;color:var(--muted)}.notice{background:#eef3e3;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px}.result{margin-top:25px;border:1px solid var(--line);background:white;padding:28px;border-radius:18px}.result p{font-size:14px;color:var(--muted)}progress{width:100%;height:10px;accent-color:#799d42}.result video{display:block;width:100%;max-height:480px;background:#20241e;border-radius:12px;margin:20px 0}.result .button{margin-top:15px}.faq{padding:65px 36px;max-width:850px}.faq h2{font-size:24px}details{border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);padding:30px 36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer .brand{font-size:18px}footer>span,footer small{font-size:11px;color:var(--muted)}footer nav{margin-left:auto;display:flex;gap:18px;font-size:11px}dialog{border:1px solid var(--line);border-radius:16px;max-width:450px;padding:28px}dialog::backdrop{background:#20241e70}dialog p{font-size:14px;color:var(--muted)}@media(max-width:950px){.workspace{grid-template-columns:1fr}.checkout{display:block}.hero{gap:25px}.visual{height:360px}h1{letter-spacing:-4px}}@media(max-width:620px){header{padding:20px}.brand{font-size:19px}.beta{font-size:8px}.nav{display:none}.hero{grid-template-columns:1fr;padding:36px 20px;gap:30px}h1{font-size:69px}.lead{font-size:16px}.visual{height:310px}.how{margin:0 20px;grid-template-columns:1fr;padding:22px 0;gap:17px}.studio{padding:40px 20px 0}.section-title{align-items:flex-start}h2{font-size:23px}.upload-grid{grid-template-columns:1fr}.upload{padding:18px}.drop{min-height:185px}.checkout{padding:22px}.faq{padding:40px 20px}footer{padding:25px 20px;gap:12px}footer nav{width:100%;margin:0}.result{padding:20px}.pill{white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* PersonaMove company information footer */
.site-footer{display:block;padding:36px max(36px,calc((100vw - 1260px)/2));background:#f8f9f5;color:#2a3125}
.site-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--line)}
.site-footer .footer-identity{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.site-footer .footer-identity>span{font-size:12px;color:var(--muted)}
.site-footer nav{margin-left:0;display:flex;gap:18px;flex-wrap:wrap}
.site-footer nav a,.site-footer .business-details a{color:inherit;text-decoration:none}
.site-footer nav a:hover,.site-footer .business-details a:hover{text-decoration:underline}
.site-footer .footer-business{padding:23px 0 16px}
.site-footer .footer-business>strong{display:block;font-size:13px;margin-bottom:12px}
.site-footer .business-details{display:flex;flex-wrap:wrap;gap:8px 20px;max-width:1050px;color:var(--muted);font-size:12px;line-height:1.8}
.site-footer .footer-copyright{display:block;font-size:11px;color:var(--muted)}
@media(max-width:620px){.site-footer{padding:28px 20px}.site-footer .footer-top{align-items:flex-start}.site-footer nav{gap:12px 18px}.site-footer .business-details{display:flex;flex-direction:column;gap:4px}}

/* Full-width footer: override original footer max-width and centered layout */
.site-footer{width:100%;max-width:none;margin:0;padding:40px max(36px,calc((100vw - 1240px)/2 + 36px));box-sizing:border-box}
.site-footer .footer-top,.site-footer .footer-business,.site-footer .footer-copyright{width:100%;max-width:1168px;margin-left:auto;margin-right:auto}
.site-footer .footer-top{align-items:center}
.site-footer .footer-business .business-details{max-width:none;column-gap:26px;row-gap:6px}
@media(max-width:620px){.site-footer{padding:30px 20px}.site-footer .footer-top,.site-footer .footer-business,.site-footer .footer-copyright{max-width:none}}

/* PersonaMove mascot: lightweight 8-second seamless choreography */
.visual .character{animation:pm-dance 8s ease-in-out infinite;will-change:transform}
.visual .head{transform-origin:50% 90%;animation:pm-head 8s ease-in-out infinite}
.visual .head:after{animation:pm-blink 8s steps(1,end) infinite;transform-origin:50% 55%}
.visual .arm.left{animation:pm-arm-left 8s ease-in-out infinite}
.visual .arm.right{animation:pm-arm-right 8s ease-in-out infinite}
.visual .leg.one{animation:pm-leg-one 8s ease-in-out infinite}
.visual .leg.two{animation:pm-leg-two 8s ease-in-out infinite}
.visual .orbit:after{animation:pm-sparkle 8s ease-in-out infinite}
@keyframes pm-dance{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}12%{transform:translate(-50%,-53%) rotate(-4deg)}25%{transform:translate(-50%,-49%) rotate(-10deg)}38%{transform:translate(-50%,-54%) rotate(-3deg)}50%{transform:translate(-50%,-50%) rotate(-8deg)}65%{transform:translate(-50%,-52%) rotate(-12deg)}80%{transform:translate(-50%,-49%) rotate(-5deg)}90%{transform:translate(-50%,-53%) rotate(-9deg)}}
@keyframes pm-head{0%,100%,50%{transform:rotate(0)}20%{transform:rotate(9deg)}35%{transform:rotate(-5deg)}70%{transform:rotate(-9deg)}85%{transform:rotate(4deg)}}
@keyframes pm-blink{0%,9%,11%,40%,42%,67%,69%,88%,90%,100%{transform:scaleY(1)}10%,41%,68%,89%{transform:scaleY(.08)}}
@keyframes pm-arm-left{0%,100%{transform:rotate(40deg)}18%{transform:rotate(55deg)}38%{transform:rotate(20deg)}55%{transform:rotate(45deg)}75%{transform:rotate(28deg)}90%{transform:rotate(48deg)}}
@keyframes pm-arm-right{0%,100%{transform:rotate(-125deg)}12%{transform:rotate(-143deg)}25%{transform:rotate(-108deg)}38%{transform:rotate(-150deg)}50%{transform:rotate(-118deg)}65%{transform:rotate(-145deg)}80%{transform:rotate(-115deg)}92%{transform:rotate(-135deg)}}
@keyframes pm-leg-one{0%,100%{transform:rotate(13deg)}20%{transform:rotate(-5deg)}38%{transform:rotate(24deg)}60%{transform:rotate(5deg)}80%{transform:rotate(20deg)}}
@keyframes pm-leg-two{0%,100%{transform:rotate(-26deg)}20%{transform:rotate(-9deg)}38%{transform:rotate(-33deg)}60%{transform:rotate(-13deg)}80%{transform:rotate(-37deg)}}
@keyframes pm-sparkle{0%,100%{opacity:.7;transform:scale(.8) rotate(0)}30%,70%{opacity:1;transform:scale(1.1) rotate(35deg)}50%{opacity:.5;transform:scale(.7) rotate(65deg)}}
@media(prefers-reduced-motion:reduce){.visual .character,.visual .head,.visual .head:after,.visual .arm,.visual .leg,.visual .orbit:after{animation:none!important}}