:root{--paper:#f4f3ed;--ink:#252721;--muted:#66685e;--line:#d5d6cb;--green:#dfe7c9;--lilac:#e6e3ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #686646;outline-offset:6px}a:hover{opacity:.72}p,h1,h2,h3,h4{margin:0}img{display:block;max-width:100%}.page{max-width:1512px;margin:auto;padding:0 64px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:35px;letter-spacing:-2px;font-weight:650;display:flex;align-items:center;gap:9px}.wordmark-dot{margin-left:-8px}.header nav{display:flex;gap:38px;font-size:14px;font-weight:550}.header nav span{margin-left:9px}.skip{position:absolute;top:-70px;padding:15px;background:var(--ink);color:white;z-index:10}.skip:focus{top:5px}.eyebrow,.index{font-size:10px;font-weight:650;letter-spacing:1.7px}.hero{padding:64px 0 54px;position:relative;overflow:hidden}.hero .eyebrow{display:flex;gap:12px;align-items:center}.tiny-star{font-size:22px;font-weight:400;line-height:1}.hero h1{font-size:clamp(60px,7.5vw,106px);line-height:1.025;letter-spacing:-6px;font-weight:500;margin-top:30px;position:relative;z-index:1}.serif{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:34px;position:relative;z-index:1}.hero-bottom p{font-size:16px;line-height:1.85;color:var(--muted)}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:8px;min-width:120px;display:flex;justify-content:space-between}.hero-orbit{position:absolute;width:290px;height:290px;right:12px;top:65px;opacity:.5}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #babcab;border-radius:50%;width:100%;height:37%;top:32%;transform:rotate(-39deg)}.hero-orbit:after{transform:rotate(39deg)}.hero-orbit span{display:block;position:absolute;width:65px;height:65px;left:112px;top:112px;background:#d5d9bf;border-radius:50%}.hero-orbit i{position:absolute;width:12px;height:12px;background:#6f735d;border-radius:50%;left:245px;top:65px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:32px 0 24px}.section-heading h2{font-size:19px;font-weight:500;letter-spacing:-.7px}.section-heading .eyebrow{color:var(--muted)}.plander{display:grid;grid-template-columns:1fr 1fr;background:#eaece2;border-radius:3px;overflow:hidden}.plander-copy{padding:36px 44px;display:flex;align-items:flex-start;flex-direction:column}.app-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}.index{font-size:9px;letter-spacing:1.5px;color:#696c60}.status{font-size:11px;display:inline-flex;align-items:center;gap:7px;line-height:1.4}.live{color:#425537}.live i{width:6px;height:6px;border-radius:50%;background:#698356}.app-name{display:flex;align-items:center;gap:13px;margin-top:59px}.app-name img{border-radius:13px}.app-name h3{font-size:26px;letter-spacing:-1px;font-weight:600}.plander h4{font-size:40px;line-height:1.36;font-weight:550;letter-spacing:-2px;margin-top:28px}.description{font-size:14px;line-height:1.85;color:#62665a;margin-top:20px}.download{display:flex;align-items:center;justify-content:center;gap:11px;background:var(--ink);color:white;padding:13px 18px;border-radius:5px;font-size:12px;margin-top:30px}.download>span:last-child{margin-left:12px;font-size:17px}.platform-note{font-size:11px;color:#63685c;margin-top:13px}.policy-link{font-size:11px;border-bottom:1px solid #b1b6a7;padding-bottom:3px;display:table;width:fit-content}.plander-copy>.policy-link{margin-top:auto;padding-top:36px}.plander-visual{position:relative;min-height:625px;background:var(--lilac);overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.phone{z-index:1;position:relative;width:270px;margin-top:50px;border:5px solid #fff;border-radius:34px;box-shadow:0 14px 28px #49405320,0 1px 4px #49405310;transform:rotate(6deg);overflow:hidden;background:#fff}.phone img{width:100%;height:auto}.visual-label{position:absolute;left:28px;top:28px;font-size:9px;letter-spacing:1.3px;line-height:1.6;color:#777287}.visual-orbit{position:absolute;width:690px;height:310px;border:1px solid #c8c3d7;border-radius:50%;top:210px;left:-80px;transform:rotate(-38deg)}.visual-orbit:after{content:"";position:absolute;width:30px;height:30px;background:#c9c3db;border-radius:50%;top:20px;left:500px}.visual-caption{position:absolute;bottom:23px;right:25px;font-size:10px;letter-spacing:.5px;color:#6b637c;z-index:2}.coming-heading{padding:44px 0 24px;display:flex;justify-content:space-between;align-items:center}.coming-heading p{font-size:13px;color:var(--muted)}.upcoming{display:grid;grid-template-columns:1fr 1fr;gap:28px}.future-art{height:238px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.sudoku-art{background:#e8e3d8}.nonogram-art{background:#dfe6e7}.cosmos-icon{position:relative;z-index:1;width:144px;height:144px;object-fit:cover;border-radius:23.214%;clip-path:inset(0 round 23.214%);box-shadow:0 12px 24px #25272118}.sudoku-art .cosmos-icon{transform:rotate(-7deg)}.nonogram-art .cosmos-icon{transform:rotate(7deg)}.art-index{position:absolute;top:22px;left:24px;font-size:10px;letter-spacing:2px;color:#737466}.orbit-small{position:absolute;width:320px;height:180px;border:1px solid #bec1b180;border-radius:50%;transform:rotate(-28deg);right:-170px;bottom:-50px}.future-body{padding:25px 0 30px;border-bottom:1px solid var(--line)}.future h3{font-size:27px;letter-spacing:-1px;margin-top:12px;font-weight:550}.future h3 span{font-weight:400;color:#74756d}.future p:not(.small-note){font-size:13px;color:var(--muted);line-height:1.8;margin-top:15px}.pending{margin-top:22px;background:#e9e9e1;padding:7px 10px;border-radius:3px;font-size:10px;color:#62675a}.future .policy-link,.small-note{margin-top:18px;font-size:10px;color:#777a70;line-height:1.5}.studio{display:grid;grid-template-columns:1fr 2fr .7fr;gap:30px;padding:83px 0;border-bottom:1px solid var(--line);position:relative;align-items:start}.studio .eyebrow{padding-top:10px}.studio h2{font-size:34px;line-height:1.4;letter-spacing:-1.5px;font-weight:500}.studio p{color:var(--muted);font-size:14px;line-height:1.9;margin-top:23px}.studio-signature{font-family:Georgia,serif;font-style:italic;display:block;margin-top:22px;color:#75796b;font-size:14px}.studio-mark{align-self:center;opacity:.65}.contact{padding:64px 0}.contact h2{font-size:38px;font-weight:500;line-height:1.4;letter-spacing:-1.5px;margin-top:23px}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:23px}.contact p{font-size:13px;color:var(--muted);line-height:1.9}.contact-bottom a{font-size:22px;letter-spacing:-.5px;border-bottom:1px solid var(--ink);padding-bottom:10px;display:flex;gap:35px}footer{border-top:1px solid var(--line);padding:27px 0 36px;display:flex;align-items:center;gap:24px}footer .wordmark{font-size:26px}footer span{font-size:10px;color:var(--muted);margin-left:auto}footer>a:last-child{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.hero-orbit{right:30px;top:78px}.hero h1{font-size:110px}}@media(max-width:1100px){.page{padding:0 38px}.hero h1{font-size:78px;letter-spacing:-4px}.hero-orbit{width:230px;height:230px;right:0;top:55px}.hero-orbit span{left:84px;top:84px}.hero-orbit i{left:195px;top:50px}.plander-copy{padding:30px}.plander h4{font-size:33px}.app-topline{flex-wrap:wrap}.phone{width:246px;margin-top:75px}.plander-visual{min-height:610px}.app-name{margin-top:46px}.studio{grid-template-columns:.7fr 2fr .5fr;gap:20px}.contact-bottom a{font-size:19px}.desktop-break{display:none}}@media(max-width:760px){.page{padding:0 24px}.header{height:85px}.wordmark{font-size:30px}.wordmark img{width:28px;height:28px}.header nav{gap:20px;font-size:12px}.header nav span{display:none}.hero{padding:43px 0 39px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(46px,9.5vw,69px);letter-spacing:-2.8px;margin-top:28px;line-height:1.1}.hero-orbit{display:none}.hero-bottom{margin-top:28px;gap:22px}.hero-bottom p{font-size:12px;line-height:1.9}.text-link{font-size:11px;min-width:75px;white-space:nowrap}.section-heading{padding:26px 0 19px}.section-heading h2{font-size:16px}.section-heading .eyebrow{font-size:8px;letter-spacing:1px}.plander{grid-template-columns:1fr}.plander-copy{padding:28px}.app-topline{flex-wrap:nowrap}.app-name{margin-top:32px}.plander h4{font-size:35px}.description{font-size:13px}.download{margin-top:25px}.plander-copy>.policy-link{margin-top:22px;padding-top:0}.plander-visual{height:480px;min-height:0}.phone{width:253px;margin-top:38px;transform:rotate(5deg)}.visual-orbit{top:160px;left:-135px}.visual-caption{bottom:16px}.visual-label{font-size:8px;left:20px;top:20px}.coming-heading{padding-top:34px}.coming-heading .eyebrow{font-size:8px;letter-spacing:1px}.coming-heading p{font-size:11px}.upcoming{gap:28px;grid-template-columns:1fr}.future-art{height:228px}.future h3{font-size:27px}.future-body{padding-top:22px}.future p:not(.small-note){font-size:13px}.studio{padding:48px 0;grid-template-columns:1fr 70px;gap:24px}.studio>.eyebrow{grid-column:1/-1;padding-top:0}.studio h2{font-size:27px}.studio p{font-size:12px}.studio-mark{width:70px;height:70px;align-self:start;margin-top:5px}.contact{padding:45px 0}.contact h2{font-size:30px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:25px}.contact p{font-size:12px}.contact-bottom a{font-size:20px;gap:25px}footer{flex-wrap:wrap;gap:14px;padding:25px 0}footer span{font-size:9px}footer>a:last-child{width:100%;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep Korean phrases intact without forcing narrow columns to overflow. */
p,h2,h3,h4{word-break:keep-all;overflow-wrap:break-word}
@media(max-width:420px){.hero-bottom{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom .text-link{min-width:96px}.header nav{gap:14px}}
.future .policy-link,.small-note,.studio-signature,.index{color:#62665a}
.visual-caption{color:#625b73}
@media(max-width:420px){.header .wordmark{font-size:26px;gap:5px}.header .wordmark img{width:22px;height:22px}.header nav{gap:12px;font-size:11px}.header .wordmark-dot{margin-left:-5px}}

/* Language selection stays at the top right; navigation gets its own row on phones. */
.header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 28px;
}
.header nav { justify-self: end; }
.language-control {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 22px;
  border-left: 1px solid var(--line);
}
.language-control[hidden] { display: none; }
.language-control select {
  min-height: 44px;
  max-width: 100%;
  padding: 8px 2px;
  border: 0;
  border-radius: 0;
  color: var(--ink);
  background: transparent;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.language-control select:focus-visible {
  outline: 2px solid #686646;
  outline-offset: 4px;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
html[lang="en"] .plander h4 { letter-spacing: -1.5px; }
html[lang="en"] .text-link { gap: 14px; }
@media (max-width: 760px) {
  .header {
    height: auto;
    min-height: 115px;
    grid-template-columns: 1fr auto;
    column-gap: 16px;
    row-gap: 12px;
    padding: 17px 0 18px;
  }
  .header .wordmark { grid-area: 1 / 1; }
  .language-control {
    grid-area: 1 / 2;
    padding-left: 0;
    border-left: 0;
  }
  .header nav {
    grid-area: 2 / 1 / 3 / -1;
    justify-self: end;
    gap: 26px;
  }
  html[lang="en"] .section-heading { align-items: flex-start; gap: 14px; }
  html[lang="en"] .section-heading h2 { max-width: 65%; }
  html[lang="en"] .section-heading .eyebrow { white-space: nowrap; padding-top: 3px; }
}
@media (max-width: 420px) {
  html[lang="en"] .app-topline { flex-wrap: wrap; gap: 9px; }
  html[lang="en"] .coming-heading { gap: 16px; align-items: flex-start; }
  html[lang="en"] .coming-heading p { text-align: right; }
  html[lang="en"] .studio { grid-template-columns: minmax(0, 1fr) 45px; gap: 16px; }
  html[lang="en"] .studio-mark { width: 45px; height: 45px; }
  html[lang="en"] .studio h2 { font-size: 25px; }
}