@font-face{font-family:Pretendard;src:url('/assets/fonts/Pretendard-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/fonts/Pretendard-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
:root{--orange:#ff5100;--orange-wash:#fff0e8;--ink:#202124;--slate:#62656b;--cloud:#f4f5f6;--white:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--white);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0;word-break:keep-all;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:default}svg{width:24px;height:24px;flex-shrink:0}img{max-width:100%;height:auto;display:block}p,h1,h2{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #2165d8;outline-offset:6px}.wrap{width:calc(100% - 96px);max-width:1240px;margin-inline:auto}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:#fff;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:106px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1.2px}.brand img{border-radius:10px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.site-header nav>a:first-child{color:var(--slate)}.nav-download{display:flex;gap:8px;align-items:center}.nav-download svg{width:18px}
.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:24px;align-items:center;padding-top:18px;padding-bottom:82px}.hero-copy{padding-bottom:12px}.hero h1{font-size:clamp(46px,5.35vw,74px);letter-spacing:-3.8px;line-height:1.2;font-weight:700}.hero-description{font-size:18px;line-height:1.85;color:var(--slate);margin-top:28px;letter-spacing:-.45px}.explore-link{display:inline-flex;align-items:center;gap:15px;margin-top:28px;color:var(--slate);font-size:13px}.explore-link span{color:var(--orange);font-size:20px}.hero-stage{height:606px;position:relative;background:var(--orange);border-radius:48px;overflow:hidden;isolation:isolate}.stage-type{position:absolute;top:38px;left:34px;color:#fff0e6;font-size:46px;line-height:1.17;font-weight:700;letter-spacing:-2px}.hero-phone{position:absolute;width:238px;border:5px solid #333436;background:#090909;border-radius:40px;box-shadow:6px 18px 26px #78270040;outline:1px solid #ffffff50;outline-offset:-2px}.hero-phone-back{right:23px;top:54px;transform:rotate(10deg);width:225px}.hero-phone-front{left:46px;top:218px;transform:rotate(-10deg)}.stage-caption{position:absolute;bottom:25px;right:25px;color:#fff;font-size:12px;writing-mode:vertical-rl;letter-spacing:.2px}
.everyday{padding:15px 0 68px;display:flex;align-items:center;gap:66px}.everyday h2{font-size:21px;line-height:1.5;letter-spacing:-.8px;flex-shrink:0}.topic-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:20px}.topic-list li{display:flex;flex-direction:column;gap:13px;align-items:center;font-size:13px;color:var(--slate)}.topic-list svg{width:31px;height:31px;fill:none;stroke:var(--slate);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.demo-section{background:#f7f8f9;padding:88px 0 96px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:45px}h2{font-size:46px;font-weight:700;line-height:1.27;letter-spacing:-2px}.section-heading>p{color:var(--slate);font-size:16px;line-height:1.8;padding-right:15px;padding-bottom:4px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.demo-stage{height:688px;background:#e9ebee;border-radius:30px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;isolation:isolate}.demo-orbit{position:absolute;width:490px;height:490px;background:#fff0e8;border-radius:50%;z-index:-1}.demo-stage>img{height:602px;width:auto;max-width:85%;border:5px solid #313235;border-radius:43px;background:#090909;box-shadow:0 16px 30px #20212420}.demo-stage-caption{position:absolute;bottom:15px;font-size:11px;color:var(--slate)}.demo-tabs{display:flex;flex-direction:column}.demo-tab{width:100%;display:grid;grid-template-columns:38px 1fr 20px;gap:14px;align-items:center;padding:25px 18px;background:none;border:0;border-bottom:1px solid #dedfe2;text-align:left;color:var(--slate);border-radius:0}.demo-tab[aria-selected="true"]{background:var(--orange-wash);color:var(--ink);border-bottom-color:transparent;border-radius:16px}.tab-icon{font-size:29px;line-height:1;display:flex;justify-content:center;font-weight:400}.demo-tab[aria-selected="true"] .tab-icon{color:var(--orange)}.demo-tab strong{font-size:19px;letter-spacing:-.6px;display:block}.tab-description{display:block;font-size:14px;font-weight:400;margin-top:8px}.demo-tab>svg{width:20px;opacity:0}.demo-tab[aria-selected="true"]>svg{opacity:1;color:var(--orange)}.demo-tab:hover:not([aria-selected="true"]){background:#edeef0}.demo-panel{min-height:96px;padding:25px 18px 0}.demo-panel p{font-size:14px;color:var(--slate);line-height:1.85;white-space:pre-line}.demo-pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 0;font-size:15px;font-weight:700}.demo-pagination>span>span{color:#8b8e94;font-weight:400;padding-left:5px}.demo-pagination>div{display:flex;gap:10px}.round-button{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d6d8dc;border-radius:50%;background:transparent;color:var(--ink)}.round-button:hover{background:#fff}.round-button:first-child svg{transform:rotate(180deg)}
.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-block:110px}.faq h2{font-size:38px}.faq>div>p{font-size:15px;color:var(--slate);margin-top:20px}.faq-list{border-top:1px solid #dfe0e3}.faq details{border-bottom:1px solid #dfe0e3}.faq summary{list-style:none;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq-chevron{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.faq details[open] .faq-chevron{transform:rotate(180deg);color:var(--orange)}.faq details p{padding:0 32px 25px 0;color:var(--slate);font-size:15px;line-height:1.85}.download-section{background:var(--orange-wash);padding:76px 0 80px}.download-content{display:flex;align-items:center;flex-direction:column;text-align:center}.download-icon{border-radius:19px;margin-bottom:25px;box-shadow:0 6px 15px #ff510018}.download-content h2{font-size:48px;line-height:1.25}.download-content>p{margin-top:20px;font-size:17px;color:var(--slate)}.site-footer{padding-block:43px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px 40px}.footer-brand{font-size:23px}.site-footer>p{grid-row:2;font-size:13px;color:var(--slate)}.site-footer nav{display:flex;gap:24px;grid-column:2;grid-row:1;font-size:13px;color:var(--slate)}.site-footer>small{grid-column:2;grid-row:2;text-align:right;font-size:11px;color:#777b82}
@media(min-width:1450px){.hero{gap:60px}.hero-stage{height:640px}.hero-phone-front{width:260px;left:46px;top:222px}.hero-phone-back{width:246px;right:30px;top:47px}.stage-type{font-size:49px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:57px;letter-spacing:-3px}.hero-stage{height:565px;border-radius:36px}.hero-phone-back{width:195px;right:16px;top:72px}.hero-phone-front{width:211px;left:25px;top:225px}.stage-type{font-size:38px;left:25px}.hero-description{font-size:16px}.demo-layout{gap:40px}.demo-stage{height:635px}.demo-stage>img{height:556px}.demo-tab{padding:23px 12px;gap:10px;grid-template-columns:30px 1fr 18px}.demo-tab strong{font-size:17px}.tab-description{font-size:13px}.demo-panel{padding-left:12px;padding-right:0}.demo-panel p{font-size:13px}.everyday{gap:35px}.topic-list{gap:10px}.topic-list li{font-size:12px}.faq{gap:40px}}
@media(max-width:800px){.site-header{height:86px}.hero{padding-top:12px;padding-bottom:56px;gap:20px}.hero h1{font-size:46px;letter-spacing:-2.8px}.hero-description{font-size:14px;line-height:1.85;margin-top:20px}.hero-stage{height:490px;border-radius:30px}.stage-type{font-size:30px;top:27px;left:23px}.hero-phone-back{width:169px;right:3px;top:99px;border-radius:29px;border-width:4px}.hero-phone-front{width:178px;left:13px;top:235px;border-radius:31px;border-width:4px}.stage-caption{display:none}.explore-link{font-size:11px;gap:7px;margin-top:19px}.everyday{flex-direction:column;align-items:start;gap:28px;padding-bottom:48px}.everyday h2{font-size:20px}.everyday h2 br{display:none}.topic-list{justify-content:space-between}.topic-list li{align-items:start;gap:10px}.demo-section{padding:60px 0}.section-heading h2{font-size:38px}.section-heading>p{font-size:13px;padding:0}.demo-layout{gap:24px;grid-template-columns:.85fr 1.15fr}.demo-stage{height:540px}.demo-stage>img{height:auto;width:210px;border-radius:32px;border-width:4px}.demo-tab{padding:20px 10px;grid-template-columns:25px 1fr;gap:7px}.demo-tab>svg{display:none}.tab-icon{font-size:24px}.demo-tab strong{font-size:15px}.tab-description{font-size:11px}.demo-panel{padding:18px 4px 0;min-height:100px}.demo-panel p{font-size:12px}.demo-pagination{padding:8px 4px 0}.demo-orbit{width:330px;height:330px}.faq{padding-block:70px;gap:30px;grid-template-columns:.8fr 1.2fr}.faq h2{font-size:30px}.faq>div>p{font-size:12px}.faq summary{font-size:14px;gap:10px;padding-block:22px}.faq details p{font-size:13px}.download-content h2{font-size:42px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:76px}.brand{font-size:22px;gap:8px}.brand img{width:33px;height:33px;border-radius:9px}.site-header nav{gap:18px;font-size:12px}.site-header nav>a:first-child{display:none}.nav-download svg{width:15px}.hero{grid-template-columns:1fr;gap:35px;padding-top:29px;padding-bottom:43px}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,11.6vw,66px);line-height:1.17;letter-spacing:-2.8px}.hero-description{font-size:16px;line-height:1.8;margin-top:22px}.explore-link{font-size:12px;margin-top:19px;gap:10px}.hero-stage{height:510px;border-radius:30px}.stage-type{font-size:40px;top:29px;left:27px}.hero-phone-back{width:205px;top:43px;right:18px;border-radius:36px}.hero-phone-front{width:213px;top:210px;left:28px;border-radius:37px}.everyday{gap:24px;padding-bottom:43px;padding-top:0}.everyday h2{font-size:19px;line-height:1.6}.everyday h2 br{display:block}.topic-list{grid-template-columns:repeat(2,1fr);gap:24px 20px}.topic-list li{flex-direction:row;align-items:center;font-size:12px;gap:10px}.topic-list svg{width:25px;height:25px}.demo-section{padding:48px 0}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:37px;letter-spacing:-1.8px}.section-heading>p{font-size:14px;margin-top:18px;line-height:1.75}.demo-layout{display:flex;flex-direction:column;gap:25px}.demo-stage{width:100%;height:570px;border-radius:24px}.demo-stage>img{width:auto;height:511px;border-radius:36px}.demo-stage-caption{bottom:11px;font-size:10px}.demo-controls{width:100%}.demo-tab{padding:20px 14px;grid-template-columns:31px 1fr 20px;gap:10px}.demo-tab>svg{display:block}.demo-tab strong{font-size:17px}.tab-description{font-size:13px}.tab-icon{font-size:28px}.demo-panel{min-height:91px;padding:22px 14px 0}.demo-panel p{font-size:13px}.demo-pagination{padding:12px 14px 0}.faq{grid-template-columns:1fr;gap:30px;padding-block:57px}.faq h2{font-size:33px}.faq>div>p{font-size:14px;margin-top:15px}.faq summary{font-size:15px;padding-block:23px}.faq details p{font-size:14px}.download-section{padding:55px 0 58px}.download-icon{width:62px;height:62px;border-radius:16px;margin-bottom:24px}.download-content h2{font-size:38px;letter-spacing:-1.8px}.download-content>p{font-size:15px;margin-top:18px}.site-footer{padding-block:32px;grid-template-columns:1fr;gap:13px}.site-footer nav{grid-column:1;grid-row:3;gap:20px;font-size:12px;margin-top:10px}.site-footer>small{grid-column:1;grid-row:4;text-align:left;margin-top:5px}.site-footer>p{font-size:12px}.footer-brand{font-size:22px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero-stage{height:470px}.hero-phone-back{width:184px;right:9px;top:62px}.hero-phone-front{width:195px;left:20px;top:220px}.stage-type{font-size:35px}.demo-tab strong{font-size:15px}.tab-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.tab-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
.demo-controls{display:contents}.demo-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;order:0;width:100%}.demo-tab{grid-template-columns:1fr;padding:16px 12px;min-height:77px;border:1px solid #dedfe2;border-radius:12px}.demo-tab[aria-selected="true"]{border:1px solid #ffd0b8;border-radius:12px}.demo-tab strong{font-size:14px;line-height:1.5}.demo-tab .tab-icon,.demo-tab>svg,.tab-description{display:none}.demo-stage{order:1}.demo-panel{order:2;width:100%;padding-top:0;min-height:54px}.demo-pagination{order:3;width:100%;padding-top:0}.demo-layout{gap:18px}
.stage-type{font-size:34px}.hero-phone-back{right:0;top:67px}
}

/* Original community badges retain their artwork and 3:1 proportions. */
.store-buttons{display:inline-grid;grid-template-columns:repeat(2,minmax(0,174px));gap:12px;width:min(100%,360px);margin-top:34px;align-items:start}
.store-option{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.store-button{display:block;width:100%;padding:0;border:0;border-radius:8px;background:transparent;line-height:0}
.store-button img{display:block;width:100%;height:auto;aspect-ratio:3 / 1}
.store-status{font-size:11px;color:var(--slate);line-height:1.4}
.download-content .store-buttons{margin-top:28px}
@media(min-width:601px) and (max-width:800px){.hero .store-buttons{grid-template-columns:1fr;width:156px;margin-top:23px}}
@media(max-width:600px){.hero .store-buttons{margin-top:26px}.store-buttons{gap:10px}.store-status{font-size:10px}}