.beta-bar{--beta-frame-line:#d4d0dd;--beta-err:var(--brand-magenta);--beta-err-ink:#b81e64;background:#fff;padding:80px 40px 64px;scroll-margin-top:24px}.beta-inner{text-align:center;border-top:1px solid #1f3a8a24;max-width:860px;margin:0 auto;padding-top:56px}.beta-line{color:var(--brand-navy);letter-spacing:-.005em;text-wrap:balance;margin:0 0 32px;font-size:42px;font-weight:500;line-height:1.25;transition:color .2s}.beta-line.is-err{color:var(--beta-err-ink)}.beta-line .beta-j{color:var(--brand-magenta)}.beta-form{margin:0}.beta-row{justify-content:center;align-items:stretch;gap:10px;width:100%;max-width:620px;margin:0 auto;display:flex}.beta-emailwrap{flex:1;min-width:220px;display:flex}.beta-vh{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.beta-honeypot{width:1px;height:1px;position:absolute;left:-9999px}.beta-email{font:inherit;border-radius:var(--radius-md);border:2px solid var(--beta-frame-line);width:100%;height:52px;color:var(--ink);background:#f4f2f8;outline:none;padding:0 16px;font-size:16px;transition:border-color .15s}.beta-email::placeholder{opacity:.6}.beta-email:focus-visible{border-color:var(--brand-navy)}.beta-form.invalid .beta-email{border-color:var(--beta-err)}.beta-email:disabled{opacity:.65}.beta-seg{border-radius:var(--radius-pill);background:#f4f2f8;flex:none;align-items:center;gap:4px;padding:4px;display:inline-flex}.beta-seg button{font:inherit;cursor:image-set(url(/cursor.png) 1.5x) 7 3, auto;color:var(--brand-navy);border-radius:var(--radius-pill);background:0 0;border:none;align-items:center;gap:6px;height:44px;padding:0 13px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.beta-seg button svg{display:block}.beta-seg button[aria-pressed=true]{background:var(--brand-navy);color:#fff}.beta-seg button:disabled{opacity:.7}.beta-btn{font:inherit;cursor:image-set(url(/cursor.png) 1.5x) 7 3, auto;border:2px solid var(--brand-navy);border-radius:var(--radius-pill);background:var(--brand-yellow);color:var(--brand-navy);min-width:132px;height:52px;box-shadow:4px 4px 0 var(--brand-magenta);flex:none;justify-content:center;align-items:center;gap:9px;padding:0 26px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s,background .2s,border-color .2s,color .2s;display:inline-flex}.beta-btn:hover{box-shadow:5px 5px 0 var(--brand-magenta);transform:translate(-1px,-1px)}.beta-btn:active{box-shadow:2px 2px 0 var(--brand-magenta);transform:translate(2px,2px)}.beta-b{align-items:center;gap:9px;display:none}.beta-b svg{display:block}.beta-b-idle{display:inline-flex}.beta-spinner{border:2.5px solid #1f3a8a40;border-top-color:var(--brand-navy);border-radius:999px;width:16px;height:16px;animation:.7s linear infinite beta-spin}@keyframes beta-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.beta-spinner{animation-duration:1.4s}}.beta-form.loading .beta-btn{pointer-events:none;box-shadow:4px 4px 0 var(--brand-magenta);transform:none}.beta-form.loading .beta-b-idle{display:none}.beta-form.loading .beta-b-load{display:inline-flex}.beta-form.done .beta-btn{background:var(--brand-mint);border-color:var(--brand-navy);color:var(--brand-navy);box-shadow:4px 4px 0 var(--brand-navy);pointer-events:none}.beta-form.done .beta-b-idle{display:none}.beta-form.done .beta-b-done{display:inline-flex}.beta-form.neterr .beta-btn{border-color:var(--beta-err);color:var(--beta-err-ink);box-shadow:4px 4px 0 var(--beta-err);background:#fcdcea}.beta-form.neterr .beta-b-idle{display:none}.beta-form.neterr .beta-b-retry{display:inline-flex}@media (max-width:720px){.beta-line{font-size:30px}}@media (max-width:640px){.beta-bar{padding:60px 20px 52px}.beta-row{flex-direction:column;align-items:stretch;gap:16px;max-width:360px}.beta-seg{justify-content:center;align-self:center}.beta-btn{width:100%}}
.hero-section{min-height:var(--stable-vh,100svh);flex-direction:column;display:flex}.hero-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.scroll-cue{color:var(--brand-navy);pointer-events:none;justify-content:center;padding-bottom:24px;display:flex}.scroll-cue svg{opacity:.5;animation:1.8s ease-in-out infinite scroll-bob}@keyframes scroll-bob{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:.9;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.scroll-cue svg{opacity:.5;animation:none}}.how-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.how-card{transition:transform .2s,box-shadow .2s}.how-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #00000047}@media (prefers-reduced-motion:reduce){.how-card{transition:none}.how-card:hover{transform:none}}.lookback-grid{grid-template-columns:1fr 380px;align-items:center;gap:80px;display:grid}@keyframes mascot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mascot-spin{animation:12s linear infinite mascot-spin}.mascot-deco{display:inline-flex}.mascot-mobile{display:none}.hero-heading{font-size:clamp(36px,5vw,64px)}.lookback-heading{font-size:clamp(32px,4.5vw,56px)}.phone-frame{width:320px;height:656px}@media (max-width:1023px){.how-grid{grid-template-columns:repeat(2,1fr)}.lookback-grid{grid-template-columns:1fr;gap:48px}.lookback-grid>:last-child{justify-self:center}.mascot-deco{display:none}.mascot-mobile{display:inline-flex}}@media (max-width:639px){.how-grid{grid-template-columns:1fr}.phone-frame{width:260px;height:533px}}
.ask{background:var(--brand-navy);border-bottom:1px solid #ffffff1f;width:100%;position:relative;overflow:hidden;container-type:inline-size}.ask button{cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit}.ask .j{color:var(--brand-magenta);font-weight:700}.ask .pad{padding:56px 48px 60px}.ask .head{text-align:center}.ask .head .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand-yellow);font-size:13px;font-weight:500;line-height:18px}.ask .head h2{letter-spacing:-.02em;color:#fff;margin:8px 0 0;font-size:42px;font-weight:500;line-height:1.05}.ask .chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin:28px auto 0;display:flex}.ask .chip{border-radius:var(--radius-pill);color:#ffffffd1;transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);white-space:nowrap;border:1.5px solid #ffffff47;padding:9px 16px;font-size:14px;font-weight:500;line-height:1}.ask .chip:hover{color:#fff;border-color:#fff}.ask .chip.on{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--brand-navy)}.ask .threadwrap{min-height:520px}.ask .thread{max-width:720px;animation:ask-thread-in var(--dur-switch) var(--ease-out) both;flex-direction:column;gap:14px;margin:26px auto 0;display:flex}@keyframes ask-thread-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ask .thread{animation:none}}.ask .item{flex-direction:column;display:flex}.ask .askbub{width:100%;color:var(--brand-navy);transition:background var(--dur-fast);background:#fff;border-radius:18px 18px 18px 4px;align-items:center;gap:16px;padding:16px 20px;font-size:18px;font-weight:500;line-height:1.35;display:flex}.ask .askbub:hover{background:#f3f0f8}.ask .askbub .txt{flex:1}.ask .askbub .chev{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-navy) 10%, transparent);width:28px;height:28px;color:var(--brand-navy);transition:transform var(--dur-med), background var(--dur-fast), color var(--dur-fast);flex:none;place-items:center;display:grid}.ask .item.open .askbub{border-radius:18px 18px 4px}.ask .item.open .askbub .chev{background:var(--brand-yellow);color:var(--brand-navy);transform:rotate(180deg)}.ask .replywrap{opacity:0;transition:grid-template-rows var(--dur-med) ease, opacity var(--dur-med), margin var(--dur-med);grid-template-rows:0fr;margin-top:0;display:grid}.ask .item.open .replywrap{opacity:1;grid-template-rows:1fr;margin-top:12px}.ask .reply{align-items:flex-end;gap:14px;padding-left:8px;display:flex;overflow:hidden}.ask .reply .pin{border-radius:var(--radius-pill);background:var(--brand-mint);flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 0 0 3px #ffffff2e}.ask .reply .pin img{width:34px;height:auto}.ask .reply .bub{border:2px solid var(--brand-navy);color:var(--ink);box-shadow:5px 5px 0 var(--brand-magenta);background:#fff;border-radius:18px 18px 18px 4px;max-width:80%;padding:14px 20px;font-size:16px;line-height:1.5}@container (max-width:720px){.ask .pad{padding:40px 18px 44px}.ask .head h2{font-size:30px}.ask .chips{gap:8px;margin-top:22px}.ask .chip{padding:8px 13px;font-size:13px}.ask .threadwrap{min-height:600px}.ask .thread{gap:12px;margin-top:22px}.ask .askbub{gap:12px;padding:14px 16px;font-size:16px}.ask .reply .pin{width:40px;height:40px}.ask .reply .pin img{width:30px}.ask .reply .bub{max-width:100%;padding:12px 16px;font-size:15px}}
.story-scroll{--font-display:var(--font-bowlby-one), "Noto Sans TC", system-ui, sans-serif;--font-sans:var(--font-roboto), var(--font-noto-sans-tc), system-ui, sans-serif;--ease-standard:var(--ease-out);background:#fff;position:relative}.story-pin{height:var(--stable-vh,100svh);justify-content:center;align-items:center;min-height:640px;display:flex;position:sticky;top:0;overflow:hidden}.story-scroll.is-static{height:auto!important}.story-scroll.is-static .story-pin{height:auto;min-height:0;padding:88px 0 96px;position:static}.story-stage{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:clamp(28px,5vw,80px);width:min(1180px,92vw);display:grid;position:relative}.sl-text{position:relative}.sl-word{--ws:clamp(52px, 7vw, 100px);height:clamp(96px, calc(var(--stable-vh,100svh) * .15), 168px);margin-bottom:40px;position:relative}.sl-bigword{--ga:.88;--ja:1.231;--js:1;white-space:nowrap;align-items:flex-end;gap:0;display:flex;position:absolute;bottom:6px;left:0}.sl-bigword img{height:var(--ws);flex:none;width:auto;max-width:none;display:block}.sl-eo{flex:none;display:inline-flex;position:relative}.sl-first{--cx:0;flex:none;display:inline-flex;position:relative}.sl-gch{display:inline-flex}.sl-jch{opacity:0;bottom:auto;left:calc(var(--ws) * (var(--ga) - var(--js) * var(--ja)));top:calc(.015 * var(--ws));position:absolute}.sl-jch img{height:calc(var(--ws) * var(--js))}.sl-graphy{margin-left:calc(var(--ws) * .1);transform-origin:0 100%;--cx:0;flex:none;display:inline-flex;position:relative}.sl-mark{opacity:0;transform-origin:0 100%;position:absolute;bottom:0;left:0}.sl-mark img{height:calc(var(--ws) * 1.08);filter:drop-shadow(0 10px 22px #1f3a8a33);width:auto;max-width:none;display:block}.sl-caption{max-width:30ch;min-height:3.2em;font:500 clamp(19px, 2vw, 26px)/1.4 var(--font-sans);color:var(--brand-navy);opacity:0;transition:opacity .45s var(--ease-standard), transform .45s var(--ease-standard);margin:0;transform:translateY(12px)}.sl-caption .lead{color:var(--brand-magenta);font-weight:700;display:inline-block}.sl-final-name{opacity:0;font:700 15px/1 var(--font-sans);letter-spacing:.04em;color:var(--brand-navy);background:var(--brand-yellow);border:2px solid var(--brand-navy);border-radius:var(--radius-pill);box-shadow:3px 3px 0 var(--brand-magenta);align-items:center;gap:10px;margin-top:18px;padding:9px 16px;display:inline-flex}.sl-final-name:before{content:"";background:var(--brand-magenta);border-radius:999px;width:8px;height:8px}.sl-phone{aspect-ratio:1080/2400;border:3px solid var(--brand-navy);width:min(30vw,280px);height:auto;box-shadow:0 20px 40px #1f3a8a2e, 12px 12px 0 var(--brand-magenta);opacity:0;background:#1f1f1f;border-radius:44px;justify-self:center;padding:10px;position:relative}.sl-screen{background:#1f3a8a;border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden}.sl-screen>img.sl-map{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.sl-screen>svg.sl-shapes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sl-shape{fill-opacity:0;stroke-dasharray:100;stroke-dashoffset:100px}.sl-shape.tri,.sl-shape.poly{fill:#a4d84a;stroke:#a4d84a}.sl-shape.line{fill:none;stroke:#a4d84a}.sl-shapes path,.sl-shapes polygon{stroke-width:8px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 2px 4px #00000073)}.sl-shapes.is-final .sl-shape{filter:drop-shadow(0 0 10px)}.sl-cover{z-index:2;aspect-ratio:1;opacity:0;border:2px solid #fff;border-radius:9px;width:17%;position:absolute;overflow:hidden;transform:translate(-50%,-50%)scale(.6);box-shadow:0 6px 16px #00000080}.sl-cover img{object-fit:cover;width:100%;height:100%;display:block}.sl-cover--1{top:27%;left:30%}.sl-cover--2{top:58%;left:50%}.sl-cover--3{top:43%;left:80%}@media (max-width:880px){.story-pin{min-height:560px}.story-stage{text-align:center;justify-items:center;gap:clamp(16px, calc(var(--stable-vh,100svh) * .034), 30px);grid-template-columns:1fr}.sl-word{height:clamp(54px, calc(var(--stable-vh,100svh) * .09), 84px);--ws:min(60px, 11vw);width:100%}.sl-bigword{--cx:-50%;justify-content:center;left:50%}.sl-mark{--cx:-50%;left:50%}.sl-caption{max-width:26ch;font:500 clamp(16px, 4.2vw, 21px)/1.45 var(--font-sans);min-height:2.8em;margin-inline:auto}.sl-phone{width:min(50vw,200px);height:auto;box-shadow:0 12px 26px #1f3a8a29, 8px 8px 0 var(--brand-magenta);border-radius:34px}}@media (max-width:880px) and (max-height:640px){.sl-caption{min-height:2.4em}}