@import "tailwindcss";
:root{--ink:#121a2a;--paper:#f7f3eb;--acid:#d8dbe1;--coral:#bd3f4b;--line:rgba(18,26,42,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}
.siteHeader{height:86px;max-width:1440px;margin:auto;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font-family:Georgia,serif;font-size:28px;font-weight:700;letter-spacing:-1.5px}.wordmark span{color:var(--coral)}nav{display:flex;gap:34px;font-size:13px;font-weight:700}nav a:hover,.footerLinks a:hover{opacity:.55}.lang{justify-self:end;border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.lang button{border:0;background:transparent;color:var(--ink);opacity:.45;font-size:10px;font-weight:800;letter-spacing:.08em;padding:7px 9px;border-radius:999px;cursor:pointer}.lang button.active{background:var(--ink);color:white;opacity:1}
.hero{min-height:690px;max-width:1440px;margin:auto;padding:88px 5vw 94px;display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 22px}.hero h1{font-family:Georgia,serif;font-size:clamp(58px,7.2vw,108px);font-weight:500;line-height:.91;letter-spacing:-.065em;max-width:850px;margin:0}.lede{font-size:18px;line-height:1.7;max-width:640px;margin:35px 0 0;color:#535b6a}.heroActions{display:flex;align-items:center;gap:28px;margin-top:36px}.primary{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:white;padding:16px 22px;border-radius:3px;font-size:13px;font-weight:700;transition:.2s}.primary:hover{transform:translateY(-2px)}.primary span{font-size:18px}.quietNote{font-size:12px;font-weight:700;color:#747986}
.heroIcons{height:480px;position:relative}.floatingIcon{position:absolute;z-index:3;filter:drop-shadow(0 18px 25px rgba(18,26,42,.16));animation:drift 6s ease-in-out infinite}.floatingIcon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24%}.icon1{width:135px;height:135px;left:4%;top:13%;transform:rotate(-7deg)}.icon2{width:112px;height:112px;right:5%;top:5%;transform:rotate(7deg);animation-delay:-1s}.icon3{width:150px;height:150px;right:2%;bottom:7%;transform:rotate(6deg);animation-delay:-2s}.icon4{width:118px;height:118px;left:7%;bottom:6%;transform:rotate(-5deg);animation-delay:-3s}.icon5{width:95px;height:95px;left:45%;top:42%;animation-delay:-4s}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;left:9%;top:1%;width:84%;aspect-ratio:1}.orbitB{left:24%;top:17%;width:54%;border-style:dashed}.craftMark{position:absolute;left:39%;top:35%;font-family:Georgia,serif;font-size:18px;font-style:italic;line-height:1.12;text-align:center;opacity:.55;transform:rotate(-8deg)}@keyframes drift{50%{margin-top:-12px}}
.appsSection{background:#111a2c;color:#fffaf2;padding:110px 5vw 120px}.sectionHead{max-width:1320px;margin:0 auto 56px;display:grid;grid-template-columns:.55fr 1.4fr .8fr;gap:50px;align-items:end}.sectionHead .eyebrow{align-self:start;color:#f09aa2}.sectionHead h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.045em;margin:0}.sectionHead>p:last-child{font-size:15px;line-height:1.7;color:#c9cbd2;margin:0}.appGrid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff33;border-left:1px solid #ffffff33}.appCard{height:100%;min-height:480px;padding:28px;border-right:1px solid #ffffff33;border-bottom:1px solid #ffffff33;position:relative;transition:.25s}.cardWrap[href] .appCard:hover{background:#f1ece5;color:var(--ink);transform:translateY(-5px)}.appTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.appTop img{width:78px;height:78px;object-fit:cover;border-radius:21%;box-shadow:0 8px 20px #0003}.status{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:6px 8px;border:1px solid;border-radius:999px;white-space:nowrap}.status.live{color:#f09aa2}.cardWrap[href] .appCard:hover .status.live{color:var(--ink)}.status.review{color:#f0aab0}.status.soon{color:#c9cbd2}.number{font-family:Georgia,serif;font-style:italic;font-size:15px;opacity:.5;margin:54px 0 14px}.appCard h3{font-family:Georgia,serif;font-size:27px;line-height:1.05;letter-spacing:-.03em;margin:0}.koreanName{font-size:11px;opacity:.56;margin:7px 0 23px}.appLine{font-size:14px;font-weight:800;line-height:1.4;margin:0 0 12px}.appDesc{font-size:13px;line-height:1.65;opacity:.72;margin:0}.cardLink{position:absolute;left:28px;bottom:27px;font-size:11px;font-weight:800;border-bottom:1px solid;padding-bottom:3px}
.belief{max-width:1320px;margin:0 auto;padding:120px 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.beliefLead h2{font-family:Georgia,serif;font-size:clamp(48px,6vw,82px);font-weight:500;line-height:.98;letter-spacing:-.055em;margin:0 0 30px}.beliefLead>p:last-child{font-size:17px;line-height:1.75;color:#5e6470;max-width:650px}.principles{border-top:1px solid var(--line)}.principles>div{padding:27px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;column-gap:14px}.principles span{font-family:Georgia,serif;font-style:italic;opacity:.45;grid-row:1/3}.principles h3{font-family:Georgia,serif;font-size:21px;margin:0 0 6px}.principles p{grid-column:2;font-size:13px;line-height:1.5;color:#6b707b;margin:0}
footer{background:#090d16;color:#f7f3eb;padding:55px 5vw;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start}.wordmark.light{color:white}footer>div:first-child p{font-size:12px;opacity:.6;margin:8px 0}.footerLinks{display:flex;gap:25px;font-size:12px;font-weight:700}.copyright{grid-column:1/-1;border-top:1px solid #ffffff26;padding-top:24px;margin:20px 0 0;font-size:10px;opacity:.45}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.heroIcons{height:410px;max-width:610px;width:100%;margin:auto}.sectionHead{grid-template-columns:1fr}.appGrid{grid-template-columns:repeat(2,1fr)}.belief{grid-template-columns:1fr;gap:60px}}@media(max-width:620px){.siteHeader{height:72px;grid-template-columns:1fr auto;padding:0 20px}.siteHeader nav{display:none}.hero{padding:58px 20px 70px;min-height:auto}.hero h1{font-size:55px}.lede{font-size:16px}.heroActions{align-items:flex-start;flex-direction:column;gap:17px}.heroIcons{height:330px;margin-top:25px}.icon1{width:92px;height:92px}.icon2{width:78px;height:78px}.icon3{width:104px;height:104px}.icon4{width:86px;height:86px}.icon5{width:70px;height:70px}.appsSection{padding:78px 20px}.sectionHead h2{font-size:47px}.appGrid{grid-template-columns:1fr}.appCard{min-height:410px}.belief{padding:85px 20px}.beliefLead h2{font-size:51px}footer{grid-template-columns:1fr}.copyright{grid-column:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floatingIcon{animation:none}}
.legal{background:#f7f3ea}.legalHeader{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f7f3eaf2;backdrop-filter:blur(12px);z-index:10}.legal article{max-width:790px;margin:auto;padding:90px 24px 110px}.legal h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,82px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0 0 15px}.updated{font-size:12px;color:#747986;margin-bottom:40px}.covered{background:var(--ink);color:white;padding:24px 26px;line-height:1.75;font-size:13px;margin-bottom:20px}.notice{font-size:12px;color:#747986;border-bottom:1px solid var(--line);padding-bottom:35px}.legal article section{padding:29px 0 18px;border-bottom:1px solid var(--line)}.legal h2{font-family:Georgia,serif;font-size:25px;margin:0 0 14px}.legal article section p{font-size:14px;line-height:1.8;color:#555c69;margin:0 0 12px}.legalContact a{display:inline-block;margin-top:36px;background:var(--acid);padding:14px 17px;font-size:13px;font-weight:800}.legal footer{margin-top:0}@media(max-width:620px){.legalHeader{height:70px;padding:0 20px}.legal article{padding:65px 20px 80px}.legal h1{font-size:51px}.covered{padding:20px}.legal h2{font-size:22px}}