@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;font-display:swap;src:url("/_font/_global/NotoSansTC-subset-w100.woff2") format("woff2")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;font-display:swap;src:url("/_font/_global/NotoSansTC-subset-w300.woff2") format("woff2")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;font-display:swap;src:url("/_font/_global/NotoSansTC-subset-w400.woff2") format("woff2")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;font-display:swap;src:url("/_font/_global/NotoSansTC-subset-w500.woff2") format("woff2")}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:900;font-display:swap;src:url("/_font/_global/NotoSansTC-subset-w700.woff2") format("woff2")}@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url("/_font/_global/Manrope-variable.woff2") format("woff2")}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;font-display:swap;src:url("/_font/_global/RobotoMono-variable.woff2") format("woff2")}.global-locale-enum-menu{z-index:10;color:#666;background-color:#fff;position:absolute;width:180px;display:none;-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.5);-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.5);box-shadow:0px 1px 5px rgba(0,0,0,0.5)}.global-locale-enum-menu:focus{outline:none}.global-locale-enum-menu-option{height:40px;line-height:40px;padding-left:25px;cursor:pointer}.global-locale-enum-menu-option:hover{background-color:#f9f9f9}html,body,button,select,pre{font-family:'Manrope', 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', 'Heiti TC', 'Heiti SC', 'WenQuanYi Zen Hei', sans-serif}html,body{margin:0 0 0 0}html{scroll-behavior:smooth;scroll-padding-top:92px}.index-body{--index-hero-title-size: 68px;--index-hero-lead-width: 560px;margin:0;background:#fff;color:#111318}.index-body--zh_TW{--index-hero-title-size: 62px;--index-hero-lead-width: 580px}.index-page{position:relative;overflow:hidden}.index-page__shell{width:calc(100% - 72px);max-width:1240px;margin:0 auto}@media all and (max-width: 960px){.index-page__shell{width:calc(100% - 48px)}}@media all and (max-width: 640px){.index-page__shell{width:calc(100% - 32px)}}.index-page__shell--narrow{max-width:980px}.index-body #theme-header,.index-body #theme-header-menu-zone{transition:background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease}.index-body #theme-header .theme-header-body .theme-header-nav .nav-right-part .theme-header-download-button a button{border-radius:3px;box-shadow:0 8px 18px rgba(10,12,16,0.12)}.index-body.index-header-phase-dark #theme-header .theme-header-body .theme-header-nav .nav-right-part .theme-header-download-button a button.__dark-theme{color:#f4efe8;background-color:rgba(18,21,28,0.66);border:1px solid rgba(244,239,232,0.16);box-shadow:0 10px 22px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease}.index-body.index-header-phase-dark #theme-header .theme-header-body .theme-header-nav .nav-right-part .theme-header-download-button a button.__dark-theme:hover{color:#ffffff;background-color:rgba(28,33,42,0.82);border-color:rgba(244,239,232,0.24);box-shadow:0 12px 24px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.06)}.index-body.index-header-phase-dark #theme-header .theme-header-body .theme-header-nav .nav-right-part .theme-header-download-button a button.__dark-theme:focus-visible{outline:none;border-color:rgba(244,239,232,0.3);box-shadow:0 0 0 3px rgba(244,239,232,0.12),0 12px 24px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.06)}[data-index-reveal]{opacity:0;transform:translateY(32px);transition:opacity 700ms ease, transform 700ms ease}[data-index-reveal].is-visible{opacity:1;transform:translateY(0)}.index-section-heading{max-width:760px;margin-bottom:34px}.index-section-heading__kicker{margin:0 0 18px;font-size:12px;line-height:18px;letter-spacing:0.18em;text-transform:uppercase}.index-section-heading__title{margin:0;font-size:42px;line-height:1.16;letter-spacing:-0.03em}@media all and (max-width: 640px){.index-section-heading__title{font-size:32px}}.index-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:0.04em;transition:transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease}.index-button:hover{transform:translateY(-1px)}.index-button--primary{background:#eef2f6;border:1px solid rgba(17,19,24,0.12);color:#121417;box-shadow:0 10px 22px rgba(10,12,16,0.14)}.index-button--secondary{background:rgba(244,239,232,0.04);border:1px solid rgba(244,239,232,0.24);color:#f4efe8}.index-store-badge-link img{display:block;width:220px}.index-hero{position:relative;box-sizing:border-box;padding:160px 0 100px;background:linear-gradient(180deg, #16191e 0%, #121417 100%);color:#f4efe8}@media all and (max-width: 1080px){.index-hero{padding:128px 0 80px}}@media all and (max-width: 640px){.index-hero{padding:108px 0 64px}}.index-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg, rgba(244,239,232,0.035) 0, rgba(244,239,232,0.035) 1px, transparent 1px, transparent 128px),repeating-linear-gradient(180deg, rgba(244,239,232,0.028) 0, rgba(244,239,232,0.028) 1px, transparent 1px, transparent 128px);opacity:0.14;-webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.18) 100%);mask-image:linear-gradient(180deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.18) 100%);pointer-events:none}.index-hero__layout{position:relative;z-index:1;display:flex;flex-direction:column;gap:72px}@media all and (max-width: 1080px){.index-hero__layout{gap:56px}}@media all and (max-width: 640px){.index-hero__layout{gap:44px}}.index-hero__copy{max-width:880px}.index-hero__kicker{margin:0 0 44px;font-size:13px;line-height:18px;letter-spacing:0.22em;font-weight:700;color:rgba(244,239,232,0.76)}@media all and (max-width: 720px){.index-hero__kicker{margin-bottom:32px;letter-spacing:0.18em}}.index-hero__statement{max-width:920px}.index-hero__row{margin:0;color:rgba(244,239,232,0.92);font-size:40px;line-height:1.22;letter-spacing:-0.02em;font-weight:500;word-break:keep-all}.index-hero__row+.index-hero__row{margin-top:6px}@media all and (max-width: 1080px){.index-hero__row{font-size:32px}}@media all and (max-width: 720px){.index-hero__row{font-size:26px}}@media all and (max-width: 480px){.index-hero__row{font-size:22px}}.index-hero__row--inline{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:36px;row-gap:6px}@media all and (max-width: 720px){.index-hero__row--inline{column-gap:22px}}.index-hero__item{display:inline-flex;align-items:baseline;gap:12px;white-space:nowrap}.index-hero__num{font-size:0.4em;line-height:1;letter-spacing:0.04em;font-weight:500;color:rgba(244,239,232,0.3);font-variant-numeric:tabular-nums}.index-hero__punch{margin:20px 0 0;color:#ffffff;font-size:40px;line-height:1.22;letter-spacing:-0.02em;font-weight:700;word-break:keep-all}@media all and (max-width: 1080px){.index-hero__punch{font-size:32px}}@media all and (max-width: 720px){.index-hero__punch{font-size:26px}}@media all and (max-width: 480px){.index-hero__punch{font-size:22px}}.index-hero__actions{margin-top:44px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.index-hero__stage{width:100%;max-width:1180px}.index-hero__stage-canvas{position:relative;width:100%;aspect-ratio:1520 / 950;border-radius:4px;overflow:hidden;background-color:#aabacb;background-image:url("/assets-public/page/index/hero-stage-2/hero-stage-wallpaper_3040x1900.jpg");background-size:cover;background-position:center;box-shadow:0 36px 90px rgba(0,0,0,0.55),0 8px 20px rgba(0,0,0,0.32)}.index-hero__stage-desktop{position:absolute;top:8%;left:7%;width:68%;height:auto;display:block}.index-hero__stage-phone{position:absolute;top:18%;right:9%;width:23%;height:auto;display:block;filter:drop-shadow(0 18px 28px rgba(0,0,0,0.42));transform:rotate(-4deg);transform-origin:center center}@media all and (max-width: 640px){.index-hero__stage-phone{display:none}.index-hero__stage-desktop{top:8%;left:4%;width:92%}}.index-compare{position:relative;padding:112px 0;background:#fff}@media all and (max-width: 640px){.index-compare{padding:72px 0}}.index-compare__heading{max-width:760px;margin:0 0 56px;text-align:left}@media all and (max-width: 820px){.index-compare__heading{margin-bottom:32px}}.index-compare__kicker{margin:0 0 18px;font-size:12px;line-height:18px;letter-spacing:0.18em;text-transform:uppercase;color:#7b828d}.index-compare__title{margin:0;font-size:42px;line-height:1.16;letter-spacing:-0.03em}@media all and (max-width: 640px){.index-compare__title{font-size:30px}}.index-compare__table{position:relative;margin-top:22px}.index-compare__row{display:grid;grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.4fr) minmax(0, 1.4fr);align-items:stretch;border-top:1px solid rgba(17,19,24,0.14)}.index-compare__row:first-child{border-top:0}@media all and (max-width: 820px){.index-compare__row{grid-template-columns:1fr;border-top:0;border:1px solid rgba(17,19,24,0.1);border-radius:4px;overflow:hidden;margin-bottom:14px}}.index-compare__row--head{background:transparent;border-bottom:1px solid rgba(17,19,24,0.18)}@media all and (max-width: 820px){.index-compare__row--head{display:none}}.index-compare__row:not(.index-compare__row--head):hover{background:rgba(255,255,255,0.35)}.index-compare__cell{padding:26px 16px;display:flex;flex-direction:column;justify-content:center;gap:8px;font-size:15px;line-height:1.66;color:#4d535d}.index-compare__cell:first-child{padding-left:0}@media all and (max-width: 820px){.index-compare__cell{padding:16px 24px}.index-compare__cell:first-child{padding-left:24px}.index-compare__cell:last-child{padding-right:24px}}@media all and (max-width: 640px){.index-compare__cell{padding:14px 20px}.index-compare__cell:first-child{padding-left:20px}.index-compare__cell:last-child{padding-right:20px}}.index-compare__cell--task{flex-direction:row;align-items:center;gap:14px}@media all and (max-width: 820px){.index-compare__cell--task{background:#f5f5f5;border-bottom:1px solid rgba(17,19,24,0.14);padding-top:18px;padding-bottom:18px}}.index-compare__cell--bloon{color:#111318;font-weight:500;background:rgba(0,0,0,0.06)}.index-compare__cell-label{display:none}@media all and (max-width: 820px){.index-compare__cell-label{display:block;font-size:11px;line-height:16px;letter-spacing:0.12em;font-weight:800;text-transform:uppercase;color:#7b828d}}.index-compare__cell--bloon .index-compare__cell-label{color:#111318}.index-compare__row-num{font-size:11px;line-height:18px;letter-spacing:0.18em;font-weight:800;color:#7b828d;white-space:nowrap}.index-compare__row-task{font-size:18px;font-weight:700;line-height:1.24;letter-spacing:-0.01em;color:#111318}.index-compare__col-head{display:flex;align-items:center;gap:12px}.index-compare__col-logos{display:inline-flex;align-items:center;gap:6px}.index-compare__col-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;background:#ffffff;border:1px solid rgba(17,19,24,0.1);box-shadow:0 1px 3px rgba(10,12,16,0.06)}.index-compare__col-logo svg,.index-compare__col-logo img{display:block;width:20px;height:auto}.index-compare__col-bloonlogo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:#ffffff;border:1px solid rgba(17,19,24,0.16);box-shadow:0 1px 3px rgba(10,12,16,0.06)}.index-compare__col-bloonlogo svg{height:22px;width:auto}.index-compare__col-name{font-size:12px;line-height:18px;letter-spacing:0.16em;text-transform:uppercase;font-weight:800;color:#111318}.index-compare__attribution{margin:32px 0 0;font-size:11px;line-height:1.6;color:#7b828d;letter-spacing:0.01em}@media all and (max-width: 640px){.index-compare__attribution{margin-top:24px}}.index-story,.index-proof,.index-cta{position:relative;padding:112px 0}.index-story{background:#f5f5f5}.index-story__panel{display:flex;align-items:center;gap:56px;padding:64px 0}@media all and (max-width: 980px){.index-story__panel{flex-direction:column;gap:32px;padding:48px 0}}.index-story__panel--reverse{flex-direction:row-reverse}@media all and (max-width: 980px){.index-story__panel--reverse{flex-direction:column}}.index-story__copy{flex:0 1 38%;min-width:0}@media all and (max-width: 980px){.index-story__copy{flex:1 1 100%;width:100%}}.index-story__index{margin:0 0 16px;font-size:12px;line-height:18px;letter-spacing:0.18em;text-transform:uppercase;color:#7b828d}.index-story__title{margin:0;font-size:30px;line-height:1.2;letter-spacing:-0.02em}@media all and (max-width: 640px){.index-story__title{font-size:26px}}.index-story__body{margin:20px 0 0;font-size:17px;line-height:1.74;color:#4d535d}.index-story__points{margin:24px 0 0;padding:0;list-style:none}.index-story__points li{position:relative;padding-left:18px;margin-top:12px;font-size:15px;line-height:24px;color:#4d535d}.index-story__points li::before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:#7b828d}.index-story__visual{flex:0 1 58%;min-width:0;overflow:hidden;border-radius:4px;box-shadow:0 12px 32px rgba(10,12,16,0.08);position:relative;--sync-scale: 1;container-type:inline-size}@supports (container-type: inline-size){.index-story__visual{--sync-scale: calc(100cqi / 740px)}}@media all and (max-width: 980px){.index-story__visual{flex:1 1 100%;width:100%}}.index-story__visual video{display:block;width:100%}.index-story__replay{position:absolute;inset:0;margin:auto;width:56px;height:56px;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0.7);color:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.2s ease, transform 0.2s ease, background 0.2s ease}.index-story__replay svg{width:24px;height:24px}.index-story__replay:hover{background:rgba(0,0,0,0.85);transform:scale(1.06)}.index-story__replay:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.index-story__visual.is-ended .index-story__replay{opacity:1;visibility:visible}.index-story__synced-cluster{position:absolute;top:calc(60% - 18px * var(--sync-scale));right:calc(25px * var(--sync-scale));display:flex;flex-direction:column;gap:calc(12px * var(--sync-scale));z-index:2;pointer-events:none}.index-story__synced-chip{display:inline-flex;align-items:center;gap:calc(8px * var(--sync-scale));padding:calc(10px * var(--sync-scale)) calc(14px * var(--sync-scale));background:rgba(255,255,255,0.96);border:1px solid rgba(17,19,24,0.06);border-radius:999px;box-shadow:0 calc(4px * var(--sync-scale)) calc(14px * var(--sync-scale)) rgba(10,12,16,0.12);color:#111318;opacity:0;transform:translateY(calc(8px * var(--sync-scale))) scale(0.94);transition:opacity 360ms cubic-bezier(0.22, 0.85, 0.36, 1.18),transform 360ms cubic-bezier(0.22, 0.85, 0.36, 1.18)}.index-story__synced-chip svg{width:calc(22px * var(--sync-scale));height:calc(22px * var(--sync-scale));display:block;flex-shrink:0}.index-story__synced-status{width:calc(12px * var(--sync-scale));height:calc(12px * var(--sync-scale));flex-shrink:0;display:block}.index-story__visual.is-ended .index-story__synced-chip{opacity:1;transform:translateY(0) scale(1)}.index-story__visual.is-ended .index-story__synced-chip--1{transition-delay:0ms}.index-story__visual.is-ended .index-story__synced-chip--2{transition-delay:260ms}.index-story__visual.is-ended .index-story__synced-chip--3{transition-delay:520ms}.index-story__panel--sync .index-story__visual.is-ended .index-story__replay{transition-delay:880ms}.index-story__synced-lines{position:absolute;top:calc(12% - 72px * var(--sync-scale));right:calc(88px * var(--sync-scale));left:68%;height:calc(150px * var(--sync-scale));pointer-events:none;z-index:1;overflow:visible}.index-story__synced-line{fill:none;stroke:rgba(17,19,24,0.3);stroke-width:1.3;stroke-dasharray:4 5;stroke-linecap:round;opacity:0;transform:translateX(calc(-6px * var(--sync-scale)));transition:opacity 360ms ease-out, transform 360ms ease-out}.index-story__visual.is-ended .index-story__synced-line{opacity:1;transform:translateX(0)}.index-story__visual.is-ended .index-story__synced-line--1{transition-delay:0ms}.index-story__visual.is-ended .index-story__synced-line--2{transition-delay:260ms}.index-story__visual.is-ended .index-story__synced-line--3{transition-delay:520ms}.index-proof{background:#fff}.index-proof__heading{margin-bottom:64px}.index-proof__heading .index-section-heading__kicker{color:#7b828d}.index-proof__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:56px 48px}@media all and (max-width: 980px){.index-proof__grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:48px 40px}}@media all and (max-width: 640px){.index-proof__grid{grid-template-columns:1fr;gap:40px 0}}.index-proof__card{position:relative;min-height:0;box-sizing:border-box}.index-proof__card-title{margin:0;font-size:20px;line-height:1.28;letter-spacing:-0.01em;font-weight:700}.index-proof__card-body{margin:14px 0 0;max-width:60ch;font-size:15px;line-height:1.74;color:#4d535d}.index-cta{background:#f5f5f5;padding-top:160px;padding-bottom:160px}@media all and (max-width: 640px){.index-cta{padding-top:96px;padding-bottom:96px}}.index-cta__shell{text-align:center}.index-cta__kicker{margin:0 0 22px;font-size:12px;line-height:18px;letter-spacing:0.18em;text-transform:uppercase;color:#7b828d}.index-cta__title{margin:0;font-size:56px;line-height:1.08;letter-spacing:-0.035em;font-weight:800;color:#111318}@media all and (max-width: 980px){.index-cta__title{font-size:44px}}@media all and (max-width: 640px){.index-cta__title{font-size:34px}}.index-cta__body{max-width:640px;margin:26px auto 0;font-size:17px;line-height:1.74;color:#4d535d}.index-cta__actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:44px}.index-cta .index-button--primary{background:#111318;border-color:rgba(0,0,0,0);color:#ffffff;box-shadow:0 8px 20px rgba(10,12,16,0.18)}.index-cta .index-button--primary:hover{background:#000}.index-cta .index-button--secondary{background:transparent;border:1px solid rgba(17,19,24,0.2);color:#111318}@media all and (max-width: 640px){.index-story,.index-proof{padding-top:72px;padding-bottom:72px}}