:root{--ink:#19191c;--muted:#74747d;--line:#e8e8ec;--purple:#6556e8;--green:#2a9c70;--bg:#f7f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,'Noto Sans KR',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}.server-notice{background:#fff3cd;color:#6d5712;text-align:center;padding:10px 20px;font-size:12px}.header{height:72px;border-bottom:1px solid var(--line);padding:0 max(5vw,28px);display:flex;align-items:center;gap:65px;background:#fff}.brand{font-size:23px;font-weight:800;letter-spacing:-1.5px}.brand span{color:var(--purple)}nav{display:flex;gap:33px;flex:1;font-size:12px;font-weight:600}nav a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:18px;font-size:11px}.my-voucher{border:1px solid #dcdce2;background:#fff;border-radius:6px;padding:8px 11px;font-size:11px}.my-voucher b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--purple);color:#fff;margin-left:4px}.hero{min-height:490px;background:linear-gradient(120deg,#f7f7fb,#eeecff);display:grid;grid-template-columns:52% 48%;align-items:center;padding:70px max(8vw,50px);gap:7vw}.eyebrow{font-size:10px;letter-spacing:1px;color:#83838d;font-weight:700}.hero h1{font-size:41px;line-height:1.3;letter-spacing:-3px;margin:14px 0 17px}.hero h1 em{font-style:normal;color:var(--purple)}.hero-copy>p{color:#696973;line-height:1.8;margin:0 0 26px}.hero-copy>a{display:inline-flex;gap:50px;background:var(--ink);color:#fff;padding:13px 16px;border-radius:5px;font-size:12px;font-weight:600}.flow-card{background:#fff;border:1px solid #e0def3;border-radius:10px;padding:25px 27px;box-shadow:0 22px 55px #4b467e1f;max-width:410px}.flow-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:8px}.flow-head span{font-weight:700}.flow-head small{color:var(--purple);font-weight:700}.flow-price,.flow-line,.flow-total{display:flex;justify-content:space-between;padding:10px 0;color:#777780;font-size:12px}.flow-price b,.flow-line b{color:#37373d}.flow-line.discount b{color:var(--purple)}.flow-total{border-top:1px solid var(--line);margin-top:6px;padding-top:17px;color:var(--ink);font-weight:700}.flow-total b{font-size:20px}.flow-status{margin-top:18px;background:#eef9f4;color:#247d5c;padding:11px 13px;border-radius:5px;font-size:11px}.flow-status i{font-style:normal;margin-right:6px}.points{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:25px max(8vw,50px)}.points>div{display:flex;gap:14px;align-items:center;border-right:1px solid var(--line);padding-left:14%}.points>div:first-child{padding-left:0}.points>div:last-child{border:0}.points>div>b{color:var(--purple);font-size:11px}.points span{font-size:10px;color:#898991;line-height:1.5}.points strong{display:block;color:#33333a;font-size:12px}.products{padding:95px max(6vw,40px)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-title h2,.orders h2{font-size:27px;letter-spacing:-1.8px;margin:8px 0 0}.section-title>p{color:#85858d;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.product-image{width:100%;height:210px;border:0;display:block;position:relative;overflow:hidden;cursor:pointer}.violet{background:#dedaff}.orange{background:#ffe1c9}.mint{background:#d9f0e8}.sky{background:#d9ecff}.app-icon{position:absolute;top:15px;left:15px;background:#fff;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;font-weight:800;box-shadow:0 3px 10px #4442}.board{position:absolute;left:16%;top:28%;width:75%;height:60%;background:#faf9ff;border-radius:6px;box-shadow:9px 9px #aaa4e5;padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;transform:rotate(-4deg)}.board i{background:#dfdcfa;border-radius:3px}.board i:nth-child(3n){background:#bbb5e8}.paper{position:absolute;left:25%;top:18%;width:55%;height:72%;background:#fffdf9;box-shadow:9px 9px #eeb987;padding:18px;text-align:left;transform:rotate(4deg)}.paper small{font-size:8px;color:#a4866b}.paper b{display:block;font-size:18px;margin:18px 0}.paper i{display:block;height:4px;background:#eee5dc;margin:7px 0}.paper em{position:absolute;bottom:17px;font-style:normal;color:#d0603d;font-size:9px}.messages{position:absolute;left:10%;right:10%;top:29%;text-align:left}.messages i,.messages b{display:block;padding:10px;border-radius:9px;background:#fff;font-size:9px;font-style:normal;font-weight:500;margin:7px 25px 7px 0}.messages b{background:#83d8bb;margin-left:25px;margin-right:0}.messages small{display:block;text-align:right;font-size:7px;color:#4d8b76}.wiki{position:absolute;left:19%;top:20%;width:65%;height:68%;background:#fff;box-shadow:9px 9px #9dc5e1;padding:19px;text-align:left;transform:rotate(-3deg)}.wiki small{color:#6d96b2;font-size:8px}.wiki b{display:block;font-size:15px;line-height:1.4;margin-top:18px}.wiki i{position:absolute;bottom:17px;font-style:normal;color:#7199b6;font-size:9px}.product-info{padding:17px}.product-info>small{font-size:8px;color:#9999a1}.product-info h3{font-size:14px;margin:7px 0}.product-info p{font-size:10px;color:#888891;height:30px;line-height:1.5;margin:0 0 9px}.product-info>b{display:block;font-size:14px;margin-bottom:14px}.buy-button{width:100%;border:1px solid var(--purple);background:#fff;color:var(--purple);border-radius:5px;padding:9px;font-size:11px;font-weight:700;cursor:pointer}.buy-button:hover{background:var(--purple);color:#fff}.orders{background:var(--bg);padding:65px max(8vw,50px);display:grid;grid-template-columns:35% 1fr;min-height:185px}.orders>p{color:#8a8a92;font-size:11px;line-height:1.7;margin:0}.order-card{background:#fff;border:1px solid var(--line);padding:18px;border-radius:7px;display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px}.order-card b{font-size:13px}.order-card span{color:var(--green);font-weight:700}.order-card small{color:#999}.order-card em{font-style:normal;font-size:16px;font-weight:700}footer{padding:39px max(6vw,40px);display:grid;grid-template-columns:150px 1fr auto;align-items:start}footer .brand{font-size:20px}footer p{font-size:10px;color:#9999a1;line-height:1.8;margin:0}footer div{display:flex;gap:16px;font-size:10px}.modal{display:none}.modal.open{display:grid;place-items:center;position:fixed;inset:0;background:#17161d99;z-index:10;padding:20px}.checkout-box{width:min(470px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:9px;position:relative}.modal-close{position:absolute;right:15px;top:12px;border:0;background:#fff;font-size:24px;cursor:pointer}.checkout-header{padding:28px 31px 21px;border-bottom:1px solid var(--line)}.checkout-header h2{font-size:20px;margin:9px 0 6px;letter-spacing:-.8px}.checkout-header p{font-size:11px;color:#85858e;margin:0}.checkout-body{padding:22px 31px 28px}.checkout-body>label{font-size:11px;font-weight:700}.amount-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.amount-buttons button{border:1px solid #dedee4;background:#fff;border-radius:5px;padding:9px;font-size:11px;cursor:pointer}.amount-buttons button.active{border-color:var(--purple);background:#f1efff;color:var(--purple);font-weight:700}.custom-amount{display:flex;align-items:center;border:1px solid #dedee4;border-radius:5px;padding:0 11px}.custom-amount input{border:0;outline:0;width:100%;padding:11px 0;text-align:right;font-weight:700}.custom-amount span{font-size:11px;margin-left:4px}.payment-summary{background:#f8f8fa;border-radius:6px;padding:13px 15px;margin:17px 0}.payment-summary p{display:flex;justify-content:space-between;font-size:11px;margin:7px 0;color:#74747c}.payment-summary b{color:#33333a}.payment-summary .discount b{color:var(--purple)}.payment-summary .total{border-top:1px solid #e3e3e8;padding-top:13px;margin-top:12px;color:#222;font-weight:700}.payment-summary .total b{font-size:17px}.checkout-progress{border:1px solid #e5e5e9;border-radius:6px;padding:10px 14px;margin-bottom:14px}.checkout-progress p{font-size:10px;color:#999;margin:7px 0}.checkout-progress i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ddd;margin-right:7px}.checkout-progress p.done{color:var(--green)}.checkout-progress p.done i{background:var(--green)}.checkout-progress p.active{color:var(--purple)}.checkout-progress p.active i{background:var(--purple);box-shadow:0 0 0 3px #e6e3ff}.checkout-result{background:#eff9f5;border:1px solid #cfe9de;color:#287859;border-radius:6px;padding:14px;margin-bottom:14px;font-size:11px;line-height:1.7}.checkout-result b{display:block;font-size:14px;color:#185f45}.checkout-button{display:flex;justify-content:space-between;width:100%;border:0;background:var(--purple);color:#fff;padding:13px 15px;border-radius:5px;font-size:12px;font-weight:700;cursor:pointer}.checkout-button:disabled{background:#aaa;cursor:wait}.checkout-button span{font-size:16px}.demo-note{display:block;text-align:center;color:#aaa;font-size:9px;margin-top:10px}@media(max-width:800px){.header{height:62px;padding:0 18px}.header nav{display:none}.header-actions{margin-left:auto}.header-actions>a{display:none}.hero{display:block;padding:60px 22px}.hero h1{font-size:32px}.flow-card{margin-top:43px}.points{display:block;padding:10px 22px}.points>div,.points>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.points>div:last-child{border:0}.products{padding:65px 18px}.section-title{display:block}.section-title>p{margin-top:11px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-image{height:170px}.product-info{padding:13px}.product-info p{display:none}.product-info h3{min-height:39px}.board,.paper,.messages,.wiki{transform:scale(.8);transform-origin:top left}.paper{left:20%}.orders{display:block;padding:50px 22px}.orders>p,#latest-order{margin-top:25px}footer{padding:30px 20px;display:block}footer p{margin:15px 0}footer div{gap:12px}.checkout-header,.checkout-body{padding-left:22px;padding-right:22px}}
