@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--paper:#fbfdff;--ink:#273951;--muted:#708198;--green:#14acb8;--line:#e2ebf3;--lime:#e1f6f3}body{background:radial-gradient(ellipse at 80% 0,#edf3ff 0,transparent 28%),var(--paper);font-family:'Outfit','Noto Sans KR',sans-serif}h1,h2,h3{font-family:'Outfit','Noto Sans KR',sans-serif}h1,h2{font-weight:600;letter-spacing:-.045em}header{height:100px;position:relative;z-index:5;gap:20px}.brand{letter-spacing:-1.2px;font-size:29px;color:#12aaba}.brand img{border-radius:11px;box-shadow:0 2px 9px #4f79a31a}nav{font-size:13px;gap:25px}.button{border-radius:100px;background:linear-gradient(115deg,#11b7bd,#4397ed);border:0;box-shadow:0 6px 20px #16aebb22;font-weight:500;letter-spacing:0}.button:hover{background:linear-gradient(115deg,#08a6af,#3082d9);transform:translateY(-2px)}.button.outline{background:#fff;color:#239ea9;border:1px solid #b8e2e7;box-shadow:none;flex-shrink:0}.eyebrow{color:#8b9db4;letter-spacing:.14em;font-size:10px}.language-menu{position:relative;font-size:12px}.language-menu summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none;white-space:nowrap;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:50px}.language-menu summary::-webkit-details-marker{display:none}.language-menu>div{position:absolute;right:0;top:49px;width:180px;padding:10px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 45px #2d4b6d15;border-radius:15px;display:grid;gap:2px}.language-menu a{padding:8px 13px;border-radius:8px}.language-menu a:hover,.language-menu a[aria-current]{background:#e9f8fa;color:#10a3ad}.hero{padding-top:35px;grid-template-columns:1fr 1fr;gap:55px;align-items:center;overflow:visible}.hero-copy{padding:30px 0 60px}.hero h1{font-size:clamp(58px,6.1vw,88px);line-height:1.04;max-width:560px;background:linear-gradient(120deg,#279cad,#598fdf 70%,#b69ad7);color:transparent;background-clip:text;margin-top:28px}.hero .intro{font-size:17px;max-width:455px;line-height:1.75}.hero-actions{gap:25px;flex-wrap:wrap}.text-link{border-bottom-color:#b5d9e3}.hero-colors{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:40px}.hero-colors i{width:13px;height:13px;border-radius:50%;background:#f4afd0}.hero-colors i:nth-child(2){background:#f4d38a}.hero-colors i:nth-child(3){background:#c9b6a5}.hero-colors i:nth-child(4){background:#a7d5f6}.hero-colors i:nth-child(5){background:#b3ddbd}.hero-colors i:nth-child(6){background:#cfb5ef}.hero-colors span{width:100%;font-size:10px;color:#9ba9bb;margin-top:7px}.app-hero{position:relative;display:flex;justify-content:center;align-items:center;min-height:610px;background:radial-gradient(ellipse at 40% 50%,#dcf4fa,transparent 70%)}.hero-screen{position:relative;width:355px;transform:rotate(4deg);border:8px solid #fff;border-radius:27px;box-shadow:0 25px 70px #709fc12b;overflow:hidden}.hero-screen img{display:block;width:100%;height:auto}.float-chip{position:absolute;background:#ffffffed;border:1px solid #e4edf5;border-radius:14px;padding:15px 20px;font-size:12px;box-shadow:0 10px 35px #7398bb18;white-space:nowrap}.chip-one{left:-15px;top:165px;transform:rotate(-6deg)}.chip-two{right:-5px;bottom:120px;transform:rotate(5deg)}.screen-caption{position:absolute;bottom:0;text-align:center;font-size:9px;color:#91a3b9}.floating-cloud{position:absolute;width:100px;height:35px;background:#fff;border-radius:50px;filter:drop-shadow(0 4px 10px #9eb2c510)}.floating-cloud::before{content:'';position:absolute;width:50px;height:50px;left:24px;bottom:7px;background:#fff;border-radius:50%}.cloud-one{left:-30px;top:80px}.cloud-two{right:0;bottom:65px;transform:scale(.7)}.hero-bottom{margin-top:20px;color:#9babc1}.section{padding-top:90px;padding-bottom:90px}.section-top{align-items:flex-end}.section-top h2{font-size:clamp(32px,3.4vw,47px);max-width:680px}.section-top p:not(.eyebrow){font-size:14px;max-width:570px;line-height:1.7}.section-top>p{max-width:310px}.map-workspace{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:stretch}.map-main{min-width:0}.map-frame{padding:20px 22px;background:#fff;border-color:#e3ecf5;border-radius:22px;box-shadow:0 10px 45px #90b2cf0b}.map-controls{color:#95a5b9}.map-controls i{background:#15b5bb}.map-controls button{color:#8495aa}#world-map svg{padding:25px 0 15px;min-height:320px;max-height:480px}#world-map path{fill:#e8eef3;stroke:#fff;stroke-width:.65}#world-map path:hover,#world-map path:focus-visible{fill:var(--country-color);stroke:#7388a2;stroke-width:1.2;opacity:.85}#world-map path.visited{fill:var(--country-color)}#world-map path.visited:hover{fill:var(--country-color);filter:brightness(.96)}.map-caption{align-items:center;font-size:10px;min-height:54px}.map-caption button{background:#edf9fa;border:0;border-radius:30px;font-size:10px;padding:10px 14px;color:#269aa6;flex-shrink:0}.local-note{font-size:9px;line-height:1.6;margin:12px 8px;color:#9aa9ba}.country-picker{border:1px solid var(--line);border-radius:22px;background:#fff;padding:22px;min-width:0;max-height:490px;display:flex;flex-direction:column}.country-picker h3{font-size:16px;font-weight:500;margin-bottom:16px}.search-wrap{display:flex;align-items:center;background:#f5f8fc;border:1px solid #e8eef5;border-radius:10px;padding:0 10px;gap:7px}.search-wrap>span{font-size:22px;color:#9baec3}.country-picker input{margin:0;background:transparent;border:0;min-width:0;width:100%;padding:12px 0;font-size:12px;outline-offset:8px}.filter-buttons{display:flex;gap:5px;margin:14px 0}.filter-buttons button{font-size:9px;padding:6px 9px;background:#fff;border:1px solid var(--line);border-radius:20px;color:#8392a7}.filter-buttons button[aria-pressed=true]{background:#e6f6f9;border-color:#c8e9ed;color:#219da9}#country-list{display:flex;flex-direction:column;gap:3px;padding:0 5px 5px 0;overflow-y:auto;max-height:none}#country-list button{display:flex;gap:10px;align-items:center;padding:9px 7px;border:0;font-size:11px;border-radius:9px;color:#738296;background:#fff;min-height:37px}#country-list button:hover{background:#f3f9fc}#country-list button[aria-pressed=true]{background:#e9f7fa;color:#299ea9}#country-list button[hidden]{display:none}.flag{font-family:'Segoe UI Emoji',sans-serif;font-size:18px}.country-check{margin-left:auto;border:1px solid #d8e5eb;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:transparent;font-size:10px;flex-shrink:0}#country-list button[aria-pressed=true] .country-check{background:#2bb5bf;color:white;border-color:#2bb5bf}.no-results{font-size:12px;padding:20px 5px}.stats{background:linear-gradient(180deg,#f6faff,#fff9fc);border-top:1px solid #eef3f9;border-bottom:1px solid #eef3f9;max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.stat-card{padding:27px;border:1px solid #deedf0;border-radius:20px;background:#fff;display:flex;flex-direction:column;min-height:200px;box-shadow:0 6px 20px #8699b406}.stat-card .stat-icon{width:37px;height:37px;border-radius:13px;display:grid;place-items:center;background:#def6f2;color:#3bb6b7;font-size:23px}.stat-card strong{font-size:44px;font-weight:500;line-height:1.1;letter-spacing:-.03em;margin:18px 0 8px}.stat-card strong>span{font-size:16px;margin-left:8px;color:#a0a9be}.stat-card>span:last-of-type{font-size:12px;color:#7c8fa4}.stat-card small{font-size:9px;color:#a0afbd;margin-top:10px}.lavender{border-color:#eadff5}.lavender .stat-icon{background:#f2e9fc;color:#b39bd0}.peach{border-color:#f6e4d8}.peach .stat-icon{background:#fff0e0;color:#e3ad78}.blue{border-color:#dce9fb}.blue .stat-icon{background:#eaf3ff;color:#84b2eb}.continent-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;margin-top:25px}.continent-panel h3{font-size:18px;font-weight:500;margin-bottom:25px}#continent-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}#continent-stats article{border:1px solid color-mix(in srgb,var(--continent) 40%,white);background:color-mix(in srgb,var(--continent) 7%,white);padding:17px;border-radius:15px;min-width:0}.continent-name{font-size:11px;display:block;white-space:nowrap;color:#758399}#continent-stats strong{display:block;font-size:22px;font-weight:500;color:var(--continent);margin:15px 0 13px}progress{width:100%;height:5px;display:block;appearance:none;border:0;border-radius:5px;background:#e9edf2;overflow:hidden}progress::-webkit-progress-bar{background:#e9edf2}progress::-webkit-progress-value{background:var(--continent);border-radius:5px}progress::-moz-progress-bar{background:var(--continent);border-radius:5px}.rank-panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:35px;margin-top:25px}.rank-panel .section-top h2{font-size:31px}.rank-panel .section-top p{font-size:12px;max-width:600px}.rank-progress{background:#f0eaff;color:#a083d4;border-radius:30px;padding:10px 20px;font-size:21px;white-space:nowrap}.rank-tabs{display:flex;gap:8px;margin:22px 0}.rank-tabs button{border:1px solid var(--line);background:#fff;color:#8b99ac;font-size:12px;padding:11px 20px;border-radius:30px}.rank-tabs button[aria-selected=true]{background:#e8f7f9;color:#159da9;border-color:#c5e8ed}#ranking-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}#ranking-list li{min-width:0}#ranking-list button{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-bottom:1px solid #eef2f7;padding:15px 0;color:var(--ink);text-align:left}#ranking-list button:hover{background:#f8fcfd}#ranking-list button[aria-pressed=true] .rank-check{background:#a8dcd6;color:#fff;border-color:#a8dcd6}.rank-number{font-size:10px;color:#a8b4c6}.rank-name{font-size:13px;min-width:0}.rank-value{font-size:11px;color:#98a7ba;margin-left:auto;white-space:nowrap}.rank-check{width:23px;height:23px;border:1px solid #dce8ed;display:grid;place-items:center;border-radius:50%;color:#b1c1cf;flex-shrink:0}.data-source{font-size:9px;color:#a5b0c1;line-height:1.7;margin:18px 8px 0}.data-source a{text-decoration:underline}.app-section>h2{margin-top:17px;max-width:650px}.section-intro{font-size:14px;margin-top:20px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.app-feature{min-width:0}.screenshot-wrap{border-radius:20px;overflow:hidden;background:#edf6fd;border:1px solid #e2eaf2;box-shadow:0 12px 35px #8fa6ba12;margin-bottom:25px}.screenshot-wrap img{width:100%;height:auto;display:block}.app-feature .eyebrow{font-size:8px}.app-feature h3{font-size:20px;font-weight:500;margin:12px 0}.app-feature p{font-size:12px;line-height:1.8}.gallery{background:#f9f8ff;max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}.city-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;padding-top:25px}.city-grid figure{margin:0;min-width:0}.city-grid img{width:100%;height:auto;border-radius:24%;box-shadow:0 10px 20px #66648e10;transition:transform .2s}.city-grid figure:hover img{transform:translateY(-7px) rotate(3deg)}.city-grid figcaption{font-size:11px;letter-spacing:0;color:#8c91aa;margin-top:16px}.notes{border-top:0}.note{background:white;border-radius:18px;padding:22px}.note>img{width:100%;height:150px;object-fit:cover;object-position:50% 45%;border-radius:11px;margin-bottom:25px}.note h3{font-family:'Outfit','Noto Sans KR',sans-serif;font-weight:500;font-size:25px;margin-top:20px}.note:hover{background:#f4faff}.note-num{color:#a6b2c3}.faq h2{font-size:34px}.faq details{border-color:#e6edf4}.download{background:linear-gradient(120deg,#e4f7f6,#eaf0ff 65%,#f4eafa);color:var(--ink);border:1px solid #e5eef7;border-radius:24px;padding:60px;box-shadow:0 10px 40px #7591b509}.download .eyebrow{color:#81b3bd}.download h2{font-family:'Outfit','Noto Sans KR',sans-serif;font-size:39px;font-weight:500}.download p{color:#8196b0}.store{background:#fff;border:1px solid #d8e8f3;border-radius:14px;padding:14px 18px;color:#495e78;font-family:'Outfit',sans-serif;min-width:175px}.store:hover{background:#f3fdfe;border-color:#9ed8df}footer{padding-top:20px}footer p{color:#a1afbf}.article-page h1{font-family:'Outfit','Noto Sans KR',sans-serif}.article-page aside{background:linear-gradient(120deg,#e9f8fa,#eff0ff)}dialog{border-color:#d5e8f0;box-shadow:0 30px 90px #3a668d44;padding:35px;border-radius:20px}dialog::backdrop{background:#38516d55}dialog h3{font-size:22px}dialog form{gap:10px}dialog button{border-radius:30px;border-color:#dce9ef;color:#8394aa}dialog button.button{background:linear-gradient(115deg,#11b7bd,#4397ed)}html[lang=ko] h1,html[lang=ja] h1,html[lang=zh] h1{font-size:clamp(42px,4.7vw,67px);font-family:'Outfit','Noto Sans KR',sans-serif;line-height:1.25;font-weight:600}html[lang=ko] .hero .intro{font-size:16px}html[lang=ko] .note h3{font-size:22px}
@media(min-width:1600px){.hero{padding-top:60px}.app-hero{min-height:630px}}@media(max-width:1150px){nav{gap:14px;font-size:11px}.header-actions{gap:10px}.header-actions .small{display:none}.hero{gap:25px}.hero h1{font-size:68px}.hero-screen{width:300px}.app-hero{min-height:540px}.float-chip{font-size:10px;padding:12px}.chip-one{left:-10px}.chip-two{right:-8px;bottom:90px}.map-workspace{grid-template-columns:1fr 260px;gap:15px}.country-picker{padding:17px}#world-map svg{min-height:300px}.stats-grid{gap:12px}.stat-card{padding:22px}.stat-card strong{font-size:38px}#continent-stats{grid-template-columns:repeat(3,1fr)}.app-grid{gap:18px}.app-feature h3{font-size:18px}.city-grid{grid-template-columns:repeat(4,1fr);gap:30px}.city-grid img{max-width:180px;margin:auto;display:block}.gallery .section-top>p{max-width:300px}.download{padding:45px}.store-links{flex-direction:column}.rank-panel{padding:25px}}@media(max-width:760px){header{height:80px}.hero{grid-template-columns:1fr;padding-top:25px;gap:15px}.hero h1{font-size:62px;max-width:440px}.hero-copy{padding:15px 0 10px}.hero .intro{font-size:16px;max-width:450px}.hero-actions{margin-top:26px;gap:20px}.hero-colors{margin-top:25px}.hero-colors span{width:auto;margin:0 0 0 7px;font-size:8px}.app-hero{min-height:530px;margin:0 0 5px}.hero-screen{width:305px;transform:rotate(3deg)}.chip-one{left:0;top:140px}.chip-two{right:-5px;bottom:85px}.screen-caption{font-size:8px;bottom:-5px}.hero-bottom{margin-top:15px}.section{padding-top:60px;padding-bottom:60px}.section-top{align-items:flex-start;gap:20px}.section-top h2{font-size:34px}.section-top p:not(.eyebrow){font-size:13px}.explore .section-top{flex-direction:column}.explore .outline{font-size:11px;padding:10px 18px}.map-workspace{grid-template-columns:1fr;gap:13px}.map-frame{padding:15px;border-radius:18px}#world-map svg{min-height:250px;padding:20px 0}.map-caption{flex-direction:row;font-size:9px;gap:10px}.map-caption>span:first-child{max-width:55%}.map-caption button{font-size:9px;padding:8px 10px;max-width:45%}.country-picker{max-height:360px;padding:18px;border-radius:18px}.country-picker h3{font-size:15px;margin-bottom:13px}#country-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}#country-list button{min-width:0;font-size:10px;padding:8px 6px;gap:8px}#country-list .flag{font-size:17px}.country-check{width:15px;height:15px;font-size:9px}.filter-buttons{margin:10px 0}.stats .section-top{display:block}.stats .section-top>p{max-width:none;padding:0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.stat-card{padding:20px;border-radius:17px;min-height:175px}.stat-card strong{font-size:36px}.stat-card>span:last-of-type{font-size:11px}.stat-card small{font-size:8px;line-height:1.5}.stat-card .stat-icon{width:32px;height:32px;font-size:19px}.continent-panel{padding:22px 18px;border-radius:18px}#continent-stats{grid-template-columns:repeat(2,1fr);gap:10px}#continent-stats article{padding:14px}.continent-name{font-size:10px}#continent-stats strong{font-size:22px;margin:12px 0}.rank-panel{padding:22px 18px;border-radius:18px}.rank-panel .section-top{display:flex;align-items:center;gap:14px}.rank-panel .section-top h2{font-size:27px}.rank-panel .section-top p{font-size:11px;margin-top:14px}.rank-progress{font-size:16px;padding:9px 13px}.rank-tabs button{font-size:11px;padding:10px 14px}#ranking-list{grid-template-columns:1fr}#ranking-list button{padding:13px 0}.rank-name{font-size:13px}.rank-value{font-size:11px}.data-source{font-size:8px;margin-top:16px}.app-grid{grid-template-columns:repeat(2,1fr);gap:30px 17px;margin-top:30px}.screenshot-wrap{border-radius:13px;margin-bottom:18px}.app-feature h3{font-size:18px}.app-feature p{font-size:11px;line-height:1.7}.app-feature .eyebrow{font-size:7px}.city-grid{grid-template-columns:repeat(4,1fr);gap:22px 13px}.city-grid figcaption{font-size:9px;margin-top:10px}.gallery .section-top{display:block}.gallery .section-top>p{padding-top:10px;max-width:none}.notes .section-top>p{max-width:none}.note>img{height:175px}.faq{gap:23px}.download{border-radius:20px;padding:32px 23px}.download h2{font-size:32px}.download .store-links{flex-direction:row}.store{min-width:0;padding:12px 10px;font-size:15px}.language-menu summary{padding:8px 10px;font-size:11px;gap:8px}.article-page .brand img{width:30px;height:30px}html[lang=ko] h1,html[lang=ja] h1,html[lang=zh] h1{font-size:45px}html[lang=ko] .hero .intro{font-size:15px}html[lang=ko] .hero-actions .button{font-size:12px;padding:15px 18px}}@media(max-width:380px){.hero h1{font-size:54px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:10px}.float-chip{font-size:9px}.app-hero{min-height:490px}.hero-screen{width:280px}.rank-tabs button{padding:10px}.city-grid{grid-template-columns:repeat(2,1fr)}.city-grid img{max-width:130px}}