@font-face{font-family:Clipy Anton;src:url(/fonts/anton-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.sp-marketing{--sp-ink:#0a101c;--sp-blue:#0758ff;--sp-coral:#ff806f;--sp-paper:#faf8f2;color:var(--sp-ink);font-family:var(--font-inter),Arial,sans-serif}.sp-marketing *{box-sizing:border-box}.sp-marketing a:focus-visible,.sp-marketing button:focus-visible,.sp-marketing input:focus-visible{outline:3px solid #152742;outline-offset:5px}.sp-marketing .sp-gateway{background:var(--sp-paper) url(/images/story-playground/paper.webp) repeat;isolation:isolate;overflow:hidden}.sp-marketing .sp-hero-canvas{position:relative;max-width:1440px;aspect-ratio:1000/790;margin:auto}.sp-marketing .sp-hero-copy{position:absolute;z-index:5;left:26%;top:1.8%;width:49%;text-align:center}.sp-marketing .sp-headline{position:relative}.sp-marketing .sp-hero-copy h1{font-family:Clipy Anton,Impact,sans-serif;font-weight:400;font-size:clamp(68px,11.3vw,163px);line-height:.98;letter-spacing:-.045em;color:#090e17;margin:0;text-wrap:nowrap}.sp-marketing .sp-hero-copy h1 span{display:block}.sp-marketing .sp-headline-mark{position:absolute;bottom:-40px;left:29%;width:43%;height:auto;transform:rotate(-4deg);pointer-events:none}.sp-marketing .sp-headline-mark img{display:block;width:100%;height:auto}.sp-marketing .sp-role-actions{display:flex;gap:12px;margin-top:clamp(30px,3.5vw,50px)}.sp-marketing .sp-role{display:flex;justify-content:center;align-items:center;gap:9px;flex:1;min-width:0;padding:clamp(16px,2.3vw,33px) 12px;border-radius:12px;font-size:clamp(16px,2.35vw,32px);line-height:1.15;font-weight:700;letter-spacing:-.04em;text-decoration:none;transition:transform .2s,box-shadow .2s}.sp-marketing .sp-role svg{height:1em;width:1em;flex-shrink:0;stroke-width:1.8}.sp-marketing .sp-role:hover{transform:translateY(-3px);box-shadow:0 8px 0 #18233b12}.sp-marketing .sp-role--brand{color:#fff;background:var(--sp-blue)}.sp-marketing .sp-role--creator{color:#191414;background:var(--sp-coral)}.sp-marketing .sp-hero-support{margin:20px -8% 0;font-size:clamp(13px,1.5vw,19px);color:#4e5a70}.sp-marketing .sp-corner-label{position:absolute;top:3%;left:5.2%;width:95px;margin:0;text-transform:uppercase;font-size:clamp(9px,1vw,13px);line-height:1.9;letter-spacing:.21em;color:#344159}.sp-marketing .sp-side-note{position:absolute;top:6%;right:4.5%;margin:0;font-size:clamp(17px,2vw,28px);font-style:italic;line-height:1.12;letter-spacing:-.045em;color:#0758ff;transform:rotate(-9deg);font-weight:600}.sp-marketing .sp-collage{position:absolute;inset:0;pointer-events:none;z-index:2}.sp-marketing .sp-ribbon{position:absolute;left:18%;top:34%;width:100%;transform:rotate(-8deg)}.sp-marketing .sp-ribbon img,.sp-marketing .sp-ribbon picture{display:block;width:100%;height:auto}.sp-marketing .sp-paper-note{position:absolute;top:69%;left:17%;width:15%;aspect-ratio:4/5;transform:rotate(-5deg);display:grid;place-items:center}.sp-marketing .sp-paper-note>picture{position:absolute;inset:0;width:100%;height:100%}.sp-marketing .sp-paper-note img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sp-marketing .sp-paper-note>span{position:relative;width:65%;font-size:clamp(16px,2vw,28px);font-style:italic;line-height:1.1;letter-spacing:-.04em;font-weight:600}.sp-marketing .sp-hero-bottom{position:absolute;z-index:6;left:33%;bottom:2.6%;width:36%;text-align:center}.sp-marketing .sp-scrubber{display:block;color:#586174;font-size:11px}.sp-marketing .sp-scrubber input{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;accent-color:var(--sp-blue);width:100%;height:36px;cursor:ew-resize;margin:0 0 2px}.sp-marketing .sp-scrubber input::-webkit-slider-runnable-track{height:2px;background:#b8c7df}.sp-marketing .sp-scrubber input::-moz-range-track{height:2px;background:#b8c7df}.sp-marketing .sp-scrubber input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--sp-blue);box-shadow:0 2px 8px #0758ff40;margin-top:-7px}.sp-marketing .sp-scrubber input::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--sp-blue);box-shadow:0 2px 8px #0758ff40}.sp-marketing .sp-scrubber>span{display:flex;align-items:center;justify-content:center;gap:12px}.sp-marketing .sp-frame-label{color:#344056;font-weight:600}.sp-marketing .sp-sources{font-size:10px;color:#596174;margin:14px -15% 0;display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}.sp-marketing .sp-sources a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:30px;color:#253651;text-decoration:underline;text-underline-offset:3px}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-weight:900;font-size:clamp(50px,7.8vw,110px);line-height:1.2;letter-spacing:-.07em}.sp-marketing .sp-gateway--cjk .sp-hero-copy{top:5%}.sp-marketing .sp-gateway--cjk .sp-side-note{line-height:1.6;font-style:normal}.sp-marketing .sp-gateway--cjk .sp-paper-note>span{line-height:1.6;font-size:clamp(15px,1.7vw,25px);font-style:normal}@media(min-width:1441px){.sp-marketing .sp-hero-canvas{aspect-ratio:1000/740}}@media(max-width:900px) and (min-width:601px){.sp-marketing .sp-hero-canvas{aspect-ratio:1000/880}.sp-marketing .sp-hero-copy{width:58%;left:21%;top:3%}.sp-marketing .sp-hero-copy h1{font-size:12.6vw}.sp-marketing .sp-headline-mark{bottom:-30px}.sp-marketing .sp-ribbon{top:37%}.sp-marketing .sp-paper-note{top:73%;left:14%}.sp-marketing .sp-side-note{top:7%;right:2%;font-size:17px;width:13%}.sp-marketing .sp-corner-label{left:3%;font-size:9px;width:75px}.sp-marketing .sp-hero-bottom{bottom:2%;left:31%;width:42%}.sp-marketing .sp-hero-support{font-size:12px}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-size:8.7vw}}@media(max-width:600px){.sp-marketing .sp-hero-canvas{aspect-ratio:auto;min-height:780px;padding:34px 20px 18px;display:flex;flex-direction:column}.sp-marketing .sp-hero-copy{position:relative;left:auto;top:auto;width:100%;z-index:5}.sp-marketing .sp-hero-copy h1{font-size:clamp(60px,15.8vw,92px);line-height:1.03;letter-spacing:-.04em}.sp-marketing .sp-headline-mark{top:auto;bottom:-29px;left:29%;width:43%}.sp-marketing .sp-role-actions{margin-top:32px;gap:9px}.sp-marketing .sp-role{font-size:17px;min-height:59px;padding:16px 10px;border-radius:9px;gap:5px}.sp-marketing .sp-hero-support{font-size:12px;line-height:1.5;margin:15px 0 0}.sp-marketing .sp-corner-label,.sp-marketing .sp-side-note{display:none}.sp-marketing .sp-collage{position:relative;inset:auto;height:370px;width:calc(100% + 40px);margin:20px -20px 0}.sp-marketing .sp-ribbon{top:29%;left:-7%;width:126%;transform:rotate(-9deg);z-index:3}.sp-marketing .sp-paper-note{top:66%;left:5%;width:24%}.sp-marketing .sp-paper-note>span{font-size:17px}.sp-marketing .sp-hero-bottom{position:relative;left:auto;bottom:auto;width:80%;margin:auto auto 0;padding-bottom:60px;z-index:6}.sp-marketing .sp-sources{font-size:10px;margin:8px 0 0;max-width:180px;justify-content:flex-start;text-align:left}.sp-marketing .sp-source-caption{flex-basis:100%}.sp-marketing .sp-sources a{min-height:44px;min-width:44px;font-size:12px}.sp-marketing .sp-gateway--cjk .sp-hero-copy{top:auto}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-size:clamp(38px,10.4vw,58px);letter-spacing:-.055em;line-height:1.35}.sp-marketing .sp-gateway--cjk .sp-headline-mark{top:auto}.sp-marketing .sp-gateway--cjk .sp-paper-note>span{font-size:13px;line-height:1.5;width:76%}}.sp-marketing{--sp-ink:#15243b;--sp-blue:#2455e6;--sp-coral:#df7b66}.sp-marketing .sp-hero-canvas{aspect-ratio:1000/650}.sp-marketing .sp-hero-copy{left:22%;top:7%;width:56%}.sp-marketing .sp-hero-copy h1{font-size:clamp(68px,8.4vw,121px);line-height:1.03;letter-spacing:-.035em;color:var(--sp-ink)}.sp-marketing .sp-headline-mark{bottom:-24px;left:43%;width:27%}.sp-marketing .sp-role-actions{justify-content:center;gap:14px;margin-top:36px}.sp-marketing .sp-role{flex:initial;justify-content:space-between;gap:24px;min-width:185px;padding:15px 16px 15px 23px;border:1px solid transparent;border-radius:9px;font-size:16px;line-height:1.25;font-weight:600;letter-spacing:-.02em;box-shadow:inset 0 1px 0 #ffffff26,0 5px 12px #14213b0c;transition:transform .2s,box-shadow .2s,background .2s}.sp-marketing .sp-role svg{height:26px;width:26px;padding:4px;border:1px solid #ffffff38;border-radius:50%;stroke-width:1.6;transition:transform .2s}.sp-marketing .sp-role:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff26,0 8px 18px #14213b22}.sp-marketing .sp-role:hover svg{transform:rotate(45deg)}.sp-marketing .sp-role--brand:hover{background:#1944c3}.sp-marketing .sp-role--creator{color:#fff;background:var(--sp-ink)}.sp-marketing .sp-role--creator:hover{background:#263c5d}.sp-marketing .sp-hero-support{margin:15px 0 0;font-size:14px;line-height:1.6;color:#5b6575}.sp-marketing .sp-corner-label{top:6%;left:4%;width:110px;font-size:10px;letter-spacing:.18em;color:#536078}.sp-marketing .sp-side-note{top:9%;right:4%;width:12%;font-size:clamp(17px,1.5vw,22px);line-height:1.2;letter-spacing:-.035em;color:var(--sp-blue);transform:rotate(-7deg);font-weight:500}.sp-marketing .sp-ribbon{left:-5%;top:48%;width:112%;transform:rotate(-5deg);opacity:.96}.sp-marketing .sp-creator-preview{position:absolute;width:13%;padding:6px 6px 21px;background:#fff;border:1px solid #e8e3da;border-radius:3px;box-shadow:0 14px 22px -12px #1b273a55;transform:translateY(var(--sp-drift,0)) rotate(var(--sp-angle));transition:transform .45s ease}.sp-marketing .sp-creator-preview img,.sp-marketing .sp-creator-preview picture{display:block;width:100%;height:auto}.sp-marketing .sp-creator-preview img{aspect-ratio:9/14;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.sp-marketing .sp-creator-preview--cutout{width:17%;padding:0;border:0;background:none;box-shadow:none}.sp-marketing .sp-creator-preview--cutout img{aspect-ratio:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(3px 9px 5px #342b1720)}.sp-marketing .sp-creator-preview--1{--sp-angle:-8deg;left:2%;top:31%}.sp-marketing .sp-creator-preview--2{--sp-angle:7deg;left:17%;top:49%;width:13%}.sp-marketing .sp-creator-preview--3{--sp-angle:-7deg;left:34%;bottom:18%;width:11.5%}.sp-marketing .sp-creator-preview--4{--sp-angle:6deg;left:52%;bottom:18%;width:11.5%}.sp-marketing .sp-creator-preview--5{--sp-angle:-9deg;right:17%;top:48%;width:13%}.sp-marketing .sp-creator-preview--6{--sp-angle:9deg;right:2%;top:30%}.sp-marketing .sp-preview-number{position:absolute;bottom:5px;left:8px;font-size:9px;letter-spacing:.16em;color:#626c79;font-variant-numeric:tabular-nums}.sp-marketing .sp-paper-note{top:79%;left:5%;width:10%;transform:rotate(-6deg)}.sp-marketing .sp-paper-note>span{width:68%;font-size:clamp(12px,1.2vw,17px);line-height:1.2;letter-spacing:-.025em;font-weight:500}.sp-marketing .sp-hero-bottom{left:29%;bottom:1.4%;width:42%;padding:2px 12px;background:var(--sp-paper);border:1px solid #e8e3da;border-radius:10px}.sp-marketing .sp-sources{margin:4px -15% 0;gap:5px}.sp-marketing .sp-sources a{min-height:32px}.sp-marketing .sp-gateway[data-frame="1"] .sp-creator-preview:nth-of-type(2n){transform:translateY(calc(var(--sp-drift,0px) - 12px)) rotate(0deg)}.sp-marketing .sp-gateway[data-frame="2"] .sp-creator-preview{transform:translateY(calc(var(--sp-drift,0px) - 8px)) rotate(calc(var(--sp-angle) * -.5))}.sp-marketing .sp-gateway--cjk .sp-hero-copy{top:7%}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-size:clamp(50px,6.5vw,93px);letter-spacing:-.06em}.sp-marketing .sp-gateway--cjk .sp-paper-note>span{font-size:clamp(12px,1.1vw,16px)}@media(max-width:1000px) and (min-width:601px){.sp-marketing .sp-hero-canvas{aspect-ratio:1000/780}.sp-marketing .sp-hero-copy{left:19%;width:62%;top:6%}.sp-marketing .sp-hero-copy h1{font-size:9.5vw}.sp-marketing .sp-corner-label{font-size:8px;left:3%;width:90px}.sp-marketing .sp-role{min-width:0;font-size:14px;gap:14px;padding:13px 14px}.sp-marketing .sp-role-actions{margin-top:30px;gap:10px}.sp-marketing .sp-hero-support{font-size:12px}.sp-marketing .sp-side-note{font-size:15px;right:3%}.sp-marketing .sp-creator-preview--1,.sp-marketing .sp-creator-preview--6{top:34%;width:20%}.sp-marketing .sp-creator-preview--2,.sp-marketing .sp-creator-preview--5{top:52%;width:14%}.sp-marketing .sp-creator-preview--3,.sp-marketing .sp-creator-preview--4{width:12%}.sp-marketing .sp-paper-note{top:78%;width:13%;left:3%}.sp-marketing .sp-hero-bottom{left:25%;width:50%}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-size:7.3vw}}@media(max-width:600px){.sp-marketing .sp-hero-canvas{aspect-ratio:auto;min-height:0;padding:38px 20px 18px}.sp-marketing .sp-hero-copy{left:auto;top:auto;width:100%}.sp-marketing .sp-hero-copy h1{font-size:clamp(58px,15.4vw,89px);line-height:1.05;letter-spacing:-.035em}.sp-marketing .sp-headline-mark{bottom:-19px;left:43%;width:29%}.sp-marketing .sp-role-actions{margin-top:28px;gap:10px}.sp-marketing .sp-role{flex:1;min-width:0;font-size:14px;min-height:52px;padding:12px 13px;gap:6px;border-radius:8px}.sp-marketing .sp-role svg{width:23px;height:23px}.sp-marketing .sp-hero-support{font-size:12px;line-height:1.5;margin:14px 0 0}.sp-marketing .sp-collage{height:auto;aspect-ratio:1.18;margin-top:16px}.sp-marketing .sp-ribbon{top:26%;left:-16%;width:137%;transform:rotate(-9deg);z-index:auto}.sp-marketing .sp-creator-preview{padding:4px 4px 17px}.sp-marketing .sp-creator-preview--cutout{padding:0}.sp-marketing .sp-creator-preview--1{top:0;left:0;width:23%}.sp-marketing .sp-creator-preview--6{top:0;right:0;width:23%}.sp-marketing .sp-creator-preview--2{top:7%;left:27%;width:19%}.sp-marketing .sp-creator-preview--5{top:8%;right:27%;width:19%}.sp-marketing .sp-creator-preview--3{top:57%;bottom:auto;left:28%;width:20%}.sp-marketing .sp-creator-preview--4{top:58%;bottom:auto;left:56%;width:20%}.sp-marketing .sp-paper-note{top:59%;left:2%;width:21%}.sp-marketing .sp-paper-note>span{font-size:13px}.sp-marketing .sp-hero-bottom{left:auto;bottom:auto;width:90%;margin:5px auto 0;padding:0 0 54px;background:none;border:0;border-radius:0}.sp-marketing .sp-sources{margin:6px 0 0;gap:0;max-width:none;justify-content:center;text-align:center}.sp-marketing .sp-sources a{min-height:44px;min-width:40px;font-size:11px}.sp-marketing .sp-gateway--cjk .sp-hero-copy{top:auto}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-size:clamp(36px,10vw,58px);letter-spacing:-.055em;line-height:1.3}.sp-marketing .sp-gateway--cjk .sp-paper-note>span{font-size:11px;line-height:1.5;width:76%}}@media(max-width:360px){.sp-marketing .sp-role{font-size:13px;padding:12px 10px;gap:4px}.sp-marketing .sp-role svg{width:20px;height:20px;padding:3px}}@media(prefers-reduced-motion:reduce){.sp-marketing *,.sp-marketing :after,.sp-marketing :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sp-marketing .sp-scroll-layer{--sp-drift:0px!important}}.sp-marketing .sp-gateway--cjk .sp-hero-copy,.sp-marketing .sp-hero-copy{top:5%}.sp-marketing .sp-hero-copy h1{font-size:clamp(60px,7vw,100px)}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-size:clamp(46px,6vw,86px)}.sp-marketing .sp-headline-mark{bottom:-20px;left:60%;width:24%}.sp-marketing .sp-gateway--cjk .sp-headline-mark{left:48%}.sp-marketing .sp-hero-support{max-width:700px;margin:26px auto 0;text-wrap:balance;font-size:clamp(15px,1.25vw,18px);line-height:1.5;color:#36415a}.sp-marketing .sp-role-actions{margin-top:22px}.sp-marketing .sp-role{min-height:48px}.sp-marketing .sp-role--brand{min-width:215px}.sp-marketing .sp-role--creator{color:var(--sp-ink);background:transparent;border-color:#15243b8c;box-shadow:none}.sp-marketing .sp-role--creator svg{border-color:#15243b45}.sp-marketing .sp-role--creator:hover{background:#15243b0f;box-shadow:none}.sp-marketing .sp-hero-terms{margin:12px 0 0;font-size:13px;line-height:1.5;color:#535e70}.sp-marketing .sp-proof{background:#fff;border-top:1px solid #e8e3da;border-bottom:1px solid #e8e3da;padding:30px 24px 24px}.sp-marketing .sp-proof-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1200px;margin:0 auto;padding:0;list-style:none}.sp-marketing .sp-proof-item{display:flex;flex-direction:column;gap:6px;min-width:0;padding:2px 28px;border-left:1px solid #e8e3da}.sp-marketing .sp-proof-item:first-child{border-left:0;padding-left:0}.sp-marketing .sp-proof-value{font-family:Clipy Anton,Impact,sans-serif;font-weight:400;font-size:clamp(36px,3.3vw,48px);line-height:1;color:var(--sp-blue)}.sp-marketing .sp-proof-label{font-size:15px;line-height:1.4;font-weight:600;color:var(--sp-ink)}.sp-marketing .sp-proof-detail{font-size:13px;line-height:1.45;color:#535e70}.sp-marketing .sp-proof-note{max-width:1200px;margin:20px auto 0;font-size:12px;line-height:1.5;color:#535e70}@media(max-width:1000px) and (min-width:601px){.sp-marketing .sp-hero-canvas{aspect-ratio:1000/860}.sp-marketing .sp-gateway--cjk .sp-hero-copy,.sp-marketing .sp-hero-copy{top:4%}.sp-marketing .sp-hero-copy h1{font-size:8.2vw}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-size:6.6vw}.sp-marketing .sp-hero-support{font-size:14px;margin-top:22px}.sp-marketing .sp-role-actions{margin-top:18px}.sp-marketing .sp-hero-terms{font-size:12px}.sp-marketing .sp-proof-item{padding:2px 16px}.sp-marketing .sp-proof-label{font-size:14px}}@media(max-width:600px){.sp-marketing .sp-gateway--cjk .sp-hero-copy,.sp-marketing .sp-hero-copy{top:auto}.sp-marketing .sp-hero-copy h1{font-size:clamp(44px,13.4vw,74px)}.sp-marketing .sp-gateway--cjk .sp-hero-copy h1{font-size:clamp(36px,10.6vw,58px)}.sp-marketing .sp-headline-mark{bottom:-16px;left:58%;width:30%}.sp-marketing .sp-gateway--cjk .sp-headline-mark{left:46%}.sp-marketing .sp-hero-support{font-size:15px;margin:24px 0 0}.sp-marketing .sp-role-actions{margin-top:18px}.sp-marketing .sp-role--brand{min-width:0;flex:1.25}.sp-marketing .sp-hero-terms{font-size:12px;margin-top:10px}.sp-marketing .sp-proof{padding:22px 20px 20px}.sp-marketing .sp-proof-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.sp-marketing .sp-proof-item{padding:0 0 0 16px}.sp-marketing .sp-proof-item:nth-child(odd){border-left:0;padding-left:0}.sp-marketing .sp-proof-value{font-size:34px}.sp-marketing .sp-proof-label{font-size:14px}.sp-marketing .sp-proof-detail{font-size:12px}}@media(max-height:500px),(max-width:639px){.sp-marketing .sp-scrubber input{height:44px}.sp-marketing .sp-sources a{min-width:44px;min-height:44px}}