@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#211a63;--purple:#51359e;--lavender:#f3f1fa;--yellow:#ffd65a;--ink:#17171b;--muted:#76757d;--line:#e9e7ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',sans-serif;background:#fff}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.nav{height:82px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:46px;position:sticky;top:0;background:#fffc;backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid #eee8}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:27px;font-weight:900;letter-spacing:-2px}.frame{width:35px;height:29px;border:3px solid currentColor;display:block;position:relative}.frame:before{content:'';position:absolute;inset:3px;border:1px solid currentColor}.frame:after{content:'';position:absolute;right:-12px;top:4px;width:8px;height:8px;border:2px solid currentColor;transform:rotate(45deg)}.nav-links{display:flex;gap:34px;margin-left:auto;font-size:14px;font-weight:600}.pill{border:0;border-radius:99px;background:var(--navy);color:#fff;padding:13px 21px;font-weight:700}.pill.large{padding:17px 26px}.menu{display:none;background:none;border:0;font-size:25px}.hero{min-height:780px;max-width:1240px;margin:auto;padding:90px 28px 110px;display:grid;grid-template-columns:1fr 470px;gap:90px;align-items:center}.label{color:var(--purple);font-weight:800;letter-spacing:2px;font-size:12px}.hero h1{font-size:66px;line-height:1.15;letter-spacing:-4.5px;margin:18px 0 25px}.hero h1 em{color:var(--navy);font-style:normal}.lead{font-size:17px;color:var(--muted);line-height:1.8}.actions{display:flex;align-items:center;gap:24px;margin:34px 0}.actions a{font-size:14px;font-weight:700}.mini-proof{margin-top:50px;font-size:13px;color:#888}.mini-proof strong{color:var(--navy)}.app-phone{width:390px;height:720px;background:#fff;border:8px solid var(--navy);border-radius:43px;box-shadow:22px 25px 0 #dcd5f5;overflow:hidden;transform:rotate(2deg);position:relative}.phone-head{height:72px;display:flex;align-items:center;gap:11px;padding:12px 18px;font-size:17px}.phone-head>span:last-child{margin-left:auto;font-size:28px}.avatar{width:39px;height:39px;border-radius:50%;background:#eeeef4;color:#9290ac;display:grid;place-items:center;font-weight:700}.home-banner{margin:0 14px;height:190px;border-radius:14px;padding:28px 20px;color:#fff;background:linear-gradient(90deg,#29241fdd,#29241f55),linear-gradient(135deg,#7b6859,#d5b695)}.home-banner small{font-size:12px}.home-banner h2{font-size:21px;line-height:1.35;margin:8px 0 13px}.home-banner mark{color:var(--yellow);background:none}.home-banner span{border:1px solid #fff;border-radius:30px;padding:8px 13px;font-weight:700;font-size:12px}.mission{margin:22px 14px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px #211a6311;border-radius:13px;padding:18px;position:relative}.mission b{font-size:18px}.mission small{display:block;color:#777;margin-top:13px;line-height:1.7}.mission i{position:absolute;right:18px;top:18px;color:var(--navy);font-style:normal}.taste{padding:0 18px}.abstract-art,.round-art{background:radial-gradient(circle at 30% 70%,#22a9c7 0 2%,transparent 3%),radial-gradient(circle at 70% 32%,#ff7070 0 3%,transparent 4%),radial-gradient(circle,#f8d7e3,#d4e8e5 42%,#b9b0df 70%,#eee);}.abstract-art{height:200px;border-radius:120px 120px 0 0;margin-top:12px}.tabs{position:absolute;bottom:0;left:0;right:0;height:71px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;color:#aaa8bd}.tabs>*{display:flex;flex-direction:column;align-items:center;font-size:20px}.tabs small{font-size:9px;margin-top:2px}.tabs b{color:var(--navy)}.numbers{background:var(--navy);color:white;padding:70px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px;align-items:center}.numbers .label{color:#bfb7ef}.numbers h2{font-size:31px;margin:8px 0}.numbers article{border-left:1px solid #ffffff33;padding-left:27px}.numbers strong{display:block;font-size:35px;color:#fff}.numbers span{font-size:13px;color:#bbb7d4}.experience{padding:130px max(28px,calc((100vw - 1184px)/2))}.experience>header{text-align:center;max-width:680px;margin:0 auto 60px}.experience h2,.how h2{font-size:48px;line-height:1.25;letter-spacing:-2.5px;margin:14px 0}.experience header>p:last-child{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{background:#f7f6fa;border-radius:26px;padding:22px}.feature>span{font-size:11px;font-weight:800;color:var(--purple);letter-spacing:1.2px}.feature>h3{font-size:21px;margin:24px 0 8px}.feature>p{font-size:14px;color:var(--muted);line-height:1.7}.art-card,.detail-ui,.room{height:410px;margin-top:18px;border-radius:20px;overflow:hidden}.art-card{background:#72726d;color:#fff;padding:25px;text-align:center}.eye-art{height:260px;background:#eee;display:grid;place-items:center;color:#222;font-size:100px}.art-card h3{margin:18px 0 9px}.art-card div:last-child{font-size:12px}.detail-ui{background:#fff;padding:21px;box-shadow:0 6px 20px #211a6311}.round-art{height:190px;border-radius:50%}.detail-ui small{display:block;margin:13px 0;color:#666}.detail-ui h3{font-size:24px;margin:5px 0}.detail-ui p{font-size:11px;color:#777;line-height:1.55}.detail-ui b{font-size:11px}.detail-ui button{display:block;width:100%;margin-top:13px;background:var(--navy);color:white;border:0;border-radius:10px;padding:11px;font-weight:700}.room{background:linear-gradient(#d9d1c5 0 63%,#a98868 64%);position:relative}.wall-art{width:155px;height:180px;background:linear-gradient(140deg,#ffc8bb,#828bcf,#f4e0b1);border:9px solid #5b463a;position:absolute;left:50%;top:58px;transform:translateX(-50%);box-shadow:6px 9px 15px #0003}.room span{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#fff;border-radius:30px;padding:12px 18px;font-weight:700;white-space:nowrap}.how{background:var(--lavender);padding:130px max(28px,calc((100vw - 1184px)/2))}.how header{margin-bottom:50px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{background:#fff;border-radius:20px;padding:28px;min-height:280px}.steps article>b{font-size:11px;color:#999}.steps i{display:block;font-style:normal;font-size:42px;margin:44px 0 24px;color:var(--navy)}.steps h3{font-size:19px}.steps p{font-size:13px;line-height:1.7;color:#777}.steps .active{background:var(--navy);color:white;transform:translateY(-13px);box-shadow:0 15px 35px #211a6333}.steps .active i,.steps .active p{color:white}.cta{min-height:500px;background:var(--purple);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px}.brand.white{color:white}.cta h2{font-size:45px;letter-spacing:-2px;margin:30px 0 12px}.cta p{color:#d8d2ed;margin-bottom:30px}.pill.light{background:#fff;color:var(--navy);padding:16px 24px}footer{background:#17152c;color:#aaa;padding:45px max(28px,calc((100vw - 1184px)/2));display:flex;align-items:center;gap:36px;font-size:12px}footer p:last-child{margin-left:auto}.modal{display:none;position:fixed;inset:0;background:#151329dd;z-index:50;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{background:#fff;border-radius:25px;padding:36px;width:min(420px,100%);position:relative}.modal-card h2{margin:7px 0 25px}.modal-card>a{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:13px;padding:16px;margin-top:10px;font-weight:700}.modal-card>a:hover{background:var(--lavender)}.modal-close{position:absolute;right:18px;top:16px;border:0;background:none;font-size:28px}
@media(max-width:850px){.nav{height:70px}.nav-links{display:none;position:absolute;top:70px;left:12px;right:12px;background:white;padding:22px;border-radius:16px;box-shadow:0 12px 30px #0002;flex-direction:column}.nav-links.open{display:flex}.nav>.pill{display:none}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr;padding:60px 20px 90px;gap:65px}.hero-copy{text-align:center}.hero h1{font-size:43px;letter-spacing:-3px}.lead{font-size:15px}.actions{justify-content:center;flex-direction:column}.app-phone{width:min(390px,90vw);margin:auto}.numbers{grid-template-columns:1fr 1fr}.numbers>div{grid-column:1/-1}.numbers article{border-left:0;border-top:1px solid #ffffff33;padding:20px 0}.experience h2,.how h2{font-size:36px}.feature-grid,.steps{grid-template-columns:1fr}.steps .active{transform:none}.cta h2{font-size:35px}footer{flex-direction:column;align-items:flex-start}footer p:last-child{margin-left:0}}