@charset "UTF-8";
:root{--paper:#faf8f3;--ink:#2a2630;--muted:#77717a;--line:#e4e0d9;--purple:#7350cc;--lilac:#e7dff7;--lime:#dffa8a;--pink:#f7dbe0;--radius:25px;font-family:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button:disabled{cursor:default}::selection{background:var(--lime);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;letter-spacing:-.055em}p{word-break:keep-all}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;padding:14px 20px;background:var(--ink);color:white}.skip-link:focus{top:12px}.section-width{max-width:1280px;width:calc(100% - 96px);margin-inline:auto}
.site-header{max-width:1440px;width:calc(100% - 96px);height:104px;display:flex;align-items:center;margin-inline:auto;border-bottom:1px solid var(--line);gap:30px}.brand{display:inline-flex;align-items:center;font-size:39px;font-weight:900;letter-spacing:-.075em;line-height:1}.brand>span{color:var(--purple)}.brand i{font-style:normal;font-size:23px;line-height:1;display:inline-grid;place-items:center;margin-left:9px;width:30px;height:30px;background:var(--lime);border-radius:50%;letter-spacing:0}.header-caption{font-size:12px;color:var(--muted);letter-spacing:-.02em}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:14px;font-weight:650}.site-header nav>a{transition:color .2s}.site-header nav>a:hover{color:var(--purple)}.site-header .nav-cta{display:flex;gap:24px;padding:12px 20px;border:1px solid var(--ink);border-radius:99px}.site-header .nav-cta:hover{background:var(--lime);color:var(--ink)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;align-items:center;min-height:690px;padding-top:30px;padding-bottom:60px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.13em;font-weight:750;line-height:1.6}.hero .eyebrow{font-size:13px;letter-spacing:-.01em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6e995a;box-shadow:0 0 0 4px #6e995a12;flex-shrink:0}.hero h1{font-size:clamp(62px,6.6vw,94px);line-height:1.13;margin-top:27px;font-weight:850;position:relative;z-index:1}.marker{color:var(--purple);position:relative;display:inline-block}.marker:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:15px;background:var(--lime);transform:rotate(-1.5deg);z-index:-1;border-radius:50%}.hero-description{font-size:18px;line-height:1.7;color:#6b6570;margin-top:30px;letter-spacing:-.025em}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:29px;border-radius:99px;font-size:15px;font-weight:700;padding:17px 23px;transition:transform .2s,background .2s}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{background:var(--purple);transform:translateY(-3px)}.button svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.text-link{font-size:13px;font-weight:650;display:flex;gap:12px;align-items:center}.text-link:hover{color:var(--purple)}.hero-worlds{display:flex;align-items:center;gap:14px;margin-top:50px}.hero-worlds>span:not(.world-plus){display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650}.mini-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800}.ask-icon{background:var(--lime)}.room-icon{background:var(--lilac);color:var(--purple);letter-spacing:-2px;padding-right:2px}.heart-icon{background:var(--pink);color:#b84466}.world-plus{color:#aaa3ad;font-size:12px}
.hero-scene{height:550px;position:relative;isolation:isolate;margin-top:4px}.scene-ring{position:absolute;width:450px;height:450px;border:1px solid #d0c3e5;border-radius:50%;left:50%;top:53%;transform:translate(-50%,-50%);background:radial-gradient(circle,#e9e0f13b 15%,#e9e0f145 66%,transparent 68%)}.scene-ring:before{content:"";position:absolute;inset:35px;border:1px dashed #d0c3e5;border-radius:50%}.scene-note{position:absolute;font-size:9px;letter-spacing:.14em;font-weight:700;color:#8b8293}.note-top{top:16px;right:35px;transform:rotate(5deg)}.note-bottom{bottom:3px;right:35px;letter-spacing:.01em;font-size:13px;transform:rotate(-3deg)}.character-art{position:relative;overflow:hidden;aspect-ratio:253 / 365;isolation:isolate}.character-art img{position:absolute;width:700%;max-width:none;height:auto;left:calc(var(--col)*-100%);top:calc(-39% - var(--row)*104%);mix-blend-mode:multiply;pointer-events:none;user-select:none}.hero-person{position:absolute;transition:transform .4s}.person-one{width:220px;left:8px;top:153px;z-index:2;transform:rotate(-5deg)}.person-two{width:223px;right:40px;top:171px;z-index:3;transform:rotate(5deg)}.person-three{width:130px;right:5px;top:54px;z-index:1;transform:rotate(6deg)}.hero-scene:hover .person-one{transform:rotate(-2deg) translateY(-5px)}.hero-scene:hover .person-two{transform:rotate(2deg) translateY(-7px)}.speech{position:absolute;background:white;border:1px solid #e4dfea;padding:15px 18px;box-shadow:0 7px 20px #3e2a4e08;border-radius:20px;font-size:13px;font-weight:750;z-index:5;white-space:nowrap;letter-spacing:-.035em}.speech:after{content:"";position:absolute;bottom:-7px;left:28px;width:14px;height:14px;transform:rotate(45deg);background:inherit;border-bottom:1px solid #e4dfea;border-right:1px solid #e4dfea}.speech-question{left:35px;top:55px;transform:rotate(-5deg);font-size:16px;padding:19px 22px;background:var(--lime);border-color:#d2e985}.speech-question span{margin-left:10px}.speech-question:hover{transform:rotate(-2deg) translateY(-3px)}.speech-question:after{border-color:#d2e985}.speech-one{left:-12px;top:287px;transform:rotate(-7deg)}.speech-two{right:0;bottom:74px;transform:rotate(6deg);background:#eae1fa}.person-label{position:absolute;z-index:4;background:#fff;border:1px solid #e8e2ed;box-shadow:0 2px 4px #32293e05;border-radius:99px;font-size:10px;font-weight:700;padding:7px 12px}.label-one{left:65px;bottom:59px;transform:rotate(-4deg)}.label-two{right:106px;bottom:36px;transform:rotate(4deg)}.label-three{right:10px;top:231px;transform:rotate(5deg)}.scene-star{position:absolute;z-index:6;line-height:1}.star-one{font-size:80px;color:var(--purple);bottom:2px;left:-7px;transform:rotate(15deg)}.star-two{font-size:34px;color:#a696bd;left:8px;top:150px}
.ticker{background:var(--lime);overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);height:65px;display:flex;align-items:center;transform:rotate(-1deg);margin:0 -1px}.ticker>div{display:flex;gap:42px;align-items:center;white-space:nowrap;min-width:max-content;animation:ticker 45s linear infinite}.ticker span{font-size:17px;font-weight:800;letter-spacing:.04em}.ticker b{font-size:25px;font-weight:400}@keyframes ticker{to{transform:translateX(-35%)}}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:52px}.section-heading h2{font-size:clamp(34px,3.5vw,48px);line-height:1.25;margin-top:16px;font-weight:800}.section-intro{color:var(--muted);line-height:1.8;font-size:15px;letter-spacing:-.02em;max-width:330px}.story-section{padding-top:110px;padding-bottom:80px}.story-route{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:26px;padding-top:30px;border-top:1px solid var(--line)}.step-number{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--muted)}.route-symbol{width:78px;height:78px;border-radius:23px;display:grid;place-items:center;font-size:56px;line-height:1;margin-top:24px;margin-bottom:25px;font-weight:800;transform:rotate(-5deg)}.route-ask{background:var(--lime)}.route-room{background:var(--lilac);font-size:31px;color:var(--purple);letter-spacing:-4px;padding-right:4px;transform:rotate(5deg)}.route-heart{background:var(--pink);font-size:40px;color:#b84a6c;transform:rotate(-5deg)}.route-step h3{font-size:22px;letter-spacing:-.04em}.route-step p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:12px}.route-step a{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:750;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #c5becb}.route-step a:hover{color:var(--purple);border-color:var(--purple)}.route-arrow{margin-top:80px;font-size:41px;color:#b5aebd}.route-footnote{text-align:center;margin-top:39px;color:var(--muted);font-size:12px}.route-footnote>span{font-size:18px;margin-right:6px;color:var(--purple)}
.demo-section{background:#eee9f5;padding:78px 0}.demo-layout{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:95px}.demo-copy h2{font-size:clamp(34px,3.5vw,46px);line-height:1.25;margin-top:18px}.demo-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);margin-top:20px}.topic-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:26px}.topic-chip{padding:12px 17px;background:#ffffff85;border:1px solid #d9d0e8;font-size:13px;font-weight:650;border-radius:99px;transition:all .2s}.topic-chip:hover{background:white}.topic-chip.active{background:var(--ink);color:white;border-color:var(--ink)}.demo-label{font-size:10px;color:#8b8097;display:block;margin-top:24px;line-height:1.6}.demo-board{background:var(--paper);border:1px solid #d8cfe3;box-shadow:9px 9px 0 #ddd4e9;border-radius:24px;overflow:hidden;transform:rotate(1deg)}.demo-board-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:19px 24px;color:#8c8296;font-size:9px;letter-spacing:.06em}.demo-board-top>span:first-child{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:11px;letter-spacing:0}.demo-board-top .live-dot{width:5px;height:5px}.demo-question{padding:25px 25px 23px}.demo-question>span{font-size:10px;color:var(--muted)}.demo-question h3{font-size:22px;line-height:1.45;letter-spacing:-.035em;margin-top:8px}.demo-responses{padding:0 25px 24px;display:grid;gap:10px}.demo-response{display:grid;grid-template-columns:66px 1fr;gap:14px;padding:14px;background:white;border:1px solid var(--line);border-radius:15px}.demo-service{font-size:11px;font-weight:850;letter-spacing:-.03em;padding-top:3px}.demo-service small{font-size:9px;letter-spacing:0;font-weight:550;display:block;color:var(--muted);margin-top:5px}.demo-response p{font-size:12px;line-height:1.75;color:#69606f}.demo-board-bottom{border-top:1px solid var(--line);padding:19px 25px;display:flex;justify-content:space-between;gap:12px;align-items:center}.demo-board-bottom>span{font-size:10px;color:var(--muted)}.demo-board-bottom a{font-size:11px;font-weight:800;color:var(--purple)}
.characters-section{padding-top:110px;padding-bottom:90px}.character-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:30px}.age-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.age-filters button{font-size:12px;font-weight:650;background:transparent;padding:11px 15px;border-radius:99px;border:1px solid var(--line);transition:background .2s}.age-filters button:hover{background:#eee9f5}.age-filters .active{background:var(--ink);color:white;border-color:var(--ink)}.age-filters button>span{font-size:9px;margin-left:3px;opacity:.6}.character-hint{font-size:11px;color:var(--muted);white-space:nowrap}.character-hint span{margin-left:7px;font-size:21px;color:var(--purple)}.character-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:17px}.character-card{background:transparent;border-radius:19px;text-align:left;padding:0 0 17px;min-width:0;transition:transform .25s,background .25s;position:relative;border:1px solid transparent;overflow:hidden}.character-card:hover{background:#f3eee7;transform:translateY(-5px);border-color:var(--line)}.character-card .character-art{width:100%}.card-info{padding:3px 10px 0}.card-age{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.card-age i{width:5px;height:5px;background:var(--character-color);border-radius:50%;display:inline-block}.card-name{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:20px;font-weight:800;letter-spacing:-.04em}.card-name span{font-size:17px;font-weight:500;color:#aaa0b0}.card-tagline{font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px;word-break:keep-all}.cast-note{padding-top:29px;margin-top:20px;border-top:1px solid var(--line);font-size:11px;line-height:1.85;color:#918995;letter-spacing:-.01em}
.playground-section{padding:30px 0 105px}.playground-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.play-card{padding:32px 29px 22px;border-radius:23px;display:flex;flex-direction:column;border:1px solid #00000008;position:relative;overflow:hidden}.play-ask{background:#F0E9FA}.play-room{background:#E9E9F8}.play-heart{background:#f7e3e8}.play-card-top{display:flex;align-items:center;justify-content:space-between}.service-name{font-size:29px;font-weight:850;letter-spacing:-.06em}.play-ask .service-name span{color:#7350CC}.play-room .service-name span{color:#6344C6}.play-heart .service-name span{color:#C64368}.service-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #00000012;border-radius:15px;font-size:36px;font-weight:800;transform:rotate(8deg)}.play-room .service-icon{font-size:24px;letter-spacing:-3px;padding-right:3px;color:var(--purple)}.play-heart .service-icon{font-size:26px;color:#b7466b}.service-tag{font-size:11px;font-weight:700;display:block;margin-top:29px;color:#72677c}.play-card h3{font-size:29px;line-height:1.35;margin-top:13px;letter-spacing:-.045em}.play-card>p{font-size:13px;line-height:1.85;margin-top:16px;color:#78707e}.service-steps{list-style:none;padding:18px 0 0;margin:23px 0 29px;border-top:1px solid #00000014;counter-reset:steps;display:grid;gap:12px;font-size:11px;color:#645b6b}.service-steps li{display:flex;align-items:center;gap:8px}.service-steps li:before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;width:18px;height:18px;background:#ffffff80;border-radius:50%;font-size:9px;font-weight:750;flex-shrink:0}.service-button{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:750;padding:16px 19px;border-radius:99px;background:var(--ink);color:#fff;transition:background .2s,transform .2s;margin-top:auto}.service-button:hover{background:var(--purple);transform:translateY(-2px)}.service-domain{font-size:10px;color:#8d8193;text-align:center;margin-top:11px}
.closing-section{background:var(--lime);padding:65px 0;border-top:1px solid #c9df7f;border-bottom:1px solid #c9df7f}.closing-section>.section-width{position:relative;text-align:center}.closing-section p{font-size:36px;line-height:1.45;letter-spacing:-.05em}.closing-section strong{font-weight:850}.closing-section a{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:700;margin-top:22px;padding-bottom:5px;border-bottom:1px solid #778c3d}.closing-spark{position:absolute;left:8%;top:13px;font-size:96px;color:#849a49;line-height:1;transform:rotate(-15deg)}.site-footer{padding-top:46px;padding-bottom:41px;display:flex;justify-content:space-between;gap:40px}.site-footer .brand{font-size:32px}.site-footer .brand i{width:25px;height:25px;font-size:18px}.site-footer>div:first-child p{font-size:10px;line-height:1.8;letter-spacing:.03em;color:var(--muted);margin-top:15px}.footer-detail{text-align:right}.footer-detail nav{display:flex;justify-content:flex-end;gap:22px;font-size:11px;font-weight:650}.footer-detail nav a:hover{color:var(--purple)}.footer-detail p{font-size:10px;line-height:1.8;color:#8b838f;margin-top:20px}.footer-detail>span{display:block;font-size:9px;color:#a198a4;margin-top:15px;letter-spacing:.035em}
.character-dialog{width:min(680px,calc(100% - 32px));padding:0;border:1px solid #e4dbea;border-radius:28px;background:var(--paper);color:var(--ink);overflow:visible;max-height:calc(100dvh - 40px);box-shadow:0 20px 80px #2a183b30}.character-dialog::backdrop{background:#29213072;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:15px;z-index:2;width:36px;height:36px;font-size:26px;font-weight:400;line-height:1;display:grid;place-items:center;border-radius:50%;background:white;border:1px solid var(--line)}.dialog-close:hover{background:var(--lime)}.profile-layout{display:grid;grid-template-columns:240px 1fr;overflow:hidden;border-radius:28px}.profile-art-panel{padding:50px 10px 30px;background:#eee8f3;display:flex;align-items:center;justify-content:center}.profile-art-panel .character-art{width:220px}.profile-copy{padding:48px 35px 33px}.profile-copy .eyebrow{font-size:9px;color:var(--muted)}.profile-copy h2{font-size:43px;margin:10px 0 4px}.profile-tagline{font-size:13px;font-weight:700;color:var(--purple)}.profile-bio{font-size:12px;line-height:1.9;color:var(--muted);margin-top:16px}.profile-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.profile-tags span{font-size:9px;padding:6px 9px;border:1px solid var(--line);border-radius:99px;color:var(--muted)}.profile-quote{padding:17px;background:white;border:1px solid var(--line);border-radius:15px;margin-top:20px;font-size:15px;font-weight:700;line-height:1.65;letter-spacing:-.035em}.profile-footer{font-size:9px;color:#918896;margin-top:15px;line-height:1.7}.profile-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.profile-nav button{font-size:11px;font-weight:700;background:transparent;padding:8px 0}.profile-nav button:hover{color:var(--purple)}
@media(min-width:1440px){.hero{gap:60px}.hero-scene{margin-left:15px}.person-one{left:22px}.person-two{right:53px}}
@media(max-width:1100px){.section-width,.site-header{width:calc(100% - 64px)}.header-caption{display:none}.site-header{height:90px}.hero{min-height:610px;gap:0}.hero h1{font-size:68px}.hero-description{font-size:16px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-worlds{margin-top:35px}.hero-scene{height:490px}.scene-ring{width:370px;height:370px}.person-one{width:180px;left:2px;top:151px}.person-two{width:180px;right:22px;top:179px}.person-three{width:110px;top:58px;right:0}.speech-question{left:5px;top:64px;font-size:13px;padding:16px}.speech-one{left:-15px;top:266px;font-size:11px}.speech-two{bottom:50px;right:-3px;font-size:11px}.label-one{left:37px;bottom:55px}.label-two{right:65px;bottom:34px}.label-three{top:213px}.note-top{right:3px;font-size:8px}.note-bottom{right:6px;font-size:11px}.star-one{font-size:59px;left:0}.demo-layout{gap:50px}.character-grid{gap:8px}.card-name{font-size:18px}.card-tagline{font-size:9px}.age-filters button{padding:10px 12px}.character-hint{display:none}.story-route{gap:18px;grid-template-columns:1fr 25px 1fr 25px 1fr}.route-step h3{font-size:19px}.route-step p{font-size:12px}.play-card{padding:27px 22px 19px}.play-card h3{font-size:25px}.service-steps{font-size:10px}}
@media(max-width:800px){.section-width,.site-header{width:calc(100% - 40px)}.site-header{height:80px;gap:15px}.brand{font-size:33px}.site-header nav{gap:19px;font-size:12px}.site-header .nav-cta{padding:10px 15px;gap:12px}.hero{grid-template-columns:1fr;min-height:0;padding-top:55px;padding-bottom:35px;gap:16px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:11px}.hero h1{font-size:70px;margin-top:20px;line-height:1.12}.hero-description{font-size:15px;margin-top:24px}.hero-actions{justify-content:center;margin-top:24px}.button{padding:15px 22px;font-size:13px}.hero-worlds{justify-content:center;margin-top:27px}.hero-scene{width:min(500px,100%);margin:0 auto;height:490px}.scene-ring{width:400px;height:400px}.person-one{width:205px;left:31px;top:142px}.person-two{width:205px;right:30px;top:165px}.person-three{width:120px;right:5px;top:23px}.speech-question{top:41px;left:20px;font-size:15px}.speech-one{left:0;top:278px}.speech-two{right:5px;bottom:43px}.label-one{left:81px;bottom:54px}.label-two{right:88px;bottom:26px}.label-three{right:7px;top:193px}.note-top{right:60px;top:1px}.note-bottom{bottom:4px;right:51px}.star-one{left:24px;bottom:0}.star-two{left:17px;top:153px}.ticker{height:55px}.ticker span{font-size:14px}.ticker>div{gap:27px}.section-heading{align-items:flex-start;gap:24px;margin-bottom:34px}.section-heading h2{font-size:36px}.section-intro{font-size:12px;line-height:1.8;max-width:210px;padding-top:25px}.story-section{padding-top:75px;padding-bottom:60px}.story-route{grid-template-columns:1fr 16px 1fr 16px 1fr;gap:10px}.route-arrow{font-size:28px;margin-top:74px}.route-symbol{width:62px;height:62px;font-size:45px;margin-top:20px;margin-bottom:20px}.route-room{font-size:24px}.route-heart{font-size:31px}.route-step h3{font-size:16px}.route-step p{font-size:11px}.route-step p br{display:none}.route-step a{font-size:11px;gap:8px}.demo-section{padding:60px 0}.demo-layout{grid-template-columns:1fr;gap:34px}.demo-copy h2{font-size:37px}.demo-copy h2 br{display:none}.demo-copy>p:not(.eyebrow){font-size:13px;margin-top:14px}.demo-copy>p:not(.eyebrow) br{display:none}.topic-options{flex-direction:row;flex-wrap:wrap;gap:7px;margin-top:22px}.topic-chip{font-size:11px;padding:10px 13px}.demo-label{margin-top:14px}.demo-board{width:100%;max-width:600px;margin-inline:auto}.characters-section{padding-top:75px;padding-bottom:60px}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.character-grid .character-card{max-width:none}.card-tagline{font-size:10px}.card-name{font-size:21px}.age-filters{gap:6px}.age-filters button{font-size:11px;padding:10px 14px}.cast-note{font-size:10px}.playground-section{padding-bottom:75px}.playground-grid{grid-template-columns:1fr;gap:15px}.play-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:28px}.play-card-top,.service-tag,.play-card h3,.play-card>p{grid-column:1}.play-card-top{grid-row:1}.service-tag{margin-top:17px}.play-card h3{font-size:28px}.play-card>p{font-size:12px;margin-top:12px}.service-steps{grid-column:2;grid-row:2 / span 2;margin-top:0;margin-bottom:15px;padding-top:5px;border-top:0;align-content:start;font-size:11px;gap:13px}.service-button{grid-column:2;grid-row:4;align-self:end;font-size:12px}.service-domain{grid-column:2;grid-row:5}.service-icon{width:39px;height:39px;font-size:30px}.play-room .service-icon{font-size:20px}.play-heart .service-icon{font-size:23px}.closing-section{padding:52px 0}.closing-section p{font-size:31px}.closing-spark{left:2%;font-size:65px;top:24px}.site-footer{padding-top:35px;padding-bottom:30px}}
@media(max-width:520px){.section-width,.site-header{width:calc(100% - 36px)}.site-header{height:74px}.site-header nav>a:first-child{display:none}.site-header nav{gap:16px;font-size:11px}.site-header .nav-cta{padding:9px 13px;gap:9px}.brand{font-size:31px}.brand i{width:26px;height:26px;font-size:20px;margin-left:7px}.hero{padding-top:41px;gap:12px}.hero h1{font-size:56px}.hero-description{font-size:13px;line-height:1.8;margin-top:22px}.hero-actions{gap:17px}.button{font-size:12px;padding:14px 19px;gap:15px}.text-link{font-size:11px;gap:6px}.hero-worlds{gap:11px;margin-top:25px}.hero-worlds>span:not(.world-plus){font-size:10px}.mini-icon{width:22px;height:22px;border-radius:7px}.hero-scene{height:395px;width:100%;max-width:365px}.scene-ring{width:315px;height:315px;top:54%}.scene-ring:before{inset:27px}.person-one{width:160px;left:6px;top:122px}.person-two{width:160px;right:13px;top:142px}.person-three{width:94px;right:0;top:22px}.speech-question{font-size:12px;left:4px;top:41px;padding:14px 15px;border-radius:15px}.speech-one{font-size:9px;left:-5px;top:228px;padding:11px 12px}.speech-two{font-size:9px;right:-3px;bottom:41px;padding:11px 12px}.person-label{font-size:8px;padding:6px 9px}.label-one{left:40px;bottom:37px}.label-two{right:53px;bottom:22px}.label-three{right:2px;top:157px}.note-top{font-size:7px;right:33px;top:0}.note-bottom{font-size:9px;right:44px;bottom:2px}.star-one{font-size:48px;left:0;bottom:2px}.star-two{left:0;top:129px;font-size:25px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:32px;margin-top:13px}.section-intro{font-size:12px;padding-top:18px;max-width:100%;line-height:1.8}.section-intro br{display:none}.eyebrow{font-size:9px}.story-section{padding-top:63px;padding-bottom:46px}.story-route{grid-template-columns:1fr;gap:22px;padding-top:27px}.route-step{position:relative;padding-left:80px;min-height:147px}.step-number{font-size:9px}.route-symbol{position:absolute;left:0;top:7px;margin:0;width:59px;height:59px;font-size:44px}.route-room{font-size:25px}.route-heart{font-size:30px}.route-step h3{font-size:19px;margin-top:10px}.route-step p{font-size:12px;margin-top:8px;line-height:1.8}.route-step a{margin-top:10px;font-size:11px;gap:20px}.route-arrow{display:none}.route-footnote{text-align:left;margin-top:6px;padding-left:80px;font-size:10px}.demo-section{padding:46px 0}.demo-copy h2{font-size:31px;line-height:1.35;margin-top:13px}.demo-copy h2 br{display:block}.demo-copy>p:not(.eyebrow){font-size:12px}.topic-options{gap:8px}.topic-chip{font-size:10px;padding:10px 12px}.demo-layout{gap:28px}.demo-board{border-radius:19px;box-shadow:5px 5px 0 #ddd4e9;transform:rotate(.5deg)}.demo-board-top{padding:17px;font-size:7px}.demo-board-top>span:first-child{font-size:9px}.demo-question{padding:21px 18px 18px}.demo-question h3{font-size:20px}.demo-responses{padding:0 17px 20px}.demo-response{grid-template-columns:52px 1fr;gap:10px;padding:12px}.demo-response p{font-size:11px;line-height:1.7}.demo-service{font-size:10px}.demo-service small{font-size:8px}.demo-board-bottom{padding:17px}.demo-board-bottom>span{font-size:9px}.demo-board-bottom a{font-size:10px}.characters-section{padding-top:63px;padding-bottom:43px}.character-controls{margin-bottom:22px}.age-filters{flex-wrap:nowrap;overflow:auto;padding:3px 1px 7px;scrollbar-width:thin;max-width:100%;gap:6px}.age-filters button{white-space:nowrap;padding:10px 14px;flex-shrink:0;font-size:10px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-card{padding-bottom:15px;border:1px solid var(--line);background:#f7f3ed;border-radius:17px}.card-info{padding:7px 15px 0}.card-name{font-size:23px}.card-age{font-size:10px}.card-tagline{font-size:11px;min-height:35px}.cast-note{line-height:1.8;margin-top:22px;padding-top:22px;font-size:9px}.cast-note br{display:none}.playground-section{padding-top:18px;padding-bottom:60px}.play-card{display:flex;padding:25px}.play-card-top{display:flex}.service-name{font-size:30px}.service-icon{width:46px;height:46px;font-size:34px}.service-tag{margin-top:23px;font-size:11px}.play-card h3{font-size:30px;margin-top:12px}.play-card>p{font-size:13px;line-height:1.8;margin-top:14px}.service-steps{font-size:11px;margin:22px 0 25px;padding-top:18px;border-top:1px solid #00000014;gap:12px}.service-button{width:100%;font-size:13px;padding:16px 18px;align-self:auto}.service-domain{font-size:10px}.closing-section{padding:45px 0}.closing-section p{font-size:25px;line-height:1.5}.closing-spark{position:static;display:inline-block;margin-bottom:17px;font-size:48px}.closing-section a{font-size:11px}.site-footer{display:block}.footer-detail{text-align:left;margin-top:30px}.footer-detail nav{justify-content:flex-start;gap:23px}.footer-detail p{font-size:9px;margin-top:18px}.footer-detail p br{display:none}.profile-layout{grid-template-columns:125px 1fr}.profile-art-panel{padding:25px 2px;background:#eee8f3}.profile-art-panel .character-art{width:124px;align-self:center}.profile-copy{padding:43px 21px 22px}.profile-copy h2{font-size:34px}.profile-tagline{font-size:11px}.profile-bio{font-size:11px;margin-top:12px;line-height:1.75}.profile-quote{font-size:12px;padding:12px;margin-top:16px}.profile-tags{gap:4px;margin-top:12px}.profile-tags span{font-size:8px;padding:5px 7px}.profile-footer{font-size:8px}.profile-nav{margin-top:14px}.profile-nav button{font-size:10px}.dialog-close{width:30px;height:30px;right:11px;top:10px;font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep the tilted ticker inside the viewport and profiles usable in landscape. */
body{overflow-x:clip}
.character-dialog{overflow-y:auto;overflow-x:hidden}
.profile-nav{gap:6px;flex-wrap:wrap}
.profile-quote{margin-left:0;margin-right:0}
.ticker-wrap{overflow:hidden;padding:12px 0;margin:-12px 0}
.character-art img{mix-blend-mode:normal;clip-path:inset(0 0 calc((1 - var(--row))*44%) 0)}
/* Show the whole second row with headroom; mask the preceding row's feet. */
.female-art,.person-two,.person-three{aspect-ratio:253 / 400}
.female-art img,.person-two img,.person-three img{top:-120%;clip-path:inset(56.37% 0 0 0)}
.character-grid.filtered{grid-template-columns:repeat(2,minmax(0,190px));gap:20px}
@media(max-width:800px){.character-card{order:var(--mobile-order)}}
@media(max-width:360px){.profile-layout{grid-template-columns:1fr}.profile-art-panel{padding:17px 0 0}.profile-art-panel .character-art{width:100px}.profile-copy{padding:20px 25px 25px}.profile-copy h2{font-size:31px}.profile-bio{margin-top:10px}.profile-nav{flex-wrap:nowrap}}

/* Shared family identity: lime hub, ink wordmark. */
.brand>span{color:var(--ink)}
.button-dark{background:var(--lime);color:var(--ink)}
.button-dark:hover{background:#D3EE7E;color:var(--ink)}

/* Seven languages, seven city crews. */
.language-control{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:8px 11px;background:#fff8;flex-shrink:0;order:3;margin-left:1px}
.language-globe{font-size:20px;line-height:1;color:var(--purple)}
.language-control select{font:inherit;font-size:12px;font-weight:650;color:var(--ink);border:0;background:transparent;cursor:pointer;max-width:150px;padding:4px 14px 4px 0}
.language-control select:focus-visible{outline:3px solid var(--purple);outline-offset:5px;border-radius:4px}
.site-header{gap:23px}.site-header nav{gap:24px}.header-caption{font-size:11px}
.crew-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:29px;color:var(--muted);font-size:11px;line-height:1.6}
.crew-status-dot{width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px #7350cc0b}
.crew-status [data-i18n="crewCountry"]{color:var(--ink);font-weight:700}
.crew-status-note{flex-basis:100%;margin-left:14px;font-size:10px}
.crew-eyebrow{flex-wrap:wrap;gap:10px}
.crew-city{display:inline-flex;align-items:center;padding:7px 11px;background:var(--lilac);color:var(--purple);border-radius:99px;font-size:11px;letter-spacing:0;text-transform:none}
.character-art.locale-art{aspect-ratio:var(--art-ratio,253 / 400)}
.character-art.locale-art img{width:var(--art-size);left:var(--art-left);top:var(--art-top);height:auto;clip-path:var(--art-clip,none);mix-blend-mode:normal}
html:not([data-locale="ko"]) h1,html:not([data-locale="ko"]) h2,html:not([data-locale="ko"]) h3,html:not([data-locale="ko"]) p{word-break:normal;overflow-wrap:break-word}
html:not([data-locale="ko"]) .hero h1{font-size:clamp(55px,5.5vw,81px);line-height:1.15}
html:not([data-locale="ko"]) .speech{white-space:normal;max-width:48%;line-height:1.4;font-size:12px;overflow-wrap:break-word}
html:not([data-locale="ko"]) .speech-question{max-width:77%;font-size:15px}
html:not([data-locale="ko"]) .person-label{font-size:10px;white-space:nowrap;max-width:48%}
html:not([data-locale="ko"]) .hero-person.person-one{top:145px;width:208px}
html:not([data-locale="ko"]) .hero-person.person-two{top:165px;width:214px}
html:not([data-locale="ko"]) .hero-person.person-three{top:50px;width:124px}
.card-tagline{overflow-wrap:break-word;line-height:1.7}
html[data-locale="ja"]{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",system-ui,sans-serif}
html[data-locale="th"]{font-family:"Thonburi","Noto Sans Thai","Leelawadee UI",Tahoma,system-ui,sans-serif}
html[data-locale="ja"] h1,html[data-locale="ja"] h2,html[data-locale="ja"] h3,html[data-locale="th"] h1,html[data-locale="th"] h2,html[data-locale="th"] h3{letter-spacing:-.025em}
html[data-locale="th"] p{line-height:1.9;letter-spacing:0}
html[data-locale="th"] .hero h1{line-height:1.3;letter-spacing:-.02em}
html[data-locale="th"] .speech{letter-spacing:0;line-height:1.55}
html[data-locale="th"] .profile-bio,html[data-locale="th"] .profile-quote{line-height:1.9}
@media(max-width:1200px){.header-caption{display:none}.site-header nav{gap:18px}.site-header{gap:18px}}
@media(max-width:1100px){html:not([data-locale="ko"]) .hero h1{font-size:58px}html:not([data-locale="ko"]) .hero-person.person-one{top:145px;width:172px}html:not([data-locale="ko"]) .hero-person.person-two{top:174px;width:172px}html:not([data-locale="ko"]) .hero-person.person-three{width:104px;top:56px}html:not([data-locale="ko"]) .speech-question{font-size:12px}html:not([data-locale="ko"]) .speech{font-size:10px}}
@media(max-width:800px){.language-control select{font-size:11px;max-width:128px}.site-header nav{font-size:11px;gap:15px}.site-header{gap:13px}.crew-status{justify-content:center;margin-top:24px}.crew-status-note{margin-left:0}.hero-worlds{margin-top:24px}.hero-copy{min-width:0}html:not([data-locale="ko"]) .hero h1{font-size:64px}html:not([data-locale="ko"]) .hero-person.person-one{width:195px;top:139px}html:not([data-locale="ko"]) .hero-person.person-two{width:195px;top:157px}html:not([data-locale="ko"]) .hero-person.person-three{width:115px;top:25px}}
@media(max-width:620px){.site-header nav>a:not(.nav-cta){display:none}.site-header nav{gap:0}.site-header .nav-cta{padding:9px 12px;font-size:10px;gap:9px}}
@media(max-width:520px){.site-header{justify-content:space-between;gap:12px}.site-header nav{display:none}.language-control{margin-left:auto;order:0;padding:7px 10px}.language-control select{max-width:155px;font-size:12px}.language-globe{font-size:18px}html:not([data-locale="ko"]) .hero h1{font-size:46px}html[data-locale="ja"] .hero h1{font-size:43px}html[data-locale="th"] .hero h1{font-size:43px}.crew-status{font-size:10px;margin-top:22px}.crew-status-note{font-size:9px}.crew-city{font-size:10px}html:not([data-locale="ko"]) .hero-person.person-one{width:152px;top:115px}html:not([data-locale="ko"]) .hero-person.person-two{width:153px;top:137px}html:not([data-locale="ko"]) .hero-person.person-three{width:88px;top:22px}html:not([data-locale="ko"]) .speech{font-size:9px}html:not([data-locale="ko"]) .speech-question{font-size:11px}html:not([data-locale="ko"]) .person-label{font-size:8px}.profile-copy{min-width:0}.profile-nav button{font-size:10px}.profile-copy h2{overflow-wrap:anywhere}}
@media(max-width:360px){.hero h1{font-size:50px}html:not([data-locale="ko"]) .hero h1{font-size:40px}html[data-locale="ja"] .hero h1{font-size:38px}.hero-scene{height:365px}.scene-ring{width:272px;height:272px}.person-one{width:142px;left:1px;top:117px}.person-two{width:142px;right:6px;top:140px}.person-three{width:84px;right:0;top:24px}html:not([data-locale="ko"]) .hero-person.person-one{width:139px;left:1px;top:112px}html:not([data-locale="ko"]) .hero-person.person-two{width:139px;right:5px;top:132px}html:not([data-locale="ko"]) .hero-person.person-three{width:80px;top:25px}.speech-question{left:2px;font-size:10px}.speech-one{left:0;top:215px}.speech-two{right:0;bottom:43px}.label-one{left:28px;bottom:31px}.label-two{right:35px;bottom:17px}.label-three{top:150px;right:1px}.note-bottom{right:24px;font-size:8px}.star-one{font-size:40px}.hero-description br{display:none}.hero-actions{gap:13px}.section-heading h2{font-size:29px}.language-control select{max-width:141px}.demo-board-top{gap:8px}.demo-board-top>span:last-child{font-size:6px}.demo-board-bottom{flex-wrap:wrap}.character-card .card-info{padding-inline:12px}.card-tagline{font-size:10px}.service-button{gap:15px}}
/* Keep the wordmark and native language picker consistent across scripts. */
.brand,.language-control{font-family:"Pretendard",system-ui,sans-serif}

/* Distinct native app silhouettes, shared family color and scale. */
.brand-icon{width:30px;height:30px;margin-left:9px;object-fit:contain;flex-shrink:0}
.site-footer .brand-icon{width:25px;height:25px}
.hero-worlds>a{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650}
.hero-worlds>a:hover{color:var(--purple)}
.mini-icon{display:block;object-fit:contain;flex-shrink:0}
.route-symbol{display:block;object-fit:contain;padding:0;background:transparent}
.service-icon{display:block;object-fit:contain;border:0;padding:0;flex-shrink:0}
.play-room .service-icon,.route-room{padding:0}
.play-ask{background:#F0E9FA}.play-ask .service-name span{color:#7350cc}
.play-room{background:#E9E9F8}.play-room .service-name span{color:#6344c6}
.play-heart .service-name span{color:#c64368}
.service-language{display:block;color:var(--muted);font-size:10px;margin-top:8px}
.demo-service-icon{display:block;width:23px;height:23px;object-fit:contain;margin-bottom:6px}
.demo-service strong{font:inherit}
.footer-detail nav a{display:inline-flex;align-items:center;gap:6px}
.footer-service-icon{display:block;width:19px;height:19px;object-fit:contain;flex-shrink:0}
@media(max-width:520px){.brand-icon{width:26px;height:26px;margin-left:7px}.hero-worlds>a{font-size:10px}.demo-service-icon{width:21px;height:21px}.footer-detail nav{gap:17px}.footer-detail nav a{gap:5px}}
@media(max-width:520px){.language-control{min-width:0;max-width:calc(100% - 112px);flex-shrink:1}.language-control select{min-width:0;flex:1}.language-globe{flex-shrink:0}}

.brand-icon,.mini-icon,.route-icon,.service-icon,.demo-service-icon,.footer-service-icon{border-radius:24%}